/* HUANGDOU DRAMA — original responsive interface */
:root{--paper:#F7F0D8;--paper-deep:#EDE3BE;--white:#fff;--secondary:#F0E6C4;--ink:#3A2E10;--body:#4A3C18;--muted:#7A6A32;--faint:#9A8850;--bean:#E0B83A;--bright:#F0D060;--deepbean:#B89220;--leaf:#6A8A3A;--cream:#FFF8E8;--line:rgba(224,184,58,.22);--bold-line:rgba(224,184,58,.5);--shadow:0 12px 28px rgba(58,46,16,.08);--max:1120px}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:140px}body{margin:0;color:var(--body);background:var(--paper);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",Arial,sans-serif;font-size:15px;line-height:1.7;min-width:0}body.layer-locked{overflow:hidden}img{display:block;max-width:100%;height:auto}button,input{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--leaf);outline-offset:3px}a,button{ -webkit-tap-highlight-color:transparent}p{margin:0 0 16px}h1,h2,h3{color:var(--ink);line-height:1.3;margin:0 0 12px;font-weight:800}h1{font-size:24px;letter-spacing:-.5px}h2{font-size:20px}h3{font-size:16px}small{font-size:13px}button{border:0}::selection{background:#f0d060;color:#3a2e10}[hidden]{display:none!important}
.skip-link{position:fixed;top:-120px;left:16px;z-index:200;background:white;color:var(--ink);padding:12px}.skip-link:focus{top:12px}
.container{width:min(var(--max),calc(100% - 40px));margin-inline:auto}.site-head{position:fixed;inset:0 0 auto;z-index:60;background:white;width:100%;box-shadow:0 4px 22px rgba(58,46,16,.06)}.bean-line{position:relative;z-index:3;width:100%;height:22px;background:var(--ink);color:var(--cream);font-size:12px;letter-spacing:.02em}.bean-line-inner{width:min(var(--max),calc(100% - 40px));height:100%;margin:auto;display:flex;align-items:center;justify-content:space-between;position:relative;min-width:0}.bean-line-inner>span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dot-separator{color:var(--bright);padding:0 4px}.search-open{display:flex;align-items:center;justify-content:center;gap:7px;position:relative;z-index:3;flex:0 0 auto;min-width:50px;height:44px;padding:0 3px 0 9px;background:transparent;color:var(--cream);font-size:12px}.search-open::before{content:"";position:absolute;inset:11px 0;background:var(--ink);z-index:-1;pointer-events:none}.search-open:hover{color:var(--bright)}.lens-icon{display:inline-block;width:12px;height:12px;border:2px solid currentColor;border-radius:50%;position:relative;flex:0 0 auto}.lens-icon::after{content:"";position:absolute;background:currentColor;width:6px;height:2px;transform:rotate(45deg);right:-5px;bottom:-2px;border-radius:2px}
.masthead{height:60px;background:white;border-bottom:1px solid var(--line)}.masthead-inner{max-width:var(--max);width:calc(100% - 40px);height:100%;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:12px;align-items:center;margin:auto}.masthead-logo{display:flex;align-items:center;justify-content:flex-start;min-width:0;max-width:210px;min-height:44px;overflow:hidden}.masthead-logo img,.drawer-logo img,.footer-brand img{width:auto;max-width:100%;height:28px;object-fit:contain;object-position:left center}.brand-type{color:var(--ink);font-size:16px;font-weight:900;white-space:nowrap;letter-spacing:-.5px}.bean-menu-btn{display:flex;align-items:center;gap:8px;background:var(--cream);border:1px solid var(--bold-line);border-radius:10px;min-height:44px;padding:0 16px;color:var(--ink);font-size:14px;font-weight:700}.bean-menu-btn:hover{background:#f6e6b5}.menu-glyph{display:grid;gap:3px;width:16px}.menu-glyph i{height:2px;width:16px;background:var(--ink);border-radius:2px}.app-go{background:linear-gradient(135deg,#F0D060 0%,#E0B83A 55%,#B89220 100%);color:var(--ink);font-size:14px;font-weight:800;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:0 14px;border-radius:10px;justify-self:end;white-space:nowrap}.app-go:hover,.btn-main:hover{filter:brightness(1.05);box-shadow:0 9px 20px rgba(184,146,32,.2)}.app-go.is-current{box-shadow:0 0 0 2px var(--leaf)}
.ticket-nav{height:40px;background:var(--cream);border-bottom:1px solid var(--line)}.ticket-nav-inner{height:100%;display:flex;align-items:center;justify-content:center;gap:10px}.ticket-nav a{font-size:13px;min-height:32px;min-width:66px;padding:6px 14px;text-align:center;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;font-weight:750;color:var(--ink)}.ticket-nav a.is-current{background:var(--bean)}.ticket-nav a:hover{background:var(--paper-deep)}
.site-main{padding-top:122px;min-height:70vh}.site-main a:not(.btn-main):not(.btn-soft):hover{color:#6c5310}.breadcrumbs{display:flex;gap:9px;align-items:center;flex-wrap:wrap;color:var(--muted);font-size:13px;margin-bottom:13px}.breadcrumbs a{text-decoration:underline;text-underline-offset:3px}.page-shell{width:min(var(--max),calc(100% - 40px));margin:0 auto}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;letter-spacing:.14em;color:#746022;font-weight:850;text-transform:uppercase}.eyebrow:before{content:"";background:var(--bean);width:18px;height:3px;border-radius:4px}.hero-shell{padding-top:26px}.hero-banner{height:260px;background:#fff9e9;border:1px solid var(--bold-line);border-radius:14px;overflow:hidden}.media-frame{height:180px;border-radius:12px;overflow:hidden;background:linear-gradient(145deg,#fffdf4 0%,#f3eac9 100%);border:1px solid var(--line);position:relative;isolation:isolate}.media-frame img{width:100%;height:100%;object-fit:contain;object-position:center}.media-frame.hero-media{height:100%;border:0;border-radius:0;background:#fff9e9}.media-frame.feature-media{height:200px}.media-frame.section-media{height:225px}.media-frame.app-media{height:355px;min-width:0}.media-frame.tiny-icon{height:48px;width:48px;border-radius:12px;flex:0 0 48px}.media-art{height:100%;width:100%;position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 20% 20%,rgba(240,208,96,.26),transparent 35%),radial-gradient(circle at 84% 75%,rgba(106,138,58,.12),transparent 32%),linear-gradient(120deg,#fffdf6,#f0e5bf);color:#937733}.media-art:before{content:"";position:absolute;top:13px;bottom:13px;left:13px;right:13px;border:1px solid rgba(184,146,32,.18);border-radius:9px;pointer-events:none}.media-ring{width:118px;height:118px;border:1px solid rgba(184,146,32,.42);border-radius:50%;transform:rotate(-23deg) scaleX(1.35);position:absolute}.media-seed{width:60px;height:60px;border:1px solid rgba(106,138,58,.48);border-radius:60% 30% 60% 35%;background:linear-gradient(130deg,#e9c961,#b8b454);transform:rotate(-40deg);box-shadow:22px 17px 0 -8px rgba(224,184,58,.35)}.media-small{position:absolute;bottom:20px;font-size:10px;letter-spacing:.3em;color:#8a753c}.tiny-icon .media-art:before,.tiny-icon .media-ring,.tiny-icon .media-small{display:none}.tiny-icon .media-seed{width:23px;height:23px;box-shadow:8px 8px 0 -5px rgba(224,184,58,.35)}.hero-copy{padding:25px 4px 8px;max-width:850px}.hero-copy h1{margin-top:10px;margin-bottom:14px}.hero-intro{max-width:790px;color:var(--body);font-size:15px;line-height:1.85}.btn-pair{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:18px}.btn-main,.btn-soft{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 19px;white-space:nowrap;font-size:14px;font-weight:850;border-radius:10px;gap:8px}.btn-main{background:linear-gradient(135deg,#F0D060 0%,#E0B83A 55%,#B89220 100%);color:var(--ink);border:1px solid #cba12b}.btn-soft{background:white;color:var(--ink);border:1px solid var(--bold-line)}.btn-soft:hover{background:#fff9e6}.text-link{display:inline-flex;align-items:center;min-height:44px;gap:7px;font-weight:800;color:#70591f;text-underline-offset:4px}.text-link:hover{text-decoration:underline}
.section{padding:34px 0}.section-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:18px}.section-head .eyebrow{margin-bottom:10px}.section-head p{margin:0;color:var(--muted);max-width:610px}.section-head a{white-space:nowrap}.section-kicker{font-size:12px;font-weight:800;letter-spacing:.12em;color:#856e25}.three-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.feature-card{background:white;border:1px solid var(--line);border-radius:12px;min-width:0;overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column}.feature-card .media-frame{height:180px;border:0;border-bottom:1px solid var(--line);border-radius:0}.feature-card-body{padding:17px 18px 15px;display:flex;flex-direction:column;flex:1}.feature-card-body h3{margin:7px 0 9px}.feature-card-body p{font-size:15px;line-height:1.8;flex:1}.feature-index{color:#9b7529;font-weight:900;font-size:12px;letter-spacing:.12em}
.editorial-split{display:grid;grid-template-columns:.75fr 1.25fr;gap:22px;align-items:center;background:var(--secondary);border-radius:14px;padding:18px;border:1px solid var(--line)}.editorial-copy p{line-height:1.82;margin-bottom:13px}.entry-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.entry-list a{display:flex;align-items:center;gap:10px;min-width:0;padding:9px 11px;background:rgba(255,255,255,.67);border-radius:9px;font-weight:700}.entry-list a b{color:var(--deepbean);font-size:20px}.entry-list a:hover{background:white}
.rack-stack{background:var(--white);border:1px solid var(--line);border-radius:14px;padding:12px 22px}.rack-row{display:flex;align-items:center;gap:15px;min-height:68px;border-bottom:1px solid var(--line);padding:12px 0}.rack-row:last-child{border:0}.rack-num{font-weight:900;color:#b48c25;font-size:21px;width:48px;flex:0 0 48px}.rack-title{font-weight:800;color:var(--ink);font-size:16px;min-width:122px}.rack-summary{margin-left:auto;color:var(--muted);max-width:560px;font-size:14px}.rack-row a{color:#6b5016;white-space:nowrap;font-weight:800;min-height:44px;display:inline-flex;align-items:center}.rank-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px}.rank-chip{background:#fffdf5;border:1px solid var(--line);border-radius:12px;padding:16px;min-width:0}.rank-chip .big-number{font-size:36px;line-height:1;color:var(--deepbean);font-weight:900;letter-spacing:-2px}.rank-chip h3{margin:10px 0 6px}.rank-chip p{color:var(--muted);font-size:13px;margin:0}.small-alert{font-size:13px;color:var(--muted);margin-top:10px}
.timeline-list{border-left:2px solid var(--bean);margin-left:14px;display:grid;gap:18px}.time-row{position:relative;padding:0 0 0 25px;display:grid;grid-template-columns:105px 1fr;gap:10px;align-items:start}.time-row:before{content:"";width:12px;height:12px;border:3px solid var(--bean);background:var(--paper);position:absolute;left:-7px;top:7px;border-radius:50%}.time-label{font-size:12px;font-weight:850;color:#5c4820;background:#f1e5bf;border-radius:7px;padding:6px 7px;text-align:center}.time-row h3{margin-bottom:6px}.time-row p{margin:0;font-size:14px}.memo-set{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.memo-card{background:#fffef7;border:1px solid var(--line);border-top:4px solid var(--bean);border-radius:10px;padding:18px}.memo-card h3{margin-bottom:10px}.memo-card p{margin:0;font-size:14px}
.app-feature{background:var(--cream);display:grid;grid-template-columns:1.4fr .6fr;gap:23px;border:1px solid var(--bold-line);padding:24px;border-radius:14px;align-items:center}.app-feature .app-image-pair{max-width:280px;width:100%;margin:auto;display:flex;align-items:flex-end;gap:10px}.app-feature .media-frame.app-media{flex:1}.app-feature h2{margin:12px 0}.app-feature p{line-height:1.8}.app-details{display:flex;align-items:center;gap:8px;margin-top:10px}.app-details strong{font-size:13px}.policy-pieces{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.policy-box{padding:23px;background:#fffdf7;border:1px solid var(--line);border-radius:12px}.policy-box p{line-height:1.85;margin-bottom:0}.policy-box .text-link{margin-top:9px}.faq-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.faq-list details{background:white;border:1px solid var(--line);border-radius:12px;padding:13px 17px;align-self:start}.faq-list summary{cursor:pointer;font-weight:800;color:var(--ink);min-height:28px;line-height:1.65;padding-right:18px}.faq-list details p{border-top:1px solid var(--line);padding-top:12px;margin-top:10px;font-size:14px;margin-bottom:0}.about-band{background:#3a2e10;color:var(--cream);padding:26px;border-radius:14px}.about-band h2{color:white}.about-band p{color:#f7f0d8;line-height:1.85}.about-band .text-link{color:var(--bright)}
.inner-head{padding:30px 0 26px;position:relative;border-bottom:1px solid var(--bold-line)}.inner-head .eyebrow{margin-bottom:10px}.inner-head h1{margin:0 0 14px}.inner-intro{max-width:790px;font-size:15px;line-height:1.85;color:var(--body)}.inner-head .crumb-line{margin-bottom:13px}.inner-feature{padding:24px 0}.inner-feature .media-frame{height:220px}.inner-content{padding-bottom:12px}.inner-block{padding:20px 0;border-bottom:1px solid var(--line);min-width:0}.inner-block p,.chapter-grid-card p,.paper-ledger p,.editor-note p,.topic-rail p,.memo-item p,.article-piece p{font-size:15px;line-height:1.83;color:var(--body);margin:0}.inner-block h2,.chapter-grid-card h2,.paper-ledger h2,.editor-note h2,.topic-rail h2,.memo-item h2,.article-piece h2{font-size:20px;margin-bottom:12px}.numbered-entry{display:grid;grid-template-columns:64px 1fr;gap:16px;align-items:start}.numbered-entry .badge-number{font-size:32px;color:var(--deepbean);line-height:1.1;font-weight:900}.chapter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.chapter-grid-card{background:white;border:1px solid var(--line);border-radius:12px;padding:23px}.chapter-grid-card:first-child{grid-column:span 2;background:#f0e6c4}.chapter-grid-card h2{margin-top:7px}.chapter-grid-card .chapter-counter{font-size:12px;font-weight:900;color:#98792b}.paper-ledger{display:grid;grid-template-columns:96px 1fr;gap:22px;border-bottom:1px solid var(--line);padding:25px 0}.paper-ledger .ledger-mark{font-size:13px;color:var(--leaf);font-weight:900;text-transform:uppercase;letter-spacing:.08em}.paper-ledger h2{margin-bottom:12px}.editor-note{padding:22px 0;border-left:3px solid var(--bean);padding-left:21px;margin:12px 0;border-bottom:1px solid var(--line)}.editor-note h2{font-size:18px}.large-rank{display:grid;grid-template-columns:90px 1fr;gap:20px;border-bottom:1px solid var(--line);padding:22px 0}.large-rank .rank-count{font-size:42px;line-height:1;color:var(--deepbean);font-weight:900}.large-rank h2{font-size:19px;margin-bottom:8px}.inner-timeline{border-left:2px solid var(--bean);margin-left:12px}.inner-time{padding:16px 0 16px 26px;position:relative}.inner-time:before{content:"";width:12px;height:12px;background:var(--bean);border:2px solid var(--paper);border-radius:50%;position:absolute;left:-7px;top:23px}.inner-time .state-tag{font-size:12px;color:var(--ink);background:#e8d395;padding:5px 9px;border-radius:5px;display:inline-block;margin-bottom:11px;font-weight:800}.inner-time h2{font-size:18px}.inner-time p{margin:0}.memo-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.memo-item{background:#fffdf5;border:1px solid var(--line);border-radius:8px;padding:21px;position:relative}.memo-item:nth-child(2n){background:var(--secondary)}.memo-item h2{font-size:18px}.method-list{counter-reset:methods}.method-item{display:grid;grid-template-columns:52px 1fr;gap:14px;padding:21px 0;border-bottom:1px solid var(--line)}.method-item:before{counter-increment:methods;content:counter(methods,decimal-leading-zero);color:var(--leaf);font-size:24px;font-weight:900}.method-item h2{font-size:18px}.topic-rail{padding:21px 0;border-bottom:1px solid var(--bold-line);display:grid;grid-template-columns:minmax(140px,.32fr) 1fr;gap:17px}.topic-rail h2{font-size:18px}.rack-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.rack-grid .topic-drawer{background:linear-gradient(90deg,#f2e5bf 0 12px,white 12px);border:1px solid var(--line);border-radius:10px;padding:20px 20px 20px 28px}.topic-drawer h2{font-size:18px}.topic-drawer p{font-size:15px;margin:0}.article-piece{padding:23px 0;border-bottom:1px solid var(--line)}.article-piece h2{font-size:19px}.article-piece h2:before{content:"•";display:inline-block;color:var(--leaf);margin-right:9px}.product-block{background:white;border:1px solid var(--line);padding:24px;border-radius:12px;margin-bottom:12px}.product-block h2{font-size:19px}.product-block p{margin:0}.legal-piece{padding:23px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:215px 1fr;gap:16px}.legal-piece h2{font-size:19px}.legal-piece p{margin:0}.help-piece{display:grid;grid-template-columns:1fr;gap:7px;padding:22px;border:1px solid var(--line);border-radius:10px;background:white;margin:10px 0}.help-piece h2{font-size:18px}.help-piece p{margin:0}.contact-piece{padding:23px 0;display:grid;grid-template-columns:68px 1fr;gap:13px;border-bottom:1px solid var(--line)}.contact-piece .contact-glyph{color:var(--deepbean);font-size:29px;font-weight:900}.contact-piece h2{font-size:19px}.contact-piece p{margin:0}.statement-piece{border-bottom:1px solid var(--bold-line);padding:25px 0}.statement-piece h2{font-size:19px}.statement-piece p{margin:0}.inner-closer{background:var(--secondary);border-radius:12px;padding:24px;margin:30px 0}.inner-closer h2{font-size:18px}.inner-closer p{margin:0}.related-pages{margin-bottom:42px}.related-pages h2{margin-bottom:14px}.related-links{display:flex;flex-wrap:wrap;gap:10px}.related-links a{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;background:white;border:1px solid var(--line);border-radius:9px;font-size:14px;font-weight:800;color:var(--ink)}.related-links a:hover{background:var(--cream)}.faq-page .faq-list{margin:25px 0 35px}
.site-footer{background:var(--ink);color:var(--paper);padding:39px 0 30px;position:relative;z-index:1}.footer-inner{width:min(var(--max),calc(100% - 40px));margin:auto}.footer-intro{display:flex;flex-wrap:wrap;align-items:center;gap:12px;border-bottom:1px solid rgba(240,208,96,.23);padding-bottom:22px}.footer-brand{display:flex;align-items:center;min-height:36px;color:white}.footer-brand .brand-type{color:var(--cream)}.footer-en{font-size:12px;letter-spacing:.1em;color:var(--bright)}.footer-intro p{flex-basis:100%;font-size:13px;color:var(--paper);max-width:700px;margin:0}.footer-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;padding:27px 0}.foot-col{display:flex;flex-direction:column;gap:7px}.foot-col h3{font-size:14px;color:var(--bright);margin-bottom:6px}.foot-col a{font-size:13px;color:var(--paper);min-height:30px;display:flex;align-items:center}.foot-col a:hover{color:white;text-decoration:underline}.footer-notice{font-size:13px;line-height:1.85;padding:18px 0;color:#f2e7c8;border-top:1px solid rgba(240,208,96,.17)}.footer-bottom{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:12px;color:#dfd2ac;border-top:1px solid rgba(240,208,96,.17);padding-top:18px}.footer-bottom a{color:var(--bright)}
.layer-veil{position:fixed;inset:0;background:rgba(31,23,6,.67);opacity:0;visibility:hidden;pointer-events:none;z-index:80;transition:opacity .18s ease,visibility .18s ease}.layer-veil.visible{opacity:1;visibility:visible;pointer-events:auto}.bean-drawer{position:fixed;z-index:90;top:0;bottom:0;left:0;height:100dvh;width:min(400px,86vw);padding:18px 19px 28px;background:#fffaf0;border-right:1px solid var(--bold-line);overflow-y:auto;overscroll-behavior:contain;transform:translateX(-103%);visibility:hidden;pointer-events:none;transition:transform .22s ease,visibility .22s ease;box-shadow:10px 0 30px rgba(25,18,5,.2)}.bean-drawer.open{visibility:visible;pointer-events:auto;transform:translateX(0)}.drawer-top{display:flex;align-items:center;gap:8px;min-height:51px;border-bottom:1px solid var(--line);padding-bottom:11px}.drawer-logo{min-width:0;max-width:105px;flex:0 1 auto}.drawer-logo img{max-width:100%}.drawer-logo .brand-type{font-size:13px}.drawer-brand{display:flex;flex-direction:column;min-width:0;flex:1}.drawer-brand strong{font-size:14px;color:var(--ink);line-height:1.25}.drawer-brand small{font-size:10px;color:var(--muted);letter-spacing:.05em;white-space:nowrap}.layer-close{border:1px solid var(--line);border-radius:8px;background:white;color:var(--ink);width:44px;height:44px;font-size:26px;line-height:1;display:grid;place-items:center;flex:0 0 44px}.layer-close:hover{background:var(--paper-deep)}.drawer-hint{color:var(--muted);font-size:13px;margin:16px 0 2px}.drawer-group{padding:12px 0;border-bottom:1px solid var(--line)}.drawer-group h3{font-size:13px;color:#97772a;letter-spacing:.12em;margin:0 0 7px}.drawer-links{display:grid;gap:3px}.drawer-item{display:block;border-radius:8px;padding:9px 11px;min-height:57px}.drawer-item:hover{background:var(--secondary)}.drawer-item strong{display:block;color:var(--ink);font-size:15px;line-height:1.4}.drawer-item small{display:block;color:#7a6a32;font-size:12px;line-height:1.45;margin-top:3px}
.search-panel{position:fixed;z-index:100;top:82px;left:50%;width:min(570px,calc(100vw - 32px));max-height:calc(100dvh - 98px);overflow-y:auto;transform:translate(-50%,-10px);background:#fffaf0;border:1px solid var(--bold-line);box-shadow:0 18px 44px rgba(45,31,4,.23);border-radius:0 0 14px 14px;visibility:hidden;opacity:0;pointer-events:none;transition:transform .17s,opacity .17s,visibility .17s}.search-panel.open{visibility:visible;opacity:1;pointer-events:auto;transform:translate(-50%,0)}.search-card{padding:22px}.search-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px}.search-heading h2{font-size:20px;margin:5px 0 0}.search-heading small{font-size:11px;color:var(--muted);letter-spacing:.1em}.search-card label{display:block;margin-bottom:12px;font-size:14px;color:var(--body)}.search-input-line{display:flex;align-items:center;gap:12px;background:white;border:1px solid var(--bold-line);border-radius:10px;padding:0 14px;color:var(--muted);height:48px}.search-input-line input{border:0;background:transparent;outline:0;color:var(--ink);font-size:15px;width:100%;height:100%;min-width:0}.search-list{margin-top:16px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.search-item{display:flex;align-items:center;min-width:0;gap:9px;padding:12px;min-height:48px;border:1px solid var(--line);border-radius:9px;background:white;font-weight:700;color:var(--ink)}.search-item span:last-child{margin-left:auto;color:var(--muted)}.search-blob{color:var(--deepbean);font-size:18px}.search-item:hover{background:var(--cream)}.search-empty{margin:20px 0 0;font-size:13px;color:var(--muted)}.mobile-bottom{display:none}
@media(max-width:1050px){.container,.page-shell{width:calc(100% - 36px)}.masthead-inner,.bean-line-inner,.footer-inner{width:calc(100% - 36px)}.rank-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.footer-links{gap:12px}.section{padding:28px 0}}
@media(max-width:768px){.ticket-nav{display:none}.site-main{padding-top:82px;padding-bottom:calc(70px + env(safe-area-inset-bottom,0px))}.section{padding:24px 0}.three-cards{grid-template-columns:1fr 1fr}.feature-card:last-child{grid-column:span 2}.editorial-split,.app-feature{grid-template-columns:1fr}.editorial-split .media-frame{height:190px}.rank-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.memo-set{grid-template-columns:1fr 1fr}.footer-links{grid-template-columns:repeat(2,minmax(0,1fr))}.mobile-bottom{position:fixed;z-index:45;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));height:calc(48px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);background:#fffaf0;border-top:1px solid var(--bold-line);box-shadow:0 -4px 16px rgba(58,46,16,.1)}.mobile-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-height:48px;padding:2px 0;color:var(--body);font-size:11px;line-height:1.3;white-space:nowrap}.mobile-tab.active{background:var(--bean);color:var(--ink);font-weight:900}.tab-sign{font-size:17px;line-height:1.15}.inner-feature .media-frame{height:190px}.legal-piece{grid-template-columns:170px 1fr}}
@media(max-width:560px){.container,.page-shell,.masthead-inner,.bean-line-inner,.footer-inner{width:calc(100% - 32px)}.masthead-inner{gap:6px}.brand-type{font-size:15px;letter-spacing:-.6px}.masthead-logo{max-width:160px}.masthead-logo img{height:28px;max-width:100%}.bean-menu-btn{min-width:72px;justify-content:center;gap:6px;padding:0 9px}.app-go{min-width:73px;padding:0 10px;font-size:12px}.bean-line{font-size:11px}.search-open{font-size:11px;min-width:49px}.hero-shell{padding-top:17px}.hero-banner{height:225px}.hero-copy{padding:20px 1px 5px}.hero-intro{font-size:15px}.three-cards{grid-template-columns:1fr}.feature-card:last-child{grid-column:auto}.feature-card .media-frame{height:165px}.feature-card-body{padding:16px}.section-head{align-items:start;flex-direction:column;gap:2px}.section-head a{min-height:40px}.editorial-split{padding:13px}.entry-list{grid-template-columns:1fr 1fr}.entry-list a{font-size:13px}.rack-stack{padding:8px 16px}.rack-row{display:grid;grid-template-columns:36px 1fr auto;gap:8px}.rack-num{font-size:19px;min-width:0;width:36px}.rack-title{min-width:0;font-size:15px}.rack-summary{grid-column:2/span 2;margin:0;font-size:13px}.rank-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.rank-chip .big-number{font-size:30px}.time-row{grid-template-columns:1fr;gap:2px}.time-label{justify-self:start}.memo-set{grid-template-columns:1fr}.app-feature{padding:17px}.app-feature .app-image-pair{max-width:270px}.policy-pieces,.faq-list{grid-template-columns:1fr}.footer-links{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-intro{gap:10px}.footer-bottom{flex-direction:column}.search-panel{position:fixed;inset:0;width:100vw;max-height:none;height:100dvh;left:0;top:0;transform:none;border:0;border-radius:0;background:var(--ink);overflow-y:auto;transition:opacity .18s,visibility .18s}.search-panel.open{transform:none}.search-card{padding:22px 16px;color:var(--cream)}.search-heading h2{color:white}.search-heading small,.search-card label{color:var(--paper)}.search-heading .layer-close{color:var(--ink)}.search-input-line{background:#fff8e8}.search-list{grid-template-columns:1fr}.search-item{background:#fff9e9}.search-empty{color:var(--paper)}.inner-head{padding:24px 0 20px}.inner-intro{font-size:15px}.inner-feature{padding:15px 0}.inner-feature .media-frame{height:175px}.numbered-entry{grid-template-columns:47px 1fr;gap:10px}.numbered-entry .badge-number{font-size:26px}.chapter-grid,.memo-list,.rack-grid{grid-template-columns:1fr}.chapter-grid-card:first-child{grid-column:auto}.paper-ledger{grid-template-columns:1fr;gap:6px}.large-rank{grid-template-columns:54px 1fr;gap:12px}.large-rank .rank-count{font-size:31px}.topic-rail,.legal-piece{grid-template-columns:1fr;gap:6px}.contact-piece{grid-template-columns:45px 1fr;gap:10px}.contact-piece .contact-glyph{font-size:23px}.inner-closer{padding:19px}.related-links a{flex:1;justify-content:center}.faq-page .faq-list{margin-top:17px}}
@media(max-width:345px){.brand-type{font-size:14px}.bean-menu-btn{font-size:12px;min-width:66px;padding:0 6px}.app-go{font-size:11px;min-width:68px;padding:0 7px}.masthead-inner{gap:4px}.bean-line-inner{font-size:10px}.entry-list{grid-template-columns:1fr}.rack-title{font-size:14px}.footer-links{gap:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}