:root{color-scheme:light;--ink:#122f38;--green:#073e3a;--line:#d6e3df;--gold:#ba9353}*{box-sizing:border-box}body{margin:0;background:#f3f7f5;color:var(--ink);font-family:system-ui,sans-serif;line-height:1.65}header{display:flex;align-items:center;gap:28px;padding:18px 4vw;background:white;border-bottom:1px solid var(--line);flex-wrap:wrap}a{color:var(--green);text-underline-offset:4px}.brand{font-weight:800;letter-spacing:3px;font-size:23px;text-decoration:none}nav{display:flex;flex-wrap:wrap;gap:18px;flex:1}main{max-width:1440px;margin:auto;padding:30px 4vw}.hero{background:var(--green);color:white;padding:32px;border-radius:16px}.hero h1{font-family:Georgia,serif;font-size:clamp(28px,4vw,45px);margin:5px 0}.eyebrow{font-size:12px;letter-spacing:3px;color:#dac298}.hero a{color:white}.layout{display:grid;grid-template-columns:270px 1fr;gap:24px;margin-top:24px}aside{align-self:start;background:white;border-radius:14px;padding:20px;border:1px solid var(--line)}h2{font-size:22px}h3{font-size:19px}.card{background:white;border:1px solid var(--line);border-radius:14px;padding:25px;margin-bottom:20px}.lesson-list{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}button,.button{border:1px solid var(--green);border-radius:7px;padding:11px 15px;background:var(--green);color:white;font:inherit;cursor:pointer;text-decoration:none;display:inline-block}button.secondary{background:white;color:var(--green)}button:disabled{opacity:.5;cursor:default}button:hover:not(:disabled){filter:brightness(1.12)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--gold);outline-offset:3px}aside button{display:block;text-align:left;width:100%;margin:10px 0}.lesson-list button,.lesson-list a{text-align:left;background:#f5faf8;color:var(--ink)}.lesson-list .done{border-color:#108c58;background:#e9f8ef}.meta{font-size:14px;color:#4e686e}.example{padding:18px;background:#edf6f2;border-left:4px solid var(--gold);border-radius:5px}textarea{width:100%;min-height:160px;border:1px solid #9ab5ab;border-radius:7px;padding:12px;font:inherit}input,select{font:inherit;border:1px solid #9ab5ab;border-radius:6px;padding:8px;max-width:100%}.fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:15px}.fields label{display:grid;gap:6px}fieldset{border:1px solid var(--line);border-radius:8px;margin:20px 0}fieldset label{display:block;margin:8px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0}.notice{padding:15px;background:#fff6e7;border-radius:6px}.source-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:15px}.seal{display:inline-grid;place-content:center;border:3px double var(--gold);border-radius:50%;height:105px;width:105px;font-weight:800;color:var(--green)}.certificate{text-align:center;border:3px double var(--gold);padding:40px;background:#fffdf6}.certificate h2{font:32px Georgia,serif}.certificate code{overflow-wrap:anywhere}footer{padding:25px 4vw;font-size:14px;border-top:1px solid var(--line)}progress{width:100%;height:18px}#message{min-height:28px;white-space:pre-wrap}.saved-notes{white-space:pre-wrap;overflow-wrap:anywhere}@media(max-width:800px){.layout{grid-template-columns:1fr}aside{padding:15px}.hero,.card{padding:20px}header{gap:15px}nav{font-size:14px}.certificate{padding:20px}}@media print{header,aside,.actions,#message,footer,.hero,.lesson-list{display:none}main{padding:0;max-width:none}.layout{display:block}.card{break-inside:avoid}.certificate{border:2px solid #866732}body{background:white}.print-certificate .card:not(.certificate){display:none}}

.leave-dialog{border:1px solid var(--line);border-radius:14px;padding:25px;color:var(--ink);max-width:560px}.leave-dialog::backdrop{background:#102c35aa}.layout{grid-template-columns:270px minmax(0,1fr)}@media(max-width:800px){.layout{grid-template-columns:minmax(0,1fr)}}

.hero{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:30px;align-items:center}.founder-portrait{width:100%;height:270px;object-fit:cover;object-position:center 25%;border-radius:12px}.program-photo{width:100%;height:210px;object-fit:cover;object-position:center 25%;border-radius:9px}@media(max-width:650px){.hero{grid-template-columns:1fr}.founder-portrait{height:200px;object-position:center 26%}.program-photo{height:180px}}@media print{.program-photo{display:none}}
#workspace{min-width:0}.occupation-picker{min-inline-size:0;min-width:0;max-width:100%}.occupation-picker label{display:grid;gap:6px;min-width:0}.occupation-picker input,.occupation-picker select{width:100%;min-width:0}.occupation-detail{overflow-wrap:anywhere}
.fields label{min-width:0;grid-template-columns:minmax(0,1fr)}.fields input,.fields select{min-width:0;width:100%}

header .brand .itq-brand-mark{display:inline-grid;place-items:center;width:35px;height:35px;border-radius:9px;background:#142e35;color:#dbf58d;font-size:28px;letter-spacing:0;vertical-align:middle}