/* Result reveal and evidence-led guidance. All artwork and audio are local. */
.reveal-controls{min-width:245px;max-width:380px}
.reveal-controls>.primary-button{width:100%;margin-top:14px}
.sound-controls{display:flex;gap:20px;align-items:center}
.sound-controls .secondary-button{min-height:44px;padding:9px 16px;font-size:13px}
.sound-controls [aria-pressed=true]{border-color:var(--accent);color:var(--accent)}
.stamp-stage{position:relative;height:210px;display:grid;place-items:center;margin:15px -10px 0;overflow:hidden;isolation:isolate;--stamp-colour:var(--muted)}
.stamp-green{--stamp-colour:#77CB96}.stamp-red{--stamp-colour:#FF9696}.stamp-yellow,.stamp-mixed{--stamp-colour:#E5CC69}
.stamp-imprint{width:min(92%,330px);border:3px solid currentColor;color:var(--stamp-colour);padding:10px 10px 9px;text-align:center;transform:rotate(-7deg);position:relative;box-shadow:inset 0 0 0 3px var(--surface),inset 0 0 0 4px currentColor}
.stamp-imprint:after{content:'';position:absolute;inset:0;pointer-events:none;opacity:.65;background:repeating-linear-gradient(173deg,transparent 0 23px,var(--surface) 24px,transparent 25px 41px)}
.stamp-imprint span,.stamp-imprint small{display:block;font-size:10px;letter-spacing:2px;font-weight:700;line-height:1.5}
.stamp-imprint strong{display:block;font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:clamp(23px,2.7vw,35px);line-height:1.15;letter-spacing:1px;padding:7px 0;overflow-wrap:normal}
.stamp-imprint small{font-size:8px;letter-spacing:1.5px}
.physical-stamp{display:none;position:absolute;width:240px;height:208px;left:calc(50% - 120px);top:0;stroke:none;fill:none;filter:drop-shadow(9px 16px 12px #0008);z-index:2;transform-origin:50% 88%}
.is-stamping .physical-stamp{display:block;animation:stamp-strike 1.2s both}
.is-stamping .stamp-imprint{animation:ink-arrives 1.2s both}
@keyframes stamp-strike{
  0%{transform:translate(75px,-205px) rotate(19deg) scale(1.3);opacity:0}
  12%{opacity:1}
  35%{transform:translate(0,0) rotate(-7deg) scale(1);opacity:1;animation-timing-function:ease-out}
  42%{transform:translate(0,3px) rotate(-7deg) scale(1.015,.96)}
  53%{transform:translate(0,0) rotate(-7deg) scale(1)}
  65%{transform:translate(0,-12px) rotate(-7deg);opacity:1}
  100%{transform:translate(-55px,-245px) rotate(-18deg) scale(.9);opacity:0}
}
@keyframes ink-arrives{0%,34%{opacity:0;transform:rotate(-7deg) scale(1.04)}35%{opacity:.75;transform:rotate(-7deg) scale(1.02)}45%,100%{opacity:1;transform:rotate(-7deg) scale(1)}}
.verdict-panel h1{font-size:clamp(30px,3.4vw,45px);margin-top:10px}
.score-number{font-size:54px;letter-spacing:-2px}
.useful-result>.eyebrow{color:var(--accent);margin-bottom:12px}
.pattern-summary{font-size:20px!important;max-width:850px;line-height:1.55}
.context-guidance{color:var(--muted);max-width:850px}
.guidance-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:24px}
.guidance-card{padding:26px;border:1px solid var(--line);background:var(--surface);min-width:0}
.guidance-card>.eyebrow{font-size:10px;color:var(--accent);margin-bottom:12px}
.guidance-card h3{font-size:23px;letter-spacing:-.5px;margin-bottom:19px}
.guidance-card h4{font-size:13px;margin:23px 0 7px}
.guidance-card p{font-size:14px;margin-bottom:12px;color:var(--muted)}
.answer-receipt{border-left:2px solid var(--accent);padding:4px 0 2px 15px}
.answer-receipt span{font-size:10px;letter-spacing:1px;color:var(--accent)}
.answer-receipt p{color:var(--ink);margin:9px 0 3px;line-height:1.6}
.guidance-card blockquote{margin:0;border-left:2px solid var(--line);padding:5px 0 5px 15px;font:italic 19px/1.5 Georgia,serif}
.guidance-sources{border-top:1px solid var(--line);margin-top:24px;padding-top:14px}
.guidance-sources summary,.safety-context summary{cursor:pointer;font-size:13px;min-height:44px;align-content:center}
.guidance-sources p{font-size:12px;overflow-wrap:anywhere}.guidance-sources a,.safety-context a{color:var(--ink);text-underline-offset:3px}
.safety-context{margin-top:22px;border:1px solid var(--line);padding:3px 17px;font-size:14px}.safety-context[open]{padding-bottom:17px}
.safety-context p{max-width:830px}.safety-context a{display:inline-block;min-height:32px}
@media(max-width:700px){.guidance-grid{grid-template-columns:1fr}.guidance-card{padding:22px}.reveal-controls{max-width:none;width:100%;min-width:0}.stamp-stage{height:210px}.stamp-imprint strong{font-size:29px}.stamp-incomplete .stamp-imprint strong{font-size:25px}.verdict-panel h1{font-size:36px}.pattern-summary{font-size:18px!important}.result-top{flex-wrap:wrap}.text-button{min-height:44px}}
@media(max-width:360px){.stamp-imprint strong{font-size:25px}.stamp-incomplete .stamp-imprint strong{font-size:21px}.verdict-panel{padding:22px}.guidance-card{padding:18px}}
@media(prefers-reduced-motion:reduce){.is-stamping .physical-stamp{display:none}.is-stamping .stamp-imprint{animation:none}.relationship-row{transition:none}}

.result-toolbar{display:flex;align-items:center;gap:20px}.result-toolbar [aria-pressed=true]{color:var(--accent)}
