/* 조달프로: 읽기와 판단 연습을 위한 공통 화면 */
:root{--bg:#fff;--bg2:#f5f7fa;--bg3:#eaf0f5;--txt:#152b3b;--txt2:#405464;--txt3:#617381;--line:#dce4ea;--accent:#006c78;--accent-dark:#004e59;--accent-bg:#e7f4f3;--hl:#b33632;--ok:#187045;--warn:#79520b;--warn-bg:#fff7e5;--header-height:76px;color-scheme:light}
html{scroll-padding-top:calc(var(--header-height) + 18px)}
body{font-size:1rem;line-height:1.75;background:var(--bg);letter-spacing:-.015em}
.wrap{max-width:1160px;padding-inline:28px}
main{padding-block:36px 76px;min-height:60vh}
header{box-shadow:0 1px 0 var(--line);border:0}
.hrow{flex-wrap:nowrap;min-height:76px;padding-block:14px;gap:26px}
.logo{font-size:1.5rem;white-space:nowrap;letter-spacing:-.06em;color:var(--txt)}
.logo small{font-size:.75rem;letter-spacing:0;font-weight:500;color:var(--txt3)}
nav.menu{gap:4px;flex-wrap:nowrap;align-items:center}
nav.menu a{font-size:.9rem;padding:9px 11px;white-space:nowrap;border-radius:7px}
nav.menu a[aria-current=page]{background:var(--accent-bg);color:var(--accent-dark)}
.menu-toggle{display:none;background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:9px 12px;color:var(--txt);font:inherit;margin-left:auto}
.skip-link{position:fixed;left:15px;top:-100px;background:var(--txt);color:#fff;padding:12px 18px;z-index:200}
.skip-link:focus{top:10px}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #e4a43d;outline-offset:4px}
button,input,select{font:inherit}button:disabled{cursor:not-allowed;opacity:.65}
h1{font-size:2rem;line-height:1.4;letter-spacing:-.05em}h2{font-size:1.3rem;line-height:1.5;margin-top:36px}h3{font-size:1.08rem;line-height:1.6}
p{margin:12px 0}.lede{font-size:1.05rem;max-width:68ch}.note,.pg-meta,.crumb,.atom-src,.modal-src,.modal-fb,.gauge-wrap,.rep-inline{font-size:.875rem}
.b,.gid,.sect-id,.tag,.side-n,.tree-n,.tree-d,.atom-n,.cbt-sub,.nd,.lsrc{font-size:.75rem}
.btn{padding:11px 20px;border-radius:8px;min-height:44px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;line-height:1.5}
.btn:hover{text-decoration:none}.btn.sm{font-size:.875rem;padding:7px 12px;min-height:38px}
.btn.ghost{background:var(--bg);border-color:var(--line);color:var(--txt)}
.banner{margin:0 0 30px;background:#f2f7fa;border:1px solid var(--line);border-radius:8px;padding:12px 18px;font-size:.9rem;border-left:4px solid var(--accent)}
.banner b{color:var(--txt)}.banner a{font-weight:700}.dday{font-size:.8rem;border-radius:5px;margin-right:10px}
.hero{display:grid;grid-template-columns:1.25fr .8fr;gap:54px;align-items:center;padding:22px 0 42px}
.eyebrow{font-size:.82rem;font-weight:800;color:var(--accent);letter-spacing:.09em;margin:0 0 15px}
.hero h1{font-size:clamp(2.2rem,4.2vw,3.6rem);font-weight:800;letter-spacing:-.06em;line-height:1.25;margin-bottom:22px}
.hero h1 em{font-style:normal;color:var(--accent)}
.hero-copy{font-size:1.06rem;color:var(--txt2);max-width:43ch;line-height:1.85}
.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin:26px 0 14px}
.hero-note{font-size:.875rem;color:var(--txt3)}
.daily-panel{background:var(--txt);border-radius:18px;color:white;padding:28px 30px;position:relative;overflow:hidden}
.daily-panel::before{content:'';height:5px;position:absolute;inset:0 0 auto;background:#48beb6}
.daily-panel .eyebrow{color:#8dd8d2}.daily-panel h2{font-size:1.5rem;border:0;margin:0;color:white;padding:0}
.daily-panel p{color:#c6d5df}.daily-list{list-style:none;margin:22px 0 0;padding:0}
.daily-list li{display:flex;gap:14px;padding:13px 0;border-top:1px solid #3a4c59;align-items:center}
.daily-list .step{width:30px;flex:none;color:#8dd8d2;font-size:.82rem;font-weight:800}.daily-list b{font-size:1rem}.daily-list small{display:block;font-size:.875rem;color:#bdcdd7}
.section-heading{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin:16px 0 18px}.section-heading h2{border:0;margin:0;padding:0}.section-heading a{font-size:.9rem;font-weight:700}
.path-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.path-card{border:1px solid var(--line);border-radius:12px;padding:24px;color:var(--txt);background:var(--bg);display:flex;flex-direction:column}.path-card:hover{text-decoration:none;border-color:var(--accent)}
.path-card .card-number{font-size:.78rem;font-weight:800;color:var(--accent);letter-spacing:.12em;margin-bottom:18px}.path-card h3{font-size:1.2rem;margin:0 0 6px}.path-card p{font-size:.95rem;color:var(--txt2);margin:4px 0 22px}.path-card .text-link{margin-top:auto;font-size:.9rem;font-weight:700;color:var(--accent)}
.home-progress{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:38px 0}.home-progress .prog{background:var(--bg2);border-radius:12px;padding:24px}.progress-label{font-size:.9rem;color:var(--txt3);font-weight:700}.progress-value{font-size:2rem;color:var(--txt);font-weight:800;line-height:1.5}.progress-value small{font-size:.95rem;font-weight:500;margin-left:7px}
.section-box{padding:26px;border:1px solid var(--line);border-radius:12px;margin:28px 0}.section-box h2{margin-top:0}.compact-links{display:flex;gap:12px 24px;flex-wrap:wrap;font-weight:700}
.side{flex-basis:248px}.side-in{top:calc(var(--header-height) + 12px);max-height:calc(100vh - var(--header-height) - 28px);font-size:.9rem}.side-h2,.side-maj,.side-list a{font-size:.875rem}.body{max-width:790px}
.atom{padding:22px 0}.atom-h{font-size:1.04rem}.atom-body{font-size:1rem;line-height:1.9}.atom-cond,.atom-conf{font-size:.95rem;padding:12px 16px}.atom-cond b,.atom-conf b{font-size:.875rem}.sect-h{font-size:1.05rem}.tree a{font-size:.95rem}.maj{font-size:1rem}.tree{gap:5px}
.card-setup{padding:24px;border:1px solid var(--line);border-radius:12px;background:var(--bg2);margin-top:22px}.card-setup label{font-size:.95rem;min-width:80px}select{font-size:1rem;min-height:44px}
.ch,.modal-q,.modal-s{font-size:1rem}.ch{padding:14px 16px;min-height:48px}.cbt-qh{font-size:1rem}.cbt-bar{top:calc(var(--header-height) + 8px)}.cbt-q{padding:26px 0}.modal-top{font-size:.875rem}
.dayb{padding:22px;background:var(--bg)}.dayb-h{font-size:1.05rem}.dayb-l,.chk{font-size:.9rem}.dayb-c,.dayb-n{font-size:.8rem}.dayb-act{gap:12px;padding-top:14px}
.foot-grid{grid-template-columns:1.8fr repeat(4,1fr);gap:24px}.foot-brand p,.foot-col a,.foot-h,.foot-bottom{font-size:.875rem}.foot-logo{font-size:1.2rem}.foot-bottom{padding-block:18px}.foot-col{gap:8px}
.learning-note{border-left:3px solid var(--accent);padding:10px 16px;background:var(--accent-bg);color:var(--txt2);font-size:.9rem;margin:18px 0}
.study-search{display:flex;gap:10px;margin:20px 0}.study-search input{width:100%;padding:12px 14px;min-height:46px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--txt)}
.read-toggle{font-size:.875rem;padding:7px 10px;background:var(--bg);border:1px solid var(--line);border-radius:6px;color:var(--txt);cursor:pointer;margin-left:auto}
body.large-reading .atom-body,body.large-reading .atom-cond,body.large-reading .atom-conf{font-size:1.15rem}
@media(max-width:1000px){.hrow{gap:18px}nav.menu a{padding-inline:8px;font-size:.875rem}.logo small{display:none}.hero{gap:28px}}
@media(max-width:820px){.wrap{padding-inline:20px}.hrow{min-height:68px;flex-wrap:wrap;gap:10px}.menu-toggle{display:block}nav.menu{display:none;width:100%;margin:0;flex-wrap:wrap;padding-top:10px;border-top:1px solid var(--line)}nav.menu.open{display:flex}nav.menu a{padding:10px 12px;font-size:.95rem}.hero{grid-template-columns:1fr;gap:24px;padding-top:4px}.hero h1{font-size:2.5rem}.daily-panel{padding:22px 24px}.daily-list{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.daily-list li{display:block}.daily-list .step{display:block;margin-bottom:8px}.path-grid{grid-template-columns:1fr}.path-card{padding:22px}.path-card .card-number{margin-bottom:8px}.path-card p{margin-bottom:12px}.home-progress{margin-block:26px;gap:12px}.foot-grid{grid-template-columns:1fr 1fr}.foot-brand{grid-column:1/-1}.side-in{position:static;max-height:270px;overflow:auto}.side{width:100%}.layout{display:block}.body{max-width:none}.cbt-bar{position:static}.tablewrap{max-width:100%;overflow:auto}}
@media(max-width:460px){.hero h1{font-size:2.15rem}.daily-list{grid-template-columns:1fr;gap:0}.daily-list li{display:flex}.daily-list .step{margin:0}.home-progress{grid-template-columns:1fr}.hero-actions{display:grid}.section-heading{align-items:flex-start}.section-box{padding:20px}.card-setup{padding:18px}.card-setup .row{align-items:flex-start}.banner{font-size:.875rem}.foot-grid{gap:20px}h1{font-size:1.75rem}}
@media(prefers-reduced-motion:no-preference){a,button{transition:background-color .15s,border-color .15s}}

.learning-atom{scroll-margin-top:100px}.learning-atom h2{margin-top:8px}.learning-recall{padding:16px;background:var(--accent-bg);border-radius:8px}.learning-recall summary{cursor:pointer;font-weight:700}