:root{--ink:#17261e;--muted:#607067;--line:#dfe6df;--paper:#fffefa;--canvas:#f2f5ef;--accent:#116149;--accent-soft:#e1f0e7;--gold:#b8802d;--shadow:0 12px 28px #2033290c;font-size:16px}.dark{--ink:#edf3ed;--muted:#adbaaf;--line:#34443a;--paper:#1c2921;--canvas:#111a14;--accent:#72c8a2;--accent-soft:#203d30;--gold:#e1af61;--shadow:none}*{box-sizing:border-box}body{margin:0;background:var(--canvas);color:var(--ink);font-family:"DM Sans",Arial,sans-serif;line-height:1.65}.app-shell{max-width:1440px;margin:auto;min-height:100vh;background:var(--paper)}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,5vw,78px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--ink);font-family:"Playfair Display",serif;font-weight:700;font-size:19px;line-height:1.05}.brand>span{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--accent);color:#fff;font:700 14px "DM Sans"}.brand small{display:block;color:var(--muted);font:500 10px "DM Sans";letter-spacing:.12em;text-transform:uppercase;margin-top:4px}.top-actions{display:flex;align-items:center;gap:8px}.icon-button,.text-button,.plain-button{border:0;background:transparent;color:var(--ink);cursor:pointer}.icon-button{font-size:21px;padding:5px 9px}.text-button{font:600 16px Georgia;padding:5px 7px}.text-button span{font-size:11px}.copy-button{border:1px solid var(--accent);border-radius:7px;background:transparent;color:var(--accent);padding:7px 10px;font:600 12px "DM Sans";cursor:pointer}.hero{padding:62px clamp(22px,10vw,170px) 52px;background:linear-gradient(115deg,#e8f3ea 0%,#f7f6ed 60%,#eee4cf 100%);border-bottom:1px solid var(--line)}.dark .hero{background:linear-gradient(115deg,#183d2c,#1c2921 70%,#372c1c)}.eyebrow{margin:0 0 8px;color:var(--accent);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.hero h1{margin:0;font:700 clamp(34px,5vw,58px)/1.1 "Playfair Display",serif;letter-spacing:-.035em}.subtitle{margin:12px 0 28px;color:var(--muted);font-size:16px}.search-box{max-width:680px;height:54px;background:var(--paper);border:1px solid #cdd9ce;border-radius:10px;display:flex;align-items:center;gap:10px;padding:0 15px;box-shadow:var(--shadow)}.search-box span{font-size:25px;color:var(--accent);transform:rotate(-20deg)}.search-box input{flex:1;border:0;outline:0;background:transparent;color:var(--ink);font:15px "DM Sans"}.search-box input::placeholder{color:var(--muted)}kbd{font:11px "DM Sans";color:var(--muted);border:1px solid var(--line);padding:1px 6px;border-radius:4px}.content-layout{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:600px}.sidebar{background:color-mix(in srgb,var(--canvas) 50%,var(--paper));padding:35px 26px;border-right:1px solid var(--line)}.side-heading{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-weight:700}.plain-button{color:var(--accent);font:600 11px "DM Sans";letter-spacing:0;text-transform:none}.toc{margin-top:14px;max-height:510px;overflow:auto}.toc button{width:100%;padding:8px 9px;text-align:left;border:0;border-left:2px solid transparent;background:transparent;color:var(--muted);font:500 13px/1.35 "DM Sans";cursor:pointer}.toc button:hover,.toc button.active{border-left-color:var(--accent);background:var(--accent-soft);color:var(--ink)}.saved-panel{margin-top:35px;padding-top:22px;border-top:1px solid var(--line)}.saved-panel p{margin:0 0 8px;font-size:12px;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.1em}.saved-list{font-size:12px;color:var(--muted)}.reader{max-width:930px;width:100%;padding:42px clamp(24px,6vw,80px);margin:auto}.notice{padding:13px 16px;border-left:3px solid var(--gold);background:#fff4df;color:#5c431d;font-size:13px;border-radius:3px}.dark .notice{background:#3a3021;color:#f4d39d}.reader-header{padding:35px 0 24px;border-bottom:1px solid var(--line)}.reader-header h2{margin:0 0 5px;font:700 30px/1.2 "Playfair Display",serif}.reader-header p{margin:0;color:var(--muted);font-size:14px}.results{display:none;margin-top:18px;color:var(--muted);font-size:13px}.results.visible{display:block}.results button{margin-left:8px;border:0;background:transparent;color:var(--accent);font:600 13px "DM Sans";cursor:pointer;text-decoration:underline}.page-surface{margin-top:28px;min-height:540px;padding:clamp(24px,5vw,64px);background:#fffdf7;color:#20251f;border:1px solid #e7e1d6;border-radius:5px;box-shadow:0 16px 36px #283c2510;overflow:auto;touch-action:pan-y}.dark .page-surface{background:#263129;color:#f4f3ea;border-color:#405047}.page-surface pre{margin:0;white-space:pre-wrap;overflow-wrap:break-word;font:400 1rem/1.85 "DM Sans",sans-serif;letter-spacing:.005em}.page-controls{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:20px 0 10px}.page-controls button{border:1px solid var(--line);border-radius:7px;background:var(--paper);color:var(--ink);padding:10px 14px;font:600 13px "DM Sans";cursor:pointer}.page-controls button:disabled{opacity:.4;cursor:not-allowed}.reader-footer{padding:26px 0 5px;color:var(--muted);font-size:12px}.admin-trigger{display:none}@media(max-width:760px){.topbar{height:66px;padding:0 18px}.copy-button{font-size:0;padding:8px}.copy-button::after{content:'Salin';font-size:11px}.hero{padding:42px 22px 35px}.content-layout{display:block}.sidebar{border-right:0;border-bottom:1px solid var(--line);padding:20px 22px}.toc{display:flex;max-height:none;overflow:auto;gap:5px}.toc button{min-width:90px;border-left:0;border-bottom:2px solid transparent}.toc button:hover,.toc button.active{border-left:0;border-bottom-color:var(--accent)}.saved-panel{display:none}.reader{padding:28px 22px}.notice{font-size:12px}.page-surface{min-height:460px;padding:25px 20px}.page-surface pre{line-height:1.75}.page-controls{font-size:12px}}