:root{--bg:#f5f1e9;--paper:#fffdf9;--ink:#172b31;--muted:#6e7473;--line:#deddd5;--accent:#aa5c39;--accent2:#8b4227;--soft:#f5e6d9;--green:#39775a;--greenlight:#e7f3e9;--shadow:0 12px 40px rgba(36,42,35,.09);--font-size:18px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--bg);font:var(--font-size)/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}body.large{--font-size:21px}button,input,textarea{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #cf8f36;outline-offset:3px}a{color:var(--accent2)}.hidden{display:none!important}
.topbar{height:78px;background:rgba(255,253,249,.96);backdrop-filter:blur(15px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:0 28px;gap:18px}.identity{display:flex;align-items:center;gap:14px;min-width:0}.mark{width:46px;height:46px;border-radius:13px;background:#1a3238;color:#f7d6af;display:grid;place-items:center;font-family:Georgia,serif;font-size:19px;letter-spacing:-2px;flex-shrink:0}.brandname{font-size:20px;font-family:Georgia,'Times New Roman',serif;font-weight:bold;line-height:1.2}.brandsub{font-size:12px;color:var(--muted);letter-spacing:.04em}.tools{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.btn{min-height:44px;border:1px solid var(--line);border-radius:12px;background:white;color:var(--ink);padding:9px 14px;display:inline-flex;justify-content:center;align-items:center;gap:7px;font-size:14px;font-weight:700;white-space:nowrap;transition:background .18s,transform .1s}.btn:hover{background:#f4f1eb}.btn:active{transform:translateY(1px)}.btn.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn.primary:hover{background:var(--accent2)}.btn.success{background:var(--green);color:white;border-color:var(--green)}.btn.plain{background:transparent;border-color:transparent}.btn.big{font-size:17px;padding:14px 22px;min-height:55px}.btn:disabled{opacity:.35;cursor:default}.btn.icon{min-width:44px;padding:7px}.mobile-only{display:none}
.shell{display:grid;grid-template-columns:320px minmax(0,1fr);max-width:1800px;margin:0 auto;min-height:calc(100vh - 78px)}.sidebar{border-right:1px solid var(--line);background:#f9f7f1;position:sticky;top:78px;height:calc(100vh - 78px);overflow:auto;padding:22px 14px 26px;scrollbar-color:#d0c9be transparent}.sidebar-header{padding:0 10px 18px}.sidebar-h{font-size:14px;font-weight:800;letter-spacing:.11em;text-transform:uppercase;color:#846247;margin:0 0 10px}.progressline{height:10px;background:#e6e2d8;border-radius:50px;overflow:hidden;margin:9px 0 4px}.progressline>span{display:block;height:100%;background:var(--green);width:0;transition:width .28s}.progress-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:13px}.search{width:100%;height:44px;border:1px solid var(--line);background:white;border-radius:10px;margin-top:16px;padding:0 12px;font-size:15px}.chapters{display:flex;flex-direction:column;gap:8px}.chapter-heading{display:flex;align-items:center;gap:10px;text-align:left;width:100%;padding:12px 9px;border:0;border-radius:11px;background:transparent;color:var(--ink);font-weight:700;line-height:1.35;font-size:15px}.chapter-heading:hover{background:#ece7df}.chapter-heading.selected{background:#eee5dc}.chapter-dot{width:11px;height:11px;border-radius:4px;flex-shrink:0}.chapter-heading .chapter-label{flex:1}.chapter-count{font-size:12px;color:var(--muted);font-weight:600}.chapter-steps{margin-left:14px;border-left:2px solid #e2dbcf;padding:3px 0 10px 13px;display:flex;flex-direction:column;gap:4px}.stepnav{display:flex;align-items:center;gap:9px;padding:7px;border:0;border-radius:9px;text-align:left;background:none;width:100%;min-width:0;color:#354447}.stepnav:hover{background:#eee9e2}.stepnav.active{background:#e9dfd1;color:#1c292e}.stepnav img{width:34px;height:47px;object-fit:cover;flex-shrink:0;border:1px solid #e5e1dc;border-radius:4px}.stepnav-name{flex:1;min-width:0;font-size:13px;line-height:1.32}.stepnav-name strong{display:block;font-size:12px;color:#98664a}.done-bullet{font-size:18px;color:var(--green);font-weight:800}.reference-entry{font-weight:600}.content{padding:38px clamp(18px,3.7vw,64px) 110px;min-width:0;max-width:1250px;margin:0 auto;width:100%}.eyebrow{display:block;text-transform:uppercase;letter-spacing:.13em;font-weight:800;font-size:12px;color:var(--accent);margin-bottom:12px}.page-title{font-family:Georgia,'Times New Roman',serif;font-size:clamp(38px,4.6vw,64px);line-height:1.11;letter-spacing:-.04em;margin:0 0 18px}.lead{color:#526164;font-size:clamp(17px,1.8vw,21px);max-width:700px;margin:0 0 23px}.hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(255px,.8fr);gap:26px;align-items:stretch;margin-bottom:28px}.hero-copy{padding:30px 10px 14px 0}.hero-card{height:min(650px,65vh);min-height:430px;border-radius:20px;overflow:hidden;background:#ded3c4;box-shadow:var(--shadow);position:relative}.hero-card img{width:100%;height:100%;object-fit:cover;object-position:center 20%}.hero-card:after{content:'';position:absolute;inset:60% 0 0;background:linear-gradient(transparent,rgba(24,30,25,.62))}.hero-caption{position:absolute;z-index:1;bottom:25px;left:25px;color:white;font-weight:700;font-size:14px;letter-spacing:.05em}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0}.hero-small{font-size:14px;color:var(--muted)}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:22px 0}.metric{background:var(--paper);border:1px solid var(--line);border-radius:15px;padding:15px}.metric strong{font:700 28px Georgia,serif;display:block}.metric span{font-size:12px;color:var(--muted)}.welcome-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.welcome-info{background:var(--paper);border:1px solid var(--line);border-radius:15px;padding:21px}.welcome-info .round{width:42px;height:42px;border-radius:11px;background:#efe4d7;display:grid;place-items:center;font-weight:800;color:#865237;margin-bottom:14px}.welcome-info strong{display:block;font-size:16px}.welcome-info p{font-size:14px;margin:7px 0 0;color:#697478}
.step-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:22px}.step-heading h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(29px,3.4vw,47px);line-height:1.12;letter-spacing:-.03em;margin:5px 0 9px}.step-meta{font-size:14px;color:var(--muted);display:flex;gap:9px;flex-wrap:wrap}.tag{display:inline-block;padding:4px 9px;background:#eee9e0;border-radius:50px;color:#66584e;font-size:12px;font-weight:700}.chapter-kicker{font-size:13px;letter-spacing:.07em;text-transform:uppercase;color:#a26848;font-weight:800}.completion-icon{width:62px;height:62px;flex-shrink:0;border:1px solid #d8ddce;border-radius:15px;background:#fff;text-align:center;display:grid;place-items:center;font-size:27px;color:#aeb4ae}.completion-icon.finished{color:#247653;background:#e6f4e9;border-color:#bedbc5}.task{background:#fffaf3;border:1px solid #ead9c8;border-left:5px solid var(--accent);border-radius:14px;padding:20px 25px;margin-bottom:20px;display:flex;gap:18px;align-items:flex-start}.task .tasknum{border-radius:10px;background:#f0dfce;color:#884625;padding:7px 12px;font-weight:800;font-size:14px;white-space:nowrap}.task h2{font-size:15px;margin:0 0 7px;text-transform:uppercase;letter-spacing:.08em;color:#93614b}.task p{font-size:19px;font-weight:550;line-height:1.6;margin:0}.task .explain{font-size:13px;color:#846e5d;margin-top:11px;font-weight:400}.viewer{border:1px solid var(--line);border-radius:17px;overflow:hidden;background:#efece6;box-shadow:var(--shadow);margin:20px 0}.viewer-toolbar{background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:9px;padding:11px 14px}.viewer-toolbar .group{display:flex;gap:5px;align-items:center;flex-wrap:wrap}.viewer-stage{height:min(70vh,770px);min-height:420px;overflow:auto;scrollbar-color:#c0c0b9 #f5f1e9;overscroll-behavior:contain;text-align:center}.viewer-stage img{display:block;width:92%;max-width:none;height:auto;margin:18px auto 28px;object-fit:contain;cursor:zoom-in;box-shadow:0 8px 24px #51574d20;background:white;user-select:none}.viewer-stage.zoomed img{margin-left:12px;margin-right:0}.viewer-footer{padding:10px 18px;background:#fff;border-top:1px solid var(--line);color:#6b7678;font-size:13px;display:flex;justify-content:space-between;gap:10px}.segment{display:flex;gap:5px}.segment .btn{min-width:43px;padding:8px 10px}.btn.active{background:#e9dfd3;border-color:#a4876e;color:#5a3627}.reading-tip{display:flex;gap:12px;align-items:flex-start;background:#e9ede8;color:#3b5951;border-radius:12px;padding:15px 18px;font-size:14px;margin:15px 0}.reading-tip strong{display:block;margin-bottom:1px}.panel-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,.55fr);gap:14px;margin:24px 0}.note-card{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:18px}.note-card h3{margin:0 0 8px;font-size:16px}.note-card p{margin:0;color:#647071;font-size:14px}.note-card textarea{margin-top:12px;min-height:85px;width:100%;padding:12px;border:1px solid #dedbd3;border-radius:10px;background:#fff;resize:vertical;font-size:16px}.bottomnav{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:15px 0 0;margin:18px 0}.bottomnav .btn{min-height:55px;font-size:16px}.bottomnav .btn.primary{flex:1;max-width:380px}.smalllinks{display:flex;gap:14px;flex-wrap:wrap;font-size:13px;color:#657174}.muted{color:var(--muted)}.reference-warn{background:#fff1db;border:1px solid #eed8b7;padding:12px 16px;border-radius:10px;font-size:14px;color:#655137;margin-bottom:12px}.btn.complete{border-color:#c9d9c9;background:#f0f7ef;color:#276547}.btn.complete.done{background:#d8eddc;color:#20643d;border-color:#9bc6ab}
.modal{border:0;border-radius:18px;box-shadow:0 20px 100px rgba(5,15,14,.3);max-width:min(820px,95vw);max-height:86vh;padding:0;background:var(--paper);color:var(--ink);width:820px}.modal::backdrop{background:rgba(14,28,32,.65)}.modal-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:19px 24px;gap:14px}.modal-head h2{margin:0;font-size:23px;font-family:Georgia,serif}.modal-body{padding:22px 25px;max-height:68vh;overflow:auto}.lexicon{display:grid;grid-template-columns:1fr 1fr;gap:6px 15px}.lexitem{background:#f6f3ed;padding:9px 12px;border-radius:8px;font-size:14px}.lexitem b{display:block;font-size:13px;color:#906343}.full-modal{width:100%;height:100%;max-width:100vw;max-height:100vh;border-radius:0;background:#eeeae4}.full-modal .modal-head{height:69px;background:#fff}.full-image-area{height:calc(100vh - 69px);overflow:auto;text-align:center}.full-image-area img{height:auto;width:min(96%,1200px);max-width:none;display:block;margin:16px auto;cursor:zoom-in}.full-image-area.zoomed img{width:180%;margin-left:0}.toast{position:fixed;z-index:100;left:50%;bottom:23px;transform:translate(-50%,100px);transition:transform .22s;background:#172f31;color:#fff;font-size:14px;padding:11px 18px;border-radius:30px;box-shadow:var(--shadow);pointer-events:none}.toast.visible{transform:translate(-50%,0)}.navshade{display:none}
@media(max-width:1110px){.shell{grid-template-columns:265px minmax(0,1fr)}.content{padding:28px 23px 100px}.sidebar{padding:16px 8px}.hero{grid-template-columns:1fr 270px}.tools .desktop-hide-small{display:none}.btn{font-size:13px}.task p{font-size:17px}}
@media(max-width:820px){.topbar{height:68px;padding:0 15px}.brandname{font-size:18px}.brandsub{font-size:10px}.mobile-only{display:inline-flex}.tools .hide-mobile{display:none}.shell{grid-template-columns:1fr;min-height:calc(100vh - 68px)}.sidebar{position:fixed;top:68px;bottom:0;left:0;z-index:40;width:min(345px,87vw);height:calc(100vh - 68px);box-shadow:18px 0 70px #182f2930;transform:translateX(-105%);transition:transform .25s}.sidebar.open{transform:translateX(0)}.navshade.open{display:block;position:fixed;inset:68px 0 0;background:#172b3055;z-index:30}.content{padding:26px 18px 100px}.hero{grid-template-columns:1fr 220px;gap:10px}.hero-copy{padding-top:14px}.hero-card{height:410px;min-height:410px}.metrics{gap:7px}.metric{padding:10px}.metric strong{font-size:22px}.welcome-cards{grid-template-columns:1fr}.panel-row{grid-template-columns:1fr}.viewer-stage{height:67vh}.segment .btn{font-size:12px}.chapter-steps{margin-left:9px}}
@media(max-width:600px){.hero{display:flex;flex-direction:column-reverse}.hero-card{height:230px;min-height:230px}.hero-card img{object-position:center 24%}.hero-copy{padding:14px 0}.page-title{font-size:38px}.topbar .btn{padding:7px 9px;min-width:40px}.identity{gap:9px}.mark{height:41px;width:41px}.brandname{font-size:16px}.brandsub{display:none}.btn.big{width:100%}.hero-actions{flex-direction:column}.step-heading h1{font-size:32px}.step-heading{margin-bottom:14px}.completion-icon{width:44px;height:44px;font-size:20px}.task{padding:14px;gap:10px}.task p{font-size:17px}.tasknum{font-size:12px}.viewer-toolbar{align-items:stretch}.viewer-toolbar .group{width:100%;justify-content:space-between}.viewer-stage{height:64vh;min-height:320px}.viewer-stage img{width:100%;margin:0 auto 10px}.viewer-footer{font-size:12px;flex-direction:column}.bottomnav .btn{font-size:14px;padding:12px 10px}.lexicon{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(3,1fr)}.metric span{font-size:11px}}
@media print{.topbar,.sidebar,.viewer-toolbar,.viewer-footer,.bottomnav,.panel-row,.smalllinks,.reading-tip,.navshade,.completion-icon,.task .explain{display:none!important}.shell{display:block}.content{padding:0;max-width:none}.step-heading h1{font-size:27px}.task{page-break-inside:avoid;background:#fff}.viewer{box-shadow:none;border:0}.viewer-stage{overflow:visible;height:auto;max-height:none}.viewer-stage img{height:auto;max-height:235mm;width:auto;max-width:100%;margin:0 auto;break-inside:avoid}body{background:white}.content{margin:0 auto}}