:root{--bg:#E8DFC8;--deep:#D8CDB0;--paper:#F6F0DC;--muted:#EEE6CC;--heading:#3A3426;--text:#4A4332;--sub:#7A6E52;--soft:#9A8C6A;--dark:#6B5E3A;--khaki:#C4B48A;--moss:#6A7A58;--terra:#A65A3A;--cream:#F7F1DC;--line:rgba(107,94,58,.18);--accentline:rgba(166,90,58,.38);--shadow:0 12px 28px rgba(58,52,38,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.7 system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;overflow-x:hidden}body.locked{overflow:hidden}a{color:inherit}button{font:inherit;cursor:pointer}img{display:block;max-width:100%;width:100%;height:100%;object-fit:contain;object-position:center}.wrap{width:min(100% - 32px,960px);margin-inline:auto}.fixed-header{position:sticky;top:0;z-index:50}.eyebrow{height:20px;background:var(--dark);color:var(--cream);font-size:12px;line-height:20px}.flex{display:flex;align-items:center;justify-content:space-between}.eyebrow button{border:0;background:none;color:inherit;padding:0 10px;line-height:20px}.brandbar{height:54px;background:var(--bg);border-bottom:1px solid var(--line)}.brandbar .flex{height:100%}.brand{height:44px;min-width:44px;display:flex;align-items:center;text-decoration:none;font-size:16px;color:var(--heading)}.brand img{height:24px;max-width:160px}.brand-actions{display:flex;gap:8px;align-items:center}.brand-actions a,.brand-actions button{height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center;padding:0 10px;background:transparent;border:0;text-decoration:none;color:var(--heading);white-space:nowrap}.brand-actions button{border:1px solid var(--line);border-radius:8px}.tabs{background:var(--cream);min-height:40px;border-bottom:1px solid var(--line)}.tabs .wrap{display:flex;flex-wrap:wrap;align-items:center;gap:6px 22px}.tabs a{font-size:13px;min-height:40px;display:inline-flex;align-items:center;text-decoration:none;border-bottom:2px solid transparent}.tabs a.active{border-bottom-color:var(--terra);color:var(--terra)}main{padding-bottom:70px}h1,h2,h3,p{margin-top:0}h1{font-size:24px;line-height:1.3;color:var(--heading)}h2{font-size:20px;line-height:1.4;color:var(--heading)}h3{font-size:16px;color:var(--heading)}p{margin-bottom:16px}a:hover{color:var(--terra)}a:focus-visible,button:focus-visible{outline:3px solid var(--terra);outline-offset:3px}.hero{padding:76px 0 68px;text-align:center}.narrow{max-width:640px;margin-inline:auto}.hero h1{margin:12px 0 20px}.kicker{font-size:12px;letter-spacing:.12em;color:var(--sub);text-transform:uppercase}.hero p:not(.kicker){line-height:1.85}.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 24px;border-radius:9px;font-size:14px;text-decoration:none;white-space:nowrap}.button.primary{color:var(--cream);background:linear-gradient(135deg,#C4B48A 0%,#6B5E3A 100%)}.button.primary:hover{filter:brightness(.9)}.text-link{display:inline-flex;align-items:center;min-height:44px;color:var(--terra);text-decoration:none;font-size:14px;font-weight:600}.text-link span{margin-left:3px}.home-section{padding:46px 0;border-top:1px solid var(--line)}.section-head{margin-bottom:22px}.section-head p{color:var(--sub)}.strips{border-top:1px solid var(--line)}.strip{display:grid;grid-template-columns:120px minmax(0,1fr) auto;gap:12px 24px;align-items:center;min-height:105px;padding:16px 10px;border-bottom:1px solid var(--line)}.strip:has(.strip-media){grid-template-columns:210px 78px minmax(0,1fr) auto}.strip-media{height:156px;background:var(--cream);border-radius:10px}.strip-label{color:var(--terra);font-weight:700}.strip h3{margin-bottom:4px}.strip p{margin:0;color:var(--sub)}.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.card{background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:22px;box-shadow:var(--shadow)}.card p{color:var(--text)}.home-media{height:150px;background:var(--bg);border-radius:8px;margin-bottom:18px}.wide-media{height:190px;background:var(--cream);border-radius:10px;margin-bottom:22px}.volume{display:grid;grid-template-columns:115px 1fr;gap:18px;padding:20px 4px;border-bottom:1px solid var(--line)}.volume strong{color:var(--terra)}.volume p{margin:0}.center{text-align:center}.center .two{text-align:left}.center .wide-media{max-width:620px;margin-inline:auto}.feature{display:grid;grid-template-columns:1fr 310px;align-items:center;gap:30px}.feature-media{height:230px;background:var(--cream);border-radius:10px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chips span{background:var(--muted);border:1px solid var(--line);padding:6px 12px;border-radius:999px;color:var(--dark);font-size:13px}.single{max-width:700px;margin-inline:auto}.app-home{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:34px 28px;margin-top:32px}.app-home p{max-width:680px;margin:0 auto 22px}.app-media{height:320px;background:var(--cream);border-radius:10px;max-width:480px;margin:0 auto 24px}.icon-media{height:48px;width:48px;background:var(--cream);border-radius:9px;margin:0 auto 12px}.faq-mini{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.faq-mini article{padding:18px;background:var(--paper);border:1px solid var(--line);border-radius:9px}.faq-mini p{margin:0}.about-tease{max-width:700px;margin-inline:auto;text-align:center}.inner-head{padding:52px 0 32px}.inner-head p:last-child{max-width:720px}.banner-media{height:200px;background:var(--cream);border-radius:10px;margin:0 0 25px}.reading{max-width:720px;margin:0 auto}.prose{padding:25px 0;border-top:1px solid var(--line)}.prose p{line-height:1.85}.inner-strips{border-top:1px solid var(--line)}.inner-strip{display:grid;grid-template-columns:72px 1fr;gap:16px;padding:25px 12px;border-bottom:1px solid var(--line)}.inner-strip span{color:var(--terra);font-weight:700}.center-stack{max-width:680px;margin:auto;display:grid;gap:16px}.twocol-body{display:grid;grid-template-columns:1fr 1fr}.volumes-body .prose{padding:30px;background:var(--paper);margin:12px 0;border:1px solid var(--line);border-radius:10px}.status-body .prose{border-left:4px solid var(--moss);padding:20px 25px;background:var(--paper);margin:10px 0}.notes-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.notes-body .prose{background:var(--paper);padding:22px;border-radius:10px;border:1px solid var(--line)}.list-body .prose{display:grid;grid-template-columns:150px 1fr;column-gap:20px}.list-body .prose h2{grid-row:span 2}.steps-body{max-width:740px;margin:auto}.steps-body .prose{padding-left:28px;border-left:2px solid var(--khaki)}.next-read{max-width:740px;margin:45px auto 0;padding:25px;border-radius:10px;background:var(--muted)}.next-read p{margin-bottom:0}.next-read a{margin-right:22px}.faq-list{max-width:780px;margin:auto}.faq-list article{padding:23px 0;border-top:1px solid var(--line)}.faq-list article p{margin:0}.footer{background:#2E2A1E;color:#E8DFC8;border-top:1px solid var(--khaki);padding:42px 0 22px;font-size:13px}.footer h2{font-size:14px;color:var(--cream)}.foot-brand{display:flex;align-items:center;gap:10px;margin-bottom:28px}.foot-brand img{max-width:130px;height:24px}.foot-brand strong{font-size:16px}.foot-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.foot-grid a{display:block;text-decoration:none;min-height:30px}.foot-grid a:hover{color:var(--cream)}.foot-notice{border-top:1px solid rgba(232,223,200,.22);margin:28px 0 6px;padding-top:20px}.copyright{margin:0;color:#D1C6A6}.shade{position:fixed;inset:0;background:rgba(25,23,17,.65);z-index:75}.shade[hidden]{display:none}.overlay{position:fixed;z-index:80;visibility:hidden;pointer-events:none;overflow:auto;max-height:100dvh;transition:opacity .18s;opacity:0}.overlay.open{visibility:visible;pointer-events:auto;opacity:1}.overlay-inner{width:min(100% - 32px,960px);margin:auto}.menu{inset:0;background:#373324;color:var(--cream);padding:26px 0}.overlay-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:18px;border-bottom:1px solid rgba(247,241,220,.3)}.overlay-head button{min-height:44px;border:1px solid currentColor;border-radius:8px;background:transparent;color:inherit;padding:0 16px}.menu-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px 40px;padding:22px 0}.menu-grid h2{color:var(--cream)}.menu-grid a{display:block;padding:10px 0;text-decoration:none;border-bottom:1px solid rgba(247,241,220,.15)}.menu-grid a strong{display:block;font-size:15px}.menu-grid a small{display:block;color:#D9D0B5;font-size:12px}.search{top:74px;left:0;right:0;background:var(--cream);color:var(--heading);padding:18px 0 25px;box-shadow:var(--shadow)}.search .overlay-head{border-color:var(--line)}.search-grid{display:flex;flex-wrap:wrap;gap:12px}.search-grid a{padding:5px 14px;border:1px solid var(--accentline);border-radius:8px}.bottom-nav{display:none}@media(max-width:720px){.tabs{display:none}main{padding-bottom:94px}.hero{padding:58px 0}.strip,.strip:has(.strip-media){grid-template-columns:72px minmax(0,1fr)}.strip-media{grid-column:1 / -1}.strip .text-link{grid-column:2}.two,.feature,.faq-mini,.foot-grid,.notes-body{grid-template-columns:1fr}.feature-media{height:180px}.foot-grid{grid-template-columns:repeat(2,1fr)}.menu-grid{grid-template-columns:1fr 1fr;gap:20px}.menu-grid a small{font-size:11px}.search{inset:0;background:#373324;color:var(--cream);padding:24px 0}.search .overlay-head{border-color:rgba(247,241,220,.3)}.search-grid{display:grid;grid-template-columns:1fr 1fr;padding-top:24px}.search-grid a{color:var(--cream);border-color:rgba(247,241,220,.4)}.bottom-nav{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;bottom:0;left:0;right:0;z-index:55;min-height:48px;padding-bottom:env(safe-area-inset-bottom);background:var(--cream);border-top:1px solid var(--line)}.bottom-nav a{min-height:48px;display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:13px}.bottom-nav a.active{background:var(--dark);color:var(--cream)}.list-body .prose{display:block}.inner-head{padding-top:40px}}
@media(max-width:380px){.brand-actions{gap:0}.brand-actions a,.brand-actions button{padding:0 7px}.menu-grid{gap:10px}.strip{gap:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.overlay{transition:none}}