/* Award letter reader. Shared tool styles live in /styles.css; this adds only what the reader needs. */
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}

/* The file input is hidden, so its focus ring shows on the drop zone that follows it. */
#file:focus-visible + .drop{outline:3px solid var(--ocean);outline-offset:3px;border-color:var(--ocean)}
.drop.is-disabled{cursor:not-allowed;opacity:.6}

.file-chip span{min-width:0;overflow-wrap:anywhere}
.file-chip .link-btn{flex:none}

.turnstile:not(:empty){margin-top:18px}
.turnstile iframe{max-width:100%}

#result-card{min-width:0}
#result-card h2{font-size:1.5rem;margin-bottom:6px}
#result-card h2:focus{outline:none}
#result-card h2:focus-visible{outline:3px solid var(--ocean);outline-offset:3px}
.facts dd,.result-block li{overflow-wrap:anywhere}
.result-block .when{display:block}
.result-block .rule{display:block;color:var(--muted);font-size:.95rem}
.reader-note{color:var(--muted);margin-top:8px}
.thinking p{color:var(--muted)}

.resting{text-align:center;padding:40px 12px}
.resting img{width:96px;margin:0 auto 12px}
.resting p{color:var(--muted);max-width:34ch;margin:0 auto}
.resting a{color:var(--ocean)}

@media (max-width:480px){
  .result-actions .btn{width:100%}
}