@charset "UTF-8";
.casebook{--ink:#203439;--muted:#697d80;--surface:#fff;--soft:#eef5f3;--line:#d4e0df;--accent:#008b94;--accent-ink:#fff;line-height:1.75;overflow-x:clip}.casebook :is(h1,h2,h3,p,figure,blockquote,ol,dl){margin:0}.casebook :is(h1,h2,h3){line-height:1.35;overflow-wrap:break-word}.casebook h2{font-size:clamp(28px,3.1vw,46px);font-weight:600;letter-spacing:-.035em}.casebook h3{font-size:22px;font-weight:600}.casebook p{font-size:16px;line-height:1.9}.casebook :is(section,article,aside,figure,nav,div){min-width:0}.casebook section[id]{scroll-margin-top:100px}.cb-label{font-size:12px!important;letter-spacing:.1em;color:var(--muted);margin-bottom:22px!important}.cb-prose{color:var(--muted);max-width:42em}.cb-prose+.cb-prose{margin-top:20px}.cb-topbar{height:84px;padding:18px clamp(22px,4vw,64px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;border-bottom:1px solid var(--line);font-size:13px}.cb-topbar>span{text-align:center;font-weight:600;font-size:15px}.cb-topbar small{display:block;font-size:10px;font-weight:400;letter-spacing:.15em;color:var(--muted)}.cb-topbar>a{display:flex;align-items:center;min-height:44px}.cb-topbar>a:last-child{justify-self:end}.cb-picture img{width:100%;height:auto}.cb-picture .pc-image-open{border:0;background:none;border-radius:0}.cb-picture figcaption{margin-top:14px;font-size:12px;color:var(--muted);line-height:1.7}.cb-picture .pc-image-label{border-radius:0;font-size:12px;background:var(--surface);color:var(--ink)}
.cb-nav{background:var(--surface);border:0;border-bottom:1px solid var(--line);z-index:20}.cb-nav-inner{display:flex;max-width:1280px;margin:auto;overflow:auto;scrollbar-width:none}.cb-nav a{gap:12px;padding:20px 24px;min-height:56px;color:var(--muted);flex-shrink:0;font-size:13px}.cb-nav a b{font-weight:500}.cb-nav a span{font-size:10px}.cb-nav.cb-nav a::after{display:none}.cb-nav a[aria-current]{color:var(--ink)}.cb-nav .pc-progress{display:none}.cb-archive{padding:90px 0;max-width:1280px;width:calc(100% - 96px);margin:auto}.cb-archive-head{margin-bottom:36px}.cb-archive-head h2{margin-bottom:18px}.casebook .pc-gallery-item figcaption{display:grid;grid-template-columns:22px 1fr;font-size:13px;gap:4px 10px}.pc-gallery-item figcaption small{grid-column:2;font-size:11px}.cb-folio{font-size:10px;font-variant-numeric:tabular-nums;color:var(--muted)}.casebook .pc-filters button{font-size:12px;min-height:42px}.casebook .pc-gallery{gap:32px 24px}.cb-ending{padding:90px max(48px,calc((100% - 1280px)/2)) 28px;background:var(--soft)}.cb-ending h2{margin-bottom:22px}.cb-end-links{display:flex;gap:36px;flex-wrap:wrap;margin-top:38px;font-size:14px}.cb-end-links a{border-bottom:1px solid var(--line);padding:8px 0}.cb-signature{border-top:1px solid var(--line);padding-top:22px;margin-top:65px;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:var(--muted)}
@media(hover:hover) and (pointer:fine){.cb-nav a:not([aria-current]):hover{color:var(--accent)}}
/* Theater: cinema opening, three acts, purchase receipt and management desk. */
.page-theater{--ink:#143d42;--muted:#607d80;--accent:#008e98;--line:#c9dddd;--soft:#edf6f4}.page-theater .cb-topbar{background:#05292e;color:#d3f0ee;border-color:#2c5256}.page-theater .cb-topbar small{color:#94bdbb}.theater-opening{background:#05292e;color:#e5fbf8;padding:48px 48px 0;overflow:hidden}.theater-title{text-align:center}.theater-title .cb-label{color:#98c7c4;margin-bottom:12px!important}.theater-title h1{font-size:clamp(42px,6.8vw,86px);letter-spacing:.06em;font-weight:650}.theater-subtitle{font-size:clamp(19px,2.4vw,29px)!important;line-height:1.55!important;color:#9ee5de;margin-top:18px!important}.theater-stage{position:relative;display:flex;align-items:flex-end;justify-content:center;gap:26px;max-width:940px;margin:35px auto 0;padding:20px 70px 0;background:radial-gradient(ellipse at 50% 100%,#45bdae28,transparent 65%)}.theater-stage .cb-picture{width:190px;flex-shrink:1;filter:drop-shadow(0 22px 28px #0005)}.theater-stage button{border-radius:20px!important;border:5px solid #233f42!important;max-height:375px}.theater-stage img{width:100%;height:375px;object-fit:cover;object-position:top}.theater-stage .stage-left{transform:rotate(-8deg) translateY(70px)}.theater-stage .stage-right{transform:rotate(8deg) translateY(70px)}.theater-stage .stage-center{width:210px;position:relative;z-index:2}.theater-stage .stage-center button,.theater-stage .stage-center img{max-height:415px;height:415px}.theater-stage figcaption{display:none}.stage-caption{position:absolute;bottom:20px;right:-15px;writing-mode:vertical-rl;color:#97bdbc;font-size:11px;letter-spacing:.15em}.theater-credits{position:relative;z-index:3;margin:0 -48px;padding:22px 48px;display:flex;justify-content:center;gap:50px;background:#05292e;border-top:1px solid #2c5256;color:#a4c6c3;font-size:12px}.theater-credits a{color:#b7f5ec}.theater-nav{background:#e8f5f2}.theater-nav .cb-nav-inner{justify-content:center}.theater-nav a{border-right:1px dashed #bdd8d2;padding:16px 34px}.theater-nav a:first-child{border-left:1px dashed #bdd8d2}.theater-nav a[aria-current]{background:#cef0e8;color:#14564f}.theater-act{background:#082c31;color:#e5f7f4;padding:95px max(48px,calc((100% - 1200px)/2)) 80px}.act-title{display:grid;grid-template-columns:90px 1fr 1fr;gap:35px;align-items:start}.act-title>span{font-size:11px;color:#5bafa8;padding-top:10px;letter-spacing:.1em}.act-title .cb-prose{color:#a1bdbc}.theater-screen-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:36px;margin:52px auto 0;max-width:1000px}.theater-screen-strip button{border-radius:16px!important;border:3px solid #315154!important}.theater-screen-strip figcaption{color:#a1bdbc}.act-annotation{display:flex;gap:48px;padding-top:28px;border-top:1px solid #42615f;margin-top:48px}.act-annotation b{white-space:nowrap;font-size:13px;color:#77d7c9}.act-annotation p{font-size:14px;color:#a1bdbc;max-width:780px}.theater-shopping{max-width:1200px;margin:auto;padding:90px 0}.shopping-heading{margin-bottom:42px}.shopping-layout{display:grid;grid-template-columns:320px 1fr;gap:65px}.shopping-receipt{padding:32px;background:#f6f9f6;border:1px dashed #91b7ae;align-self:start;box-shadow:0 10px 0 -5px #e6efea}.shopping-receipt>span{font-size:10px;letter-spacing:.12em}.shopping-receipt ol{margin-top:26px!important;list-style:none;padding:0}.shopping-receipt li{padding:18px 0;border-top:1px dashed #c9d8d0}.shopping-receipt b{font-size:14px}.shopping-receipt p{font-size:13px;margin-top:8px;color:var(--muted)}.receipt-note{padding-top:20px;border-top:1px dashed #c9d8d0}.shopping-screens{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:start}.shopping-screens .pc-image-open{border:1px solid var(--line);border-radius:13px}.theater-management{background:#edf4f1;padding:80px max(48px,calc((100% - 1200px)/2))}.management-intro{display:grid;grid-template-columns:1fr 1fr;gap:15px 80px;margin-bottom:48px}.management-intro .cb-label{grid-column:1/-1}.management-board{display:grid;grid-template-columns:300px 1fr;gap:70px}.management-board>div{display:grid;grid-template-columns:1fr 1fr;gap:35px}.management-board article{border-top:1px solid #adc5bc;padding-top:20px}.management-board article span{font-size:11px;color:var(--accent)}.management-board h3{margin:15px 0}.management-board article p{font-size:14px;color:var(--muted)}.management-board>div .cb-picture{grid-column:1/-1;width:230px;justify-self:end}.theater-feedback{display:grid;grid-template-columns:1fr 1.15fr;gap:90px;padding:90px 48px;max-width:1296px;margin:auto;align-items:center}.theater-feedback h2{margin-bottom:24px}.feedback-pair{display:grid;grid-template-columns:1fr 1fr;gap:26px}.theater-archive{border-top:1px solid var(--line)}.theater-archive .pc-gallery{grid-template-columns:repeat(6,1fr)}.theater-archive .pc-gallery-item .pc-image-open{aspect-ratio:9/16;padding:0;background:#edf4f3}.theater-archive img{object-fit:cover;object-position:top}.theater-ending{background:#07373b;color:#e2f5ef;border-top:1px dashed #81bab3}.theater-ending .cb-label,.theater-ending .cb-prose,.theater-ending .cb-signature{color:#a2c4be}.theater-ending .cb-signature,.theater-ending .cb-end-links a{border-color:#315d58}
/* Comics: jacket, book spine, spreads, margin notes and illustrated panels. */
.page-comics{--ink:#2e2933;--muted:#777078;--surface:#fffdf7;--soft:#f3eedf;--line:#dfd7c9;--accent:#f8d636;--accent-ink:#2e2933;background:#fffdf7}.comics-jacket{max-width:1280px;margin:auto;padding:70px 0 60px;display:grid;grid-template-columns:120px 1fr 340px;gap:55px}.comic-issue{font-size:11px;letter-spacing:.06em;border-top:2px solid #302a35;padding-top:18px}.comic-issue b{display:block;font-size:20px;margin-top:24px}.comic-issue span{display:block;color:var(--muted);margin-top:28px}.comic-headline h1{font-size:clamp(50px,6vw,88px);font-weight:800;letter-spacing:-.07em}.comic-headline>p:not(.cb-prose){font-size:19px;margin:26px 0 20px}.comic-read{display:inline-block;background:#f8d636;border:1px solid #302a35;border-radius:0 12px 12px 0;padding:14px 26px;margin-top:25px;box-shadow:4px 4px 0 #302a35;font-size:14px}.comic-home{position:relative;max-width:260px;margin:auto}.comic-home .pc-image-open{border:3px solid #2e2933;border-radius:25px;max-height:420px}.comic-home img{height:420px;object-fit:cover;object-position:top}.comic-bubble{position:absolute;top:45px;left:-85px;padding:17px 24px;background:#fff;border:2px solid #2e2933;border-radius:50%;font-size:14px;transform:rotate(-8deg);box-shadow:4px 4px 0 #f8d636}.comic-home figcaption{display:none}.comics-reading-shell{display:grid;grid-template-columns:150px minmax(0,1fr);gap:60px;max-width:1280px;margin:auto}.comic-spine{position:sticky;top:24px;height:max-content;border:0;background:none;margin-top:70px}.comic-spine .cb-nav-inner{display:block}.comic-spine a{padding:22px 18px;margin-bottom:10px;display:flex;border-bottom:1px solid #dfd7c9;border-radius:0 12px 12px 0}.comic-spine a[aria-current]{background:#f8d636;box-shadow:-6px 0 0 #302a35}.comic-page-caption{font-size:11px;letter-spacing:.12em;border-bottom:1px solid var(--line);padding-bottom:15px;margin-bottom:28px}.comic-spread{padding:65px 0 75px}.comic-spread h2{font-size:clamp(32px,4vw,56px)}.comic-text-columns{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin:28px 0 40px}.comic-text-columns p{margin:0!important;font-size:15px}.comic-paths{display:grid;grid-template-columns:1fr 1fr;border:1px solid #302a35;margin-bottom:45px;border-radius:4px;overflow:hidden}.comic-paths>div{padding:30px}.comic-paths span{font-size:12px}.comic-paths p{font-size:14px;margin:20px 0 12px!important}.comic-old{background:#f1ece5;color:#7e747e}.comic-old p{text-decoration:line-through}.comic-new{background:#f8d636}.comic-new b{font-size:14px}.comic-layout-study{max-width:650px;margin:auto}.comic-margin-note{display:grid;grid-template-columns:140px 1fr;gap:30px;margin:30px 0 0;padding-top:20px;border-top:1px solid var(--line)}.comic-margin-note b{font-size:12px}.comic-margin-note p{font-size:14px;color:var(--muted)}.comic-discovery{padding:70px 0;border-top:2px solid #302a35}.comic-two-choices{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-bottom:45px}.comic-two-choices article{padding:30px 35px;border:1px solid #302a35;background:#fff}.comic-two-choices span{font-size:12px}.comic-two-choices h2{font-size:48px;margin:18px 0 24px}.comic-two-choices p{font-size:14px}.comic-discovery>.cb-picture{max-width:750px;margin:auto}.comic-panel-row{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin-top:45px}.comic-panel-row .cb-picture{background:#f2eddf;padding:22px}.comic-brand-page{display:grid;grid-template-columns:.75fr 1fr;gap:65px;border-top:2px solid #302a35;padding:80px 0}.comic-brand-page h2{margin-bottom:25px}.comic-brand-page p{font-size:15px}.comic-ink-strip{display:flex;margin-top:32px}.comic-ink-strip span{flex:1;padding:30px 8px;font-size:10px;background:#ffd900;text-align:center}.comic-ink-strip span:nth-child(2){background:#fe6554}.comic-ink-strip span:nth-child(3){background:#ff9500}.comic-archive{width:100%;padding-top:55px;border-top:2px solid #302a35}.comic-archive .pc-gallery{grid-template-columns:repeat(2,1fr);gap:35px}.comic-archive .pc-gallery-item{padding:15px;border:1px solid #302a35;background:#fff;box-shadow:5px 5px 0 #e9e0ce}.comic-archive .pc-gallery-item .pc-image-open{padding:0;border:0;border-radius:0;background:#fff;aspect-ratio:4/3}.comic-archive .pc-filters button{border-radius:3px;border-color:#302a35}.comic-ending{background:#f8d636;border-top:2px solid #302a35}.comic-ending h2{font-weight:800}.comic-ending .cb-label,.comic-ending .cb-prose{color:#5e523d}
/* Cockpit: a persistent tool rail, live role workspace and data ledger. */
.page-cockpit{--ink:#243345;--muted:#667789;--accent:#2670d4;--line:#d5dfe9;--surface:#f4f7fa;--soft:#e6edf4}.page-cockpit .cb-topbar{background:#fff}.cockpit-shell{display:grid;grid-template-columns:200px minmax(0,1fr);max-width:1536px;margin:auto}.cockpit-sidebar{position:sticky;top:0;align-self:start;height:100vh;border-right:1px solid var(--line);border-bottom:0;background:#e9eff5;padding:42px 20px}.cockpit-sidebar .cb-nav-inner{flex-direction:column}.cockpit-sidebar a{padding:16px 15px;margin:3px 0;border-radius:5px}.cockpit-sidebar a[aria-current]{background:#fff;box-shadow:0 3px 10px #1d355810;color:#2269bf}.cockpit-workspace{padding:42px 48px 0}.workspace-breadcrumb{font-size:11px;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:24px;margin-bottom:46px}.workspace-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:end}.workspace-heading h1{font-size:clamp(38px,4vw,58px);letter-spacing:-.05em}.workspace-heading>p{font-size:15px;color:var(--muted);max-width:26em}.workspace-summary{display:flex;gap:28px;flex-wrap:wrap;padding:28px 0;margin-top:26px;font-size:12px}.workspace-summary b{display:block;font-size:10px;font-weight:500;color:var(--muted);margin-bottom:6px}.workspace-screen{background:#fff;padding:18px;border:1px solid var(--line);box-shadow:0 12px 32px #203b5810}.cockpit-role-workbench{margin-top:90px;background:#fff;border:1px solid var(--line)}.workbench-title{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 30px;border-bottom:1px solid var(--line)}.workbench-title h2{font-size:25px}.workbench-title>span{font-size:10px;color:var(--muted)}.cockpit-role-tabs{display:flex;padding:0 30px;border-bottom:1px solid var(--line);gap:26px}.cockpit-role-tabs button{border:0;background:none;min-height:60px;padding:12px 4px;border-bottom:3px solid transparent;font-size:14px}.cockpit-role-tabs button[aria-selected=true]{border-color:var(--accent);color:var(--accent)}.cockpit-role-panel{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:30px;padding:30px}.cockpit-role-image{background:#edf2f8;min-height:330px;display:flex;align-items:center;justify-content:center}.cockpit-role-image .cb-picture{width:100%}.cockpit-role-image img{max-height:660px;object-fit:contain}.cockpit-role-panel aside{padding:20px 0}.cockpit-role-panel aside>span{font-size:11px;color:var(--muted)}.cockpit-role-panel aside h3{margin:12px 0 20px}.cockpit-role-panel aside p{font-size:14px;color:var(--muted)}.cockpit-role-panel aside hr{border:0;border-top:1px solid var(--line);margin:26px 0}.cockpit-role-panel aside b{display:block;font-size:12px;margin-bottom:12px}.cockpit-rules{display:grid;grid-template-columns:minmax(0,1fr) 1fr;gap:60px;margin:100px 0 10px}.cockpit-rules h2{margin-bottom:22px}.cockpit-rules>.cb-picture{margin-top:35px}.cockpit-rules>div>.cb-picture{margin-top:30px;max-width:450px}.data-rule-ledger>div{padding:25px 0;border-top:1px solid var(--line)}.data-rule-ledger span{font-size:11px;color:var(--accent)}.data-rule-ledger h3{font-size:19px;margin:14px 0}.data-rule-ledger p{font-size:14px;color:var(--muted)}.cockpit-archive{width:100%}.cockpit-archive .pc-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.cockpit-archive .pc-image-open{height:290px;aspect-ratio:auto;background:#e9eff5;border-radius:0}.cockpit-archive .pc-image-open img{width:100%;height:100%;object-fit:contain}.cockpit-ending{margin-left:200px;padding:70px 48px 25px}.cockpit-ending h2{font-size:34px}
/* Control room: panoramic views, geographic diagrams and luminance levels. */
.page-screen{--ink:#e1f4fc;--muted:#90b1c3;--accent:#31c7f5;--accent-ink:#061c2b;--line:#294957;--surface:#051922;--soft:#0c2632}.screen-opening{padding:40px 48px 24px;max-width:1536px;margin:auto}.screen-coordinate{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.13em;color:#5eb4cf;padding:18px 0;border-bottom:1px solid var(--line)}.screen-opening h1{font-size:clamp(42px,5vw,70px);font-weight:500;margin:46px 0 22px;letter-spacing:-.02em}.screen-opening>.cb-prose{margin-bottom:38px}.screen-hero-display{border:1px solid #346377;padding:10px;background:#07121a;box-shadow:0 0 60px #1a9adb12}.screen-bottom-label{display:flex;justify-content:space-between;gap:20px;font-size:12px;color:var(--muted);padding:30px 0 0}.screen-nav .cb-nav-inner{justify-content:center;max-width:none}.screen-nav a{border-left:1px solid var(--line);flex:1;max-width:280px;justify-content:center}.screen-nav a[aria-current]{background:#103747;color:#80def9}.screen-reading,.screen-scale,.screen-signals{width:calc(100% - 96px);max-width:1280px;margin:auto;padding:90px 0}.screen-section-number,.screen-section-number+div .cb-label{color:#55b9d7;font-size:11px;letter-spacing:.08em}.screen-reading-heading{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;margin:24px 0 50px}.screen-plan{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:12px}.screen-plan>div{background:#0c2937;border:1px solid #356174;padding:38px 24px;min-height:190px;display:flex;flex-direction:column;justify-content:space-between}.screen-plan>div:nth-child(2){background:radial-gradient(circle,#123e53,#0a2634);border-color:#4b9fbb}.screen-plan span{font-size:12px;color:var(--muted)}.screen-plan b{font-weight:500;font-size:16px}.screen-explainer{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:40px}.screen-explainer blockquote{font-size:22px;color:#a6e4f4;border-left:2px solid #31c7f5;padding-left:24px;line-height:1.8}.screen-explainer p{font-size:15px;color:var(--muted)}.screen-scale{border-top:1px solid var(--line)}.screen-scale-title{margin-bottom:48px}.screen-region,.screen-business{display:grid;grid-template-columns:minmax(0,3fr) 1fr;gap:40px;align-items:center}.screen-business{grid-template-columns:1fr minmax(0,3fr);margin-top:75px}.screen-region .cb-picture,.screen-business .cb-picture{border:1px solid #346377;padding:8px}.screen-scale article span{font-size:11px;color:#5dc9eb;letter-spacing:.1em}.screen-scale article h3{margin:15px 0 22px}.screen-scale article p{font-size:14px;color:var(--muted)}.screen-signals{border-top:1px solid var(--line);display:grid;grid-template-columns:.7fr 1fr;gap:80px}.screen-signals ol li{display:grid;grid-template-columns:70px 1fr 70px;align-items:center;gap:20px;padding:25px 0;border-bottom:1px solid var(--line)}.screen-signals li b{font-size:14px;font-weight:500}.screen-signals li p{font-size:14px;color:var(--muted)}.screen-signals li i{height:6px;background:#b2eeff}.screen-signals .signal-mid{background:#368dae}.screen-signals .signal-low{background:#264a5e}.screen-archive{border-top:1px solid var(--line)}.screen-archive .pc-gallery{display:block}.screen-archive .pc-gallery-item{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:30px;margin-bottom:50px;align-items:start}.screen-archive .pc-image-open{aspect-ratio:auto;border:1px solid #346377;border-radius:0;padding:8px;background:#03131c}.screen-archive .pc-image-open img{object-fit:contain;height:auto}.screen-archive .pc-gallery-item figcaption{padding-top:16px}.screen-ending{background:#0c2632;border-top:1px solid #376071}.screen-ending h2{color:#b2edff}
/* HMI: an instrument panel with tactile controls, not a repeated gallery. */
.page-hmi{--ink:#e6edf7;--muted:#a0afc7;--accent:#9dbfff;--accent-ink:#111b31;--line:#2b3953;--surface:#0b111e;--soft:#151f33}.hmi-opening{max-width:1440px;margin:auto;padding:48px 48px 0}.hmi-opening>div>span{font-size:10px;letter-spacing:.25em;color:#8295b9}.hmi-opening h1{display:flex;align-items:center;gap:45px;font-size:clamp(90px,13vw,180px);font-weight:500;letter-spacing:-.06em;line-height:1.1}.hmi-opening h1 span{font-size:clamp(30px,3vw,46px);letter-spacing:-.02em;font-weight:450;line-height:1.5}.hmi-opening>p{font-size:12px;margin:18px 0 45px;color:var(--muted)}.hmi-instrument{border:1px solid #496184;padding:16px;border-radius:22px;background:linear-gradient(135deg,#25324b,#080f1d);box-shadow:0 20px 80px #0008}.hmi-instrument .pc-image-open{border-radius:10px;overflow:hidden}.hmi-opening-note{display:flex;justify-content:space-around;color:var(--muted);font-size:11px;padding:18px 0 45px}.hmi-console-nav{max-width:620px;margin:0 auto;top:14px;border:1px solid #3c4a64;border-radius:40px;background:#152039eF;box-shadow:0 8px 30px #0004;backdrop-filter:blur(12px)}.hmi-console-nav .cb-nav-inner{justify-content:center;padding:6px}.hmi-console-nav a{padding:12px 24px;min-height:44px;border-radius:30px;flex:1;justify-content:center}.hmi-console-nav a[aria-current]{background:#344562;color:#e7efff}.hmi-console-nav a span{display:none}.hmi-glance,.hmi-zones,.hmi-contrast{max-width:1160px;width:calc(100% - 96px);padding:110px 0;margin:auto}.hmi-glance{display:grid;grid-template-columns:1fr 1fr;gap:50px 80px}.hmi-glance-copy p{font-size:15px}.hmi-scenario{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);margin-top:18px}.hmi-scenario article{padding:32px 0}.hmi-scenario article+article{padding-left:60px;border-left:1px solid var(--line)}.hmi-scenario span{font-size:10px;letter-spacing:.12em;color:#91b4f2}.hmi-scenario h3{margin:12px 0 15px}.hmi-scenario p{font-size:14px;color:var(--muted);max-width:29em}.hmi-zones{border-top:1px solid var(--line)}.hmi-zone-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:44px}.hmi-zone-heading h2{font-size:34px}.hmi-zone-heading p{font-size:13px;color:var(--muted)}.hmi-zone-selector{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.hmi-zone-selector button{min-height:85px;border:1px solid #344764;border-radius:9px;background:linear-gradient(#202f48,#141e30);box-shadow:inset 0 1px #ffffff12;font-size:16px;transition:border-color .2s,background .2s}.hmi-zone-selector button[aria-pressed=true]{border-color:#9ebbf5;background:linear-gradient(#3a5078,#263b61)}.hmi-zone-readout{display:grid;grid-template-columns:150px 1fr 28px;gap:25px;padding:35px 10px}.hmi-zone-readout strong{font-size:25px;font-weight:500}.hmi-zone-readout p{font-size:15px;color:var(--muted);max-width:40em}.hmi-zone-readout>span{font-size:26px;color:#b9a9f8}.hmi-contrast{border-top:1px solid var(--line)}.hmi-contrast>div:first-child{max-width:700px}.hmi-contrast h2{margin-bottom:24px}.hmi-materials{display:flex;justify-content:space-around;gap:30px;margin:60px 0}.hmi-materials>div{text-align:center;flex:1}.hmi-materials i{display:block;width:130px;height:130px;border-radius:50%;margin:0 auto 22px;background:radial-gradient(circle at 30% 25%,#314366,#0d1422 70%);box-shadow:0 12px 30px #0006,inset 0 1px #758caa}.hmi-materials>div:nth-child(2) i{background:radial-gradient(circle at 30% 25%,#dcf2ff,#85b7ff 35%,#244575 90%)}.hmi-materials>div:nth-child(3) i{background:radial-gradient(circle at 30% 25%,#ebe2ff,#b6a3f8 35%,#48357d 90%)}.hmi-materials span{font-size:11px;color:var(--muted)}.hmi-small-note{font-size:12px!important;color:var(--muted);border-top:1px solid var(--line);padding-top:24px}.hmi-ending{background:#111a2c;border-top:1px solid #35435d}.hmi-ending h2{font-size:36px;font-weight:450}
/* Seasonal work: an exhibition wall with asymmetric hanging and quiet captions. */
.page-seasons{--ink:#43372f;--muted:#85766c;--accent:#a05d39;--line:#d6cbbf;--surface:#f7f3eb;--soft:#eee7da}.season-opening{display:grid;grid-template-columns:1fr 280px 240px;gap:45px 35px;max-width:1280px;width:calc(100% - 96px);margin:60px auto 40px;align-items:center}.season-main-title>span{font-size:12px;letter-spacing:.14em}.season-main-title h1{font-family:'Noto Serif SC','Songti SC',SimSun,serif;font-size:clamp(60px,8vw,102px);line-height:1.2;font-weight:500;margin:35px 0}.season-main-title h1 i{font-style:normal;color:#a57349}.season-main-title p{font-size:14px;color:var(--muted)}.season-hero-a{transform:rotate(-3deg);box-shadow:0 20px 35px #4b342a18;padding:12px;background:#fff}.season-hero-b{transform:rotate(3deg);margin-top:100px!important;box-shadow:0 20px 35px #4b342a18;padding:12px;background:#fff}.season-opening figcaption{font-size:11px}.season-volume{grid-column:1/-1;font-size:10px;letter-spacing:.15em;border-top:1px solid var(--line);padding-top:24px}.season-exhibition-nav .cb-nav-inner{justify-content:center;gap:50px}.season-exhibition-nav a{padding:20px 5px;border-bottom:1px solid transparent}.season-exhibition-nav a span{display:none}.season-exhibition-nav a[aria-current]{border-bottom-color:#8e6546}.season-autumn,.season-festival,.season-winter{max-width:1200px;width:calc(100% - 96px);margin:auto;padding:100px 0}.season-section-title{display:grid;grid-template-columns:65px 1fr 1fr;gap:25px;align-items:center;margin-bottom:70px}.season-section-title>span{font-family:SimSun,serif;font-size:38px;color:#a57349}.season-section-title h2{font-family:'Songti SC',SimSun,serif;font-weight:500}.season-section-title p{font-size:14px;color:var(--muted);justify-self:end}.season-autumn-wall{display:grid;grid-template-columns:1fr 1fr .75fr;gap:50px;align-items:center}.season-autumn-wall .cb-picture:nth-child(2){margin-top:100px}.season-autumn-wall aside{padding:35px 0;border-top:1px solid var(--line)}.season-autumn-wall aside span{font-size:10px;letter-spacing:.1em}.season-autumn-wall h3{font-family:'Songti SC',SimSun,serif;line-height:1.8;margin:24px 0}.season-autumn-wall aside p{font-size:14px;color:var(--muted)}.season-festival{border-top:1px solid var(--line)}.festival-caption{display:grid;grid-template-columns:1fr 2fr;gap:30px;align-items:start;margin-bottom:55px}.festival-caption>span{font-size:11px;letter-spacing:.08em}.festival-caption h2{font-family:'Songti SC',SimSun,serif;font-weight:500}.festival-triptych{display:grid;grid-template-columns:repeat(3,1fr);gap:38px}.festival-triptych .cb-picture:nth-child(2){margin-top:70px}.festival-note{font-size:14px!important;color:var(--muted);max-width:700px;margin:45px 0 0 auto!important}.season-winter{display:grid;grid-template-columns:.75fr 1.6fr;gap:90px;border-top:1px solid var(--line);align-items:center}.winter-title>span{font-family:SimSun,serif;color:#a57349;font-size:38px}.winter-title h2{font-family:'Songti SC',SimSun,serif;font-weight:500;margin:28px 0}.winter-title p{font-size:14px}.winter-pair{display:grid;grid-template-columns:1fr 1fr;gap:40px}.winter-pair .cb-picture:nth-child(2){margin-top:110px}.season-archive{border-top:1px solid var(--line)}.season-archive .pc-gallery{grid-template-columns:repeat(4,1fr);gap:50px 30px;align-items:start}.season-archive .pc-gallery-item:nth-child(even){margin-top:55px}.season-archive .pc-image-open{aspect-ratio:auto;padding:10px;background:#fff;border:0;border-radius:0;box-shadow:0 8px 25px #4b342a10}.season-archive .pc-image-open img{height:auto;object-fit:contain}.season-archive .pc-gallery-item figcaption{font-size:12px}.season-ending{background:#ece4d6;text-align:center}.season-ending h2{font-family:'Songti SC',SimSun,serif;font-weight:500;font-size:42px}.season-ending .cb-prose{margin:auto}.season-ending .cb-end-links{justify-content:center}.season-ending .cb-signature{text-align:left}
/* Datang: a formal corporate masthead, a tree and editorial reading rules. */
.page-datang{--ink:#1b3152;--muted:#687789;--accent:#2e65a6;--line:#d7e1eb;--surface:#fff;--soft:#f1f5f9}.datang-opening{max-width:1280px;width:calc(100% - 96px);margin:auto;padding:50px 0 60px}.datang-title-line{display:flex;justify-content:space-between;gap:20px;font-size:10px;color:var(--muted)}.datang-title-line .cb-label{margin:0!important}.datang-opening h1{display:flex;justify-content:space-between;align-items:center;gap:50px;font-size:clamp(50px,6vw,83px);font-weight:600;letter-spacing:-.02em;margin:50px 0}.datang-opening h1 span{font-size:clamp(25px,3vw,39px);font-weight:450;line-height:1.5}.datang-project-brief{display:grid;grid-template-columns:1.2fr 1fr;gap:90px;border-top:1px solid var(--line);padding:28px 0 48px}.datang-project-brief>p{font-size:15px;color:var(--muted);max-width:32em}.datang-project-brief dl{display:grid;grid-template-columns:1fr 1fr;gap:24px;font-size:12px}.datang-project-brief dt{font-size:10px;color:var(--muted);margin-bottom:12px}.datang-home{padding:22px 22px 16px;border:1px solid var(--line);background:#f1f5f9;box-shadow:0 14px 38px #233f5a14}.datang-index-nav{background:#eef3f8}.datang-index-nav .cb-nav-inner{display:grid;grid-template-columns:repeat(4,1fr)}.datang-index-nav a{border-right:1px solid var(--line);justify-content:center;padding:22px 25px;gap:25px}.datang-index-nav a[aria-current]{background:#224e83;color:#fff}.datang-map,.datang-business,.datang-news{max-width:1280px;width:calc(100% - 96px);margin:auto;padding:100px 0}.datang-chapter-heading{display:grid;grid-template-columns:1fr 1.4fr;gap:55px;align-items:start}.datang-chapter-heading>span{font-size:11px;color:var(--accent);letter-spacing:.06em}.datang-tree{margin:55px 0 35px}.tree-root{width:280px;margin:auto;background:#234f86;color:#fff;padding:25px;text-align:center;font-size:18px}.tree-branches{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;margin-top:55px;position:relative}.tree-branches:before{content:'';position:absolute;top:-28px;left:12%;right:12%;height:1px;background:#97b0cf}.tree-branches:after{content:'';position:absolute;top:-55px;left:50%;width:1px;height:27px;background:#97b0cf}.tree-branches article{background:#f1f5f9;border-top:2px solid #547caf;position:relative;padding:24px}.tree-branches article:before{content:'';position:absolute;top:-30px;left:50%;height:28px;width:1px;background:#97b0cf}.tree-branches h3{font-size:21px;margin-bottom:14px}.tree-branches p{font-size:12px}.tree-branches article>span{display:block;font-size:10px;color:var(--muted);margin-top:30px}.datang-editor-note{max-width:760px;font-size:14px!important;color:var(--muted);margin:auto!important}.datang-business{border-top:1px solid var(--line);display:grid;grid-template-columns:210px minmax(0,1fr);gap:65px}.datang-side-heading>span{font-size:44px;font-weight:300;color:#7898bf}.datang-side-heading h2{font-size:30px;margin:20px 0}.datang-side-heading p{font-size:14px;color:var(--muted)}.browser-sheet{border:1px solid var(--line);padding:15px;background:#f1f5f9}.datang-text-line{display:grid;grid-template-columns:.75fr 1fr;gap:35px;margin-top:35px}.datang-text-line h3{font-size:21px}.datang-text-line p{font-size:14px;color:var(--muted)}.datang-news{border-top:1px solid var(--line)}.datang-news-title{display:flex;justify-content:space-between;gap:45px;margin-bottom:45px}.datang-news>.cb-picture{max-width:1030px;margin-left:auto}.datang-news-notes{margin:35px 0 0 auto;max-width:1030px;display:grid;grid-template-columns:160px 1fr;gap:26px 35px}.datang-news-notes>span{font-size:13px;font-weight:600}.datang-news-notes p{font-size:14px;color:var(--muted)}.datang-archive{border-top:1px solid var(--line)}.datang-archive .pc-gallery{grid-template-columns:repeat(4,1fr)}.datang-archive .pc-image-open{border-radius:0;background:#f1f5f9;border:1px solid var(--line);aspect-ratio:4/3}.datang-ending{background:#16385f;color:#fff}.datang-ending .cb-prose,.datang-ending .cb-label,.datang-ending .cb-signature{color:#b5c9df}.datang-ending .cb-signature,.datang-ending .cb-end-links a{border-color:#4c6480}
/* County-link: routes lead from products or industries into the same solution. */
.page-xianlian{--ink:#193b73;--muted:#6a7c99;--accent:#2863d2;--line:#d2def0;--surface:#fff;--soft:#edf3ff}.xianlian-opening{padding:45px max(48px,calc((100% - 1280px)/2)) 0;background:#103d89;color:#fff}.xianlian-hero-label{display:flex;justify-content:space-between;gap:25px;font-size:10px;letter-spacing:.08em;color:#b7d0f6}.xianlian-opening h1{font-size:clamp(42px,5.5vw,72px);font-weight:500;margin:45px 0 25px}.xianlian-opening>p{font-size:15px;color:#b9d1f8;margin-bottom:48px}.xianlian-hero-image{background:#fff;border:8px solid #23549d;border-bottom:0;box-shadow:0 15px 55px #08225250}.xianlian-hero-image figcaption{color:#244e8e;padding:0 12px 12px}.xianlian-story-shell{max-width:1440px;width:calc(100% - 96px);margin:auto;display:grid;grid-template-columns:minmax(0,1fr) 170px;gap:70px}.xianlian-route-nav{position:sticky;top:35px;align-self:start;margin-top:90px;border-left:1px solid var(--line);border-bottom:0;padding-left:20px}.xianlian-route-nav .cb-nav-inner{flex-direction:column}.xianlian-route-nav a{padding:16px 8px;gap:15px}.xianlian-route-nav a span{width:20px;height:20px;display:grid;place-items:center;border:1px solid #b7c8e3;border-radius:50%}.xianlian-route-nav a[aria-current]{color:#235fd1}.xianlian-route-nav a[aria-current] span{background:#2863d2;color:#fff;border-color:#2863d2}.xianlian-entry{padding:100px 0}.xianlian-entry h2{margin-bottom:38px}.solution-route-switch{display:grid;grid-template-columns:1fr 1fr;gap:22px}.solution-route-switch button{display:flex;justify-content:space-between;align-items:center;gap:18px;text-align:left;border:1px solid #b6c9e8;background:#f4f7fc;min-height:88px;padding:22px 26px;font-size:18px}.solution-route-switch button span{font-size:28px;font-weight:300}.solution-route-switch button[aria-pressed=true]{background:#2259b9;border-color:#2259b9;color:#fff}.solution-route{display:flex;align-items:center;gap:20px;padding:35px 0 25px;font-size:15px}.solution-route span{background:#edf3ff;padding:12px 18px;flex:1;text-align:center}.solution-route i{font-style:normal;color:#95afd4}.xianlian-entry>p{font-size:14px;color:var(--muted)}.xianlian-solutions{border-top:1px solid var(--line);padding:90px 0}.xianlian-solution-title{display:grid;grid-template-columns:85px 1fr 1fr;gap:35px;align-items:start;margin-bottom:45px}.xianlian-solution-title>span,.xianlian-industry-pair span,.xianlian-evidence span{font-size:12px;color:#2d6cce}.xianlian-solution-title h2{font-size:32px}.xianlian-solution-title p{font-size:14px;color:var(--muted)}.xianlian-solutions>.cb-picture{border:1px solid var(--line);padding:12px;background:#eef4fd}.xianlian-industry-pair{display:grid;grid-template-columns:minmax(0,1.5fr) 1fr;gap:55px;align-items:center;margin-top:70px}.xianlian-industry-pair h3{font-size:29px;margin:20px 0}.xianlian-industry-pair p{font-size:14px;color:var(--muted)}.xianlian-industry-pair a{display:inline-block;font-size:13px;margin-top:25px;padding-bottom:8px;border-bottom:1px solid #afc4e6}.xianlian-evidence{background:#edf3ff;padding:45px 40px;margin-bottom:35px}.xianlian-evidence>div{display:grid;grid-template-columns:80px 1fr 1fr;gap:25px;margin-bottom:36px}.xianlian-evidence h2{font-size:30px}.xianlian-evidence p{font-size:14px;color:var(--muted)}.xianlian-archive{width:100%;padding-top:80px}.xianlian-archive .pc-gallery{grid-template-columns:repeat(3,1fr);gap:35px 20px}.xianlian-archive .pc-image-open{background:#eef3fc;border-radius:5px;border-color:#d2def0;aspect-ratio:4/3}.xianlian-ending{background:#103d89;color:#fff}.xianlian-ending .cb-prose,.xianlian-ending .cb-label,.xianlian-ending .cb-signature{color:#b7cff4}.xianlian-ending .cb-signature,.xianlian-ending .cb-end-links a{border-color:#4265a0}
/* Luo: a printed brand monograph, vertical annotations and generous text rhythm. */
.page-luo{--ink:#47392d;--muted:#8c7b6c;--accent:#875d3a;--line:#d9cabb;--surface:#f7f2e9;--soft:#ede2d3}.page-luo h1,.page-luo h2{font-family:'Songti SC',SimSun,serif;font-weight:500}.luo-opening{display:grid;grid-template-columns:300px minmax(0,1fr);gap:50px;max-width:1280px;width:calc(100% - 96px);margin:60px auto 45px;align-items:center}.luo-inscription>span{font-size:11px;letter-spacing:.05em}.luo-inscription h1{font-size:66px;letter-spacing:.12em;margin:38px 0 28px}.luo-inscription p{font-family:'Songti SC',SimSun,serif;font-size:25px;line-height:1.8}.luo-inscription i{display:block;font-size:11px;font-style:normal;color:var(--muted);margin-top:55px;letter-spacing:.2em}.luo-hero-art{padding:18px;background:#ece0cf;border-radius:100px 0 0 0}.luo-hero-art .pc-image-open{border-radius:85px 0 0 0;overflow:hidden}.luo-hero-caption{grid-column:1/-1;display:flex;justify-content:space-between;gap:30px;border-top:1px solid var(--line);padding-top:25px;font-size:12px;color:var(--muted)}.luo-book-nav .cb-nav-inner{justify-content:center;gap:80px;padding:16px 20px}.luo-book-nav a{padding:12px 22px;writing-mode:vertical-rl;min-height:92px;gap:10px;border-left:1px solid var(--line)}.luo-book-nav a span{font-size:9px;writing-mode:horizontal-tb;color:#ad9580}.luo-book-nav a b{letter-spacing:.3em;font-family:'Songti SC',SimSun,serif;font-size:15px}.luo-book-nav a[aria-current]{background:#e9dccb;color:#5e3b22}.luo-tone,.luo-reading,.luo-craft{max-width:1200px;width:calc(100% - 96px);margin:auto;padding:100px 0}.luo-tone{display:grid;grid-template-columns:40px .8fr 1.4fr;gap:45px;align-items:center}.luo-vertical-label{writing-mode:vertical-rl;letter-spacing:.5em;align-self:start;font-family:'Songti SC',SimSun,serif;font-size:17px;color:#b0977e}.luo-tone-copy h2{margin-bottom:35px}.luo-tone-copy p{font-size:15px;color:var(--muted)}.luo-tone-copy blockquote{border-top:1px solid var(--line);padding-top:25px;margin-top:35px;color:#7d573a;font-family:'Songti SC',SimSun,serif;font-size:18px;line-height:1.9}.luo-reading{display:grid;grid-template-columns:minmax(0,1fr) 210px;gap:40px 70px;border-top:1px solid var(--line);align-items:start}.luo-reading-heading{grid-column:1/-1;display:grid;grid-template-columns:120px 1fr;gap:40px;margin-bottom:10px}.luo-reading-heading>span{font-family:'Songti SC',SimSun,serif;color:#997d63}.luo-long-page{padding:15px;background:#fff;box-shadow:0 8px 24px #5b392314}.luo-marginalia{position:sticky;top:180px;border-top:1px solid var(--line);padding-top:25px}.luo-marginalia>span{font-size:12px}.luo-marginalia p{font-size:14px;color:var(--muted);margin-top:20px}.luo-craft{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.8fr;gap:75px}.luo-craft-title>span{font-size:48px;font-family:SimSun,serif;color:#b09376}.luo-craft-title h2{margin-top:20px}.luo-craft-text{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.luo-craft-text h3{font-family:'Songti SC',SimSun,serif;font-size:35px;font-weight:500;margin-bottom:22px}.luo-craft-text p{font-size:14px;color:var(--muted)}.luo-color-line{display:flex;margin-top:26px;height:35px}.luo-color-line i{flex:1;background:#875d3a}.luo-color-line i:nth-child(2){background:#bf9d72}.luo-color-line i:nth-child(3){background:#e6d7c1}.luo-archive{border-top:1px solid var(--line)}.luo-archive .pc-gallery{grid-template-columns:1.2fr 1fr;gap:55px 65px}.luo-archive .pc-gallery-item:nth-child(even){margin-top:100px}.luo-archive .pc-image-open{border:0;border-radius:0;padding:12px;background:#fff;aspect-ratio:4/3;box-shadow:0 8px 24px #5b392310}.luo-ending{background:#e9ddcd;text-align:center}.luo-ending h2{font-size:43px;letter-spacing:.08em}.luo-ending .cb-label{font-family:'Songti SC',SimSun,serif}.luo-ending .cb-prose{margin:auto}.luo-ending .cb-end-links{justify-content:center}.luo-ending .cb-signature{text-align:left}
/* Tablet: rails become horizontal without turning every story into the same grid. */
@media(max-width:1050px){
.cb-topbar{padding-inline:28px}.cb-archive{width:calc(100% - 56px)}.cb-ending{padding-inline:28px}.cockpit-shell{display:block}.cockpit-sidebar{height:auto;top:0;padding:0;border-right:0;border-bottom:1px solid var(--line)}.cockpit-sidebar .cb-nav-inner{flex-direction:row}.cockpit-sidebar a{margin:0;border-radius:0}.cockpit-workspace{padding:40px 28px 0}.cockpit-ending{margin-left:0}.cockpit-role-panel{grid-template-columns:minmax(0,1fr) 200px}.comics-jacket{grid-template-columns:85px 1fr 270px;gap:30px;padding:45px 28px}.comics-reading-shell{grid-template-columns:120px 1fr;width:calc(100% - 56px);gap:35px}.comic-spine a{padding:14px 12px}.comic-two-choices{gap:20px}.comic-two-choices article{padding:25px}.comic-brand-page{gap:30px}.theater-act,.theater-management,.theater-feedback{width:calc(100% - 56px)}.act-title{grid-template-columns:70px 1fr 1.2fr;gap:25px}.shopping-layout{grid-template-columns:250px minmax(0,1fr);gap:35px}.theater-shopping{padding-inline:28px}.shopping-screens{gap:18px}.management-board{gap:40px}.screen-opening{padding-inline:28px}.screen-reading,.screen-scale,.screen-signals,.hmi-glance,.hmi-zones,.hmi-contrast,.season-opening,.season-autumn,.season-festival,.season-winter,.datang-opening,.datang-map,.datang-business,.datang-news,.luo-opening,.luo-tone,.luo-reading,.luo-craft{width:calc(100% - 56px)}.screen-signals{gap:40px}.screen-scale article{gap:25px}.hmi-opening{padding-inline:28px}.hmi-zone-heading{display:block}.hmi-zone-heading p{margin-top:18px}.season-opening{grid-template-columns:1fr 230px 200px;gap:28px}.season-autumn-wall{gap:25px}.season-winter{gap:40px}.season-exhibition-nav .cb-nav-inner{gap:25px}.datang-project-brief{gap:40px}.datang-business{grid-template-columns:160px 1fr;gap:35px}.xianlian-opening{padding-inline:28px}.xianlian-story-shell{width:calc(100% - 56px);display:flex;flex-direction:column-reverse;gap:0}.xianlian-route-nav{top:0;margin-top:0;padding-left:0;border-left:0;border-bottom:1px solid var(--line)}.xianlian-route-nav .cb-nav-inner{flex-direction:row}.xianlian-route-nav a{padding:18px}.xianlian-industry-pair{gap:30px}.luo-opening{grid-template-columns:230px 1fr;gap:30px}.luo-inscription h1{font-size:54px}.luo-tone{grid-template-columns:28px .9fr 1.2fr;gap:28px}.luo-reading{grid-template-columns:1fr 180px;gap:40px}.luo-craft{grid-template-columns:1fr 2fr;gap:35px}.luo-craft-text{gap:20px}
}
@media(max-width:760px){
.casebook p{font-size:15px;line-height:1.85}.casebook h2{font-size:30px}.casebook h3{font-size:20px}.cb-topbar{height:70px;padding:10px 22px;grid-template-columns:1fr auto;gap:14px;font-size:12px}.cb-topbar>span{font-size:13px;text-align:right}.cb-topbar small{font-size:8px;letter-spacing:.05em}.cb-topbar>a:last-child{display:none}.cb-label{font-size:10px!important;margin-bottom:18px!important}.cb-nav{max-width:100%;top:0}.cb-nav a{padding:15px 18px;min-height:56px;font-size:12px}.cb-nav a span{font-size:9px}.cb-archive{width:calc(100% - 44px);padding:65px 0}.cb-archive-head{margin-bottom:28px}.casebook .pc-gallery{gap:28px 15px}.casebook .pc-gallery-item figcaption{font-size:12px;grid-template-columns:16px 1fr;gap:2px 6px}.casebook .pc-gallery-item figcaption small{font-size:10px}.casebook .pc-filters{gap:7px}.casebook .pc-filters button{min-height:40px;padding:8px 12px;font-size:11px}.cb-ending{padding:60px 22px 25px}.cb-end-links{gap:20px;margin-top:28px;font-size:12px}.cb-signature{margin-top:45px;font-size:10px;gap:15px}.cb-picture figcaption{font-size:11px;margin-top:10px}.casebook section[id]{scroll-margin-top:80px}
.theater-opening{padding:40px 22px 0}.theater-title h1{font-size:47px}.theater-subtitle{font-size:21px!important}.theater-stage{gap:18px;margin-top:36px;height:340px}.theater-stage .cb-picture{width:112px}.theater-stage .stage-left,.theater-stage .stage-right{transform:none;top:40px}.theater-stage .stage-center{width:136px;top:0}.theater-stage .pc-image-open{height:auto}.theater-stage img{height:auto}.theater-stage .stage-caption{font-size:10px;bottom:0}.theater-credits{margin-top:16px;padding:20px 0;font-size:10px;gap:8px}.theater-credits span:nth-child(2){display:none}.theater-nav .cb-nav-inner{justify-content:flex-start}.theater-nav a{padding:16px 20px}.theater-act,.theater-management,.theater-feedback{width:calc(100% - 44px);padding:65px 0}.act-title{grid-template-columns:1fr;gap:18px}.act-title>span{font-size:10px}.act-title h2{font-size:31px}.act-title p{font-size:14px}.theater-screen-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 22px;margin-top:35px}.act-annotation{grid-template-columns:1fr;gap:12px;padding-top:22px}.act-annotation p{font-size:13px}.theater-shopping{padding:65px 22px}.shopping-heading{margin-bottom:30px}.shopping-layout{grid-template-columns:1fr;gap:32px}.shopping-receipt{padding:24px}.shopping-receipt ol{display:grid;grid-template-columns:1fr 1fr;gap:20px}.shopping-receipt li{padding:15px 0}.shopping-receipt li b{font-size:12px}.shopping-receipt li p{font-size:12px}.shopping-screens{gap:15px;grid-template-columns:repeat(3,minmax(0,1fr))}.shopping-screens figcaption{font-size:10px}.management-intro{display:block}.management-intro h2{margin-bottom:24px}.management-intro p{font-size:14px}.management-board{grid-template-columns:140px minmax(0,1fr);gap:24px;margin-top:35px;align-items:start}.management-board>div>article{padding:0 0 25px;margin-bottom:25px}.management-board h3{font-size:18px;margin:10px 0}.management-board p{font-size:12px}.management-board article>span{font-size:10px}.theater-feedback{grid-template-columns:1fr;gap:35px}.theater-feedback h2{margin-bottom:25px}.feedback-pair{gap:25px;max-width:380px}.theater-archive .pc-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 14px}.theater-archive .pc-gallery-item figcaption{display:block}.theater-archive .cb-folio{display:none}.theater-archive .pc-gallery-item figcaption small{display:block;margin-top:3px}.theater-ending h2{font-size:29px}
.comics-jacket{grid-template-columns:minmax(0,1fr) 155px;padding:35px 22px 45px;gap:25px 20px}.comic-issue{grid-column:1/-1;display:flex;gap:14px;align-items:center;border-bottom:1px solid #302a35;padding:0 0 15px;font-size:10px}.comic-issue b{font-size:13px;margin:0}.comic-issue span{font-size:9px;margin:0 0 0 auto}.comic-headline h1{font-size:40px}.comic-headline>p{font-size:17px;margin:20px 0 14px}.comic-headline .cb-prose{font-size:13px}.comic-read{font-size:12px;margin-top:25px}.comic-home{padding:8px;transform:rotate(2deg)}.comic-home figcaption{font-size:10px}.comic-bubble{font-size:11px;right:-5px;top:45%;padding:12px}.comics-reading-shell{display:block;width:100%}.comic-spine{height:auto;top:0;padding:0 12px;border-right:0;border-bottom:1px solid #302a35}.comic-spine .cb-nav-inner{flex-direction:row}.comic-spine a{padding:17px 19px;margin:0}.comic-spine a[aria-current]{background:#f8d636}.comics-pages{padding:0 22px}.comic-spread,.comic-discovery,.comic-brand-page{padding:60px 0}.comic-page-caption{font-size:10px}.comic-spread h2{font-size:33px}.comic-text-columns{display:block}.comic-text-columns p{font-size:14px}.comic-text-columns p+p{margin-top:20px}.comic-paths{grid-template-columns:1fr;margin:30px 0}.comic-paths>div{padding:25px}.comic-paths p{font-size:13px}.comic-margin-note{grid-template-columns:1fr;gap:14px}.comic-margin-note p{font-size:13px}.comic-two-choices{gap:15px;margin-bottom:30px}.comic-two-choices article{padding:22px 16px}.comic-two-choices h2{font-size:31px;margin:17px 0}.comic-two-choices article span{font-size:10px}.comic-two-choices p{font-size:13px}.comic-panel-row{gap:18px;margin-top:30px}.comic-panel-row .cb-picture{padding:10px}.comic-brand-page{grid-template-columns:1fr;gap:30px}.comic-ink-strip{max-width:350px}.comic-archive{width:100%;padding:55px 0}.comic-archive .pc-gallery{grid-template-columns:repeat(2,1fr);gap:26px 16px}.comic-archive .pc-gallery-item{padding:8px;box-shadow:3px 3px 0 #e9e0ce}.comic-archive .pc-gallery-item figcaption{display:block}.comic-archive .cb-folio{display:none}.comic-archive .pc-gallery-item figcaption small{display:block}.comic-ending h2{font-size:29px}
.cockpit-sidebar{padding:0 5px}.cockpit-sidebar a{padding:17px 14px;gap:7px}.cockpit-workspace{padding:25px 22px 0}.workspace-breadcrumb{font-size:9px;margin-bottom:30px;padding-bottom:18px}.workspace-heading{grid-template-columns:1fr;gap:22px}.workspace-heading h1{font-size:38px}.workspace-heading>p{font-size:14px;max-width:100%}.workspace-summary{gap:25px;padding:22px 0;font-size:10px;margin-top:10px}.workspace-summary b{font-size:9px}.workspace-screen{padding:9px}.cockpit-role-workbench{margin-top:60px}.workbench-title{display:block;padding:22px 18px}.workbench-title h2{font-size:24px}.workbench-title>span{display:block;margin-top:12px}.cockpit-role-tabs{padding:0 18px;gap:24px}.cockpit-role-tabs button{font-size:13px;min-height:56px}.cockpit-role-panel{grid-template-columns:1fr;padding:18px;gap:20px}.cockpit-role-image{min-height:180px}.cockpit-role-image img{max-height:530px}.cockpit-role-panel aside{padding:10px 0}.cockpit-role-panel aside h3{margin:10px 0 14px}.cockpit-role-panel aside p{font-size:13px}.cockpit-role-panel aside hr{margin:22px 0}.cockpit-rules{grid-template-columns:1fr;gap:30px;margin-top:65px}.data-rule-ledger{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}.data-rule-ledger h3{font-size:17px}.data-rule-ledger p{font-size:13px}.data-rule-ledger span{font-size:10px}.cockpit-archive{width:100%}.cockpit-archive .pc-image-open{height:170px}.cockpit-ending h2{font-size:29px}
.screen-opening{padding:24px 22px}.screen-coordinate{font-size:8px;letter-spacing:.02em;gap:12px}.screen-opening h1{font-size:40px;margin:35px 0 20px}.screen-opening>.cb-prose{font-size:12px;margin-bottom:28px}.screen-hero-display{padding:5px}.screen-bottom-label{font-size:10px;flex-wrap:wrap;padding-top:20px}.screen-nav .cb-nav-inner{justify-content:flex-start}.screen-nav a{flex:none;min-width:130px;padding:16px 12px;gap:10px}.screen-reading,.screen-scale,.screen-signals{width:calc(100% - 44px);padding:65px 0}.screen-reading-heading{grid-template-columns:1fr;gap:25px;margin:22px 0 30px}.screen-reading-heading p{font-size:14px}.screen-plan{gap:8px;grid-template-columns:1fr 1.2fr 1fr}.screen-plan>div{padding:20px 12px;min-height:170px;gap:25px}.screen-plan span{font-size:10px}.screen-plan b{font-size:12px;line-height:1.9}.screen-explainer{grid-template-columns:1fr;gap:25px;margin-top:30px}.screen-explainer blockquote{font-size:20px}.screen-explainer p{font-size:14px}.screen-scale-title{margin-bottom:30px}.screen-region,.screen-business{grid-template-columns:1fr;gap:22px}.screen-business{margin-top:50px}.screen-business>div{order:2}.screen-scale article h3{margin:12px 0}.screen-scale article p{font-size:13px}.screen-signals{grid-template-columns:1fr;gap:30px}.screen-signals ol li{grid-template-columns:50px 1fr 40px;gap:15px}.screen-signals li p{font-size:13px}.screen-archive .pc-gallery-item{grid-template-columns:1fr;gap:0;margin-bottom:40px}.screen-archive .pc-gallery-item figcaption{padding-top:12px}.screen-ending h2{font-size:29px}
.hmi-opening{padding:32px 22px 0}.hmi-opening h1{font-size:91px;gap:24px;margin-top:15px}.hmi-opening h1 span{font-size:22px;white-space:nowrap}.hmi-opening>p{font-size:11px;margin:14px 0 28px}.hmi-instrument{padding:8px;border-radius:13px}.hmi-instrument .pc-image-open{border-radius:6px}.hmi-opening-note{padding:16px 0 25px;font-size:9px}.hmi-console-nav{margin-inline:16px;max-width:calc(100% - 32px);border-radius:28px;top:8px}.hmi-console-nav .cb-nav-inner{padding:5px}.hmi-console-nav a{padding:11px 12px;min-height:42px;font-size:11px;gap:0}.hmi-glance,.hmi-zones,.hmi-contrast{width:calc(100% - 44px);padding:65px 0}.hmi-glance{grid-template-columns:1fr;gap:25px}.hmi-glance-copy p{font-size:14px}.hmi-scenario{gap:22px;margin-top:10px}.hmi-scenario article{padding:25px 0}.hmi-scenario article+article{padding-left:22px}.hmi-scenario p{font-size:12px}.hmi-scenario h3{font-size:18px}.hmi-zone-heading{margin-bottom:28px}.hmi-zone-heading h2{font-size:27px}.hmi-zone-selector{grid-template-columns:1fr 1fr;gap:13px}.hmi-zone-selector button{min-height:70px;font-size:14px}.hmi-zone-readout{grid-template-columns:1fr 22px;gap:15px;padding:30px 0 0}.hmi-zone-readout p{grid-row:2;grid-column:1/-1;font-size:14px}.hmi-zone-readout strong{font-size:23px}.hmi-materials{gap:12px;margin:40px 0}.hmi-materials i{width:83px;height:83px;margin-bottom:16px}.hmi-materials span{font-size:9px}.hmi-small-note{font-size:11px!important}.hmi-ending h2{font-size:28px}
.season-opening{width:calc(100% - 44px);margin:35px auto 30px;grid-template-columns:1fr 1fr;gap:25px 22px}.season-main-title{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:12px 22px}.season-main-title>span{font-size:10px;grid-column:1/-1}.season-main-title h1{font-size:65px;margin:15px 0;line-height:1.15}.season-main-title p{font-size:13px;align-self:center}.season-hero-a,.season-hero-b{padding:7px}.season-hero-b{margin-top:45px!important}.season-volume{font-size:8px;letter-spacing:.07em}.season-exhibition-nav .cb-nav-inner{justify-content:flex-start;gap:15px;padding-inline:16px}.season-exhibition-nav a{padding:16px 10px;min-height:55px}.season-autumn,.season-festival,.season-winter{width:calc(100% - 44px);padding:65px 0}.season-section-title{grid-template-columns:36px 1fr;gap:18px;margin-bottom:35px}.season-section-title>span{font-size:30px}.season-section-title p{grid-column:2;justify-self:start;font-size:13px}.season-autumn-wall{grid-template-columns:1fr 1fr;gap:24px}.season-autumn-wall .cb-picture:nth-child(2){margin-top:55px}.season-autumn-wall aside{grid-column:1/-1;display:grid;grid-template-columns:.8fr 1fr;gap:15px 25px}.season-autumn-wall aside span{grid-column:1/-1}.season-autumn-wall h3{font-size:21px;margin:0}.season-autumn-wall aside p{font-size:13px}.festival-caption{grid-template-columns:1fr;gap:18px;margin-bottom:35px}.festival-caption h2{font-size:29px}.festival-triptych{gap:14px}.festival-triptych .cb-picture:nth-child(2){margin-top:35px}.festival-triptych figcaption{font-size:10px}.festival-note{font-size:13px!important;margin-top:30px!important}.season-winter{grid-template-columns:1fr;gap:30px}.winter-title{max-width:350px}.winter-title h2{margin:18px 0}.winter-title>span{font-size:30px}.winter-pair{gap:25px}.winter-pair .cb-picture:nth-child(2){margin-top:65px}.season-archive .pc-gallery{grid-template-columns:repeat(2,1fr);gap:35px 22px}.season-archive .pc-gallery-item:nth-child(even){margin-top:40px}.season-archive .pc-image-open{padding:7px}.season-ending h2{font-size:36px}
.datang-opening,.datang-map,.datang-business,.datang-news{width:calc(100% - 44px);padding:60px 0}.datang-opening{padding-top:32px}.datang-title-line{font-size:8px;align-items:start}.datang-title-line .cb-label{font-size:9px!important;max-width:180px}.datang-opening h1{display:block;font-size:45px;margin:32px 0}.datang-opening h1 span{display:block;font-size:25px;margin-top:25px}.datang-project-brief{grid-template-columns:1fr;gap:25px;padding-bottom:30px}.datang-project-brief>p{font-size:14px}.datang-project-brief dl{gap:20px;font-size:11px}.datang-home{padding:10px}.datang-index-nav .cb-nav-inner{display:flex}.datang-index-nav a{padding:17px 18px;gap:12px;flex:1;min-width:130px}.datang-chapter-heading{grid-template-columns:1fr;gap:20px}.datang-chapter-heading>span{font-size:10px}.datang-tree{margin:35px 0}.tree-root{width:220px;font-size:16px;padding:20px}.tree-branches{grid-template-columns:1fr 1fr;gap:22px 15px;margin-top:35px;border-left:1px solid #97b0cf;padding-left:20px}.tree-branches:before{top:-18px;left:0;right:50%;}.tree-branches:after{top:-35px;height:17px;left:50%}.tree-branches article{padding:20px 14px;border-top:1px solid #547caf}.tree-branches article:before{width:20px;height:1px;left:-21px;top:50%}.tree-branches article:nth-child(even):before{display:none}.tree-branches h3{font-size:19px}.tree-branches p{font-size:11px}.tree-branches article>span{font-size:10px;margin-top:20px}.datang-editor-note{font-size:13px!important}.datang-business{grid-template-columns:1fr;gap:28px}.datang-side-heading{display:grid;grid-template-columns:50px 1fr;gap:15px;align-items:center}.datang-side-heading>span{font-size:32px}.datang-side-heading h2{font-size:27px;margin:0}.datang-side-heading p{grid-column:2;font-size:13px}.datang-text-line{grid-template-columns:1fr;gap:18px}.datang-text-line p{font-size:13px}.datang-news-title{display:block;margin-bottom:30px}.datang-news-title .cb-label{margin-top:22px!important}.datang-news-notes{grid-template-columns:1fr;gap:12px}.datang-news-notes p{font-size:13px;margin-bottom:15px}.datang-archive .pc-gallery{grid-template-columns:repeat(2,1fr)}.datang-ending h2{font-size:29px}
.xianlian-opening{padding:32px 22px 0}.xianlian-hero-label{font-size:8px;gap:18px}.xianlian-opening h1{font-size:39px;margin:35px 0 24px}.xianlian-opening>p{font-size:13px;margin-bottom:30px}.xianlian-hero-image{border-width:5px}.xianlian-hero-image figcaption{font-size:10px}.xianlian-story-shell{width:100%}.xianlian-route-nav .cb-nav-inner{padding-inline:8px}.xianlian-route-nav a{padding:17px 14px;gap:7px;font-size:11px}.xianlian-route-nav a span{font-size:8px;width:18px;height:18px}.xianlian-story-body{padding:0 22px}.xianlian-entry{padding:60px 0}.xianlian-entry h2{margin-bottom:28px}.solution-route-switch{gap:15px}.solution-route-switch button{min-height:100px;padding:18px 15px;font-size:14px;line-height:1.6}.solution-route-switch button span{font-size:21px}.solution-route{gap:9px;padding:25px 0 20px;font-size:11px}.solution-route span{padding:11px 8px}.xianlian-entry>p{font-size:13px}.xianlian-solutions{padding:60px 0}.xianlian-solution-title{grid-template-columns:1fr;gap:18px;margin-bottom:28px}.xianlian-solution-title h2{font-size:29px}.xianlian-solution-title p{font-size:13px}.xianlian-solutions>.cb-picture{padding:7px}.xianlian-industry-pair{grid-template-columns:1fr;gap:25px;margin-top:45px}.xianlian-industry-pair h3{font-size:26px;margin:15px 0}.xianlian-industry-pair p{font-size:13px}.xianlian-evidence{padding:28px 20px}.xianlian-evidence>div{grid-template-columns:1fr;gap:18px;margin-bottom:25px}.xianlian-evidence h2{font-size:27px}.xianlian-evidence p{font-size:13px}.xianlian-archive{width:100%;padding-top:50px}.xianlian-archive .pc-gallery{grid-template-columns:repeat(2,1fr)}.xianlian-ending h2{font-size:29px}
.luo-opening,.luo-tone,.luo-reading,.luo-craft{width:calc(100% - 44px)}.luo-opening{margin:35px auto 30px;grid-template-columns:1fr;gap:28px}.luo-inscription{display:grid;grid-template-columns:1fr 1fr;gap:20px}.luo-inscription>span{grid-column:1/-1;font-size:10px}.luo-inscription h1{font-size:45px;margin:10px 0;letter-spacing:.08em}.luo-inscription p{font-size:20px;align-self:center}.luo-inscription i{font-size:10px;margin:0;grid-column:1/-1}.luo-hero-art{padding:10px;border-radius:65px 0 0 0}.luo-hero-art .pc-image-open{border-radius:55px 0 0 0}.luo-hero-caption{font-size:10px;gap:20px}.luo-book-nav .cb-nav-inner{gap:25px;padding:10px 16px}.luo-book-nav a{padding:8px 17px;min-height:80px;gap:7px}.luo-book-nav a b{font-size:13px}.luo-book-nav a span{font-size:8px}.luo-tone{grid-template-columns:23px 1fr;gap:25px 20px;padding:65px 0}.luo-vertical-label{font-size:13px}.luo-tone-copy h2{margin-bottom:25px}.luo-tone-copy p{font-size:14px}.luo-tone-copy blockquote{font-size:17px;margin-top:25px;padding-top:20px}.luo-tone>.cb-picture{grid-column:2}.luo-reading{grid-template-columns:1fr;gap:25px;padding:65px 0}.luo-reading-heading{grid-template-columns:1fr;gap:20px}.luo-reading-heading>span{font-size:13px}.luo-long-page{padding:9px}.luo-marginalia{position:static;display:grid;grid-template-columns:70px 1fr;gap:22px}.luo-marginalia p{font-size:13px;margin:0}.luo-craft{grid-template-columns:1fr;gap:30px;padding:65px 0}.luo-craft-title{display:flex;align-items:center;gap:25px}.luo-craft-title>span{font-size:36px}.luo-craft-title h2{margin:0;font-size:29px}.luo-craft-text{gap:22px;grid-template-columns:1fr}.luo-craft-text article{display:grid;grid-template-columns:40px 1fr;gap:20px;border-top:1px solid var(--line);padding-top:25px}.luo-craft-text h3{font-size:28px;margin:0}.luo-craft-text p{font-size:13px}.luo-color-line{grid-column:2;max-width:250px;margin:0;height:25px}.luo-archive .pc-gallery{grid-template-columns:1.1fr 1fr;gap:35px 20px}.luo-archive .pc-gallery-item:nth-child(even){margin-top:55px}.luo-archive .pc-image-open{padding:7px}.luo-ending h2{font-size:34px}
}
@media(max-width:370px){.cb-topbar{padding-inline:18px}.cb-topbar>span{font-size:11px}.theater-title h1{font-size:40px}.theater-stage{gap:10px;height:310px}.theater-stage .cb-picture{width:95px}.theater-stage .stage-center{width:118px}.theater-stage .stage-caption{bottom:3px}.theater-nav a{padding:16px}.management-board{grid-template-columns:120px 1fr;gap:18px}.comic-headline h1{font-size:34px}.comics-jacket{grid-template-columns:1fr 132px;gap:22px 15px}.comic-issue{gap:10px}.comic-issue span{display:none}.hmi-opening h1{font-size:76px;gap:20px}.hmi-opening h1 span{font-size:19px}.hmi-materials i{width:70px;height:70px}.season-exhibition-nav .cb-nav-inner{gap:5px}.luo-book-nav .cb-nav-inner{gap:15px}.luo-inscription h1{font-size:38px}.xianlian-route-nav a{padding:16px 12px}.screen-plan>div{padding:18px 9px}.screen-plan b{font-size:11px}}
.theater-stage{padding-bottom:88px}.stage-caption{bottom:105px}.comic-bubble{pointer-events:none}
@media(max-width:1050px) and (min-width:761px){.theater-act,.theater-management{width:100%;padding-inline:28px}.management-board>div{gap:24px}}
@media(max-width:760px){.theater-stage{padding:20px 0 0;align-items:flex-start;height:340px}.theater-stage .cb-picture{flex:1;max-width:112px}.theater-stage .stage-center{flex:1.2;max-width:136px}.theater-stage .stage-left,.theater-stage .stage-right{margin-top:35px;position:relative;top:0}.theater-stage button,.theater-stage .stage-center button{height:auto;max-height:none}.theater-stage img,.theater-stage .stage-center img{height:auto;max-height:none}.stage-caption{display:none}.theater-credits{margin:15px -22px 0;padding:20px 22px;justify-content:space-between}.theater-act,.theater-management{width:100%;padding:65px 22px}.management-board>div{grid-template-columns:1fr;gap:15px}.management-board>div .cb-picture{width:100%;max-width:185px;justify-self:start}.act-annotation{flex-direction:column;gap:12px}.theater-feedback{padding-inline:0}}
@media(max-width:370px){.theater-stage{height:310px}.theater-stage .cb-picture{max-width:95px}.theater-stage .stage-center{max-width:118px}}
/* Each story has its own closing composition as well. */
.end-cinema{display:grid;grid-template-columns:200px 1.5fr 1fr;gap:60px;align-items:start}.end-title{font-size:75px;line-height:1.05;font-weight:700;color:#7cd1c5;letter-spacing:-.04em}.end-cinema h2{font-size:34px}.end-cinema dl{border-left:1px solid #315d58;padding-left:30px;font-size:12px}.end-cinema dl>div+div{margin-top:25px}.end-cinema dt{font-size:10px;color:#8db7b1;margin-bottom:8px}.comic-colophon{display:grid;grid-template-columns:1fr 200px;gap:90px;align-items:center}.comic-next-issue{border:2px solid #302a35;padding:22px;display:flex;flex-direction:column;background:#fffdf7;box-shadow:5px 5px 0 #302a35;transform:rotate(3deg)}.comic-next-issue small{font-size:10px}.comic-next-issue strong{font-size:72px;line-height:1.2}.comic-next-issue>span{font-size:12px}.workspace-close{display:grid;grid-template-columns:140px 1fr 180px;gap:40px;align-items:start}.workspace-end-mark{font-size:9px;letter-spacing:.1em;color:#8196ac}.workspace-end-mark b{display:block;font-size:18px;margin-top:10px;color:#304760;font-weight:500}.workspace-close h2{font-size:29px}.workspace-end-index{display:flex;flex-direction:column;gap:12px;border-left:1px solid #c3d1df;padding-left:25px;font-size:11px;color:#60788f}.screen-close{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:center}.screen-last-flow{display:flex;gap:18px;align-items:center;color:#b0e8f8;font-size:13px;padding:32px 0;border-top:1px solid #346377;border-bottom:1px solid #346377}.screen-last-flow i{font-style:normal;color:#39718d}.screen-last-flow span{flex:1;text-align:center}.hmi-destination{display:grid;grid-template-columns:100px 1fr 150px;gap:40px;align-items:center}.hmi-dest-icon{display:grid;place-items:center;background:linear-gradient(135deg,#243659,#18243c);border:1px solid #496184;border-radius:22px;height:100px;font-size:55px;color:#a7c7ff}.hmi-dest-note{border-left:1px solid #35435d;padding-left:25px;display:flex;flex-direction:column;gap:10px;font-size:12px;color:#a0afc7}.hmi-dest-note small{font-size:9px;margin-bottom:8px}.season-close-frame{padding:30px 0}.season-last-number{display:block;font-family:'Songti SC',SimSun,serif;color:#b3997f;font-size:18px;letter-spacing:.2em;margin-bottom:42px}.season-last-rule{display:block;height:40px;width:1px;background:#b2997c;margin:35px auto 0}.datang-close{display:grid;grid-template-columns:1fr 1.3fr;gap:100px}.datang-end-name{font-size:40px;font-weight:600}.datang-end-name small{display:block;font-size:11px;font-weight:400;letter-spacing:.14em;margin:12px 0 36px;color:#b5c9df}.datang-end-name>span{font-size:12px;font-weight:400;color:#b5c9df}.datang-close h2{font-size:32px}.xianlian-close{display:grid;grid-template-columns:1fr .8fr;gap:100px}.xianlian-end-route{display:grid;grid-template-columns:1fr 35px 1fr;align-items:center;font-size:23px;font-weight:400;text-align:center;border:1px solid #577ab0;padding:30px}.xianlian-end-route b{font-size:35px;font-weight:300;color:#88a8d7}.xianlian-end-route small{grid-column:1/-1;font-size:10px;color:#b7cff4;display:block;margin-top:20px}.luo-colophon{display:grid;grid-template-columns:65px 1fr 30px;gap:50px;max-width:800px;margin:auto;align-items:center}.luo-end-seal{border:1px solid #9c7654;display:block;padding:16px 12px;font-family:'Songti SC',SimSun,serif;font-size:24px;color:#825c3c;line-height:1.5}.luo-end-margin{writing-mode:vertical-rl;font-family:'Songti SC',SimSun,serif;font-size:12px;color:#9d8269;letter-spacing:.15em}.luo-colophon h2{font-size:38px}.luo-colophon .cb-prose{font-size:14px}
@media(max-width:1050px){.end-cinema{grid-template-columns:150px 1.5fr 1fr;gap:35px}.end-title{font-size:62px}.workspace-close{grid-template-columns:100px 1fr;gap:30px}.workspace-end-index{grid-column:2;flex-direction:row;border:0;padding:0;flex-wrap:wrap}.comic-colophon{gap:50px}.screen-close{gap:40px}.datang-close,.xianlian-close{gap:50px}.hmi-destination{grid-template-columns:80px 1fr;gap:30px}.hmi-dest-icon{height:80px;font-size:45px}.hmi-dest-note{grid-column:2;flex-direction:row;border:0;padding:0;flex-wrap:wrap}.hmi-dest-note small{width:100%;margin:0}.xianlian-end-route{padding:22px;font-size:19px}}
@media(max-width:760px){.comic-spine{margin-top:0;background:#fffdf7}.comic-spine .cb-nav-inner{display:flex;flex-direction:row}.comic-spine a{flex:1;justify-content:center;padding:16px 15px;min-width:75px;min-height:56px;border-radius:0;border-bottom:0;font-size:12px}.comic-spine a[aria-current]{box-shadow:inset 0 -3px #302a35}.comic-bubble{left:10px;right:10px;top:auto;bottom:15px;font-size:10px;padding:11px 10px;transform:rotate(-5deg);border-radius:22px;box-shadow:3px 3px 0 #f8d636}.season-main-title h1{font-size:clamp(40px,13vw,52px);letter-spacing:-.03em}.season-main-title h1 i{white-space:nowrap}.end-cinema{grid-template-columns:80px 1fr;gap:24px}.end-title{font-size:39px}.end-cinema h2{font-size:25px}.end-cinema dl{grid-column:2;padding:0;border:0;display:flex;gap:25px;flex-wrap:wrap;margin-top:0;font-size:10px}.end-cinema dl>div+div{margin:0}.end-cinema dt{font-size:9px}.end-cinema p{font-size:13px}.comic-colophon{grid-template-columns:1fr 85px;gap:24px}.comic-colophon h2{font-size:26px}.comic-colophon p{font-size:13px}.comic-next-issue{padding:12px;box-shadow:3px 3px 0 #302a35;align-self:start}.comic-next-issue strong{font-size:40px}.comic-next-issue>span{font-size:10px}.comic-next-issue small{font-size:8px}.workspace-close{grid-template-columns:1fr;gap:22px}.workspace-end-mark{display:flex;gap:20px;align-items:center}.workspace-end-mark b{font-size:15px;margin:0}.workspace-close h2{font-size:27px}.workspace-end-index{grid-column:1;font-size:10px;gap:15px}.screen-close{grid-template-columns:1fr;gap:30px}.screen-last-flow{font-size:12px;padding:22px 0;gap:14px}.hmi-destination{grid-template-columns:55px 1fr;gap:23px}.hmi-dest-icon{height:55px;border-radius:12px;font-size:33px;align-self:start}.hmi-destination h2{font-size:25px}.hmi-destination p{font-size:13px}.hmi-dest-note{grid-column:2;font-size:10px}.hmi-dest-note small{font-size:8px}.season-close-frame{padding:10px 0}.season-last-number{font-size:14px;margin-bottom:30px}.season-close-frame h2{font-size:33px}.datang-close{grid-template-columns:1fr;gap:35px}.datang-end-name{font-size:30px}.datang-end-name small{font-size:9px;margin:10px 0 20px}.datang-end-name>span{font-size:10px}.datang-close h2{font-size:27px}.xianlian-close{grid-template-columns:1fr;gap:30px}.xianlian-end-route{font-size:19px;padding:24px;max-width:360px}.xianlian-end-route b{font-size:30px}.luo-colophon{grid-template-columns:42px 1fr;gap:22px;text-align:left}.luo-end-seal{padding:12px 9px;font-size:20px;align-self:start}.luo-end-margin{display:none}.luo-colophon h2{font-size:30px;letter-spacing:.02em}.luo-colophon .cb-label{font-size:9px!important}.luo-colophon .cb-prose{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.casebook *{transition:none!important;animation:none!important}}
/* Avoid one-character heading tails while preserving each case's explicit line breaks. */
.casebook h2{text-wrap:balance}
.casebook h2 .cb-heading-phrase{display:inline-block;max-width:100%;vertical-align:top}
.page-hmi .hmi-console-nav{background:#152039}
@media(max-width:760px){.page-comics .comic-spine a{flex:1 0 auto;min-width:84px;white-space:nowrap}}
@media(max-width:560px){.page-comics .comic-two-choices{grid-template-columns:1fr;gap:20px}.page-comics .comic-two-choices article{padding:24px}.page-comics .comic-two-choices h2{font-size:28px;margin:16px 0 20px}}

/* A quiet, persistent zoom cue for touch screens; the whole image stays tappable. */
@media(max-width:760px){
 .casebook .pc-image-open .pc-image-label{display:grid;place-items:center;top:8px;bottom:auto;right:8px;width:30px;height:30px;box-sizing:border-box;padding:0;border:1px solid #18302c24;border-radius:50%;background:#ffffffed;color:#1b292c;font-size:0;line-height:1;box-shadow:0 2px 8px #0002;opacity:1;transform:none;transition:none;pointer-events:none}
 .casebook .pc-image-open .pc-image-label::before{content:"";display:block;width:16px;height:16px;background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231b292c' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='10' cy='10' r='6.2'/%3E%3Cpath d='m14.6 14.6 5.8 5.8M7.2 10h5.6M10 7.2v5.6'/%3E%3C/svg%3E")}
}

/* Reading refinement: tighten a text group, not the space between chapters. */
.casebook a,.casebook button{-webkit-tap-highlight-color:transparent}
.casebook .cb-label{margin-bottom:14px!important}
.casebook .cb-prose+.cb-prose{margin-top:12px}
.casebook .cb-picture figcaption{margin-top:10px;line-height:1.65}
.casebook .cb-archive-head h2{margin-bottom:12px}
.management-board h3{margin-block:8px 10px}
.cockpit-role-panel aside h3{margin-block:8px 12px}
.data-rule-ledger h3{margin-block:8px 10px}
.tree-branches h3{margin-bottom:8px}
.tree-branches article>span{margin-top:16px}
.luo-tone-copy h2{margin-bottom:20px}
@media(max-width:760px){
 .casebook .cb-label{font-size:11px!important;line-height:1.65;margin-bottom:12px!important}
 .casebook .cb-prose{font-size:15px;line-height:1.85}
 .casebook .cb-picture figcaption{font-size:12px;line-height:1.65;margin-top:9px}
 .casebook .cb-gallery-grid figcaption{font-size:12px;line-height:1.65;gap:3px 8px}
 .casebook .cb-gallery-grid figcaption small{font-size:11px;line-height:1.65}
 .casebook .cb-archive-head{margin-bottom:24px}
 .casebook .cb-nav a b{font-size:12px}
 .casebook .cb-ending h2{margin-bottom:16px}
 .act-title{gap:12px}
 .act-title p{font-size:15px;line-height:1.85}
 .management-board{grid-template-columns:minmax(0,1fr);gap:26px;margin-top:28px}
 .management-board>.cb-picture{width:160px;max-width:54%;justify-self:center}
 .management-board>div{grid-template-columns:1fr 1fr;gap:22px 18px}
 .management-board>div>article{padding-block:16px 0;margin:0}
 .management-board>div>article p{font-size:14px;line-height:1.8}
 .management-board>div .cb-picture{grid-column:1/-1;width:160px;max-width:54%;justify-self:center;margin-top:4px}
 .management-board h3{font-size:19px;margin-block:7px 9px}
 .management-board article>span{font-size:11px}
 .theater-feedback h2{margin-bottom:16px}
 .end-cinema{grid-template-columns:1fr;gap:18px}
 .end-cinema>span{font-size:32px;line-height:1.05}
 .end-cinema dl{grid-column:1;gap:18px 28px;font-size:12px}
 .end-cinema dt{font-size:11px;margin-bottom:5px}
 .comic-headline .cb-prose{font-size:14px;line-height:1.85}
 .comic-headline>p:not(.cb-prose){margin-block:16px 10px}
 .comic-two-choices h2{margin-block:12px 14px}
 .comic-colophon{gap:18px}
 .workbench-title{padding:20px 18px}
 .workbench-title>span{margin-top:7px;font-size:11px}
 .cockpit-role-panel aside p{font-size:14px;line-height:1.85}
 .cockpit-role-panel aside b{margin-bottom:8px;font-size:13px}
 .data-rule-ledger{gap:0 18px}
 .data-rule-ledger p{font-size:14px;line-height:1.8}
 .data-rule-ledger span{font-size:11px}
 .screen-opening>.cb-prose{font-size:14px;line-height:1.8;margin-bottom:22px}
 .hmi-zone-heading p{font-size:14px;line-height:1.8;margin-top:12px}
 .hmi-zone-readout{gap:10px;padding-top:24px}
 .hmi-zone-readout p{font-size:15px;line-height:1.85}
 .festival-triptych figcaption{font-size:12px}
 .datang-project-brief{gap:18px}
 .datang-project-brief>p{font-size:15px;line-height:1.85}
 .datang-project-brief dl{font-size:12px;gap:16px}
 .datang-project-brief dt{font-size:11px;margin-bottom:6px}
 .tree-branches article{padding:18px 12px}
 .tree-branches p{font-size:13px;line-height:1.8}
 .tree-branches article>span{font-size:11px;margin-top:12px}
 .datang-news-title{margin-bottom:24px}
 .datang-news-title .cb-label{margin-top:12px!important}
 .datang-news-notes{row-gap:8px;margin-top:24px}
 .datang-news-notes p{font-size:15px;line-height:1.85;margin-bottom:18px}
 .solution-route-switch button{min-height:88px;padding:16px 14px;font-size:15px}
 .solution-route{font-size:13px;gap:8px;padding-block:20px 16px}
 .solution-route span{padding:11px 7px;line-height:1.65}
 .luo-tone-copy p{font-size:15px;line-height:1.9}
 .luo-tone-copy blockquote{margin-top:22px;padding-top:18px}
 .luo-craft-text article{column-gap:14px;padding-top:20px}
 .luo-craft-text p{font-size:15px;line-height:1.85}
 .luo-colophon .cb-prose{font-size:15px;line-height:1.85}
 .act-annotation p,.comic-margin-note p,.screen-scale article p,.festival-note,.datang-text-line p,.luo-marginalia p{font-size:15px;line-height:1.85}
 .act-annotation b,.comic-margin-note b{margin-bottom:8px}
 .screen-scale article h3{margin-block:8px 10px}
 .hmi-scenario p{font-size:14px;line-height:1.85}
 .hmi-scenario h3{margin-block:8px 10px}
 .hmi-small-note{font-size:14px!important;line-height:1.8}
 .season-autumn-wall aside p{font-size:14px;line-height:1.85}
 .festival-note{font-size:15px!important;line-height:1.85}
 .datang-editor-note{font-size:15px!important;line-height:1.85}
 .xianlian-opening>p,.xianlian-entry>p,.xianlian-solution-title p,.xianlian-industry-pair p,.xianlian-evidence p{font-size:15px;line-height:1.85}
 .xianlian-entry h2{margin-bottom:22px}
 .xianlian-solution-title{gap:12px}
 .xianlian-industry-pair h3{margin-bottom:14px}
 .xianlian-evidence h2{margin-bottom:16px}
 .luo-book-nav .cb-nav-inner{gap:20px;padding-block:8px}
 .luo-book-nav a{min-height:62px;padding:6px 14px;gap:5px}
 .luo-book-nav a span{font-size:9px}
}
@media(max-width:420px){
 .data-rule-ledger{grid-template-columns:1fr}
 .data-rule-ledger>div{padding-block:20px}
 .comic-colophon{grid-template-columns:minmax(0,1fr) 70px;gap:14px}
 .comic-colophon h2{font-size:25px}
 .comic-colophon .cb-prose{font-size:14px}
 .tree-branches{column-gap:12px;padding-left:14px}
 .tree-branches article:before{width:14px;left:-15px}
 .tree-branches p{font-size:12px}
 .solution-route-switch{grid-template-columns:1fr;gap:10px}
 .solution-route-switch button{min-height:64px}
 .page-xianlian .solution-route{gap:6px;font-size:12px}
 .page-xianlian .solution-route span{padding-inline:5px}
}
@media(max-width:370px){
 .management-board>div{grid-template-columns:1fr;gap:22px}
 .management-board>div .cb-picture{grid-column:1}
 .comic-colophon{grid-template-columns:1fr}
 .comic-next-issue{max-width:90px;justify-self:end}
 .tree-branches{grid-template-columns:1fr}
 .tree-branches article:nth-child(even):before{display:block}
 .luo-tone{column-gap:14px}
}
@media(orientation:landscape) and (max-height:500px) and (hover:none) and (pointer:coarse){
 .luo-book-nav .cb-nav-inner{padding-block:4px}
 .luo-book-nav a{writing-mode:horizontal-tb;min-height:44px;gap:8px;padding:8px 16px}
 .luo-book-nav a b{letter-spacing:.12em}
 .comic-spine .cb-nav-inner{max-height:calc(100dvh - 110px);overflow-y:auto;overscroll-behavior:contain}
}