/* HUANGDOU DRAMA — mobile-first editorial visual system */
:root{--bg:#F7F0D8;--bg-deep:#EDE3BE;--paper:#FFFFFF;--paper-warm:#FFF8E8;--secondary:#F0E6C4;--ink:#3A2E10;--body:#4A3C18;--muted:#7A6A32;--faint:#927F46;--bean:#E0B83A;--bean-light:#F0D060;--bean-dark:#B89220;--pod:#6A8A3A;--line:rgba(224,184,58,.22);--strong-line:rgba(224,184,58,.50);--shadow:0 12px 28px rgba(58,46,16,.08);--main-width:1120px}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:138px;max-width:100%}
body{margin:0;min-width:0;max-width:100%;background:var(--bg);color:var(--body);font:15px/1.7 "Noto Sans SC","PingFang SC","Microsoft Yahei",system-ui,sans-serif;-webkit-font-smoothing:antialiased}
body.panel-lock{overflow:hidden}
h1,h2,h3,h4,p,ol,ul{margin-top:0}h1,h2,h3{line-height:1.36;color:var(--ink)}h1{font-size:26px;letter-spacing:-.025em}h2{font-size:20px}h3{font-size:16px}p{margin-bottom:1em}
a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}a,button,input{touch-action:manipulation}
a:hover{color:#886A12}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #6A8A3A;outline-offset:3px;border-radius:5px}img{display:block;max-width:100%;height:auto}button:disabled{cursor:not-allowed}
.container{width:calc(100% - 32px);max-width:var(--main-width);margin-inline:auto;min-width:0}
.eyebrow{display:block;color:var(--bean-dark);font-size:11px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;line-height:1.5}.mini-sub{font-size:12px;color:var(--pod);font-weight:700}
/* Header: independent full viewport background, no gutter at 320px */
.site-header{position:fixed;inset:0 0 auto 0;width:100%;z-index:80;background:var(--paper);box-shadow:0 2px 16px rgba(49,39,11,.05)}
.beanline{height:22px;width:100%;background:var(--ink);color:var(--paper-warm);font-size:12px;line-height:22px}
.beanline-inner{max-width:var(--main-width);width:calc(100% - 32px);height:22px;margin:auto;display:flex;align-items:center;justify-content:space-between;min-width:0;gap:10px}
.beanline-inner>span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.beanline-search{border:0;background:transparent;color:var(--paper-warm);height:22px;line-height:22px;display:flex;align-items:center;gap:7px;padding:0 0 0 8px;flex:none;font-size:12px;white-space:nowrap}
.beanline-search:hover{color:var(--bean-light)}
.search-icon{width:12px;height:12px;border:1.8px solid currentColor;border-radius:50%;position:relative;display:inline-block;flex:none}.search-icon::after{content:"";position:absolute;width:6px;height:1.8px;background:currentColor;right:-5px;bottom:-3px;transform:rotate(45deg);border-radius:2px}
.podbar{height:60px;background:var(--paper);border-bottom:1px solid var(--line);width:100%}
.podbar-inner{width:calc(100% - 32px);max-width:var(--main-width);height:60px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;column-gap:8px;min-width:0}
.brand{min-height:44px;display:flex;align-items:center;justify-content:flex-start;max-width:100%;width:max-content;min-width:0;overflow:hidden}
.brand .hd-logo{height:28px;width:auto;max-width:190px;object-fit:contain;object-position:left center}
.hd-wordmark{font-size:16px;font-weight:900;color:var(--ink);white-space:nowrap;letter-spacing:.02em}
.catalog-button{min-height:44px;min-width:86px;display:flex;align-items:center;justify-content:center;gap:9px;padding:0 14px;border:1px solid var(--line);background:var(--paper-warm);border-radius:10px;color:var(--ink);font-size:14px;font-weight:800;white-space:nowrap}
.catalog-button:hover{background:var(--secondary);border-color:var(--strong-line)}
.hamburger{width:17px;height:14px;display:flex;flex-direction:column;justify-content:space-between}
.hamburger i{display:block;height:2px;background:currentColor;border-radius:2px;width:100%}
.hamburger i:nth-child(2){width:78%}
.app-button{height:44px;width:max-content;min-width:98px;max-width:100%;justify-self:end;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 13px;background:var(--ink);color:var(--paper-warm);border:1px solid var(--ink);border-radius:9px;font-size:13px;font-weight:800;white-space:nowrap}
.app-button:hover{background:#594819;color:white}
.tagbar{height:40px;border-bottom:1px solid var(--line);background:var(--paper-warm)}
.tagbar-inner{height:40px;display:flex;align-items:center;justify-content:center;gap:12px;max-width:var(--main-width);margin:auto}
.tagbar a{display:flex;align-items:center;justify-content:center;min-width:70px;height:30px;padding:0 17px;font-size:13px;font-weight:700;border-radius:6px;color:var(--muted)}
.tagbar a:hover{background:#EAE0B9;color:var(--ink)}.tagbar a[aria-current="page"]{background:var(--bean);color:var(--ink)}
.site-main{min-width:0;padding-top:122px}.home{padding-top:18px;padding-bottom:34px}
/* Buttons */
.btn-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.btn{height:44px;display:inline-flex;align-items:center;justify-content:center;gap:17px;padding:0 20px;border-radius:10px;font-size:14px;font-weight:800;line-height:1;white-space:nowrap;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}
.btn:hover{transform:translateY(-2px)}.btn-primary{border:1px solid var(--bean-dark);background:linear-gradient(135deg,#F0D060 0%,#E0B83A 55%,#B89220 100%);color:var(--ink);box-shadow:0 8px 20px rgba(176,128,16,.13)}
.btn-primary:hover{color:var(--ink);box-shadow:0 12px 22px rgba(176,128,16,.21)}
.btn-secondary{border:1px solid var(--bean-dark);background:var(--paper);color:var(--ink)}.btn-secondary:hover{background:var(--paper-warm);color:var(--ink)}
.text-link{display:inline-flex;align-items:center;gap:12px;font-size:14px;font-weight:800;color:#876613;min-height:42px}.text-link:hover{color:var(--ink)}
/* Local image & image-free drop-in fallback; original visual preserved by contain */
.media-slot{position:relative;min-width:0;overflow:hidden;display:flex;align-items:center;justify-content:center;width:100%;border:1px solid var(--line);border-radius:12px;background:linear-gradient(150deg,#FFFDF5,#F6ECC8 64%,#EFE2B7);isolation:isolate}
.media-slot img{position:relative;z-index:2;display:block;max-width:100%;width:100%;height:100%;object-fit:contain;object-position:center;background:var(--paper-warm)}
.media-hero{height:260px;background:#FFF8E8;border-radius:13px}.media-small{height:180px}.media-journal{height:200px}.media-wide{height:200px}.media-inner{height:224px}.media-large{height:280px}.media-portrait{height:344px}.media-icon{width:48px;height:48px;flex:none;border-radius:12px}
.slot-grain{position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(circle at 18% 38%,rgba(240,208,96,.35),transparent 38%),radial-gradient(circle at 90% 72%,rgba(106,138,58,.11),transparent 40%),repeating-linear-gradient(110deg,transparent 0 35px,rgba(184,146,32,.038) 35px 36px)}
.slot-placeholder{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:5px;color:#7A6222;padding:16px;font-size:15px;font-weight:800;letter-spacing:.07em}
.slot-placeholder small{font-size:10px;letter-spacing:.22em;font-weight:600;color:#A28A43}.slot-dot{display:block;width:51px;height:34px;background:linear-gradient(135deg,#E7C554,#A9BE76);border-radius:53% 47% 44% 56%/58% 35% 65% 42%;transform:rotate(-22deg);box-shadow:13px -3px 0 rgba(224,184,58,.20);margin-bottom:10px}
.media-hero .slot-dot{width:81px;height:54px}.media-hero .slot-placeholder{font-size:17px}.media-icon .slot-placeholder{padding:3px;font-size:9px}.media-icon .slot-placeholder small{display:none}.media-icon .slot-dot{width:23px;height:17px;margin-bottom:0}
/* Home primary */
.home-cover{background:var(--paper);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:12px}
.home-cover>.media-slot{border:0}.home-cover-copy{padding:24px 30px 28px;max-width:820px;margin-inline:auto;text-align:center}
.cover-top{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap;margin-bottom:14px}.cover-issue{font-size:12px;color:var(--pod);border-left:1px solid var(--strong-line);padding-left:18px}
.home-cover h1{font-size:30px;margin-bottom:13px;letter-spacing:-.035em}.home-cover-copy>p{font-size:15px;line-height:1.82;margin:0 auto 23px;max-width:730px}.home-cover .btn-row{justify-content:center}
.home-section{margin-top:56px;min-width:0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;border-bottom:1px solid var(--strong-line);padding-bottom:16px;margin-bottom:23px}.section-heading h2{margin:7px 0 0;font-size:22px}.section-heading p{max-width:430px;margin:0;color:var(--muted);font-size:14px;line-height:1.75;text-align:right}
.triplet{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.triplet-card{background:var(--paper);border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow);overflow:hidden;min-width:0}
.triplet-photo{display:block;margin:9px 9px 0}.triplet-photo .media-slot{border-radius:8px}.triplet-text{padding:19px 20px 17px}.triplet-text h3{margin:5px 0 9px;font-size:19px}.triplet-text p{font-size:15px;margin-bottom:12px;min-height:120px}
.issue-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:24px;align-items:stretch}.issue-visual{background:var(--secondary);border-radius:13px;padding:15px;position:relative;display:flex;flex-direction:column;justify-content:space-between;min-width:0}
.issue-visual .media-slot{height:225px}.issue-marker{display:flex;align-items:end;justify-content:space-between;color:var(--muted);padding:12px 5px 0}.issue-marker strong{font-family:Georgia,serif;font-size:75px;line-height:1;letter-spacing:-.07em;color:rgba(148,119,29,.21)}.issue-marker span{font-size:12px;letter-spacing:.24em}
.issue-copy{padding:22px 26px;background:var(--paper);border:1px solid var(--line);border-radius:13px;min-width:0}.issue-copy>p{margin-bottom:14px}.issue-lines{list-style:none;margin:0 0 17px;padding:0}.issue-lines li{border-bottom:1px solid var(--line)}.issue-lines li a{display:flex;align-items:center;gap:16px;min-height:44px;font-size:15px}.issue-lines b{font-size:15px;color:var(--bean-dark)}.issue-lines li a span:last-child{margin-left:auto;color:var(--bean-dark)}
.shelf-section{background:var(--paper-warm);padding:25px;border:1px solid var(--line);border-radius:13px}.shelf-head{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:22px;align-items:center;margin-bottom:22px}.shelf-copy{padding:0 12px}.drawer-handle{width:80px;height:8px;border-radius:12px;background:linear-gradient(90deg,var(--bean),#F0D060);margin-bottom:20px}.shelf-copy p{max-width:410px}.shelf-head .media-slot{height:190px}.drawer-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.drawer-list>a{display:flex;align-items:center;min-width:0;gap:15px;min-height:60px;background:var(--paper);border:1px solid var(--line);border-radius:9px;padding:10px 15px}.drawer-list>a:hover{border-color:var(--strong-line);background:#FFFDF8}.drawer-n{font-weight:900;color:var(--bean-dark);font-size:16px}.drawer-list strong{white-space:nowrap;font-size:15px}.drawer-list small{font-size:12px;color:var(--muted);line-height:1.4}.drawer-list>a>span:last-child{margin-left:auto;color:var(--bean-dark)}
.chart-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:20px;align-items:stretch}.chart-media .media-slot{height:100%;min-height:330px}.chart-rows{background:var(--paper);border:1px solid var(--line);border-radius:13px;padding:10px 23px}.chart-rows>a{min-height:70px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:21px}.chart-rows>a:last-child{border:0}.chart-rows>a>b{color:var(--bean-dark);font:700 32px Georgia,serif;min-width:43px}.chart-rows>a>span:nth-child(2){display:flex;flex-direction:column;flex:1;min-width:0}.chart-rows strong{font-size:15px}.chart-rows small{color:var(--muted);font-size:12px;line-height:1.5}.chart-rows>a>span:last-child{color:var(--bean-dark)}.more-home{margin-top:10px}
.timeline-section{border-radius:13px;border:1px solid var(--line);background:var(--paper);padding:26px}.calendar-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:35px}.calendar-events{margin:8px 0 7px 8px;border-left:1px dashed var(--bean-dark);padding-left:24px}.calendar-event{position:relative;display:grid;grid-template-columns:75px minmax(0,1fr);gap:10px;padding:0 0 27px}.calendar-event:last-child{padding-bottom:0}.calendar-bullet{position:absolute;top:6px;left:-31px;width:13px;height:13px;border:3px solid var(--bean-dark);background:var(--paper);border-radius:50%}.calendar-state{font-size:12px;font-weight:800;color:#785D12}.calendar-event h3{margin:0 0 6px}.calendar-event p{font-size:14px;margin:0}.calendar-media{padding:3px 0}.calendar-media .media-slot{height:215px}.calendar-foot{margin:11px 0 0;color:var(--muted);font-size:13px}
.note-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:22px}.note-media .media-slot{height:100%;min-height:285px}.note-pages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.note-pages article{background:var(--paper);border:1px solid var(--line);border-radius:9px;padding:15px 15px 18px;min-width:0;display:flex;flex-direction:column}.note-letter{font:700 32px Georgia,serif;color:var(--bean-dark);margin-bottom:16px}.note-pages h3{margin-bottom:10px}.note-pages p{font-size:13px;line-height:1.75;margin:0}
.service-section{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:26px}.service-layout{display:grid;grid-template-columns:minmax(0,.42fr) minmax(0,.58fr);gap:35px;align-items:center}.service-visual{position:relative;display:flex;justify-content:center;align-items:center;min-height:385px;border-radius:13px;background:linear-gradient(155deg,#FAF1D9,#F0E5BC)}.phone-shell{width:192px;max-width:72%;padding:11px 10px;border:6px solid var(--ink);background:var(--paper);border-radius:26px;box-shadow:0 16px 24px rgba(57,42,14,.15)}.phone-shell .media-slot{height:325px;border-radius:12px}.phone-notch{width:67px;height:7px;border-radius:6px;background:#CABB94;margin:0 auto 11px}.app-icon-asset{position:absolute;right:12%;bottom:13%;background:var(--paper);padding:7px;border-radius:15px;box-shadow:var(--shadow)}.app-icon-asset .media-slot{width:48px;height:48px}
.service-copy h3{font-size:20px;margin:9px 0 14px}.service-copy>p{line-height:1.82;margin-bottom:22px}.rights-panel{display:grid;grid-template-columns:minmax(0,.77fr) minmax(0,1.23fr);gap:26px;background:var(--ink);border-radius:13px;padding:34px;color:var(--paper-warm)}.rights-panel h3{color:var(--paper-warm);font-size:22px;margin:10px 0 25px}.rights-panel .eyebrow{color:var(--bean-light)}.rights-panel>p{margin:0;color:#F1E7C9}.rights-panel .btn-secondary{background:transparent;color:var(--paper-warm);border-color:#C5AC62}.rights-panel .btn-secondary:hover{background:#514421;color:white}
.faq-home-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.faq-home-grid details{border:1px solid var(--line);border-radius:10px;background:var(--paper);padding:0 16px}.faq-home-grid summary{min-height:60px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-weight:750;cursor:pointer;list-style:none}.faq-home-grid summary::-webkit-details-marker{display:none}.faq-home-grid summary span{font-size:22px;color:var(--bean-dark)}.faq-home-grid details[open] summary span{transform:rotate(45deg)}.faq-home-grid details p{border-top:1px solid var(--line);padding-top:12px;font-size:14px}.home-section-link{margin-top:12px}
.closing-section{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.6fr);border-radius:13px;overflow:hidden;border:1px solid var(--line);background:var(--secondary)}.closing-cream{padding:39px}.closing-overline{display:block;font-size:12px;font-weight:850;margin:13px 0}.closing-cream h2{font-size:26px;letter-spacing:-.035em}.closing-cream p{max-width:750px;margin-bottom:20px}.closing-art{position:relative;min-height:280px;background:linear-gradient(140deg,#E8CB6C,#C8A143);overflow:hidden;display:flex;align-items:end;justify-content:flex-end;padding:22px;color:#6A4F12;letter-spacing:.12em;font-size:12px;font-weight:800;text-align:right}.closing-bean{position:absolute;border-radius:56% 44% 47% 53% / 52% 60% 40% 48%;transform:rotate(-24deg);background:rgba(255,249,220,.45);box-shadow:14px 8px 0 rgba(164,125,31,.14);pointer-events:none}.closing-bean.one{width:195px;height:138px;top:30px;right:40px}.closing-bean.two{width:140px;height:101px;left:-38px;bottom:38px;background:rgba(255,252,233,.2)}.closing-bean.three{width:95px;height:69px;right:-28px;top:10px}.closing-art>span{z-index:1}
/* Interior pages — distinct editorial rhythms */
.interior{padding-top:28px;padding-bottom:55px}.interior-hero{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);gap:25px;align-items:center;background:var(--paper);border:1px solid var(--line);border-radius:13px;padding:28px;box-shadow:var(--shadow)}
.interior-lead h1{margin:12px 0 17px;font-size:26px}.interior-lead .lead-copy{font-size:16px;line-height:1.9;max-width:580px;margin-bottom:20px}
.crumb{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--muted);margin:12px 0 0}.crumb a{color:var(--muted)}.crumb a:hover{color:var(--ink)}.lead-tags{display:flex;gap:9px;flex-wrap:wrap}.lead-tags span{border:1px solid var(--line);color:var(--muted);background:var(--paper-warm);border-radius:6px;padding:3px 9px;font-size:11px}
.interior-visual .media-slot{height:230px}.interior-product .interior-visual .media-slot{height:300px}
.interior-heading{margin:43px 0 20px;border-bottom:1px solid var(--strong-line);padding-bottom:15px}.section-index{font-size:12px;color:var(--bean-dark);font-weight:800;letter-spacing:.05em}.interior-heading h2{margin:8px 0 0;font-size:22px}
.interior-items{min-width:0}.entry{min-width:0}.entry h3{font-size:16px;line-height:1.5;margin:0 0 9px}.entry p{font-size:15px;line-height:1.8;margin:0}.entry-number{color:#A37B20;font:700 25px Georgia,serif}
.interior-numbered .entry,.interior-rank .entry,.interior-folio .entry,.interior-policy .entry{display:grid;grid-template-columns:98px minmax(0,1fr);gap:24px;align-items:start;border-bottom:1px solid var(--line);padding:21px 12px}
.interior-numbered .entry:nth-child(odd){background:rgba(255,255,255,.65)}.interior-numbered .entry-number{font-size:32px}.interior-numbered .entry h3{font-size:17px}
.interior-ledger .interior-items,.interior-notebook .interior-items,.interior-notes .interior-items,.interior-shelf .interior-items,.interior-product .interior-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.interior-ledger .entry,.interior-notebook .entry,.interior-notes .entry,.interior-shelf .entry,.interior-product .entry{background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:23px;min-height:200px}
.interior-ledger .entry-number,.interior-notebook .entry-number,.interior-notes .entry-number,.interior-shelf .entry-number,.interior-product .entry-number{display:block;margin-bottom:16px}
.interior-ledger .entry:nth-child(4n+2){background:#F1E9CE}.interior-notebook .entry{border-top:4px solid var(--bean)}.interior-notebook .entry:nth-child(3n+2){border-top-color:var(--pod)}
.interior-notes .entry{background:linear-gradient(to bottom,transparent 0,transparent 33px,rgba(191,170,111,.13) 34px),var(--paper);border-left:3px solid var(--bean)}
.interior-gallery .entry{display:grid;grid-template-columns:170px minmax(0,1fr);gap:20px;padding:23px 20px;margin-bottom:13px;border:1px solid var(--line);border-radius:11px;background:var(--paper)}.interior-gallery .entry:nth-child(even){background:var(--paper-warm)}.interior-gallery .entry-number{font:700 60px Georgia,serif;color:rgba(178,140,37,.37)}
.interior-rank .entry{grid-template-columns:110px minmax(0,1fr);padding:23px;background:var(--paper);border-bottom-color:var(--strong-line)}.interior-rank .entry-number{font:700 56px Georgia,serif;color:var(--bean-dark)}.interior-rank .entry h3{font-size:18px}
.interior-timeline .interior-items{position:relative;margin:0 0 0 30px;padding-left:33px;border-left:2px solid var(--bean)}.interior-timeline .entry{background:var(--paper);border:1px solid var(--line);border-radius:12px;margin-bottom:16px;padding:24px;position:relative}.interior-timeline .entry::before{content:"";position:absolute;width:15px;height:15px;border-radius:50%;background:var(--bean);top:28px;left:-42px;box-shadow:0 0 0 6px var(--bg)}.interior-timeline .entry-number{display:block;font-size:17px;margin-bottom:7px}
.interior-guide .entry{display:grid;grid-template-columns:170px minmax(0,1fr);background:var(--paper);border-bottom:1px solid var(--line);margin-bottom:12px;border-radius:9px;padding:25px 25px}.interior-guide .entry-number{font:700 42px Georgia,serif;color:rgba(153,123,33,.4)}
.interior-folio .entry{background:var(--paper);border:1px solid var(--line);margin-bottom:12px;padding:25px 26px;border-radius:11px}.interior-folio .entry:nth-child(2n){background:#FAF3DD}.interior-folio .entry-number{font-size:40px}
.interior-shelf .entry{border-bottom:8px solid #CDAA48;border-radius:6px}.interior-shelf .entry:nth-child(even){background:#FAF4E3;border-bottom-color:var(--pod)}
.interior-policy .entry{background:var(--paper);border-bottom:1px solid var(--line);padding:23px}.interior-policy .entry-number{color:var(--bean-dark);font-size:27px}
.interior-statement .entry{display:grid;grid-template-columns:minmax(0,.38fr) minmax(0,.62fr);gap:24px;background:var(--paper);border-left:4px solid var(--bean);padding:23px;margin-bottom:13px;border-radius:10px}.interior-statement .entry-number{display:none}.interior-statement .entry h3{font-size:19px}
.closing-note{background:var(--paper-warm);border:1px solid var(--strong-line);border-radius:11px;padding:25px 28px;margin-top:26px}.closing-note p{font-size:15px;margin:8px 0 0}
.related-reading{margin-top:42px;padding-top:23px;border-top:1px solid var(--strong-line)}.related-top{display:flex;justify-content:space-between;align-items:end;gap:20px}.related-top h2{font-size:20px;margin:0}.related-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px}.related-list a{border:1px solid var(--line);border-radius:10px;padding:13px 18px;min-height:52px;background:var(--paper);display:flex;align-items:center;justify-content:space-between;font-weight:700}.related-list a:hover{background:var(--paper-warm);border-color:var(--strong-line)}.related-list a span:last-child{color:var(--bean-dark)}
/* FAQ page */
.faq-page{padding-top:30px;padding-bottom:60px}.faq-intro{background:var(--paper);padding:30px;border:1px solid var(--line);border-radius:12px;margin-bottom:20px}.faq-intro h1{font-size:26px;margin:13px 0}.faq-intro>p:last-child{font-size:16px;max-width:820px;margin:0}.faq-list{display:grid;gap:10px}.faq-item{background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:0 20px}.faq-item[open]{border-color:var(--strong-line)}.faq-item summary{display:flex;align-items:center;min-height:65px;gap:18px;cursor:pointer;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary>span:first-child{font:800 21px Georgia,serif;color:var(--bean-dark)}.faq-item summary strong{font-size:16px;flex:1;color:var(--ink);font-weight:750}.faq-item summary .plus{font-size:23px;color:var(--bean-dark)}.faq-item[open] summary .plus{transform:rotate(45deg)}.faq-item p{padding:3px 0 21px 41px;max-width:920px;margin:0;font-size:15px;line-height:1.88}.faq-tail{margin-top:26px;background:var(--paper-warm);border:1px solid var(--line);border-radius:13px;padding:28px}.faq-tail h2{margin-bottom:9px}.faq-tail p{max-width:850px}
/* Footer */
.site-footer{background:var(--ink);color:var(--bg);border-top:3px solid var(--bean);font-size:13px}.foot-main{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,2.1fr);gap:50px;padding:46px 0 32px}.foot-brand{display:flex;flex-direction:column;align-items:start;gap:5px}.footer-brandmark{display:inline-flex;min-height:32px;align-items:center;color:var(--paper-warm)}.footer-brandmark .hd-logo{height:28px;max-width:170px;object-fit:contain}.footer-brandmark .hd-wordmark{color:var(--paper-warm)}.foot-brand>strong{color:var(--paper-warm);font-size:17px}.brand-en{font-size:11px;letter-spacing:.14em;color:#D8C690}.foot-brand p{margin:11px 0 0;max-width:315px;color:#EEE2BD}.footer-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.footer-nav h2{font-size:15px;color:var(--bean-light);padding-bottom:8px;border-bottom:1px solid rgba(224,184,58,.28);margin-bottom:13px}.footer-nav a{display:block;min-height:28px;line-height:28px;color:#F2E4BD}.footer-nav a:hover{color:var(--bean-light)}.foot-notice{border-top:1px solid rgba(255,248,232,.14);padding:18px 0 14px;color:#ECDCB4}.foot-bottom{border-top:1px solid rgba(255,248,232,.14);display:flex;gap:20px;justify-content:space-between;align-items:center;padding:16px 0 20px;color:#E0CFAB;font-size:12px}.foot-bottom a{color:#E0CFAB;margin-left:14px}.foot-bottom a:hover{color:var(--bean-light)}
/* Drawer, search and overlay */
.screen-dim{position:fixed;inset:0;z-index:90;background:rgba(38,28,8,.56);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s ease}.screen-dim.is-open{opacity:1;visibility:visible;pointer-events:auto}
.catalog-panel{position:fixed;left:0;top:0;bottom:0;width:400px;max-width:86vw;z-index:100;background:var(--paper-warm);color:var(--ink);box-shadow:var(--shadow);display:flex;flex-direction:column;transform:translateX(-103%);visibility:hidden;pointer-events:none;transition:transform .22s ease,visibility .22s ease}.catalog-panel.is-open{transform:translateX(0);visibility:visible;pointer-events:auto}
.catalog-top{height:82px;min-height:82px;padding:0 20px;border-bottom:1px solid var(--strong-line);display:flex;align-items:center;justify-content:space-between;gap:10px}.catalog-brand{display:flex;align-items:center;gap:10px;min-width:0}.catalog-brand .hd-logo{max-width:105px;height:28px;object-fit:contain}.catalog-brand .hd-wordmark{font-size:15px}.catalog-brand b{font-size:13px;color:var(--ink);white-space:nowrap}.close-button{min-width:58px;min-height:44px;border:1px solid var(--strong-line);border-radius:9px;background:var(--paper);color:var(--ink);font-size:13px;font-weight:800}.close-button:hover{background:var(--secondary)}
.catalog-scroll{overflow-y:auto;overscroll-behavior:contain;min-height:0;padding:15px 20px 40px}.catalog-group{margin:13px 0 28px}.catalog-group h2{font-size:13px;letter-spacing:.08em;color:var(--pod);border-bottom:1px solid var(--strong-line);padding-bottom:9px;margin-bottom:9px}.catalog-links{display:grid;gap:2px}.catalog-links a{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:10px;padding:10px 9px;border-radius:7px;min-height:59px}.catalog-links a:hover{background:var(--secondary)}.catalog-links strong{font-size:15px;grid-column:1;line-height:1.4}.catalog-links span{color:var(--muted);font-size:12px;grid-column:1;line-height:1.5;margin-top:3px}.catalog-links em{font-style:normal;color:var(--bean-dark);grid-column:2;grid-row:1 / 3;align-self:center}
.search-panel{position:fixed;z-index:101;top:83px;right:max(16px,calc((100% - var(--main-width))/2));width:490px;max-width:calc(100% - 32px);padding:26px;border:1px solid var(--strong-line);background:var(--paper-warm);color:var(--ink);border-radius:12px;box-shadow:0 20px 50px rgba(50,40,13,.24);opacity:0;transform:translateY(-10px);visibility:hidden;pointer-events:none;transition:opacity .18s ease,transform .18s ease,visibility .18s ease}.search-panel.is-open{opacity:1;transform:translateY(0);visibility:visible;pointer-events:auto}
.search-top{display:flex;align-items:start;justify-content:space-between;gap:12px}.search-top small{color:var(--bean-dark);font-size:10px;letter-spacing:.15em}.search-top h2{font-size:20px;margin:7px 0 18px}.search-label{display:block;font-size:13px;font-weight:800;margin-bottom:10px}.search-field{height:46px;border:1px solid var(--strong-line);background:var(--paper);border-radius:10px;display:flex;align-items:center;gap:14px;padding:0 14px;color:var(--muted)}.search-field:focus-within{border-color:var(--pod)}.search-field input{flex:1;min-width:0;border:0;outline:0!important;background:transparent;color:var(--ink);font-size:15px}.search-field input::placeholder{color:#9B8957}.search-subtitle{margin:18px 0 12px;color:var(--muted);font-size:13px}.search-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.search-links a{min-height:46px;padding:0 12px;display:flex;align-items:center;justify-content:space-between;background:var(--paper);border:1px solid var(--line);border-radius:8px;font-size:14px;font-weight:800}.search-links a:hover{border-color:var(--bean-dark)}.search-links a>span{color:var(--bean-dark)}.search-links a[hidden]{display:none!important}.search-empty{font-size:13px;color:var(--muted)}
.mobile-bottom{display:none}
@media(max-width:960px){.section-heading{align-items:start}.triplet-text{padding:15px}.triplet-text p{min-height:155px}.note-layout{grid-template-columns:1fr}.note-media .media-slot{height:215px;min-height:0}.note-pages article{min-height:180px}.footer-nav{gap:10px}.foot-main{gap:28px}}
@media(max-width:767px){
 html{scroll-padding-top:95px}.tagbar{display:none}.site-main{padding-top:82px;padding-bottom:calc(48px + env(safe-area-inset-bottom,0px))}
 .podbar-inner{column-gap:5px}.catalog-button{padding:0 10px;min-width:72px;gap:6px}.app-button{min-width:82px;padding:0 8px;font-size:12px;gap:3px}.brand .hd-logo{max-width:125px;height:28px}.hd-wordmark{font-size:16px}
 .home{padding-top:13px}.home-section{margin-top:34px}.home-cover{padding:8px}.home-cover-copy{padding:20px 12px 22px}.home-cover h1{font-size:24px;line-height:1.35}.home-cover-copy>p{font-size:15px}.cover-top{gap:7px;margin-bottom:9px}.cover-issue{padding-left:10px;font-size:11px}.media-hero{height:260px}
 .section-heading{display:block;padding-bottom:12px;margin-bottom:15px}.section-heading h2{font-size:20px}.section-heading p{max-width:none;text-align:left;margin-top:9px;font-size:13px}
 .triplet{grid-template-columns:1fr;gap:11px}.triplet-card{display:grid;grid-template-columns:42% minmax(0,1fr);align-items:stretch;padding:9px}.triplet-photo{margin:0}.triplet-photo .media-slot{height:100%;min-height:170px}.triplet-text{padding:5px 5px 2px 14px}.triplet-text h3{font-size:17px;margin:3px 0 5px}.triplet-text p{font-size:13px;min-height:0;margin-bottom:5px}.triplet-text .text-link{min-height:33px}
 .issue-grid,.chart-layout,.calendar-layout,.service-layout,.rights-panel{grid-template-columns:1fr;gap:13px}.issue-visual .media-slot{height:200px}.issue-marker strong{font-size:45px}.issue-copy{padding:20px}.issue-copy>p{font-size:14px}
 .shelf-section,.timeline-section,.service-section{padding:16px}.shelf-head{grid-template-columns:1fr;gap:15px}.shelf-head .media-slot{height:190px}.shelf-copy{padding:0}.drawer-list{grid-template-columns:1fr;gap:7px}.drawer-list>a{min-height:56px}.drawer-list small{font-size:12px}
 .chart-media .media-slot{height:210px;min-height:0}.chart-rows{padding:7px 15px}.chart-rows>a{min-height:62px}.chart-rows>a>b{font-size:28px}
 .calendar-layout{gap:20px}.calendar-media .media-slot{height:200px}.note-layout{gap:10px}.note-pages{grid-template-columns:1fr;gap:8px}.note-pages article{min-height:0}.note-letter{margin:0 0 6px;font-size:24px}.note-pages h3{margin-bottom:5px}.note-pages p{font-size:14px}
 .service-visual{min-height:365px}.phone-shell{width:185px}.service-copy h3{font-size:19px}.service-copy>p{font-size:14px}.rights-panel{padding:22px}.rights-panel h3{font-size:20px;margin:10px 0 16px}.rights-panel>p{font-size:14px}
 .faq-home-grid{grid-template-columns:1fr}.faq-home-grid summary{min-height:56px}.faq-home-grid details p{font-size:13px}.closing-section{grid-template-columns:1fr}.closing-cream{padding:23px}.closing-cream h2{font-size:23px}.closing-art{min-height:150px}.closing-bean.one{width:150px;height:98px;top:0;left:25%}
 .interior{padding-top:15px;padding-bottom:32px}.interior-hero{grid-template-columns:1fr;padding:20px;gap:14px}.interior-lead h1{font-size:24px;margin:8px 0}.interior-lead .lead-copy{font-size:15px;margin-bottom:13px}.interior-visual .media-slot,.interior-product .interior-visual .media-slot{height:210px}.interior-heading{margin:27px 0 13px}.interior-heading h2{font-size:20px}
 .interior-ledger .interior-items,.interior-notebook .interior-items,.interior-notes .interior-items,.interior-shelf .interior-items,.interior-product .interior-items{grid-template-columns:1fr;gap:10px}.interior-ledger .entry,.interior-notebook .entry,.interior-notes .entry,.interior-shelf .entry,.interior-product .entry{min-height:0;padding:18px}.interior-ledger .entry-number,.interior-notebook .entry-number,.interior-notes .entry-number,.interior-shelf .entry-number,.interior-product .entry-number{margin-bottom:8px}
 .interior-numbered .entry,.interior-rank .entry,.interior-folio .entry,.interior-policy .entry{grid-template-columns:42px minmax(0,1fr);gap:12px;padding:18px 12px}.interior-numbered .entry-number,.interior-folio .entry-number{font-size:25px}.interior-rank .entry-number{font-size:29px}.interior-gallery .entry,.interior-guide .entry,.interior-statement .entry{grid-template-columns:1fr;gap:8px;padding:19px}.interior-gallery .entry-number,.interior-guide .entry-number{font-size:26px}.interior-statement .entry h3{font-size:17px}
 .interior-timeline .interior-items{margin-left:17px;padding-left:20px}.interior-timeline .entry::before{left:-29px}.interior-timeline .entry{padding:18px}
 .closing-note{padding:19px}.related-reading{margin-top:26px}.related-top{display:block}.related-list{grid-template-columns:1fr;gap:9px;margin-top:12px}
 .faq-page{padding-top:15px}.faq-intro{padding:19px}.faq-intro h1{font-size:24px}.faq-intro>p:last-child{font-size:15px}.faq-item{padding:0 13px}.faq-item summary{gap:10px;min-height:61px}.faq-item summary strong{font-size:15px}.faq-item summary>span:first-child{font-size:18px}.faq-item p{padding:0 0 17px 28px;font-size:14px}.faq-tail{padding:21px}
 .site-footer{padding-bottom:calc(68px + env(safe-area-inset-bottom,0px))}.foot-main{grid-template-columns:1fr;gap:30px;padding:36px 0 25px}.footer-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.foot-bottom{display:block}.foot-bottom span{display:block;margin-bottom:8px}.foot-bottom a{margin-left:0;margin-right:16px}
 .mobile-bottom{position:fixed;left:0;right:0;bottom:0;width:100%;z-index:70;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));height:calc(48px + env(safe-area-inset-bottom,0px));padding:0 3px env(safe-area-inset-bottom,0px);background:var(--paper);border-top:1px solid var(--strong-line);box-shadow:0 -4px 20px rgba(69,54,16,.09)}
 .mobile-bottom>a{display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--muted);border-radius:6px;font-size:11px;font-weight:750;min-width:0;min-height:48px}.mobile-bottom>a[aria-current="page"]{background:var(--bean);color:var(--ink)}.mobile-bottom>a:hover{color:var(--ink)}.bottom-glyph{font-size:16px;line-height:21px}
 .catalog-panel{width:86vw}.catalog-top{padding:0 13px;min-height:75px;height:75px}.catalog-scroll{padding:12px 13px 28px}.catalog-brand .hd-logo{max-width:90px}.catalog-brand b{font-size:12px}.search-panel{top:0;right:0;bottom:0;left:0;width:100%;max-width:100%;border-radius:0;overflow-y:auto;background:var(--ink);color:var(--paper-warm);padding:22px 16px calc(40px + env(safe-area-inset-bottom,0px));transform:translateY(-16px)}
 .search-top small,.search-top h2,.search-subtitle,.search-label{color:var(--paper-warm)}.search-top h2{font-size:20px}.search-panel .close-button{background:#584A24;color:white}.search-field{background:#FFF8E8;color:var(--ink)}.search-links a{background:#4E3D19;border-color:#7E662C;color:var(--paper-warm)}.search-links a:hover{color:var(--paper-warm);background:#624E26}.search-links a>span{color:var(--bean-light)}.search-empty{color:#F2E1B5}
}
@media(max-width:360px){.brand .hd-logo{max-width:115px}.podbar-inner{gap:3px}.catalog-button{min-width:67px;padding:0 8px}.app-button{min-width:75px}.triplet-card{grid-template-columns:41% minmax(0,1fr)}.triplet-text{padding-left:10px}.triplet-text p{font-size:12.8px;line-height:1.65}.drawer-list>a{gap:10px}.drawer-list small{font-size:11px}.calendar-event{grid-template-columns:67px minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}