:root{font-family:Georgia,"Times New Roman",serif;--bg:#f9f7f1;--ink:#172d49;--muted:#65768b;--surface:#fffefb;--edge:#e0dfd6;--accent:#ab7015;--accent2:#f9edcf}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--bg)}button,select,textarea{font:inherit}button,select{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit}button:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #bd830e;outline-offset:3px}
[hidden]{display:none!important}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.skip-link{position:absolute;transform:translateY(-200%);z-index:10;background:#fff;padding:10px}.skip-link:focus{transform:translateY(0)}
.site{max-width:1510px;margin:auto;padding:0 30px 48px}.site-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:26px 5px;border-bottom:1px solid var(--edge)}.brand{font-weight:900;font-size:30px;letter-spacing:-1px;text-decoration:none;white-space:nowrap}.brand span:not(.brand-icon){color:var(--accent)}.brand-icon{font:19px ui-sans-serif,system-ui;background:var(--accent2);border-radius:10px;padding:9px;color:var(--accent);margin-right:8px}.tagline{font-size:12px;color:var(--muted);font-style:italic}.site-head nav{display:flex;gap:20px;align-items:center;font:700 13px ui-sans-serif,system-ui}.site-head nav a{text-decoration:none}.site-head nav a:hover{text-decoration:underline}
.layout{display:grid;grid-template-columns:216px minmax(0,1fr);gap:28px;margin-top:27px}.sidebar{padding:8px 0}.side-heading,.eyebrow,.source-label{font:800 10px ui-sans-serif,system-ui;letter-spacing:1.6px;color:var(--accent)}.side-item{display:block;font:700 13px ui-sans-serif,system-ui;padding:12px 15px;margin-top:7px;border-radius:8px;text-decoration:none}.side-item.active{background:var(--accent2);color:#845209}.side-item:hover{background:#f1e9d9}.sidebar-note{border-top:1px solid var(--edge);margin-top:30px;padding:24px 12px 12px;font:12px/1.7 ui-sans-serif,system-ui;color:var(--muted)}.sidebar-note strong{color:var(--ink)}.progress-number{margin-top:18px}.progress-number strong{font-size:23px}.track{height:6px;background:#e5e2d8;border-radius:8px;overflow:hidden;margin-top:10px}.track span{display:block;width:0;height:100%;background:var(--accent);transition:width .25s}.privacy-small{font-size:11px;line-height:1.6;padding-top:14px}
main{min-width:0}.hero{display:flex;justify-content:space-between;align-items:flex-start;gap:25px;margin:4px 0 24px}.hero h1{font-size:clamp(33px,3.8vw,55px);line-height:1.08;letter-spacing:-1.6px;margin:12px 0 14px}.hero p{font-size:15px;color:var(--muted);line-height:1.7;max-width:670px;margin:0}.hero-count{min-width:138px;text-align:right;font:12px ui-sans-serif,system-ui;color:var(--muted);padding-top:12px}.hero-count strong{display:block;font:800 26px ui-sans-serif,system-ui;color:var(--accent)}.hero-count span{display:block}.hero-count span:last-child{font-size:10px;margin-top:13px}
.course-bar{background:var(--surface);border:1px solid var(--edge);border-radius:12px;padding:15px 20px;display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;margin-bottom:17px}.course-bar label{font:800 10px ui-sans-serif,system-ui;letter-spacing:1px;color:var(--muted);display:flex;align-items:center;gap:12px}.course-bar select{font:700 13px ui-sans-serif,system-ui;color:var(--ink);border:1px solid #cfd5db;background:white;border-radius:8px;max-width:100%;padding:10px 12px}.source-tabs{display:flex;gap:8px;flex-wrap:wrap}.source-tabs button{background:transparent;color:var(--muted);border:1px solid var(--edge);border-radius:8px;padding:10px 12px;font:750 12px ui-sans-serif,system-ui}.source-tabs button[aria-current=step]{background:var(--accent2);border-color:var(--accent);color:#824f00}
.workspace{display:grid;grid-template-columns:minmax(280px,1fr) minmax(330px,1.03fr);gap:17px;align-items:start}.panel{min-width:0;background:var(--surface);border:1px solid var(--edge);border-radius:13px;padding:26px;box-shadow:0 10px 24px #2e3f4f08}.panel-header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;font:12px ui-sans-serif,system-ui;color:var(--muted)}.source-panel h2{margin:0 0 10px;font-size:28px;line-height:1.2}.source-type,.source-citation{font:12px/1.7 ui-sans-serif,system-ui;color:var(--muted)}.source-type{margin:0 0 14px}.source-citation{margin:13px 0}.source-content{padding:24px;line-height:1.88;font-size:17px;min-height:212px;border:1px solid #ead8b4;border-radius:9px;background:linear-gradient(140deg,#fffaf0,#f6eddb);white-space:pre-wrap}.source-content .visual-guide{font:12px ui-sans-serif,system-ui;color:#486277;line-height:1.6}.visual-flow{display:flex;gap:12px;align-items:stretch;justify-content:space-evenly;margin:24px 0}.visual-node{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;background:#fff;border:1px solid #bdd0d8;border-radius:10px;padding:15px 9px;text-align:center;font:750 13px/1.4 ui-sans-serif,system-ui}.visual-arrow{display:grid;place-items:center;font:25px ui-sans-serif,system-ui;color:#376b85}.visual-foot{display:flex;justify-content:space-between;border-top:1px solid #cad5d5;padding-top:12px;gap:7px;font:11px ui-sans-serif,system-ui;color:#647483}.text-link{border:0;background:transparent;text-decoration:underline;text-underline-offset:3px;padding:7px 0;font:700 12px ui-sans-serif,system-ui;color:var(--accent)}.context-help{padding:14px;background:var(--accent2);border:1px dashed var(--accent);border-radius:10px;font:12px/1.6 ui-sans-serif,system-ui}
.answer-panel h2{font-size:27px;margin:0 0 19px}.part-tabs{display:flex;gap:8px}.part-tabs button{flex:1;border:1px solid var(--edge);border-radius:8px;background:var(--bg);padding:12px;color:var(--muted);font:800 13px ui-sans-serif,system-ui}.part-tabs button.active{border-color:var(--accent);background:var(--accent2);color:#80520d}.question{font-size:17px;font-weight:700;line-height:1.57;margin:20px 0 14px;min-height:87px}.answer-panel textarea{resize:vertical;width:100%;min-height:200px;background:white;color:var(--ink);border:1.5px solid #cbd1d4;border-radius:10px;font:15px/1.65 ui-sans-serif,system-ui;padding:16px}.field-footer{display:flex;justify-content:space-between;gap:10px;font:11px ui-sans-serif,system-ui;color:var(--muted);margin:9px 0 17px}.guide{padding:16px;border-radius:10px;background:var(--accent2);font:12px/1.65 ui-sans-serif,system-ui}.guide strong{display:block}.guide p{margin:6px 0 0}.message{min-height:22px;margin:8px 0 0;color:#9b2c12;font:12px/1.5 ui-sans-serif,system-ui}.action-row{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:14px}.primary,.secondary{padding:13px 17px;border-radius:9px;font:800 12px ui-sans-serif,system-ui}.primary{background:var(--accent);color:white;border:1px solid var(--accent)}.primary:hover{background:#8f5c10}.secondary{background:white;border:1px solid var(--edge);color:var(--ink)}.secondary:hover{background:#f9f3e6}
.feedback{margin-top:20px;padding:19px;border:1px solid var(--edge);background:#fcf9ef;border-radius:12px;font:13px/1.65 ui-sans-serif,system-ui}.feedback h3{font-size:19px;margin:0 0 7px}.feedback p{color:var(--muted)}.feedback label{display:flex;align-items:flex-start;gap:10px;margin:12px 0;cursor:pointer}.feedback input{accent-color:var(--accent);width:17px;height:17px;flex:none}.feedback .note{font-size:12px}.finish-panel{margin-top:19px;background:var(--accent2);border:1px solid #e7c98e;border-radius:12px;padding:20px;font:13px/1.6 ui-sans-serif,system-ui}.finish-panel h2{margin:0;font:800 20px Georgia,serif}.how-section{margin-top:38px;border-top:1px solid var(--edge);padding-top:26px}.how-section h2{font-size:25px}.help-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.help-grid>div{background:white;border:1px solid var(--edge);border-radius:10px;padding:18px;font:12px/1.6 ui-sans-serif,system-ui}.help-grid p,.official{color:var(--muted);line-height:1.7}.how-section details{font:13px/1.7 ui-sans-serif,system-ui;border-bottom:1px solid var(--edge);padding:16px 2px}.how-section summary{font-weight:800;cursor:pointer}.official{font:12px/1.7 ui-sans-serif,system-ui;margin-top:20px}footer{border-top:1px solid var(--edge);margin-top:30px;padding:25px 0;color:var(--muted);font:12px/1.8 ui-sans-serif,system-ui}
@media(max-width:1100px){.layout{grid-template-columns:1fr;margin-top:17px}.sidebar{display:none}.workspace{gap:13px}.panel{padding:20px}}
@media(max-width:760px){.site{padding:0 14px 25px}.site-head{padding:19px 0}.brand{font-size:25px}.tagline,.site-head nav a[href="#how-it-works"]{display:none}.site-head nav{gap:10px;font-size:12px}.hero h1{font-size:36px}.hero p{font-size:13px}.hero-count{min-width:74px}.hero-count strong{font-size:17px}.course-bar{padding:12px;display:block}.course-bar label{flex-wrap:wrap;justify-content:space-between}.course-bar select{max-width:100%;font-size:12px}.source-tabs{margin-top:11px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.source-tabs button{padding:10px 2px;font-size:10px}.workspace{grid-template-columns:1fr}.panel{padding:18px}.source-panel h2{font-size:24px}.source-content{font-size:15px;min-height:155px;padding:16px}.question{min-height:0;font-size:15px}.answer-panel textarea{min-height:155px}.field-footer span:last-child{max-width:60%;text-align:right}.help-grid{grid-template-columns:1fr}.visual-flow{gap:3px}.visual-node{font-size:11px;padding:12px 5px}.visual-arrow{font-size:16px}.action-row{flex-direction:column-reverse}.action-row button{width:100%}}
@media(max-width:360px){.hero-count{display:none}.site-head nav a[href="#practice"]{display:none}.source-tabs button{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}