.result-explanation{--explain-ink:#27382c;--explain-brand:#326b3c;--explain-tint:#edf5e9;--explain-border:#d4e4cc;--explain-accent:#fb922e;margin:2.5rem 0 1rem;border:1px solid var(--explain-border);border-radius:24px;overflow:hidden;background:#fff;color:var(--explain-ink)}
.cat-theme .result-explanation{--explain-ink:#292332;--explain-brand:#59366f;--explain-tint:#ede3f4;--explain-border:#d9c8e4;--explain-accent:#ffb58e}
.result-explanation-head{padding:2rem 2.5rem;background:var(--explain-tint);border-top:5px solid var(--explain-accent)}
.explanation-kicker{display:block;font-weight:750;color:var(--explain-brand);font-size:1rem;letter-spacing:.01em;margin-bottom:.5rem}
.result-explanation h2{font-size:clamp(1.6rem,2.4vw,2.1rem);line-height:1.2;margin:0 0 .8rem}.result-explanation h3{font-size:1.25rem;line-height:1.3;margin:0 0 1rem}
.result-explanation p{font-size:1rem;line-height:1.65;margin:0 0 1rem}.result-explanation-head p{margin-bottom:0;max-width:65ch}
.result-explanation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:2.5rem 0}
.explanation-column{min-width:0;padding:0 2.5rem}.explanation-column+.explanation-column{border-left:1px solid var(--explain-border)}
.explanation-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin:1.2rem 0}.explanation-steps div{background:var(--explain-tint);padding:1rem;border-radius:14px}.explanation-steps strong{display:block;font-size:1rem;margin-bottom:.35rem}.explanation-steps span{display:block;font-size:.875rem;line-height:1.45}
.result-explanation details{margin-top:1rem}.result-explanation summary{cursor:pointer;font-weight:750;color:var(--explain-brand);font-size:1rem}.result-explanation details[open] summary{margin-bottom:1rem}
.result-explanation-foot{padding:1.5rem 2.5rem;border-top:1px solid var(--explain-border);background:var(--explain-tint)}.result-explanation-foot p{margin-bottom:.8rem}.result-explanation-foot nav{display:flex;flex-wrap:wrap;gap:.7rem 1.5rem}.result-explanation a{color:var(--explain-brand);text-underline-offset:3px;overflow-wrap:anywhere}.result-explanation a:focus-visible,.result-explanation summary:focus-visible{outline:3px solid var(--explain-brand);outline-offset:5px;border-radius:3px}
@media(max-width:1000px){.explanation-column{padding:0 1.5rem}.result-explanation-head,.result-explanation-foot{padding:1.5rem}.explanation-steps{grid-template-columns:1fr}}
@media(max-width:720px){.result-explanation-grid{grid-template-columns:1fr;padding:0}.explanation-column{padding:1.5rem}.explanation-column+.explanation-column{border-left:0;border-top:1px solid var(--explain-border)}.explanation-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.result-explanation{border-radius:18px}}
@media(max-width:380px){.explanation-steps{grid-template-columns:1fr}}