.solution-hero{padding-bottom:clamp(40px,6vw,80px)}
.solution-hero h1{max-width:1080px;font-size:clamp(36px,5.8vw,78px);line-height:1.14;letter-spacing:-.04em}
.solution-hero .solution-deck{font-size:clamp(20px,2.3vw,28px);max-width:840px}
.solution-note{max-width:820px;font-size:14px!important;line-height:1.8!important;color:#65615a}
.solution-meta{display:flex;flex-wrap:wrap;gap:24px;font-size:13px;margin-top:28px;color:#666}
.solution-index{padding-top:0}
.solution-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:24px;margin:28px 0}
.solution-card{border:1px solid #ddd9ce;border-radius:8px;padding:30px;background:#fff;display:flex;flex-direction:column;align-items:flex-start;gap:16px}
.solution-number{font-size:13px;letter-spacing:.12em;color:#806826;border-bottom:2px solid #b69a43;padding-bottom:12px;display:inline-block}
.solution-card h3{font-size:clamp(22px,2.3vw,30px);line-height:1.4;margin:0}
.solution-card h3 a{text-decoration:none;color:inherit}
.solution-card p{font-size:16px;line-height:1.8;margin:0;color:#666;flex:1}
.solution-card>a,.solution-links a,.solution-reading>section>a{font-size:15px;color:#514111;text-underline-offset:5px}
.solution-body{padding-top:30px;padding-bottom:70px}
.solution-reading{max-width:810px;margin:auto}
.solution-reading>section{margin:0 0 48px}
.solution-reading h2,.solution-demo-section h2{font-size:clamp(25px,3vw,38px);line-height:1.4;letter-spacing:-.025em;margin:0 0 20px}
.solution-reading p,.solution-reading li{font-size:18px;line-height:1.9;color:#4b4a45}
.solution-demo-section{margin:50px 0 65px}
.solution-flow{font-size:16px;line-height:1.8;max-width:850px;margin:12px 0 28px}
.solution-demo{background:#f7f6f1;border:1px solid #ddd9ce;border-radius:12px;padding:clamp(20px,4vw,44px);box-shadow:0 20px 55px #29231508}
.solution-demo-label{font-size:14px;line-height:1.85;color:#625e52;max-width:880px;margin:0 0 28px}
.solution-demo fieldset{min-width:0;border:0;padding:0;margin:0}
.solution-demo legend{font-size:16px;font-weight:600;margin-bottom:20px}
.solution-workbench{display:grid;grid-template-columns:1fr 1.2fr;gap:24px;margin:24px 0}
.solution-paper,.solution-record{min-width:0;background:white;border:1px solid #dfddd5;border-radius:7px;padding:clamp(20px,3vw,34px)}
.solution-paper{transform:rotate(-1deg);box-shadow:3px 8px 20px #2923150a}
.solution-paper strong{font-size:27px;display:block;margin:24px 0}
.solution-paper p,.solution-record p{font-size:15px;line-height:1.8;overflow-wrap:anywhere}
.solution-record label{font-size:14px;display:block}
.solution-record output{display:block;font-family:monospace;font-size:20px;margin:8px 0 20px;padding:12px;background:#f6f5f0;border-radius:4px}
.solution-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:12px 0 24px}
.solution-demo button{font:inherit;font-size:14px;line-height:1.6;padding:11px 16px;border:1px solid #99907a;border-radius:5px;background:#fff;color:#302c21;cursor:pointer}
.solution-demo button:hover{background:#eee8d8}
.solution-demo button:disabled{cursor:default;opacity:.45}
.solution-demo button:focus-visible,.solution-demo input:focus-visible{outline:3px solid #806826;outline-offset:4px}
.solution-choice{display:flex;gap:8px;align-items:center;font-size:14px;min-height:44px;padding:9px 12px;border:1px solid #ddd6c5;border-radius:5px;background:white;cursor:pointer}
.solution-demo input{accent-color:#826919;width:18px;height:18px;flex-shrink:0}
.solution-status{border-left:3px solid #a48937;background:#ebe6d8;padding:17px 20px;margin:24px 0 8px;font-size:16px;line-height:1.8;min-height:64px}
.solution-demo small{display:block;font-size:13px;line-height:1.7;margin-top:20px;color:#625e52}
.solution-quote{padding:25px;background:white;border:1px solid #dfddd5;border-radius:7px;margin-bottom:24px}
.solution-quote p{font-size:clamp(18px,2.5vw,28px);line-height:1.6;margin:20px 0 0}
.solution-checks{display:grid;gap:12px;margin-bottom:24px}
.solution-checks label{display:flex;align-items:center;gap:14px;background:white;padding:17px;border:1px solid #dfddd5;border-radius:5px;font-size:16px;line-height:1.7;cursor:pointer}
.solution-steps{padding-left:26px}.solution-steps li{padding:0 0 17px 8px}
.solution-references{border-top:1px solid #ddd9ce;padding-top:30px;margin-top:40px}
.solution-references h2{font-size:20px}.solution-references p,.solution-references li{font-size:14px;overflow-wrap:anywhere}
.solution-links{display:flex;flex-wrap:wrap;gap:24px;margin-top:32px}
.solution-next,.solution-entry{background:#f7f6f1}
.solution-next h2,.solution-entry h2,.solution-related h2{font-size:clamp(28px,4vw,48px);line-height:1.3}
.solution-next p{max-width:720px;line-height:1.9;font-size:18px;margin-bottom:28px}
@media(max-width:680px){.solution-workbench{grid-template-columns:1fr}.solution-paper{transform:none}.solution-hero h1{font-size:38px}.solution-reading p,.solution-reading li{font-size:16px}.solution-body{padding-top:8px}.solution-demo-section{margin:35px 0 45px}.solution-actions button{width:100%;text-align:left}.solution-card{padding:24px}.solution-meta{gap:12px}.solution-quote{padding:20px}}
@media(prefers-reduced-motion:reduce){.solution-paper{transform:none}}