.desk{--dark:#17483f;--accent:#af4a15;--pale:#fcf5e7;max-width:840px;margin:auto;padding:1rem clamp(.85rem,4vw,2.4rem) 4rem;color:#183d36}
.desk [hidden]{display:none!important}.desk .cover{margin:.5rem 0 1.4rem;min-height:68px}.desk .cover picture{flex:0 0 100px}.desk .cover img{width:100%;height:75px;object-fit:contain}
.intro-card{position:relative;isolation:isolate;background:var(--pale);border-block:2px solid #305747;padding:clamp(1rem,4vw,2rem);display:grid;grid-template-columns:1fr clamp(70px,16vw,140px);align-items:center;gap:1rem}
.intro-card img{width:100%;height:auto}.desk .kicker{font-weight:750;letter-spacing:.12em;color:var(--accent);margin:0 0 .4rem;font-size:.85rem}
.desk h1{font-size:clamp(1.62rem,4vw,2.65rem);line-height:1.32;margin:0 0 .5rem}.desk h2{font-size:clamp(1.2rem,2.5vw,1.55rem);line-height:1.6;margin:.5rem 0}.desk p{line-height:1.75}.desk button{cursor:pointer;font:inherit}.desk button:focus-visible,.desk :focus-visible{outline:3px solid #9d4a20;outline-offset:3px}
.topic-row{background:white;width:100%;display:grid;grid-template-columns:2em 1fr auto;align-items:center;gap:.55em;color:var(--dark);border:0;border-bottom:1px solid #abc5ba;padding:1em;text-align:left}.topic-row:first-of-type{border-top:2px solid var(--dark)}.topic-row:hover{background:#edf6ec}.topic-row b{font-size:1.09rem}.topic-row span:first-child{font-family:Georgia,serif;font-size:1.4rem;color:#965024}.topic-row small{font-size:.88rem}
.work{background:#fff;border-top:3px solid var(--dark);margin-top:1.35rem;padding:clamp(.8rem,3vw,1.7rem)}.work progress{width:100%;height:.5rem;accent-color:var(--dark)}.worktop{display:flex;align-items:center;justify-content:space-between;gap:6px;flex-wrap:wrap}.desk fieldset{padding:0;border:0;margin:1em 0;min-width:0}.desk label{display:block;font-weight:700;margin:.55rem 0}
.desk select,.desk input{font:inherit;font-size:1rem;max-width:100%;width:100%;padding:.65rem .4rem;border:1px solid #819d92;background:#fff;color:#183d36;border-radius:5px;min-height:44px}.desk select:disabled{background:#edf2ee;color:#34554a;opacity:1}
.pair{display:grid;grid-template-columns:1fr 1fr;gap:.75em}.amountline{display:flex;align-items:center;gap:.5em}.amountline input{width:min(100%,16em)}.desk button.action,.desk a.action{display:inline-block;background:var(--dark);color:white;padding:.65em 1.2em;border:0;border-radius:6px;font-weight:750;margin:.25rem .3rem .25rem 0}.desk button.light{background:#fff;color:var(--dark);border:1px solid #799989;border-radius:6px;padding:.55em .8em;min-height:44px}.feedback{padding:1rem;background:#f2f6ed;border-left:4px solid var(--dark);margin-block:1em}.feedback p{margin:.35em 0}.desk details{margin-top:1.5rem;border-top:1px solid #b8cbbf;padding:.8em 0}.desk summary{cursor:pointer}.desk .smallnote{color:#46665e;font-size:.95rem}
@media(max-width:480px){.intro-card{gap:.3rem;grid-template-columns:1fr 63px}.pair{grid-template-columns:1fr;gap:0}.desk .cover picture{flex-basis:70px}.desk .cover img{height:56px}}
#desk-guide,#desk-result-guide{float:right;margin:0 0 .4em .6em;object-fit:contain}
.desk .cover .qualification-art{flex:0 0 38%;height:92px}
.desk .cover .qualification-art img{width:100%;height:100%;object-fit:contain}
.desk .intro-card p:last-child{margin:.4em 0 0}.intro-card h1 span{display:inline-block}
.desk:has(#sheet:not([hidden])) .intro-card,.desk:has(#result:not([hidden])) .intro-card{display:none}
.desk:has(#sheet:not([hidden])) .cover,.desk:has(#result:not([hidden])) .cover{margin-bottom:.6rem}
@media(max-width:480px){.desk .cover .qualification-art{height:75px}.desk .intro-card{grid-template-columns:1fr 70px}}

.desk-explainer{display:flex;align-items:flex-start;gap:8px;clear:both}.desk-explainer img{object-fit:contain;flex:none}