@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Poppins:wght@500;600;700&display=swap');
:root{--cream:#fbf7f0;--olive:#5e6320;--ink:#2e2f1e;--muted:#67694f;--line:#e7e5d8;--coral:#f87c5a;--white:#fff;--shadow:0 8px 30px #2e2f1e08}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',system-ui,sans-serif;font-size:16px}a{color:inherit;text-decoration:none}button,input,summary{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}button,summary{cursor:pointer}button{border:0}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--coral);outline-offset:4px}button:disabled{opacity:.4;cursor:default}.skip{position:fixed;top:-90px;padding:12px;background:white;z-index:100}.skip:focus{top:0}.sidebar{width:245px;position:fixed;inset:0 auto 0 0;background:#fffdf8;border-right:1px solid var(--line);padding:36px 24px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;font-size:17px;line-height:1.25;color:var(--olive);font-family:Poppins,sans-serif}.brand img{width:52px;height:52px;object-fit:contain}.nav-label{font-size:10px;letter-spacing:2px;color:var(--muted);margin:48px 12px 15px}.sidebar nav{display:grid;gap:8px}.sidebar nav a{display:flex;align-items:center;gap:13px;padding:15px 13px;border-radius:12px;font-size:22px;color:var(--muted)}.sidebar nav a span{font-size:14px}.sidebar nav a.active{background:#eef0dc;color:var(--olive);font-weight:700}.sidebar-note{background:#f5f4e8;border-radius:18px;margin-top:auto;padding:22px 20px;overflow:hidden}.sidebar-note span{font-weight:700;font-size:14px}.sidebar-note p{font-size:13px;color:var(--muted);line-height:1.6}.sidebar-note svg{height:90px;width:130px;display:block;margin:0 auto -25px}.web-link{font-size:12px;text-align:center;color:var(--muted);margin-top:25px}main{margin-left:245px;padding:0 5%;max-width:1570px}.topbar{height:90px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:10px}.crumb{font-size:10px;font-weight:700;letter-spacing:1.4px;color:var(--olive)}.crumb span{font-size:12px;letter-spacing:0;color:var(--muted);font-weight:400;margin-left:12px}.pill{border:1px solid var(--line);border-radius:30px;padding:9px 14px;font-size:11px;color:var(--muted)}#dashboard{padding:38px 0 60px}.eyebrow{font-size:11px;color:var(--olive);font-weight:700;letter-spacing:2px}h1,h2,h3{font-family:Poppins,system-ui,sans-serif}h1{font-size:clamp(27px,3vw,40px);line-height:1.3;letter-spacing:-1.3px;margin:12px 0}h2{font-size:22px;letter-spacing:-.6px;margin:0}p{line-height:1.6}.intro{margin:0;color:var(--muted);max-width:660px}.welcome{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.welcome-badge{display:grid;place-items:center;border-radius:50%;width:80px;height:80px;background:#eaf0d9;color:var(--olive);font-size:35px}.resume{background:#eef0dc;border:1px solid #dfe2c1;padding:24px 28px;border-radius:20px;display:flex;align-items:center;gap:20px;margin:28px 0 34px}.resume-icon{width:48px;height:48px;border-radius:14px;background:#fffdf6;display:grid;place-items:center;font-size:26px;flex:none;color:var(--olive)}.resume-copy{flex:1}.resume-copy strong{font-family:Poppins;font-size:16px}.resume-copy p{font-size:13px;color:var(--muted);margin:4px 0}.primary{background:var(--olive);color:white;border-radius:12px;padding:14px 20px;min-height:48px;font-weight:600}.primary:hover{background:#747a2a}.section-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:36px 0 20px}.section-head p{font-size:13px;margin:6px 0;color:var(--muted)}.small-count{color:var(--muted);font-size:12px}.search{width:100%;border:1px solid var(--line);background:#fffdf9;border-radius:13px;padding:14px 16px;margin-bottom:20px;min-height:48px}.stage-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.stage{background:white;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);overflow:hidden}.stage summary{display:flex;align-items:center;gap:16px;padding:22px;list-style:none;min-height:120px}.stage summary::-webkit-details-marker{display:none}.stage-icon{display:grid;place-items:center;width:58px;height:67px;border-radius:14px;flex:none;background:var(--tint);color:var(--olive);font-size:24px}.stage summary .summary-copy{flex:1}.stage h3{font-size:17px;margin:0 0 4px;letter-spacing:-.4px}.stage .description{font-size:12px;margin:0;color:var(--muted)}.stage .metadata{font-size:10px;color:var(--muted);margin:10px 0 0;letter-spacing:.4px}.chevron{color:var(--olive);transition:transform .2s}.stage[open] .chevron{transform:rotate(180deg)}.parts{padding:0 20px 16px;border-top:1px solid #f3f1e8}.part{width:100%;display:flex;align-items:center;gap:12px;text-align:left;padding:14px 0;background:transparent;border-bottom:1px solid #f2f1e8;color:var(--ink);min-height:60px}.part:last-child{border:0}.part img{width:36px;height:46px;object-fit:cover;border-radius:4px;border:1px solid var(--line)}.part-copy{flex:1}.part small{display:block;margin-top:3px;color:var(--muted);font-size:11px}.part .open-label{font-size:12px;color:var(--olive);font-weight:600}.bonus-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.bonus{position:relative;display:flex;gap:20px;align-items:center;text-align:left;border-radius:18px;padding:25px;min-height:160px;background:#fff0e6;border:1px solid #f1dfd3;color:var(--ink)}.bonus:nth-child(2){background:#f2efdf;border-color:#e4e1cc}.bonus .bonus-symbol{font-size:42px}.bonus h3{font-size:18px;margin:7px 0}.bonus p{font-size:12px;color:var(--muted);margin:0}.bonus .eyebrow{font-size:9px;color:#925239}.bonus .bonus-action{display:block;font-size:12px;margin-top:13px;color:var(--olive);font-weight:700}.footnote{font-size:11px;color:var(--muted);border-top:1px solid var(--line);margin-top:38px;padding-top:20px}.empty{background:white;border:1px dashed #d4d8b9;border-radius:18px;text-align:center;padding:45px 25px;margin:25px 0}.empty p{color:var(--muted);font-size:14px}.saved-list{display:grid;gap:14px;margin:25px 0}.saved-card{display:flex;align-items:center;gap:16px;padding:18px;background:white;border:1px solid var(--line);border-radius:16px}.saved-card img{width:52px;height:68px;object-fit:cover;border-radius:6px}.saved-card .saved-copy{flex:1}.saved-card h3{font-size:15px;margin:0}.saved-card p{font-size:12px;margin:5px 0;color:var(--muted)}.remove{background:transparent;color:var(--muted);padding:12px}.bottom-nav{display:none}[hidden]{display:none!important}#reader{position:fixed;inset:0;background:#eeede5;z-index:30;display:flex;flex-direction:column}.reader-head{background:#fffdf8;min-height:75px;display:flex;align-items:center;gap:15px;padding:12px max(20px,calc((100vw - 950px)/2));border-bottom:1px solid var(--line)}.reader-head>div{flex:1}.reader-head strong{font-family:Poppins;font-size:16px}.reader-head p{margin:3px 0;font-size:12px;color:var(--muted)}.round{height:46px;min-width:46px;border-radius:12px;background:#f3f3e5;color:var(--olive);font-size:22px}.reader-options{width:min(950px,100%);margin:auto;padding:12px 20px;background:#eeede5}.reader-options label{display:flex;align-items:center;gap:14px;font-size:11px;color:var(--muted)}.reader-options input{flex:1;min-width:0;border:1px solid var(--line);border-radius:10px;background:white;padding:10px}.reader-options #search-results{max-height:150px;overflow:auto;display:flex;gap:6px;flex-wrap:wrap}.search-result{background:white;color:var(--olive);border-radius:6px;padding:9px;font-size:12px;margin-top:5px;text-align:left}#page-stage{flex:1;overflow:auto;overscroll-behavior:contain;text-align:center;padding:12px 16px 30px;position:relative}#page-image{width:min(100%,760px);height:auto;box-shadow:0 8px 35px #2e2f1e18;background:white}#page-stage.zoomed #page-image{width:1300px;max-width:none}#page-status{font-size:13px;color:var(--muted);padding:12px}#accessible-text{max-width:760px;margin:20px auto;text-align:left;background:#fffdf8;padding:15px;border-radius:12px}#accessible-text summary{font-size:12px;color:var(--olive)}#accessible-text div{white-space:pre-wrap;font-size:16px;line-height:1.7;margin-top:15px}.reader-controls{background:#fffdf8;padding:12px 20px calc(12px + env(safe-area-inset-bottom));display:flex;gap:20px;align-items:center;justify-content:center;position:relative;box-shadow:0 -4px 18px #2e2f1e07}.page-nav{display:flex;align-items:center;gap:14px}.page-nav label{font-size:12px;color:var(--muted);white-space:nowrap}.page-nav input{width:55px;padding:10px 4px;text-align:center;border:1px solid var(--line);border-radius:8px;color:var(--ink);font-weight:700}.reader-progress{position:absolute;height:3px;top:0;left:0;right:0;background:#e1e4ce}.reader-progress span{display:block;height:100%;background:var(--olive);transition:width .2s}#toast{position:fixed;bottom:100px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;border-radius:12px;padding:14px 20px;font-size:13px;z-index:60;opacity:0;pointer-events:none;transition:opacity .2s;max-width:90vw}#toast.visible{opacity:1}.highlight-note{font-size:11px;color:var(--muted);margin:0 0 15px}
@media(min-width:1450px){.stage-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:1000px){.sidebar{width:210px;padding:30px 18px}main{margin-left:210px;padding:0 4%}.stage summary{padding:17px;gap:12px}.stage-icon{width:45px;height:56px}.stage h3{font-size:16px}.bonus{padding:20px;gap:12px}.bonus-symbol{display:none}.resume{padding:22px;gap:12px}}@media(max-width:700px){.sidebar{display:none}main{margin:0;padding:0 20px}.topbar{height:65px}.crumb{font-size:9px}.crumb span{display:none}.pill{font-size:9px;padding:7px 10px}#dashboard{padding:26px 0 95px}.welcome{margin-bottom:18px}.welcome-badge{width:52px;height:52px;font-size:25px;margin-left:12px;flex:none}h1{font-size:29px;letter-spacing:-1px}.intro{font-size:14px}.eyebrow{font-size:9px}.resume{padding:18px;margin:24px 0 27px;flex-wrap:wrap;border-radius:16px;gap:12px}.resume-icon{width:40px;height:40px}.resume-copy{min-width:180px}.resume-copy strong{font-size:14px}.resume .primary{width:100%;min-height:46px}.section-head{margin:28px 0 18px}h2{font-size:20px}.section-head p{font-size:12px}.small-count{font-size:10px}.stage-grid{grid-template-columns:1fr;gap:12px}.stage summary{min-height:108px;padding:18px}.stage-icon{width:54px;height:64px;font-size:25px}.stage h3{font-size:18px}.stage .description{font-size:13px}.stage .metadata{font-size:10px;margin-top:7px}.bonus-grid{grid-template-columns:1fr;gap:12px}.bonus{min-height:140px;padding:22px}.bonus .bonus-symbol{display:block;font-size:35px}.bottom-nav{position:fixed;inset:auto 0 0;display:flex;justify-content:space-around;background:#fffdf8ef;backdrop-filter:blur(15px);border-top:1px solid var(--line);padding:9px 10px calc(9px + env(safe-area-inset-bottom));z-index:20}.bottom-nav a{display:grid;justify-items:center;gap:3px;font-size:24px;color:var(--muted);min-width:80px;padding:4px}.bottom-nav span{font-size:10px}.bottom-nav a.active{color:var(--olive);font-weight:700}.saved-card{padding:14px;gap:10px;flex-wrap:wrap}.saved-card .primary{padding:12px;font-size:12px}.reader-head{padding:12px 15px;gap:10px;min-height:72px}.reader-head strong{font-size:14px}.reader-head p{font-size:10px}.reader-options{padding:9px 15px}.reader-options label{font-size:0}.reader-options input{font-size:13px;min-height:40px}#page-stage{padding:8px 6px 20px}.reader-controls{padding:12px 16px calc(12px + env(safe-area-inset-bottom));display:grid;gap:10px}.page-nav{justify-content:center;gap:20px}.reader-controls .primary{min-width:260px;font-size:13px}.footnote{font-size:10px}.search{font-size:14px}}