@charset "UTF-8";
/* Desktop compositions only. Existing phone and tablet layouts remain untouched. */
@media (min-width:1101px) {
  /* Home: a quieter heading column and accomplishments that can be scanned together. */
  .hero-grid{grid-template-columns:1.12fr 1fr;gap:64px;padding-top:40px}
  .hero h1{font-size:clamp(56px,4.6vw,68px);line-height:1.26}
  .hero-content .hero-copy{font-size:18px;line-height:1.85;max-width:32em;margin-top:22px}
  .hero .hero-facts{margin-top:26px;font-size:14px}
  .hero .hero-actions{gap:28px}
  .work .portfolio-project .card-info{padding-block:20px 22px;align-items:center}
  .work .portfolio-project .card-info h3{font-size:28px;margin-top:10px}
  .work .project-subtitle{font-size:17px;margin-top:4px}
  .work .project-index,.work .project-type{font-size:14px}
  .about-grid{grid-template-columns:.78fr 1.25fr;gap:72px}
  .about h2{font-size:43px;line-height:1.4}
  .about h2 span{font-size:34px}
  .about-copy>p{font-size:17px;line-height:1.85;max-width:42em}
  .about-copy>.about-lead{font-size:20px;line-height:1.75}
  .timeline article{grid-template-columns:210px minmax(0,1fr);gap:56px;padding-block:32px}
  .timeline-date time,.timeline-date>span{font-size:15px}
  .job-content h3{font-size:22px;margin-bottom:7px}
  .job-content .job-role{font-size:15px;margin-bottom:18px}
  .job-content>p:last-of-type{font-size:17px;line-height:1.8;max-width:48em}
  .job-highlights{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;max-width:none;margin-top:20px}
  .job-highlights li{font-size:16px;line-height:1.85}
  .resume-foot.toolkit-strip{grid-template-columns:210px minmax(0,1fr);gap:56px}
  .contact-kicker,.contact-button{font-size:16px}
  .directory-heading h1{font-size:60px;line-height:1.25}
  .directory-heading p:last-child{font-size:18px;line-height:1.8}
  .directory-toolbar{align-items:center;gap:28px}
  .directory-filters button{font-size:15px;min-height:46px}
  .directory-count{font-size:15px}
  .directory-grid{row-gap:40px}
  .directory-grid .card-info{padding-block:20px 22px;align-items:center}
  .directory-grid h2{font-size:27px;margin-top:10px}

  /* Readable prose is shared; chapter shapes, navigation and palettes are not. */
  .casebook .cb-prose{font-size:17px;line-height:1.85}
  .casebook .cb-picture figcaption,.ce-body .ce-picture figcaption{font-size:13px;line-height:1.65;margin-top:10px}
  .casebook .cb-nav a b{font-size:15px}
  .casebook .cb-topbar,.ce-body .ce-top{font-size:14px}
  .ce-width{width:min(1200px,calc(100% - 128px))}
  .ce-body .ce-intro{font-size:18px;line-height:1.85;max-width:33em}
  .ce-body .ce-byline{font-size:14px;line-height:1.7}
  .ce-body .ce-byline span{font-size:13px;margin-top:6px}
  .ce-body .ce-library header>p:last-child{font-size:16px;line-height:1.8}
  .cg-case-gallery[data-gallery-kind="phone"] .cg-previews{max-width:780px;gap:28px}
  .cg-case-gallery .cg-preview figcaption{font-size:15px}
  .cg-case-gallery .cg-preview figcaption small{font-size:13px}
  .casebook .pc-filters button,.ce-body .ce-library .pc-filters button{font-size:14px;min-height:44px}
  .casebook .pc-gallery-item figcaption,.ce-body .ce-library .pc-gallery-item figcaption{font-size:14px;line-height:1.65}
  .casebook .pc-gallery-item figcaption small,.ce-body .ce-library figcaption small{font-size:12px}
  .ce-body footer nav,.cb-end-links{font-size:15px}

  /* Theater: four screens are a sequence; the purchase receipt stays beside them. */
  .theater-subtitle{font-size:24px!important;max-width:38em;margin-inline:auto!important}
  .act-title{grid-template-columns:72px minmax(0,.95fr) minmax(0,1.2fr);gap:32px}
  .act-title h2{font-size:40px;line-height:1.4}
  .theater-screen-strip{max-width:1040px;gap:32px;margin-top:40px}
  .act-annotation p{font-size:16px;line-height:1.8}
  .shopping-layout{grid-template-columns:280px minmax(0,1fr);gap:48px}
  .shopping-receipt{padding:26px}
  .shopping-receipt b{font-size:16px}
  .shopping-receipt p{font-size:15px;line-height:1.8}
  .shopping-screens{gap:26px}
  .shopping-screens .cb-picture{width:100%;max-width:245px;margin-inline:auto}
  .management-intro{grid-template-columns:.95fr 1.15fr;gap:64px}
  .management-board{grid-template-columns:265px minmax(0,1fr);gap:48px;align-items:center}
  .management-board article p{font-size:16px;line-height:1.8}
  .theater-feedback{grid-template-columns:1fr 1.05fr;gap:64px}
  .feedback-pair .cb-picture{max-width:250px;margin-inline:auto}

  /* Comics: keep the book spine and generous spreads, make notes worth reading. */
  .comic-text-columns{gap:40px}
  .comic-text-columns p,.comic-brand-page p{font-size:17px;line-height:1.85}
  .comic-paths p,.comic-margin-note p,.comic-two-choices p{font-size:16px;line-height:1.8}
  .comic-two-choices h2{font-size:36px;line-height:1.4}
  .comic-two-choices article{padding:30px}
  .comic-margin-note{grid-template-columns:125px minmax(0,1fr);gap:28px}
  .comic-margin-note b,.comic-page-caption{font-size:13px}
  .comic-discovery>.cb-picture{max-width:680px}

  /* Cockpit: the analysis note belongs to the role view rather than below it. */
  .workspace-heading>p{font-size:17px;line-height:1.85}
  .workspace-summary{font-size:14px;gap:32px}
  .workspace-summary b{font-size:12px}
  .cockpit-role-panel{grid-template-columns:minmax(0,1fr) minmax(230px,.4fr);gap:32px;align-items:center}
  .cockpit-role-panel aside p,.data-rule-ledger p{font-size:16px;line-height:1.85}
  .cockpit-role-panel aside{padding-block:0}
  .cockpit-rules{gap:48px;margin-top:72px}
  .data-rule-ledger h3{font-size:22px}

  /* Control room: panoramic images and readable explanations share the same row. */
  .screen-reading-heading{grid-template-columns:.95fr 1.05fr;gap:56px}
  .screen-explainer p{font-size:17px;line-height:1.85}
  .screen-region{grid-template-columns:minmax(0,2.5fr) minmax(240px,1fr);gap:36px}
  .screen-business{grid-template-columns:minmax(240px,1fr) minmax(0,2.5fr);gap:36px}
  .screen-scale article p,.screen-signals li p{font-size:16px;line-height:1.85}
  .screen-signals{grid-template-columns:.85fr 1.15fr;gap:64px}

  /* HMI: retain the instrument-like hierarchy; enlarge the supporting readout. */
  .hmi-glance-copy p,.hmi-zone-readout p{font-size:17px;line-height:1.85}
  .hmi-scenario p{font-size:16px;line-height:1.8;max-width:30em}
  .hmi-zone-heading p{font-size:16px}
  .hmi-zone-readout{grid-template-columns:170px minmax(0,1fr) 28px;gap:30px}
  .hmi-glance,.hmi-zones,.hmi-contrast{padding-block:80px}

  /* Posters: asymmetric hanging remains; captions are no longer tiny footnotes. */
  .season-main-title p,.season-section-title p,.season-autumn-wall aside p,.winter-title p{font-size:17px;line-height:1.85}
  .season-autumn-wall{grid-template-columns:.95fr .95fr .85fr;gap:44px}
  .season-section-title{margin-bottom:48px;gap:28px}
  .festival-note{font-size:16px!important;line-height:1.85}
  .season-winter{gap:64px}

  /* Corporate site: leave a real editorial column beside the page, not a narrow label. */
  .datang-project-brief>p{font-size:17px;line-height:1.85}
  .datang-project-brief dl{font-size:14px}
  .datang-project-brief dt{font-size:12px}
  .tree-branches p{font-size:15px;line-height:1.8}
  .tree-branches article{padding:22px}
  .datang-business{grid-template-columns:285px minmax(0,1fr);gap:48px}
  .datang-side-heading p,.datang-text-line p,.datang-news-notes p{font-size:16px;line-height:1.85}
  .datang-text-line{grid-template-columns:.85fr 1.15fr;gap:32px}
  .datang-editor-note{font-size:16px!important}

  /* County-link site: product and industry routes keep their own navigation rail. */
  .xianlian-opening>p{font-size:18px;line-height:1.85}
  .xianlian-entry>p,.xianlian-solution-title p,.xianlian-industry-pair p,.xianlian-evidence p{font-size:17px;line-height:1.85}
  .xianlian-solution-title{grid-template-columns:60px minmax(0,1fr) minmax(0,1.1fr);gap:28px}
  .xianlian-story-shell{grid-template-columns:minmax(0,1fr) 155px;gap:48px}
  .xianlian-industry-pair{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:44px}
  .xianlian-evidence>div{grid-template-columns:60px minmax(0,1fr) minmax(0,1.1fr);gap:28px}

  /* Luo website: preserve the serif monograph and the margin-note rhythm. */
  .luo-tone-copy p{font-size:17px;line-height:1.85}
  .luo-marginalia p,.luo-craft-text p,.luo-colophon .cb-prose{font-size:16px;line-height:1.85}
  .luo-reading{grid-template-columns:minmax(0,1fr) 260px;gap:40px 48px}
  .luo-craft{grid-template-columns:.9fr 1.7fr;gap:56px}
  .luo-craft-text{gap:28px}

  /* Store: a ledger with compact columns, not three overgrown phone screenshots. */
  .store-book{grid-template-columns:160px minmax(0,1fr);gap:28px}
  .store-pages{padding-inline:32px}
  .store-page h2{font-size:32px;line-height:1.4}
  .store-page header{grid-template-columns:78px minmax(0,1fr);gap:22px}
  .ce-store #desk{display:grid;grid-template-columns:minmax(0,1fr) 215px;grid-template-rows:auto 1fr;gap:24px 36px;align-items:start}
  .ce-store #desk>header{grid-column:1;margin-bottom:0}
  .ce-store #desk .store-desk{display:contents}
  .ce-store #desk .store-desk>div{grid-column:1}
  .ce-store #desk .store-desk>.ce-picture{grid-column:2;grid-row:1/3;max-width:215px}
  .store-page>p,.store-desk p{font-size:17px;line-height:1.85;max-width:44em}
  .store-desk dd,.store-orderline p,.store-account-grid article>p,.store-note{font-size:15px;line-height:1.8}
  .store-desk dt{font-size:16px}
  .store-orderline,.store-account-grid{gap:28px}
  .store-orderline .ce-picture,.store-account-grid .ce-picture{max-width:210px}
  .store-orderline li>strong{font-size:15px}
  .store-account-grid h3{font-size:21px;line-height:1.45}
  .store-account-grid article>p{min-height:3.6em;margin-block:10px 16px}
  .store-checkout ul{font-size:15px;line-height:1.85}

  /* Tanghe: a shop window, promotion panels and two side-by-side fulfilment receipts. */
  .tanghe-cover-text>p,.tanghe-vertical-title p,.tanghe-return>div>p:not(:first-child){font-size:17px;line-height:1.85}
  .tanghe-catalog{grid-template-columns:280px minmax(0,1fr);gap:48px}
  .tanghe-products{gap:28px}
  .tanghe-frontshop{grid-template-columns:repeat(2,210px);gap:90px}
  .tanghe-offer-grid p{font-size:15px;line-height:1.85}
  .tanghe-offer-grid h3{font-size:21px;line-height:1.5}
  .tanghe-offer-grid{grid-template-columns:1.7fr 1fr 1fr}
  .tanghe-offer-grid .offer-main{grid-template-columns:minmax(0,1fr) 190px;gap:20px;align-items:center}
  .tanghe-offer-grid .offer-main .ce-picture{max-width:190px}
  .tanghe-two-receipts article{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);grid-template-rows:auto 1fr;gap:20px 28px;padding:28px;align-items:start}
  .tanghe-two-receipts article>div,.tanghe-two-receipts article>p{grid-column:1}
  .tanghe-two-receipts .ce-picture{grid-column:2;grid-row:1/3;max-width:210px}
  .tanghe-two-receipts article>p{font-size:16px;line-height:1.85;margin-top:0}
  .tanghe-two-receipts span{font-size:13px;line-height:1.9}
  .tanghe-return{grid-template-columns:.9fr 1.25fr;gap:56px;align-items:center}

  /* Wellness: retain facing book pages and bring the central essay up to reading size. */
  .wellness-title>div{font-size:17px;line-height:1.85}
  .wellness-service-spread{grid-template-columns:1fr 1.35fr 1fr;gap:42px;align-items:center}
  .wellness-service-spread article{padding-top:0}
  .wellness-service-spread article>p,.wellness-goods-pages>div>p,.wellness-essay>div>p:last-child{font-size:17px;line-height:1.85}
  .wellness-service-spread>div>p,.wellness-service-spread li{font-size:15px;line-height:1.8}
  .wellness-service-spread h3{font-size:27px}
  .wellness-goods-pages{grid-template-columns:1fr 1.35fr 1fr;gap:44px}
  .wellness-essay{grid-template-columns:.9fr 1.15fr;gap:60px;align-items:center}

  /* Assistant: set the journal explanation beside its sequence of three screens. */
  .assistant-title{grid-template-columns:1.4fr .7fr;gap:32px 64px;align-items:center}
  .ce-assistant #visit{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.6fr);grid-template-rows:auto 1fr;gap:22px 48px;align-items:start}
  .ce-assistant #visit>header{grid-column:1;margin-bottom:0}
  .assistant-order-sheet{display:contents}
  .assistant-order-sheet>p{grid-column:1}
  .assistant-order-sheet>div{grid-column:2;grid-row:1/3}
  .assistant-order-sheet>p{font-size:17px;line-height:1.85;max-width:none;margin-bottom:0}
  .assistant-order-sheet>div{gap:24px}
  .assistant-signature{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr);grid-template-rows:auto 1fr;gap:22px 48px;align-items:start}
  .assistant-signature>header{grid-column:1;margin-bottom:0}
  .assistant-signature>div{display:contents}
  .assistant-signature>div>article{grid-column:1}
  .assistant-signature>div>.ce-pair{grid-column:2;grid-row:1/3}
  .assistant-signature article>p,.assistant-cash-slip>div>p{font-size:17px;line-height:1.85}
  .assistant-signature dl{font-size:15px;line-height:1.8}
  .assistant-cash-slip{grid-template-columns:1.1fr .75fr .75fr;gap:32px;align-items:start}
  .assistant-review-board{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.6fr);grid-template-rows:auto 1fr;gap:22px 48px;align-items:start}
  .assistant-review-board>header,.assistant-review-board>p{grid-column:1}
  .assistant-review-board>header{margin-bottom:0}
  .assistant-review-board>p{font-size:17px;line-height:1.85;margin-bottom:0}
  .assistant-review-board>div{grid-column:2;grid-row:1/3;gap:24px}
  .assistant-review-board h2{font-size:30px;line-height:1.45}

  /* County system: a transfer console and an actual two-board component comparison. */
  .county-role-facts>p,.county-transfer>div>p:last-child,.county-exceptions header>p:last-child,.county-rules>div>p:last-child{font-size:17px;line-height:1.85}
  .county-role-facts dd,.county-branch-results p,.county-system-end dd{font-size:15px;line-height:1.8}
  .county-transfer{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.45fr);grid-template-rows:auto 1fr;gap:24px 48px;align-items:start}
  .county-transfer>div:first-child{display:block;grid-column:1}
  .county-transfer h2{font-size:34px;line-height:1.4;margin-bottom:20px}
  .county-transfer-path{grid-column:1;display:block;margin:0}
  .county-transfer-path li{padding:16px 20px;font-size:15px;line-height:1.8}
  .county-transfer-path li+li{border-left:0;border-top:1px solid var(--line)}
  .county-transfer-path span{font-size:14px}
  .county-transfer-screens{grid-column:2;grid-row:1/3;gap:24px;padding:24px}
  .county-branch-results{gap:48px}
  .county-branch-results article{grid-template-columns:minmax(0,1fr) 180px;grid-template-rows:auto 1fr;gap:16px 28px}
  .county-rules{grid-template-columns:1fr;gap:28px}
  .county-rules>div:first-child{display:grid;grid-template-columns:1fr 1fr;gap:18px 56px;align-items:start}
  .county-rules>div>p:first-child{grid-column:1/-1;margin-bottom:0}
  .county-rules>div>p:last-child{margin-top:0}
  .county-rules>div:last-child{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}
  .county-rules .ce-picture+.ce-picture{margin-top:0}

  /* Driver: align the task explanation with two similarly scaled verification screens. */
  .driver-terminal>.ce-width{grid-template-columns:1.15fr .8fr;gap:64px}
  .driver-departure-board>p:not(:first-child){font-size:17px;line-height:1.85;max-width:30em}
  .driver-status-cockpit{grid-template-columns:185px minmax(0,1fr) 285px;gap:44px}
  .driver-status-cockpit aside>p,.driver-status-cockpit [data-preview-note]{font-size:16px;line-height:1.85}
  .driver-delivery{grid-template-columns:minmax(0,.9fr) minmax(0,1.25fr);gap:56px;align-items:center}
  .driver-delivery>div>p,.driver-stop header>p{font-size:17px;line-height:1.85}
  .driver-delivery li{font-size:15px;line-height:1.8}
  .driver-task-detail{grid-template-columns:1fr 1fr;gap:28px;align-items:start}
  .driver-task-detail .ce-picture{max-width:240px}
  .driver-task-detail .ce-picture:nth-child(2){margin-top:44px}
  .driver-detours article{grid-template-columns:minmax(0,1fr) 175px;grid-template-rows:auto 1fr;gap:18px 28px}
  .driver-detours article>p,.driver-finish>div>p{font-size:16px;line-height:1.85}

  /* CRM: file tabs remain tabs; the record explanation now sits alongside its evidence. */
  .crm-file-panel header>p:last-child,.crm-list-board>div>p:not(:first-child){font-size:17px;line-height:1.85}
  .crm-file-sections summary{font-size:15px;min-height:48px}
  .crm-file-sections details p,.crm-file-comment{font-size:15px;line-height:1.85}
  .crm-dossier-pictures{gap:36px}
  .crm-dossier-pictures .ce-picture{max-width:240px}
  .crm-record-board{grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr);gap:48px;align-items:center}
  .crm-record-note{display:grid;grid-template-columns:minmax(0,1fr) 205px;grid-template-rows:auto auto 1fr;gap:18px 28px;align-items:start}
  .crm-record-note h3,.crm-record-note ol{grid-column:1}
  .crm-record-note ol{margin-top:0}
  .crm-record-note>.ce-picture{grid-column:2;grid-row:1/4;margin-top:0;max-width:205px}
  .crm-record-note li{grid-template-columns:1fr;gap:6px;font-size:15px;padding-block:14px}
  .crm-list-board{grid-template-columns:1.15fr .85fr .85fr;gap:36px;align-items:center}
  .crm-status-key span,.crm-desk-notes li{font-size:14px}

  /* Points: readable task tickets, a compact three-step strip, and a bounded receipt. */
  .points-taskboard{grid-template-columns:minmax(0,1fr) 320px;gap:72px;max-width:1100px;margin-inline:auto}
  .points-taskboard article p{font-size:17px;line-height:1.85}
  .points-taskboard>.ce-picture{max-width:240px}
  .points-redeem-title>p,.points-statement>div>p{font-size:17px;line-height:1.85}
  .points-redemption-strip{gap:28px}
  .points-redemption-strip li{display:grid;grid-template-rows:auto 1fr auto;gap:18px;padding:26px}
  .points-redemption-strip li>span{font-size:15px;margin-bottom:0}
  .points-redemption-strip .ce-picture{max-width:215px}
  .points-redemption-strip li>p{font-size:15px;line-height:1.8;margin-top:0;min-height:3.6em}
  .points-statement{grid-template-columns:minmax(0,1fr) minmax(0,.7fr);gap:64px}
  .points-statement dl>div{font-size:15px;line-height:1.8}
  .points-statement-paper{width:100%;max-width:340px;justify-self:center}
  .points-statement-paper>p{font-size:14px!important}
  .points-passport-end p{font-size:15px;line-height:1.8}
}
@media (min-width:1101px) and (max-width:1279px) {
  .timeline article,.resume-foot.toolkit-strip{grid-template-columns:170px minmax(0,1fr);gap:40px}
  .about-grid{grid-template-columns:.75fr 1.25fr;gap:48px}
  .about h2{font-size:36px}
  .about h2 span{font-size:28px}
  .driver-status-cockpit{grid-template-columns:150px minmax(0,1fr) 230px;gap:28px}
  .driver-detours article{grid-template-columns:minmax(0,1fr) 145px;padding:22px;gap:18px}
  .county-workspace{grid-template-columns:175px minmax(0,1fr)}
  .county-workspace [data-county-preview]{grid-template-columns:210px minmax(0,1fr);gap:30px;padding:28px}
  .county-transfer h2{font-size:30px}
  .county-branch-results article{grid-template-columns:minmax(0,1fr) 145px;gap:20px}
  .assistant-review-board h2{font-size:27px}
  .crm-record-board{grid-template-columns:minmax(0,.6fr) minmax(0,1.4fr);gap:32px}
  .crm-record-note{grid-template-columns:minmax(0,1fr) 170px;gap:18px}
  .crm-record-note>.ce-picture{max-width:170px}
  .store-page header{grid-template-columns:1fr;gap:10px}
  .store-page h2{font-size:29px}
  .ce-store #desk{grid-template-columns:minmax(0,1fr) 180px;gap:22px 24px}
  .ce-store #desk .store-desk>.ce-picture{max-width:180px}
  .tanghe-offer-grid .offer-main{grid-template-columns:1fr;gap:18px}
  .tanghe-offer-grid .offer-main .ce-picture{max-width:190px}
  .tanghe-two-receipts article{padding:22px;gap:18px}
  .tanghe-two-receipts b{font-size:21px}
  .datang-business{grid-template-columns:245px minmax(0,1fr);gap:36px}
}