/* Scoped additions for Advice, Decode This Text, and the homepage clue. */
.secret-clue {display:flex;align-items:baseline;gap:20px;padding-top:20px;padding-bottom:20px;border-top:1px solid var(--line);color:var(--charcoal);font-size:14px;}
.secret-clue>span {font:italic 24px var(--font-display);color:var(--wine);white-space:nowrap;}
.secret-clue p {margin:0;max-width:75ch;}
.decode-invite {background:var(--paper);border-bottom:1px solid var(--line);}
.decode-invite-grid,.decode-layout {display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:64px;align-items:start;}
.decode-invite-grid {align-items:center;}
.decode-fineprint {font-size:13px;max-width:48ch;margin:18px 0 0;color:var(--charcoal);}
.text-vignette {padding:32px;background:var(--cream);border:1px solid var(--line);}
.bubble {padding:18px 22px;border-radius:18px;max-width:90%;font-size:18px;line-height:1.5;}
.incoming {background:var(--paper);border:1px solid var(--line);border-bottom-left-radius:3px;margin-right:auto;}
.outgoing {background:var(--wine);color:var(--paper);border-bottom-right-radius:3px;margin-left:auto;}
.vignette-caption {font:italic 18px var(--font-display);color:var(--charcoal);text-align:center;margin:24px 0 0;}
.advice-heading {max-width:720px;margin-bottom:32px;}
.advice-heading>p:last-child {font-size:15px;color:var(--charcoal);}
.advice-filters {display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px;}
.advice-filter {background:transparent;border:1px solid var(--line-strong);border-radius:24px;padding:10px 16px;font:inherit;font-size:14px;color:var(--ink);cursor:pointer;min-height:44px;}
.advice-filter.active {background:var(--wine);color:var(--paper);border-color:var(--wine);}
.advice-count {font-size:13px;color:var(--charcoal);margin-bottom:28px;}
.advice-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start;}
.advice-entry {background:var(--paper);padding:30px;border:1px solid var(--line);scroll-margin-top:110px;}
.advice-entry h3 {font-size:28px;line-height:1.2;}
.advice-question {font-size:16px;color:var(--charcoal);margin:22px 0;}
.advice-question strong {display:block;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--wine);margin-bottom:8px;}
.advice-entry summary {cursor:pointer;border-top:1px solid var(--line);padding:16px 0 0;color:var(--wine);font-weight:600;font-size:14px;}
.advice-entry summary span {float:right;}
.advice-entry details[open] summary span {transform:rotate(45deg);}
.advice-answer {padding-top:20px;font-size:16px;}
.advice-answer blockquote {margin:24px 0 0;border-left:2px solid var(--gold);padding:4px 0 4px 20px;font:italic 22px/1.5 var(--font-display);}
.advice-answer blockquote span {display:block;font:600 10px/1.6 var(--font-body);letter-spacing:.1em;text-transform:uppercase;margin-bottom:10px;color:var(--wine);}
.advice-next {margin-top:32px;padding:28px 0;border-bottom:1px solid var(--line);}
.decode-back {display:block;font-size:14px;color:var(--wine);margin-bottom:26px;text-decoration:underline;text-underline-offset:4px;}
.decode-page .form-shell {min-width:0;}
.decode-page .eyebrow {display:flex;}
.decode-page textarea {min-height:100px;resize:vertical;}
.decode-page #decode-text {background:var(--paper);font-size:18px;}
.field-count {display:block;text-align:right;font-size:12px;color:var(--charcoal);margin-top:6px;}
.decode-privacy {font-size:14px;color:var(--charcoal);}
.decode-permission {padding:0;border:0;margin:22px 0;min-width:0;}
.decode-permission legend {font-size:14px;font-weight:600;margin-bottom:12px;}
.decode-permission label {display:flex;align-items:start;gap:12px;padding:16px;border:1px solid var(--line-strong);margin-bottom:10px;font-size:14px;cursor:pointer;}
.decode-permission input {margin-top:5px;flex:0 0 auto;accent-color:var(--wine);}
.decode-actions {display:flex;gap:12px;flex-wrap:wrap;}
.decode-preview {padding:24px;margin-top:24px;background:var(--cream);border:1px solid var(--line);}
.decode-preview h2 {font-size:28px;}.decode-preview h3 {font-size:19px;}
.decode-preview [data-preview] {white-space:pre-wrap;overflow-wrap:anywhere;font-size:15px;}
.decode-sidebar h2 {font-size:30px;margin-top:32px;}
.decode-sidebar h3 {font-size:23px;}.decode-sidebar p {font-size:15px;color:var(--charcoal);}
.decode-sidebar .outgoing {color:var(--paper);}
.decode-sidebar hr {border:0;border-top:1px solid var(--line);margin:28px 0;}
.decode-page .btn,.advice-next .btn,.decode-invite .btn {white-space:normal;text-align:center;}
.advice-filter:focus-visible,.advice-entry summary:focus-visible,.decode-page :focus-visible {outline:3px solid var(--wine);outline-offset:4px;}
[hidden] {display:none!important;}
@media(max-width:760px){.decode-invite-grid,.decode-layout,.advice-grid{grid-template-columns:1fr;gap:28px;}.advice-entry{padding:24px;}.text-vignette{padding:24px;}.secret-clue{gap:8px;flex-direction:column;}.decode-sidebar{border-top:1px solid var(--line);padding-top:28px;}}
@media(max-width:380px){.decode-actions{flex-direction:column;}.advice-entry{padding:20px;}.bubble{max-width:100%;padding:14px;}.decode-page .wrap{padding-left:20px;padding-right:20px;}}

.advice-page .section-wine h2 {color:var(--paper);}
.decode-page .form-row .hint {color:var(--charcoal);}
/* Keep the reviewed pages usable on compact phones, including their footer. */
@media(max-width:380px){
  .footer-grid{grid-template-columns:1fr;gap:26px;}
  .footer-col a{overflow-wrap:anywhere;}
  .evolved-home .nightstand-invite .two-col>div{min-width:0;}
  .evolved-home .shelf-art{gap:8px;}
  .evolved-home .shelf-note{font-size:14px;padding:12px 8px;}
}