/* Receipt surfaces use the active theme's actual ink/paper palette. */
#result.result,#daily-result.result,#todays-three .result:has(.ww-grade-result){border:0;background:transparent;padding:0;color:var(--ink)}
.ww-grade-result{--result-accent:var(--ink);display:grid;gap:1.3rem;text-align:left;overflow-wrap:anywhere;padding:clamp(1.1rem,3vw,2rem);border:1px solid var(--line);border-radius:20px;background:var(--card);color:var(--ink);box-shadow:0 12px 35px #00000008;animation:receipt-in .22s ease-out}
.ww-grade-heading{display:flex;align-items:flex-start;gap:1rem}
.ww-grade-icon{display:grid;place-items:center;flex:0 0 46px;min-height:46px;border:1px solid var(--ink);border-radius:50%;background:var(--paper);color:var(--ink);font:600 1.6rem/1 var(--serif)}
.ww-grade-result[data-outcome=correct] .ww-grade-icon{box-shadow:inset 0 -4px 0 #6a967d}
.ww-grade-result[data-outcome=partial] .ww-grade-icon,.ww-grade-result[data-outcome=alternate_valid_sense] .ww-grade-icon{box-shadow:inset 0 -4px 0 #b49963}
.ww-grade-result[data-outcome=incorrect] .ww-grade-icon{box-shadow:inset 0 -4px 0 #bb8d84}
.ww-grade-result .ww-grade-eyebrow{margin:0 0 .45rem;font:650 .66rem/1.5 var(--sans);text-transform:uppercase;letter-spacing:.09em;color:var(--ink)}
.ww-grade-result .result-heading{margin:0;font:600 clamp(1.5rem,3vw,2rem)/1.2 var(--serif);color:var(--ink);letter-spacing:-.015em}
.ww-grade-heading p:last-child{margin:.55rem 0 0;line-height:1.6}
.ww-grade-details{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin:0}
.ww-grade-details>div{padding:1.15rem;border:1px solid var(--line);border-radius:12px;background:var(--paper);min-width:0}
.ww-grade-details dt,.ww-grade-progress small{display:block;font:650 .7rem/1.6 var(--sans);letter-spacing:.035em;color:var(--ink);margin-bottom:.4rem}
.ww-grade-details dd{margin:0;font:450 1.05rem/1.65 var(--sans);white-space:pre-wrap;color:var(--ink)}
.ww-grade-result .actual-definition{margin:0;color:var(--ink);font:500 1.1rem/1.6 var(--sans)}
.ww-grade-judgment h4{font:650 .9rem/1.5 var(--sans);margin:0 0 .4rem;color:var(--ink)}
.ww-grade-judgment p{margin:.4rem 0 0;line-height:1.65;color:var(--ink)}
.ww-grade-progress{display:flex;flex-wrap:wrap;gap:1rem 2rem;padding:1rem 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--ink)}
.ww-grade-progress strong,.ww-grade-progress time{display:block;font:600 .95rem/1.6 var(--sans);color:var(--ink)}
.ww-result-aid{border:1px solid var(--line);border-radius:10px;padding:.2rem 1rem;background:var(--paper);color:var(--ink)}
.ww-result-aid>summary{cursor:pointer;padding:.75rem 0;min-height:44px;font-weight:600;color:var(--ink)}
.ww-result-aid p{line-height:1.7}.ww-result-actions{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem}.ww-result-actions button{min-height:44px;color:var(--ink)}
.ww-grade-result :focus-visible{outline:3px solid var(--ink);outline-offset:4px}
#answer-form textarea,#daily-answer-form textarea{border-radius:14px;line-height:1.7;min-height:140px;padding:1rem 1.2rem}
@keyframes receipt-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(max-width:650px){.ww-grade-details{grid-template-columns:minmax(0,1fr)}.ww-grade-result{gap:1rem}.ww-grade-heading{gap:.75rem}.ww-grade-icon{flex-basis:38px;min-height:38px}.ww-grade-progress{gap:.8rem 1.2rem}.ww-grade-progress>div{flex:1 1 130px}}
@media(prefers-reduced-motion:reduce){.ww-grade-result{animation:none}}
.ww-grade-result,.ww-grade-result *{user-select:text;-webkit-user-select:text}
.ww-grade-result p.example{color:var(--ink);line-height:1.7}
.ww-grade-result,.ww-grade-result *{transition-property:transform,box-shadow,outline-offset}