@view-transition{navigation:auto}

:root{
  --xm-ink:#0b1020;
  --xm-ink-2:#141a2d;
  --xm-paper:#f7f3eb;
  --xm-paper-2:#eee7dc;
  --xm-gold:#cfa652;
  --xm-copper:#c86935;
  --xm-line:rgba(14,19,36,.13);
  --xm-serif:"Iowan Old Style","Songti SC","STSong","Noto Serif SC",Georgia,serif;
  --xm-sans:Inter,"SF Pro Display","Helvetica Neue","PingFang SC","Noto Sans SC",Arial,sans-serif;
  --xm-mono:"SFMono-Regular","IBM Plex Mono","DM Mono",monospace;
  --xm-shadow:0 18px 52px rgba(8,12,24,.12);
}

::selection{background:var(--xm-gold);color:var(--xm-ink)}
html{background:var(--xm-ink);scroll-padding-top:96px}
html.is-language-switching body{opacity:0;transform:translateY(4px)}
body.portal{background:var(--xm-paper);font-family:var(--xm-sans);font-feature-settings:"kern" 1,"liga" 1;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:opacity .18s ease,transform .18s ease}
body.portal :where(a,button,input,select,summary):focus-visible{outline:2px solid var(--xm-gold);outline-offset:3px}

.portal-nav{height:88px!important;background:rgba(8,12,25,.88)!important;border-bottom:1px solid rgba(214,173,85,.22)!important;backdrop-filter:blur(22px) saturate(125%);box-shadow:0 10px 30px rgba(4,7,16,.12)}
.portal-nav-inner,.portal-nav-inner.nav-eight{height:100%;max-width:1480px!important;grid-template-columns:minmax(108px,1fr) minmax(108px,1fr) minmax(108px,1fr) 110px minmax(108px,1fr) minmax(132px,1.15fr) minmax(118px,1fr) 84px!important;gap:8px!important;padding:0 28px!important}
.portal-link{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 10px;color:#d8d3ca!important;font:600 11px/1.2 var(--xm-sans)!important;letter-spacing:.045em!important;text-transform:none!important;white-space:nowrap;border-radius:2px;transition:color .2s ease,background .2s ease}
.portal-link svg{width:15px;height:15px;flex:0 0 auto;stroke:currentColor;stroke-width:1.65;fill:none}
.portal-link:hover,.portal-link.active{color:#f2d389!important;background:rgba(214,173,85,.08)}
.portal-link.active{box-shadow:inset 0 -2px 0 var(--xm-gold)}
.portal-home{width:90px!important;height:82px!important}
.portal-home img{width:66px!important;height:66px!important;filter:drop-shadow(0 8px 18px rgba(0,0,0,.22));transition:transform .25s ease}
.portal-home:hover img{transform:scale(1.045)}
.portal-language summary{width:auto!important;min-width:66px;height:40px!important;padding:0 10px;border-radius:999px!important;display:flex!important;gap:7px;background:rgba(255,255,255,.035)!important}
.portal-language summary svg{width:17px!important;height:17px!important}
.lang-current{font:650 9px/1 var(--xm-mono);letter-spacing:.06em;color:currentColor}
.portal-language-menu{top:49px!important;width:205px!important;padding:8px!important;border-radius:2px;background:rgba(12,16,31,.98)!important;box-shadow:0 24px 60px rgba(0,0,0,.38)!important}
.portal-language-menu a{position:relative;padding:12px 38px 12px 13px!important;font:600 10px/1 var(--xm-sans)!important;letter-spacing:.06em!important;transition:background .18s,color .18s}
.portal-language-menu a.active:after{content:"✓";position:absolute;right:14px;color:var(--xm-gold)}
/* Escape dismissal also overrides :hover/:focus-within; keep focus visible. */
@media(min-width:901px){
  .portal-nav .portal-menu.dropdown-keyboard>.portal-dropdown{transition:none!important}
  .portal-nav .portal-menu.dropdown-dismissed>.portal-dropdown{opacity:0!important;visibility:hidden!important;pointer-events:none!important;transition:none!important}
  .portal-menu.dropdown-dismissed .nav-chevron{transform:none!important}
}
.menu-toggle{border-radius:2px!important;font-size:0!important}
.menu-toggle svg{width:21px;height:21px;stroke:currentColor;fill:none;stroke-width:1.6}

/* Seven primary sections now frame the home mark; the final Academic Community
   group remains an equal top-level destination without crowding the header. */
@media(min-width:901px){
  .portal-nav-inner.nav-nine{max-width:1680px!important;grid-template-columns:repeat(3,minmax(90px,1fr)) 86px repeat(2,minmax(94px,1fr)) minmax(116px,1.1fr) minmax(116px,1.1fr) 70px!important;gap:2px!important;padding:0 18px!important}
  .portal-nav-inner.nav-nine .portal-link{padding:0 7px!important;font-size:10.5px!important;letter-spacing:.025em!important}
}

/* Grounded Events imagery. Recurring book fairs share their official visual
   identity and change only the year; lectures and visits use the actual venue
   or event photography supplied or sourced for that record. */
.event-place--brand{--brand-accent:#172137;--brand-surface:#f8f6f1;--brand-ink:#172137;--brand-year-bg:var(--brand-accent);--brand-year-ink:#fff;position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) 78px;grid-template-rows:minmax(106px,1fr) 36px;min-height:142px;border:1px solid rgba(23,33,55,.14);background:var(--brand-surface)!important;color:var(--brand-ink);box-shadow:inset 0 0 0 1px rgba(255,255,255,.35)}
.event-row[hidden]{display:none!important}
.event-place--brand:after,.event-place--editorial:after,.event-place--award-art:after{display:none}
.event-place--brand:before{content:"BOOK FAIR";position:absolute;z-index:2;top:11px;left:13px;color:var(--brand-ink);font:700 6.5px/1 var(--xm-mono);letter-spacing:.2em;opacity:.56}
.event-place--brand .event-brand-year{grid-column:2;grid-row:1 / 3;display:flex;align-items:center;justify-content:center;padding:8px;background:var(--brand-year-bg);color:var(--brand-year-ink)!important;font:650 23px/1 var(--xm-mono);letter-spacing:.04em;writing-mode:vertical-rl;transform:rotate(180deg)}
.event-place--brand img{grid-column:1;grid-row:1;width:100%!important;height:100%!important;min-height:0!important;padding:27px 25px 13px;object-fit:contain!important;filter:none!important;background:transparent!important}
.event-place--brand .event-brand-label{grid-column:1;grid-row:2;display:flex;align-items:center;padding:0 13px;border-top:1px solid rgba(23,33,55,.12);overflow:hidden;color:var(--brand-ink)!important;font:650 7px/1 var(--xm-mono);letter-spacing:.095em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;opacity:.72}
.event-place--brand-london{--brand-accent:#1c2b59;--brand-surface:#f7f5ef;--brand-ink:#1c2b59}.event-place--brand-frankfurt{--brand-accent:#e32832;--brand-surface:#fff;--brand-ink:#171717}.event-place--brand-bibf{--brand-accent:#9f1220;--brand-surface:#fbfaf6;--brand-ink:#141414}.event-place--brand-guadalajara{--brand-accent:#111;--brand-surface:#e8e8e6;--brand-ink:#111}.event-place--brand-hong-kong{--brand-accent:#008b5a;--brand-surface:#008b5a;--brand-ink:#fff;--brand-year-bg:#f4f0e7;--brand-year-ink:#007a4f}
.event-place--brand-shanghai{--brand-accent:#c91f58;--brand-surface:#fff;--brand-ink:#a81748}.event-place--brand-southern-china{--brand-accent:#168cbf;--brand-surface:#f7fbfd;--brand-ink:#0e6f98}.event-place--brand-taipei{--brand-accent:#111;--brand-surface:#f6f6f4;--brand-ink:#111}.event-place--brand-singapore-fair{--brand-accent:#111;--brand-surface:#f3d900;--brand-ink:#111}.event-place--brand-singapore-reading{--brand-accent:#5bc5c1;--brand-surface:#fff;--brand-ink:#278e8b}.event-place--brand-new-delhi{--brand-accent:#095b9c;--brand-surface:#fff;--brand-ink:#111}
.event-place--brand-oxford{--brand-accent:#17131b;--brand-surface:#fff;--brand-ink:#17131b}.event-place--brand-oxford img{padding:12px 28px 7px}.event-row#oxford .event-place--brand:before{content:"LITERARY FESTIVAL"}
.event-place--brand-southern-china img{padding:21px 22px 8px}.event-place--brand-taipei img{padding:16px 20px 4px}.event-place--brand-singapore-fair img{padding:0;object-fit:cover!important}.event-place--brand-singapore-reading img{padding:24px 22px 8px}
.event-place--brand-new-delhi img{padding:20px 17px 7px}
.event-place--brand-london img{padding:18px 25px 8px}.event-place--brand-guadalajara img{padding:0 14px}.event-place--brand-hong-kong img{padding:27px 17px 12px}.event-place--brand-hong-kong .event-brand-label{border-color:rgba(255,255,255,.28)}
.event-row:hover .event-place--brand img{transform:none!important}
.event-place--editorial{display:grid;grid-template-columns:92px minmax(0,1fr);min-height:142px;padding:12px 14px;background:linear-gradient(140deg,#101d31,#263a55)!important}
.event-place--editorial img{width:100%!important;height:118px!important;min-height:0!important;object-fit:contain!important;filter:drop-shadow(0 7px 7px rgba(0,0,0,.35))!important}
.event-place--editorial figcaption{position:static!important;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:9px;padding:0 0 6px 12px;color:#f6eddb!important;text-shadow:none!important;text-transform:none!important}
.event-place--editorial figcaption b{color:#e2b85d;font:700 25px/1 var(--xm-serif);letter-spacing:-.04em}.event-place--editorial figcaption span{max-width:14ch;color:#f6eddb!important;font:600 9px/1.4 var(--xm-mono);letter-spacing:.03em}
.event-row:hover .event-place--editorial img{transform:none!important}
.event-place--award-art{min-height:142px;background:#171717!important}
.event-place--award-art img{width:100%!important;height:142px!important;min-height:142px!important;object-fit:cover!important;object-position:center!important;filter:none!important}
/* Portrait award photo: preserve both faces in the shared landscape card.
   Event identity, not language, owns the focal point. Original pixels stay intact. */
#international-impact-wild-fox-2024 .event-place--award-art img{object-position:50% 18%!important}
.event-place--award-art figcaption{display:none!important}
.event-row:hover .event-place--award-art img{transform:none!important}
@media(max-width:820px){.event-place--brand{grid-template-columns:minmax(0,1fr) 60px;grid-template-rows:minmax(88px,1fr) 30px}.event-place--brand .event-brand-year{font-size:18px}.event-place--brand img{padding:25px 14px 10px}.event-place--brand-london img{padding:16px 18px 7px}.event-place--brand-guadalajara img{padding:0 8px}.event-place--brand-hong-kong img{padding:27px 9px 11px}.event-place--editorial{grid-template-columns:72px minmax(0,1fr);padding:9px 10px}.event-place--editorial img{height:102px!important}.event-place--editorial figcaption b{font-size:21px}}
@media(max-width:600px){.event-place--brand{min-height:172px;grid-template-columns:minmax(0,1fr) 68px;grid-template-rows:minmax(136px,1fr) 34px}.event-place--brand .event-brand-year{font-size:22px}.event-place--brand img{padding:31px 24px 15px}.event-place--brand-london img{padding:23px 34px 10px}.event-place--brand-guadalajara img{padding:0 18px}.event-place--brand-hong-kong img{padding:37px 18px 16px}.event-place--editorial{min-height:172px;grid-template-columns:102px minmax(0,1fr);padding:14px}.event-place--editorial img{height:144px!important}.event-place--editorial figcaption{padding-left:16px}.event-place--editorial figcaption b{font-size:27px}.event-place--award-art,.event-place--award-art img{height:172px!important;min-height:172px!important}}
@media(max-width:820px){.event-place--brand-singapore-fair img{padding:0}.event-place--brand-southern-china img{padding:18px 14px 7px}.event-place--brand-taipei img{padding:12px 14px 3px}}
@media(max-width:600px){.event-place--brand-singapore-fair img{padding:0}.event-place--brand-southern-china img{padding:24px 18px 10px}.event-place--brand-taipei img{padding:17px 18px 5px}}
@media(min-width:901px) and (max-width:1180px){
  .portal-nav-inner.nav-nine{grid-template-columns:repeat(3,minmax(76px,1fr)) 72px repeat(2,minmax(78px,1fr)) minmax(97px,1.08fr) minmax(97px,1.08fr) 60px!important;padding:0 9px!important}
  .portal-nav-inner.nav-nine .portal-link{padding:0 3px!important;font-size:9px!important;letter-spacing:0!important}
}

/* Research creates a balanced four-and-four navigation around the home mark:
   About / Works / Concepts / Research | LOGO | Forums / Events /
   International Reception / Academic Community. */
@media(min-width:901px){
  .portal-nav-inner.nav-ten{max-width:1720px!important;grid-template-columns:repeat(4,minmax(82px,1fr)) 82px repeat(2,minmax(86px,1fr)) minmax(112px,1.12fr) minmax(112px,1.12fr) 64px!important;gap:2px!important;padding:0 14px!important}
  .portal-nav-inner.nav-ten .portal-link{padding:0 5px!important;font-size:10px!important;letter-spacing:.015em!important}
}
@media(min-width:901px) and (max-width:1180px){
  .portal-nav-inner.nav-ten{grid-template-columns:repeat(4,minmax(67px,1fr)) 68px repeat(2,minmax(70px,1fr)) minmax(90px,1.06fr) minmax(90px,1.06fr) 56px!important;padding:0 6px!important}
  .portal-nav-inner.nav-ten .portal-link{padding:0 2px!important;font-size:8.6px!important;letter-spacing:0!important}
}

/* Registration label and its identifier are one information unit. */
.portal .network-union-head p.network-registration,
.portal .network-union-head p.network-registration :where(b,span){
  color:#c9a45b!important;
}

.poster-hero{position:relative;margin-top:88px!important;height:min(820px,calc(100svh - 88px))!important;min-height:660px!important;background-image:url('/static/_optimized/xuemo-cosmos-home-hero-20260822.png.webp')!important;background-size:cover!important;background-position:center!important;isolation:isolate}
.poster-hero:after{background:linear-gradient(90deg,rgba(6,10,22,.78) 0%,rgba(6,10,22,.42) 44%,rgba(6,10,22,.04) 72%),linear-gradient(0deg,rgba(5,8,18,.62),transparent 48%)!important;z-index:-1}
.hero-stack{position:absolute!important;inset:0!important;width:100%;height:100%;max-width:none;margin:0;padding:0 42px}
.hero-copy{position:absolute!important;clip:auto!important;width:min(760px,60vw)!important;height:auto!important;left:42px;top:clamp(120px,17vh,190px);overflow:visible!important}
.hero-copy:before{content:"XUEMO · DIGITAL LITERARY ATLAS";display:block;margin-bottom:22px;color:var(--xm-gold);font:600 10px/1.2 var(--xm-mono);letter-spacing:.18em}
.hero-copy h1{max-width:720px;margin:0;color:#f8f1e3;font:700 clamp(58px,7.2vw,112px)/.91 var(--xm-serif);letter-spacing:-.058em;text-wrap:balance}
.hero-copy p{max-width:660px;margin:24px 0 0;color:#d8d1c4;font:500 clamp(14px,1.25vw,18px)/1.6 var(--xm-sans);letter-spacing:.025em}
.hero-search{left:42px!important;right:auto!important;top:auto!important;bottom:28px!important;width:min(1040px,calc(100vw - 84px))!important}
.portal-search-row{min-height:64px!important;border:1px solid rgba(214,173,85,.75)!important;border-radius:2px!important;background:rgba(250,247,240,.97)!important;box-shadow:0 22px 55px rgba(0,0,0,.28)!important}
.portal-search-row input,.portal-search-row select{font:500 13px var(--xm-sans)!important}
.portal-search-row button{background:var(--xm-gold)!important;font:700 11px var(--xm-sans)!important;letter-spacing:.06em!important;transition:background .2s ease,color .2s ease!important}
.portal-search-row button:hover{background:#edc774!important}
.catalog-search-panel{margin-top:12px;padding:12px;background:rgba(8,12,25,.82);border:1px solid rgba(214,173,85,.38);backdrop-filter:blur(14px);box-shadow:0 18px 45px rgba(0,0,0,.2)}
.catalog-search-primary{margin-top:0;border-color:rgba(214,173,85,.72);box-shadow:0 22px 58px rgba(0,0,0,.32)}
.corpus-search-secondary{margin-top:10px;background:rgba(8,12,25,.66);border-color:rgba(214,173,85,.25)}
.catalog-search-heading{display:flex;justify-content:space-between;gap:20px;align-items:baseline;margin:0 1px 9px;color:#f5ead3;font-family:var(--xm-sans)}
.catalog-search-heading strong{font-size:12px;letter-spacing:.04em}.catalog-search-heading span{color:#bdb6aa;font-size:10px}
.catalog-search-row{display:grid;grid-template-columns:minmax(180px,1.35fr) minmax(150px,.8fr) minmax(240px,1.3fr) 116px;min-height:52px;background:rgba(250,247,240,.98)}
.catalog-search-row input,.catalog-search-row select{min-width:0;border:0;border-right:1px solid #ddd3c1;background:transparent;color:#14172b;padding:0 14px;font:500 12px var(--xm-sans);outline:0}
.catalog-search-row input:focus,.catalog-search-row select:focus{background:#fffaf0}.catalog-search-row button{border:0;background:var(--xm-copper);color:white;font:700 11px var(--xm-sans);cursor:pointer}.catalog-search-row button:hover{background:#c76834}
.portal-results{padding-top:88px!important;background:var(--xm-paper)!important}
.results-heading h2{font-family:var(--xm-serif)!important}
.portal-result{transition:background .2s ease,padding .2s ease}
.portal-result:hover{background:rgba(214,173,85,.07);padding-left:14px;padding-right:14px}

.poster-page-hero,.poster-page-hero.author-poster,.poster-page-hero.suosalang-poster{margin-top:88px!important;width:100%;height:clamp(440px,48vw,680px)!important;min-height:0!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;border:0!important;box-shadow:inset 0 -1px 0 rgba(207,166,82,.2)}
.poster-page-body,.editorial-body{background:var(--xm-paper)!important;color:var(--xm-ink)!important}
.poster-page-body{padding-top:76px!important;padding-bottom:104px!important}
.poster-page-body h2,.poster-page-body h3,.editorial-copy h2,.editorial-copy h3{font-family:var(--xm-serif)!important;letter-spacing:-.025em}
.poster-page-body p,.poster-page-body li,.editorial-copy p,.editorial-copy li{color:#343745!important;font-family:var(--xm-serif)!important;font-size:clamp(16px,1.2vw,18px)!important;line-height:1.82!important}
.poster-page-body h2,.editorial-copy h2{font-size:clamp(28px,3vw,42px)!important;line-height:1.16!important;margin-top:1.65em!important;margin-bottom:.62em!important;text-wrap:balance}
.poster-page-body h3,.editorial-copy h3{font-size:clamp(21px,2vw,28px)!important;line-height:1.28!important;margin-top:1.45em!important;margin-bottom:.58em!important;text-wrap:balance}
.poster-page-body a,.editorial-copy a{color:#a84f26!important;text-underline-offset:4px}
.poster-page-body>.plan-section{width:100vw!important;margin:48px 0 64px calc(50% - 50vw)!important;transform:none!important}

.editorial-hero,.works-hero,.concept-video-hero{position:relative;isolation:isolate;margin-top:88px!important;background-image:url('/static/xuemo-cosmos-hero-v2.webp')!important;background-size:cover!important;background-position:center 55%!important;box-shadow:inset 0 0 0 1000px rgba(6,10,22,.58)}
.editorial-hero:after,.works-hero:after,.concept-video-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(6,10,22,.72),rgba(6,10,22,.14) 78%)}
.editorial-hero{min-height:470px!important;padding-top:104px!important}
.editorial-kicker,.concept-eyebrow{font-family:var(--xm-mono)!important;color:var(--xm-gold)!important}
.editorial-hero h1,.works-hero h1,.concept-hero-copy h1{font-family:var(--xm-serif)!important;color:#f8f1e3!important;text-wrap:balance}
.editorial-hero p,.works-hero>p,.concept-hero-copy>p{color:#d4cec2!important;font-family:var(--xm-serif)!important}

/* Academy · Wuwei: preserve the original watercolor portrait while giving the
   editorial title a quiet, high-contrast reading field on the left. */
body.academy-vr-page .editorial-hero{
  min-height:clamp(500px,56vw,660px)!important;
  background-image:linear-gradient(90deg,rgba(7,12,25,.76) 0%,rgba(7,12,25,.43) 43%,rgba(7,12,25,.08) 77%,rgba(7,12,25,.02) 100%),url('/static/_optimized/xuemo-academy-wuwei-hero-20260826.png.webp')!important;
  background-position:center!important;
  box-shadow:inset 0 0 0 1000px rgba(6,10,22,.08)!important;
}
body.academy-vr-page .editorial-hero:after{
  background:linear-gradient(0deg,rgba(6,10,22,.42),transparent 52%)!important;
}
@media(max-width:760px){
  body.academy-vr-page .editorial-hero{min-height:510px!important;background-position:62% center!important}
}

.works-hero{padding-top:118px!important;padding-bottom:78px!important}
.works-hero h1.works-title-compact{max-width:880px!important;font-size:clamp(48px,6.2vw,88px)!important;line-height:.98!important;letter-spacing:-.045em!important}
.works-hero-stats span{background:rgba(9,13,27,.42)!important;border-color:rgba(214,173,85,.35)!important;backdrop-filter:blur(8px)}
.works-hero-stats b{color:#f0ca79!important}
.works-directory{background:var(--xm-paper)!important;padding-top:72px!important}
.works-toolbar{grid-template-columns:minmax(260px,1.35fr) repeat(3,minmax(165px,.65fr))!important}
.works-toolbar input,.works-toolbar select{background:#fbf8f1!important;border-color:var(--xm-line)!important;border-radius:0;font-family:var(--xm-sans)!important;transition:border .2s,box-shadow .2s}
.works-toolbar input:focus,.works-toolbar select:focus{border-color:#aa7728!important;box-shadow:0 0 0 3px rgba(214,173,85,.13);outline:0}
.works-jump a{font-family:var(--xm-sans)!important;text-transform:none!important;letter-spacing:.025em!important;border-radius:999px!important}
.works-cover-grid{grid-template-columns:repeat(auto-fill,minmax(205px,1fr))!important;gap:22px!important}
.work-edition-card{background:#eee7dc!important;border-color:rgba(14,19,36,.13)!important;box-shadow:0 1px 0 rgba(255,255,255,.65);transition:transform .28s ease,box-shadow .28s ease}
.work-edition-card:hover{transform:translateY(-5px);box-shadow:var(--xm-shadow)}
.work-cover-frame{aspect-ratio:2/3!important;padding:0!important;background:var(--xm-ink-2)!important}
.work-cover-frame img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;filter:none!important;transition:transform .35s ease!important}
.work-edition-card:hover .work-cover-frame img{transform:scale(1.025)!important}
.work-card-body{padding:18px!important}
.work-card-body h3{font-family:var(--xm-serif)!important;font-size:18px!important}
.work-category{display:block;margin:-3px 0 12px;color:#77717b;font:500 10px/1.55 var(--xm-sans)}
.work-language,.work-meta,.work-status{font-family:var(--xm-mono)!important}
.work-status{top:10px!important;left:10px!important;border-left:0!important;border-bottom:2px solid #888!important;background:rgba(8,12,25,.9)!important;backdrop-filter:blur(8px)}
.work-status.in-corpus{border-color:var(--xm-gold)!important}.work-status.source-in-corpus{border-color:var(--xm-copper)!important}
.work-actions a{align-items:center;gap:5px;border-radius:2px!important;font-family:var(--xm-sans)!important;text-transform:none!important;letter-spacing:.02em!important}

.concept-video-hero{min-height:clamp(540px,calc(78svh - 88px),660px)!important}
.concept-hero-copy{max-width:1420px!important;padding-left:42px!important;padding-right:42px!important}
.concept-lab{background:var(--xm-ink)!important}.concept-main{background:var(--xm-paper)!important}
.concept-card-grid{gap:12px!important;background:transparent!important;border:0!important}.glossary-card{border:1px solid var(--xm-line)!important}

.portal-footer{padding:52px max(28px,calc((100vw - 1240px)/2))!important;background:#080c19!important;border-top:1px solid rgba(214,173,85,.25)!important;color:#9e9a94!important;font-family:var(--xm-sans)!important;text-transform:none!important;letter-spacing:.02em!important}
.portal-footer img{width:62px!important;height:62px!important}

.reading-wrap{background:var(--xm-paper)!important;color:var(--xm-ink)!important}
.reading-access{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;margin-bottom:24px;padding:16px 18px;background:var(--xm-ink);color:#d8d1c4;border-left:3px solid var(--xm-gold)}
.reading-access strong{color:#f0ca79;font:700 10px/1.4 var(--xm-mono);letter-spacing:.08em;text-transform:uppercase}
.reading-access span{font:500 12px/1.6 var(--xm-sans)}
.reading-access a{color:#f4ddb0!important;font:650 11px/1.4 var(--xm-sans);white-space:nowrap}
.reading-body{font-family:var(--xm-serif)!important}
.reading-body p{position:relative;padding-left:48px!important}
.reading-body .reading-focus{padding:22px 22px 22px 48px!important;background:#fff4da!important;border:1px solid rgba(181,122,33,.42)!important;border-radius:0!important}
.reading-body .reading-context{padding-top:12px!important;padding-bottom:12px!important;border-bottom:1px solid var(--xm-line)}
.context-index{position:absolute;left:0;top:14px;color:#a15c2c;font:700 9px/1 var(--xm-mono);letter-spacing:.08em}
.reading-focus .context-index{left:16px;top:26px}

[data-reveal]{opacity:0;transform:translateY(18px);transition:opacity .6s cubic-bezier(.2,.7,.2,1),transform .6s cubic-bezier(.2,.7,.2,1)}
[data-reveal].is-visible{opacity:1;transform:none}

@media(max-width:1100px){
  .portal-nav-inner,.portal-nav-inner.nav-eight{padding:0 16px!important;grid-template-columns:repeat(3,1fr) 88px repeat(3,1fr) 64px!important}
  .portal-link{font-size:10px!important;gap:5px}.portal-link svg{display:none}
  .portal-home img{width:58px!important;height:58px!important}
}

@media(max-width:900px){
  .portal-nav{height:72px!important}.portal-nav-inner,.portal-nav-inner.nav-eight{display:flex!important;padding:0 18px!important}
  .portal-home{height:68px!important}.portal-home img{width:54px!important;height:54px!important}
  .menu-toggle{display:grid!important;place-items:center;position:absolute!important;left:18px;top:15px}
  .portal-language{top:15px!important}.portal-nav.open .portal-nav-inner{padding:80px 22px 24px!important;background:rgba(8,12,25,.98)}
  .portal-nav.open .portal-link{display:flex!important;width:100%;justify-content:flex-start;padding:13px 12px;font-size:12px!important}.portal-nav.open .portal-link svg{display:block}
  .poster-hero{margin-top:72px!important;height:auto!important;min-height:920px!important;background-position:62% center!important}
  .hero-stack{padding:0 24px}.hero-copy{left:24px!important;top:110px;width:calc(100vw - 48px)!important}.hero-copy h1{font-size:clamp(48px,14vw,82px)}
  .hero-search{left:24px!important;bottom:30px!important;width:calc(100vw - 48px)!important}
  .poster-page-hero,.poster-page-hero.author-poster,.poster-page-hero.suosalang-poster{margin-top:72px!important;height:56.25vw!important;min-height:240px!important;background-size:cover!important}
  .poster-page-body>.plan-section{margin-top:34px!important;margin-bottom:48px!important}
  .editorial-hero,.works-hero,.concept-video-hero{margin-top:72px!important}
  .works-cover-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}
}

@media(max-width:680px){
  .portal-search-row{grid-template-columns:1fr!important}.portal-search-row input,.portal-search-row select{height:54px!important;border-right:0!important;border-bottom:1px solid #ddd3c1!important}.portal-search-row button{height:52px!important}
  .catalog-search-heading{display:block}.catalog-search-heading span{display:none}.catalog-search-row{grid-template-columns:1fr 1fr}.catalog-search-row input{grid-column:1/-1;height:50px;border-right:0;border-bottom:1px solid #ddd3c1}.catalog-search-row select{height:50px}.catalog-search-row select:nth-of-type(2){border-right:0}.catalog-search-row button{grid-column:1/-1;height:48px}.works-toolbar{grid-template-columns:1fr!important}
  .hero-copy:before{font-size:8px;letter-spacing:.12em}.hero-copy p{font-size:14px;max-width:88%}
  .poster-page-body{padding:60px 22px 86px!important}
  .editorial-hero,.works-hero{padding-left:22px!important;padding-right:22px!important}
  .works-cover-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.work-card-body{padding:13px!important}.work-card-body h3{font-size:15px!important}
  .portal-footer{flex-direction:column!important;text-align:center!important}.footer-meta{text-align:center!important}
  .reading-access{grid-template-columns:1fr;gap:8px}.reading-body p{padding-left:36px!important}.reading-body .reading-focus{padding-left:42px!important}
}

@media(max-width:420px){
  .works-cover-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.work-cover-frame{aspect-ratio:2/3!important}.work-cover-frame img{max-width:none!important}
  .work-meta,.work-corpus-note{font-size:9px!important}.work-actions a{padding:7px!important}
}

@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}
  [data-reveal]{opacity:1!important;transform:none!important}
}

/* Uniform book-cover stage: all unused edge space is pure black. */
.work-cover-frame{isolation:isolate!important;background:#000!important;padding:0!important;box-shadow:inset 0 0 0 2px #000!important}
.work-cover-frame:after{content:"";position:absolute;z-index:2;inset:0;pointer-events:none;box-shadow:inset 0 0 0 2px #000,inset 0 0 20px rgba(0,0,0,.16)}
.work-cover-frame img{z-index:1;background:#000!important;filter:drop-shadow(0 10px 13px rgba(0,0,0,.3))!important}
.work-edition-card:hover .work-cover-frame img{transform:translateY(-3px) scale(1.012)!important}
.works-guide>div{max-width:760px}.works-match-summary{display:block;margin-bottom:7px;color:#a35a26;font:700 11px var(--xm-sans);letter-spacing:.035em}.works-match-summary[hidden]{display:none}

/* 2026-08-23: covers must remain complete, and desktop menus must stay
   anchored immediately beneath their own navigation labels. */
.work-cover-frame,.edition-thumb,.family-cover-stack{position:relative;background:#000!important}
.work-cover-frame img.catalog-cover-image,.edition-thumb img.catalog-cover-image{
  display:block!important;width:100%!important;height:100%!important;
  max-width:100%!important;max-height:100%!important;min-width:0!important;min-height:0!important;
  object-fit:contain!important;object-position:center center!important;
  background:#000!important;transform:none!important;filter:none!important
}
.edition-thumb{overflow:hidden!important}
.edition-thumb img.catalog-cover-image{position:absolute!important;inset:0!important}
.work-edition-card:hover .work-cover-frame img.catalog-cover-image{transform:none!important}
.catalog-cover-image[hidden]{display:none!important}
.work-cover-frame:before,.edition-thumb:before,.family-cover-stack:before{
  content:attr(data-cover-title);position:absolute;z-index:0;inset:12px;display:grid;
  place-items:center;text-align:center;color:#d9c89e;font:600 11px/1.55 var(--xm-serif);
  opacity:0;transition:opacity .18s ease;pointer-events:none
}
.work-cover-frame.cover-load-error:before,.edition-thumb.cover-load-error:before,.family-cover-stack.cover-load-error:before{opacity:.82}
.work-cover-frame.cover-load-error:after,.edition-thumb.cover-load-error:after,.family-cover-stack.cover-load-error:after{
  content:"";position:absolute;z-index:0;inset:8px;border:1px solid rgba(214,173,85,.28);pointer-events:none
}

@media(min-width:901px){
  .portal-nav,.portal-nav-inner,.portal-menu{overflow:visible!important}
  .portal-menu{position:relative!important}
  .portal-menu>.portal-link{justify-content:center!important;padding-left:10px!important;padding-right:10px!important}
  .portal-menu>.portal-dropdown,.portal-menu>.portal-dropdown-right{
    position:absolute!important;z-index:5000!important;top:100%!important;left:50%!important;right:auto!important;
    width:min(300px,calc(100vw - 32px))!important;max-height:min(72vh,640px)!important;
    overflow-x:hidden!important;overflow-y:auto!important;margin:0!important;
    transform:translate(-50%,8px)!important
  }
  .portal-menu:hover>.portal-dropdown,.portal-menu:focus-within>.portal-dropdown,
  .portal-menu:hover>.portal-dropdown-right,.portal-menu:focus-within>.portal-dropdown-right{
    transform:translate(-50%,0)!important
  }
}

/* 2026-08-23 — compact, two-row New Reader Picks carousel. */
.home-reader-picks{
  position:relative;isolation:isolate;overflow:hidden;padding:58px 0 64px;
  color:#f3eddf;background:
    radial-gradient(circle at 76% 6%,rgba(200,157,74,.14),transparent 28%),
    linear-gradient(145deg,#07111f 0%,#0a1729 52%,#08121f 100%);
  border-top:1px solid rgba(211,174,97,.25);border-bottom:1px solid rgba(211,174,97,.22)
}
.home-reader-picks:before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.4;
  background-image:radial-gradient(circle,rgba(230,205,149,.5) 0 1px,transparent 1.4px);
  background-size:74px 74px;mask-image:linear-gradient(100deg,transparent 7%,#000 70%,transparent)
}
.home-reader-picks-inner{position:relative;width:min(1180px,calc(100% - 48px));margin:auto}
.home-reader-picks-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:27px;padding-bottom:14px;border-bottom:1px solid rgba(222,194,131,.22)}
.home-reader-picks-heading span{color:#d6ad58;font:700 10px/1.2 var(--xm-sans);letter-spacing:.2em}
.home-reader-picks-heading h2{margin:0;color:#f6f0e2;font:500 clamp(28px,3vw,43px)/1.1 var(--xm-serif);letter-spacing:.02em}
.home-reader-pick-row+.home-reader-pick-row{margin-top:30px}
.home-reader-pick-row h3{margin:0 0 13px;color:#dfc993;font:600 12px/1.4 var(--xm-sans);letter-spacing:.055em}
.home-reader-pick-rail{display:grid;grid-template-columns:38px minmax(0,1fr) 38px;align-items:center;gap:13px}
.home-reader-pick-track{display:grid;grid-auto-flow:column;grid-auto-columns:128px;gap:18px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scroll-behavior:smooth;padding:2px 2px 10px;scrollbar-width:none}
.home-reader-pick-track::-webkit-scrollbar{display:none}
.home-reader-pick-card{display:grid;grid-template-rows:auto 1fr;gap:9px;min-width:0;color:#f4eee2;text-decoration:none;scroll-snap-align:start}
.home-reader-pick-cover{position:relative;display:block;isolation:isolate;overflow:hidden;aspect-ratio:2/3;background:#000;border:1px solid rgba(221,191,126,.28);box-shadow:0 14px 28px rgba(0,0,0,.34)}
.home-reader-pick-cover img.catalog-cover-image{position:absolute;inset:0;z-index:1;display:block;width:100%;height:100%;object-fit:contain;object-position:center;background:#000;transition:transform .22s ease}
.home-reader-pick-cover:before{content:attr(data-cover-title);position:absolute;z-index:0;inset:12px;display:grid;place-items:center;text-align:center;color:#d9c89e;font:600 11px/1.5 var(--xm-serif);opacity:0}
.home-reader-pick-cover.cover-load-error:before{opacity:.82}
.home-reader-pick-card strong{display:block;color:#f4eee2;font:500 12px/1.48 var(--xm-sans)}
.home-reader-pick-card:hover .home-reader-pick-cover img{transform:scale(1.018)}
.home-reader-pick-card:hover strong{color:#e2bc69}
.home-reader-pick-arrow{display:grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid rgba(218,183,108,.42);border-radius:50%;color:#f2e3c2;background:rgba(8,18,32,.75);font:400 18px/1 var(--xm-sans);cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .18s ease}
.home-reader-pick-arrow:hover{border-color:#deb65e;background:rgba(191,139,47,.16);transform:translateY(-1px)}
.home-reader-pick-arrow:focus-visible{outline:2px solid #e0b960;outline-offset:3px}
@media(max-width:720px){
  .home-reader-picks{padding:45px 0 50px}.home-reader-picks-inner{width:min(100% - 28px,1180px)}
  .home-reader-picks-heading{display:block}.home-reader-picks-heading span{display:block;margin-bottom:7px}
  .home-reader-pick-rail{grid-template-columns:32px minmax(0,1fr) 32px;gap:8px}.home-reader-pick-arrow{width:32px;height:32px}
  .home-reader-pick-track{grid-auto-columns:112px;gap:13px}.home-reader-pick-row+.home-reader-pick-row{margin-top:25px}
}

/* ========================================================================
   2026-08-24 · INTERNATIONAL COSMIC EDITORIAL SYSTEM
   Shared across Simplified Chinese, Traditional Chinese, English and Spanish.
   ======================================================================== */
:root{
  --xm-night:#050912;
  --xm-night-2:#091426;
  --xm-navy:#10263c;
  --xm-starlight:#f4eddd;
  --xm-antique-gold:#d4a64f;
  --xm-antique-gold-soft:#e3c178;
  --xm-cosmic-line:rgba(207,164,78,.24);
  --xm-reading:#f5f1e8;
  --xm-reading-2:#ebe4d7;
}

html[lang="zh-Hans"],html[lang="zh-Hant"]{
  --xm-serif:"Songti SC","STSong","Noto Serif CJK SC","Noto Serif SC",serif;
  --xm-sans:"PingFang SC","Noto Sans CJK SC","Noto Sans SC","Helvetica Neue",Arial,sans-serif;
}
html[lang="en"],html[lang="es"]{
  --xm-serif:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;
  --xm-sans:Inter,"SF Pro Display","Helvetica Neue",Arial,sans-serif;
}

body.portal{
  color:#151a26;
  background:
    radial-gradient(circle at 88% 3%,rgba(65,111,145,.10),transparent 24rem),
    linear-gradient(180deg,var(--xm-reading),#f1ece2);
}
body.portal :where(h1,h2,h3,h4){text-wrap:balance}
body.portal :where(p,li){text-wrap:pretty}

/* Homepage image and copy are self-contained; the sections below keep their
   existing order, spacing and layout. */
.portal-home-hero{
  min-height:max(790px,calc(100svh - 88px))!important;
  background-color:var(--xm-night)!important;
  background-image:url('/static/xuemo-cosmos-home-hero-20260824.webp')!important;
  background-size:cover!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  overflow:hidden!important;
}
.portal-home-hero:before{
  display:block!important;
  z-index:0!important;
  opacity:1!important;
  background:
    linear-gradient(90deg,rgba(2,6,13,.84) 0%,rgba(3,8,17,.60) 31%,rgba(3,8,17,.14) 64%,rgba(3,8,17,.02) 100%),
    radial-gradient(circle at 82% 20%,rgba(231,188,97,.08),transparent 30%)!important;
  mix-blend-mode:normal!important;
  animation:none!important;
}
.portal-home-hero:after{
  display:block!important;
  z-index:1!important;
  background:linear-gradient(180deg,rgba(2,6,14,.28),transparent 32%,rgba(2,6,14,.82) 100%)!important;
}
.portal-home-hero .hero-stack{z-index:3!important;padding-top:clamp(70px,8vh,105px)!important}
.portal-home-hero .hero-copy{width:min(690px,54vw)!important}
.portal-home-hero .hero-copy h1{
  color:#fbf5e8!important;
  font-size:clamp(64px,7.4vw,112px)!important;
  font-weight:560!important;
  line-height:.91!important;
  letter-spacing:-.055em!important;
  text-shadow:0 8px 34px rgba(0,0,0,.42);
}
html[lang="zh-Hans"] .portal-home-hero .hero-copy h1,
html[lang="zh-Hant"] .portal-home-hero .hero-copy h1{
  font-size:clamp(62px,6.8vw,102px)!important;
  font-weight:620!important;
  letter-spacing:.015em!important;
}
.portal-home-hero .hero-eyebrow{color:#e6bd6a!important}
.portal-home-hero .hero-deck{max-width:620px;color:rgba(248,241,226,.88)!important}
.portal-home-hero .hero-count{color:rgba(248,241,226,.76)!important}
.portal-home-hero .catalog-search-panel{
  background:linear-gradient(145deg,rgba(5,10,21,.94),rgba(9,17,31,.88))!important;
  border-color:rgba(218,174,86,.44)!important;
}
.portal-home-hero .home-shortcuts>a{
  background:linear-gradient(145deg,rgba(6,12,24,.95),rgba(11,19,33,.89))!important;
  border-color:rgba(218,174,86,.32)!important;
}
.home-sphere-core,.home-sphere-mantra{display:none!important}

/* About: the new artwork remains the hero in all four languages; HTML copy is
   placed as an editorial glass panel, like the author page's image/text union. */
.poster-page-hero.about-cosmos-poster{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  height:clamp(500px,52vw,740px)!important;
  padding:clamp(34px,5vw,76px)!important;
  background-color:var(--xm-night)!important;
  background-image:
    linear-gradient(90deg,rgba(1,4,9,.08) 0%,rgba(1,4,9,.04) 45%,rgba(1,4,9,.72) 100%),
    url('/static/xuemo-cosmos-about-hero-20260824.webp')!important;
  background-position:center center!important;
  background-size:cover!important;
}
.poster-page-hero.about-cosmos-poster:after{
  z-index:0!important;
  opacity:1!important;
  background:linear-gradient(180deg,rgba(2,5,11,.28),transparent 35%,rgba(2,5,11,.40))!important;
  mix-blend-mode:normal!important;
}
.about-cosmos-poster .poster-page-hero-copy{
  position:relative;
  z-index:2;
  width:min(610px,46vw);
  padding:clamp(28px,3.6vw,52px);
  border:1px solid rgba(221,180,93,.30);
  border-left:2px solid var(--xm-antique-gold);
  background:linear-gradient(145deg,rgba(3,8,16,.78),rgba(7,14,25,.55));
  box-shadow:0 24px 70px rgba(0,0,0,.28);
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
}
.about-cosmos-poster .poster-page-eyebrow{
  margin-bottom:18px;color:#e4bd6a;font:700 10px/1.45 var(--xm-sans);letter-spacing:.14em;text-transform:uppercase;
}
.poster-page-hero.about-cosmos-poster h1{
  width:auto!important;
  color:#fbf5e8!important;
  font:560 clamp(44px,5.2vw,78px)/.96 var(--xm-serif)!important;
  letter-spacing:-.04em!important;
  text-shadow:0 10px 38px rgba(0,0,0,.52);
}
html[lang="zh-Hans"] .poster-page-hero.about-cosmos-poster h1,
html[lang="zh-Hant"] .poster-page-hero.about-cosmos-poster h1{
  font-size:clamp(42px,4.7vw,72px)!important;letter-spacing:.02em!important;
}
.about-cosmos-poster .poster-page-hero-copy p{
  max-width:52ch;margin:20px 0 0;color:rgba(249,242,228,.79)!important;font:500 clamp(14px,1.25vw,17px)/1.75 var(--xm-sans)!important;
}

/* Quiet cosmic texture and a clear international type scale for all content. */
.poster-page-body,.editorial-body,.works-directory,.concept-main{
  background-color:var(--xm-reading)!important;
  background-image:
    radial-gradient(circle at 92% 7%,rgba(201,157,71,.07) 0 1px,transparent 1.8px),
    radial-gradient(circle at 86% 11%,rgba(40,92,125,.07) 0 1px,transparent 1.8px),
    linear-gradient(90deg,transparent 0 94%,rgba(169,124,45,.035) 94% 94.1%,transparent 94.1%)!important;
  background-size:41px 41px,67px 67px,100% 100%!important;
}
.poster-page-body>*,.editorial-body>*,.works-directory>*{position:relative;z-index:1}
.poster-page-body,.editorial-copy{
  font-size:17px;
  line-height:1.82;
}
.poster-page-body h2,.editorial-copy h2{
  color:#10192b!important;font-size:clamp(30px,3.4vw,48px)!important;font-weight:620!important;line-height:1.1!important;
}
.poster-page-body h3,.editorial-copy h3{
  color:#162238!important;font-size:clamp(22px,2.2vw,30px)!important;font-weight:650!important;
}
.poster-page-body p,.poster-page-body li,.editorial-copy p,.editorial-copy li{
  color:#303746!important;font-size:clamp(16px,1.15vw,18px)!important;line-height:1.88!important;
}
html[lang="en"] .poster-page-body p,html[lang="en"] .editorial-copy p,
html[lang="es"] .poster-page-body p,html[lang="es"] .editorial-copy p{max-width:76ch}

.download-card,.award-card,.academic-card,.academic-section,
.dictionary-category-card,.core-concept-card{
  border-color:rgba(181,135,54,.25)!important;
  background:linear-gradient(145deg,#eee6d8,#f8f4ec)!important;
  color:#131c2d!important;
  box-shadow:inset 0 1px rgba(255,255,255,.7);
}
.download-card :where(b,span),.award-card :where(b,span),
.academic-card :where(h3,p),.academic-section :where(h3,p){color:#172137!important}
.download-card:hover,.award-card:hover,.academic-card:hover{
  border-color:#b8852d!important;background:linear-gradient(145deg,#f5ecda,#fffaf0)!important;
}

.plan-section{
  color:var(--xm-starlight)!important;
  background:
    radial-gradient(circle at 84% 8%,rgba(216,171,82,.18),transparent 26rem),
    linear-gradient(145deg,#07101f,#0c1b2d 55%,#081321)!important;
}
.plan-section :where(h2,h3){color:#f6efe0!important}
.plan-section :where(p,li){color:rgba(244,237,222,.76)!important}
.plan-rule{background:linear-gradient(90deg,var(--xm-antique-gold),transparent)!important}
.plan-table-wrap{border-color:rgba(217,174,87,.28)!important;background:rgba(3,8,16,.30)!important}
.plan-table{color:#eee7da!important}
.plan-table th{background:rgba(214,166,76,.15)!important;color:#f4cf84!important}
.plan-table :where(th,td){border-color:rgba(235,211,161,.14)!important}
.plan-table td{color:rgba(244,237,224,.82)!important}

.concept-canvas-wrap,.concept-lab{
  background:
    radial-gradient(circle at 50% 46%,rgba(51,113,143,.16),transparent 30%),
    radial-gradient(circle,rgba(224,187,111,.38) 0 1px,transparent 1.5px),
    #07101f!important;
  background-size:auto,68px 68px,auto!important;
}
.concept-canvas-wrap :where(.concept-legend,.concept-legend span){color:#e8e0d2!important}

/* Full-bleed normalized cover files now match every 2:3 stage exactly. */
.work-cover-frame img.catalog-cover-image,.edition-thumb img.catalog-cover-image,
.home-reader-pick-cover img.catalog-cover-image{
  object-fit:cover!important;background:transparent!important;
}

/* Dropdowns open immediately below the owning keyword.  --nav-shift is set by
   the companion script so edge menus remain inside any viewport. */
@media(min-width:901px){
  body.portal>.portal-nav{z-index:10000!important;overflow:visible!important}
  .portal-nav-inner,.portal-menu{overflow:visible!important}
  .portal-menu>.portal-dropdown,.portal-menu>.portal-dropdown-right{
    top:100%!important;left:50%!important;right:auto!important;margin:0!important;
    transform:translate(calc(-50% + var(--nav-shift,0px)),8px)!important;
    z-index:12000!important;
  }
  .portal-menu:hover>.portal-dropdown,.portal-menu:focus-within>.portal-dropdown,
  .portal-menu.dropdown-open>.portal-dropdown,
  .portal-menu:hover>.portal-dropdown-right,.portal-menu:focus-within>.portal-dropdown-right,
  .portal-menu.dropdown-open>.portal-dropdown-right{
    opacity:1!important;visibility:visible!important;pointer-events:auto!important;
    transform:translate(calc(-50% + var(--nav-shift,0px)),0)!important;
  }
}

@media(max-width:900px){
  .portal-home-hero{
    min-height:1040px!important;background-position:64% center!important;
  }
  .portal-home-hero .hero-stack{padding:72px 24px 24px!important}
  .portal-home-hero .hero-copy{width:min(650px,100%)!important}
  .portal-home-hero .hero-copy h1{font-size:clamp(52px,13vw,80px)!important}
  .portal-home-hero .home-portal-tools{padding-top:110px!important}
  .poster-page-hero.about-cosmos-poster{
    height:clamp(500px,82vw,680px)!important;margin-top:72px!important;padding:28px!important;
    background-position:47% center!important;align-items:flex-end!important;
  }
  .about-cosmos-poster .poster-page-hero-copy{width:min(600px,72vw);padding:28px}
  .portal-nav.open .portal-menu>.portal-dropdown,
  .portal-nav.open .portal-menu>.portal-dropdown-right{
    position:static!important;display:grid!important;width:100%!important;max-height:none!important;
    margin:0 0 9px!important;padding:4px 0 7px 18px!important;overflow:visible!important;
    opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important;
    border:0!important;border-left:1px solid rgba(214,173,85,.28)!important;box-shadow:none!important;
    background:transparent!important;
  }
  .portal-nav.open .portal-dropdown>a{padding:9px 12px!important}
}

@media(max-width:620px){
  .portal-home-hero{min-height:1120px!important;background-position:67% center!important}
  .portal-home-hero:before{background:linear-gradient(180deg,rgba(2,6,13,.70),rgba(2,6,13,.30) 52%,rgba(2,6,13,.88))!important}
  .portal-home-hero .hero-stack{padding:62px 18px 20px!important}
  .portal-home-hero .hero-copy h1{font-size:clamp(48px,16vw,72px)!important}
  html[lang="zh-Hans"] .portal-home-hero .hero-copy h1,
  html[lang="zh-Hant"] .portal-home-hero .hero-copy h1{font-size:clamp(46px,14vw,66px)!important}
  .portal-home-hero .hero-deck{font-size:13px!important}
  .portal-home-hero .home-portal-tools{padding-top:132px!important}
  .poster-page-hero.about-cosmos-poster{
    height:620px!important;padding:18px!important;background-position:39% center!important;
  }
  .about-cosmos-poster .poster-page-hero-copy{
    width:100%;padding:22px;background:linear-gradient(145deg,rgba(3,8,16,.88),rgba(7,14,25,.72));backdrop-filter:blur(7px);
  }
  .poster-page-hero.about-cosmos-poster h1{font-size:clamp(38px,11vw,56px)!important}
  .about-cosmos-poster .poster-page-eyebrow{font-size:8px;letter-spacing:.10em}
  .about-cosmos-poster .poster-page-hero-copy p{font-size:13px!important;line-height:1.62!important}
}

/* Institute: keep the international-publication statement legible on its dark card. */
body.institute-page .institute-project-card:first-child p{
  color:#fff4df!important;
}

/* 2026-08-26 — page-specific wide-screen heroes.  Each veil follows the
   artwork's empty field, keeping live four-language copy readable while the
   supplied image remains the dominant visual element. */
body.concept-correlation-page .concept-video-hero{
  background-image:url('/static/xuemo-concept-correlation-hero-20260826.webp')!important;
  background-position:center!important;background-size:cover!important;
  box-shadow:none!important;
}
body.concept-correlation-page .concept-video-hero:after{
  background:linear-gradient(90deg,rgba(3,9,27,.84) 0%,rgba(3,9,27,.58) 38%,rgba(3,9,27,.12) 72%,rgba(3,9,27,.03) 100%)!important;
}
body.dictionary-page .editorial-hero{
  background-image:url('/static/xuemo-dictionary-hero-20260826.webp')!important;
  background-position:center!important;background-size:cover!important;
  padding-left:max(52%,24px)!important;padding-right:max(5vw,24px)!important;
  box-shadow:none!important;
}
body.dictionary-page .editorial-hero:after{
  background:linear-gradient(90deg,rgba(42,18,4,.04) 0%,rgba(42,18,4,.12) 43%,rgba(42,18,4,.68) 65%,rgba(29,12,3,.84) 100%)!important;
}
body.dictionary-page .editorial-hero h1,
body.dictionary-page .editorial-hero p{color:#fbf1dc!important;text-shadow:0 3px 20px rgba(20,7,0,.94)!important}
body.reception-page .editorial-hero{
  background-image:url('/static/xuemo-international-reception-hero-20260826.webp')!important;
  background-position:center!important;background-size:cover!important;
  box-shadow:none!important;
}
body.reception-page .editorial-hero:after{
  background:linear-gradient(90deg,rgba(250,247,239,.95) 0%,rgba(250,247,239,.78) 39%,rgba(250,247,239,.16) 64%,rgba(250,247,239,0) 100%)!important;
}
body.reception-page .editorial-hero h1{color:#15223a!important;text-shadow:0 2px 18px rgba(255,255,255,.96)!important}
body.reception-page .editorial-hero .editorial-kicker{color:#8e281f!important;text-shadow:0 1px 12px rgba(255,255,255,.96)!important}
body.reception-page .editorial-hero p{max-width:48%!important;color:#313a49!important;text-shadow:0 2px 16px rgba(255,255,255,.96)!important}

@media(max-width:760px){
  body.concept-correlation-page .concept-video-hero{background-position:68% center!important}
  body.concept-correlation-page .concept-video-hero:after{
    background:linear-gradient(90deg,rgba(3,9,27,.88),rgba(3,9,27,.54) 62%,rgba(3,9,27,.22))!important;
  }
  body.dictionary-page .editorial-hero{
    background-position:30% center!important;padding-left:24px!important;padding-right:24px!important;
  }
  body.dictionary-page .editorial-hero:after{
    background:linear-gradient(90deg,rgba(25,10,2,.78),rgba(25,10,2,.48) 70%,rgba(25,10,2,.32))!important;
  }
  body.reception-page .editorial-hero{background-position:70% center!important}
  body.reception-page .editorial-hero p{max-width:92%!important}
  body.reception-page .editorial-hero:after{
    background:linear-gradient(90deg,rgba(250,247,239,.94),rgba(250,247,239,.76) 58%,rgba(250,247,239,.30))!important;
  }
}

/* 2026-08-26 dark-surface legibility pass.  Any copy placed on the site's
   deep navy/charcoal panels uses one consistent ivory tone, including muted
   metadata, helper text, form labels, and footer copy. */
:root{--xm-ivory:#f4ecd9}
.portal :where(
  .portal-nav,.portal-language-menu,.catalog-search-panel,.corpus-search-secondary,
  .portal-footer,.home-shortcuts>a,.network-forum,.network-union-head,
  .scholarship-submission,.academy-registration,.concept-video-hero,.concept-lab,
  .concept-workbench,.concept-detail,.dictionary-cta,.dictionary-category-card:nth-child(1),
  .core-concept-card:last-child,.finding-card,.civilization-closing,
  .plan-table tbody tr:nth-child(odd),.plan-table tbody tr:nth-child(even),
  .academic-call .call-status,.moratto-links a,.reading-locator
){color:var(--xm-ivory)!important}
.portal :where(
  .portal-nav,.portal-language-menu,.catalog-search-panel,.corpus-search-secondary,
  .portal-footer,.home-shortcuts>a,.network-forum,.network-union-head,
  .scholarship-submission,.academy-registration,.concept-video-hero,.concept-lab,
  .concept-workbench,.concept-detail,.dictionary-cta,.dictionary-category-card:nth-child(1),
  .core-concept-card:last-child,.finding-card,.civilization-closing,
  .plan-table tbody tr:nth-child(odd),.plan-table tbody tr:nth-child(even),
  .academic-call .call-status,.moratto-links a,.reading-locator
) :where(h1,h2,h3,h4,h5,h6,p,li,span,small,b,strong,em,label,dt,dd,figcaption,blockquote,a){
  color:var(--xm-ivory)!important;
}
.portal :where(.concept-lab,.concept-workbench,.concept-detail) :where(input,select,textarea)::placeholder{color:#ddd4c3!important;opacity:1}
.portal :where(.portal-footer,.portal-nav) :where(a,button,summary){color:var(--xm-ivory)!important}

/* The language-matched Suosalang poster closes the article at full reading
   width. Keeping it out of the text columns preserves its dense typography. */
.civilization-poster-feature{width:min(100%,1120px);margin:52px auto 0;padding:0;background:#f8f5ee;border:1px solid rgba(23,25,44,.14);box-shadow:0 18px 42px rgba(23,25,44,.13)}
.civilization-poster-feature img{display:block;width:100%;height:auto;aspect-ratio:1672/940;object-fit:cover}
.civilization-poster-feature figcaption{padding:12px 16px;color:#5f5b65;font:500 11px/1.65 var(--xm-mono);letter-spacing:.025em}
@media(max-width:700px){.civilization-poster-feature{margin-top:34px}.civilization-poster-feature figcaption{padding:10px 12px;font-size:10px}}

/* Newsletter joins the public footer as a high-contrast, consent-first form. */
.portal-newsletter{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.72fr);gap:42px;align-items:end;padding:52px max(24px,calc((100vw - 1240px)/2));background:#10162b;color:var(--xm-ivory);border-top:1px solid rgba(213,168,66,.34)}
.portal-newsletter>div>span{color:#d5a842;font:700 9px var(--xm-mono);letter-spacing:.22em}
.portal-newsletter h2{margin:11px 0 8px;color:var(--xm-ivory)!important;font:500 clamp(25px,3vw,38px) var(--xm-serif)}
.portal-newsletter p{max-width:650px;margin:0;color:#eee5d4!important;font:13px/1.75 var(--xm-serif)}
.portal-newsletter form{display:grid;grid-template-columns:1fr auto;gap:8px}
.portal-newsletter input{width:100%;min-height:50px;padding:0 15px;border:1px solid rgba(255,244,223,.38);background:rgba(255,255,255,.07);color:var(--xm-ivory);outline:none}
.portal-newsletter input::placeholder{color:#d8cfbf;opacity:1}.portal-newsletter input:focus{border-color:#d5a842;box-shadow:0 0 0 3px rgba(213,168,66,.12)}
.portal-newsletter button{min-height:50px;padding:0 18px;border:1px solid #d5a842;background:#d5a842;color:#11162a;font-weight:750;cursor:pointer}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:760px){.portal-newsletter{grid-template-columns:1fr;padding:38px 22px;gap:24px}.portal-newsletter form{grid-template-columns:1fr}.portal-newsletter button{width:100%}}

/* 2026-08-25 — let hero photography carry roughly 80% of the composition.
   Veils remain localized behind live copy, so images feel natural without
   sacrificing four-language title contrast. */
.portal-home-hero:before{
  background:
    linear-gradient(90deg,rgba(2,6,13,.46) 0%,rgba(3,8,17,.24) 32%,rgba(3,8,17,.06) 64%,transparent 100%),
    radial-gradient(circle at 82% 20%,rgba(231,188,97,.07),transparent 30%)!important;
}
.portal-home-hero:after{
  background:linear-gradient(180deg,rgba(2,6,14,.14),transparent 38%,rgba(2,6,14,.36) 100%)!important;
}
.poster-page-hero.about-cosmos-poster{
  background-image:
    linear-gradient(90deg,transparent 0%,rgba(1,4,9,.02) 58%,rgba(1,4,9,.26) 100%),
    url('/static/xuemo-cosmos-about-hero-20260824.webp')!important;
}
.poster-page-hero.about-cosmos-poster:after{
  background:linear-gradient(180deg,rgba(2,5,11,.12),transparent 42%,rgba(2,5,11,.20))!important;
}
.editorial-hero,.works-hero,.concept-video-hero{
  box-shadow:inset 0 0 0 1000px rgba(6,10,22,.18)!important;
}
.editorial-hero:after,.works-hero:after,.concept-video-hero:after{
  background:linear-gradient(90deg,rgba(6,10,22,.34),rgba(6,10,22,.05) 78%)!important;
}
.poster-page-hero:after{opacity:.20!important}
body.core-concepts-page .editorial-hero{
  background-image:
    linear-gradient(90deg,rgba(3,8,20,.42) 0%,rgba(3,9,22,.26) 34%,rgba(3,9,22,.12) 55%,rgba(3,9,22,.02) 78%),
    linear-gradient(0deg,rgba(2,6,16,.16),transparent 48%),
    url('/static/xuemo-core-concepts-hero-20260825.webp')!important;
}
body.events-page .editorial-hero:after{
  background:linear-gradient(90deg,transparent 36%,rgba(246,249,250,.18) 48%,rgba(245,249,252,.38) 100%)!important;
}
body.forums-page .editorial-hero:after{
  background:linear-gradient(90deg,rgba(249,241,231,.38) 0%,rgba(249,241,231,.28) 50%,transparent 70%)!important;
}

/* Forums: retain the supplied institutional photograph in clear view. A light
   glass-like dark glaze reserves room for the archive title without obscuring
   the people, flags, or stage. */
body.forums-page .editorial-hero{
  min-height:clamp(500px,54vw,650px)!important;
  display:flex;flex-direction:column;justify-content:center;
  background-image:linear-gradient(90deg,rgba(3,11,31,.88) 0%,rgba(3,11,31,.68) 28%,rgba(3,11,31,.31) 50%,rgba(3,11,31,.07) 72%),url('/static/_optimized/xuemo-forums-hero-20260828.png.webp')!important;
  background-position:center 46%!important;background-size:cover!important;box-shadow:none!important;
}
body.forums-page .editorial-hero:after{background:linear-gradient(0deg,rgba(3,9,25,.24),transparent 54%)!important}
body.forums-page .editorial-hero h1{color:#e2b85d!important;text-shadow:0 3px 22px rgba(1,5,16,.92)!important}
body.forums-page .editorial-hero p{max-width:600px!important;color:#f4ecd9!important;text-shadow:0 2px 16px rgba(1,5,16,.92)!important}
@media(max-width:900px){
  body.forums-page .editorial-hero{
    min-height:560px!important;justify-content:flex-end;padding:104px 24px 56px!important;
    background-position:56% center!important;
    background-image:linear-gradient(0deg,rgba(3,9,25,.84) 0%,rgba(3,9,25,.52) 45%,rgba(3,9,25,.08) 100%),url('/static/_optimized/xuemo-forums-hero-20260828.png.webp')!important;
  }
}

/* Final cascade: shared four-language type scale and high-contrast copy. */
.portal .portal-link{color:#eee8dc!important;font-size:12px!important;font-weight:700!important;letter-spacing:.035em!important}
.portal .portal-dropdown>a{color:#eee7da!important;font-size:13px!important;font-weight:650!important;line-height:1.45!important}
.portal .portal-dropdown>a small{color:#c7c0b4!important;font-size:10.5px!important;font-weight:550!important}
.portal .portal-dropdown-heading{color:#d6c7a8!important;font-size:10px!important}
.portal .poster-page-body p,.portal .poster-page-body li,
.portal .editorial-copy p,.portal .editorial-copy li{color:#292d3a!important;font-size:17px!important;font-weight:450!important;line-height:2!important}
.portal .editorial-hero p,.portal .works-hero>p,.portal .concept-video-hero p,
.portal .poster-page-hero-copy p{color:#f2ecdf!important;font-weight:520!important;text-shadow:0 2px 18px rgba(1,4,12,.92)!important}
.portal .shortcut-copy small{color:#d3cec5!important;font-size:11.5px!important;font-weight:550!important}
.portal .home-follow-links small{color:#c5c2bc!important;font-size:10.5px!important;font-weight:550!important}
html .portal .home-follow-links a:nth-child(5) span{white-space:nowrap!important;font-size:11px!important;letter-spacing:0!important}
/* Keep the seven-character Bilibili account name on one quiet caption line. */
html:is([lang="zh-Hans"],[lang="zh-Hant"],[lang="ja"]) .portal .home-follow-link--bilibili small{
 font-size:9.5px!important;letter-spacing:0!important;white-space:nowrap!important;
}
.portal .portal-footer{color:#c9c4bc!important;font-size:10.5px!important;font-weight:550!important}
html[lang="zh-Hans"] .portal .home-follow-links a:last-child span,
html[lang="zh-Hant"] .portal .home-follow-links a:last-child span{white-space:nowrap!important;font-size:12px!important;letter-spacing:0!important}
@media(max-width:1180px){.portal .portal-link{font-size:10.5px!important}}
@media(max-width:760px){
  .portal .portal-nav.open .portal-link{font-size:13px!important}
  .portal .poster-page-body p,.portal .poster-page-body li,.portal .editorial-copy p,.portal .editorial-copy li{font-size:16px!important;line-height:1.9!important}
}

/* 2026-08-25 final accessibility guardrail and hero composition. */
.portal .editorial-aside{
  color:#3e4858!important;font-size:11px!important;font-weight:750!important;
}
.portal .record-status{
  color:#70440f!important;background:#f2e2bd!important;border-color:#b67b25!important;
  font-size:10px!important;font-weight:750!important;
}
.portal .record-card--visual{overflow:hidden;padding:0!important}
.portal .record-card--visual .record-visual{margin:0 0 16px!important;aspect-ratio:2/1;overflow:hidden;background:#24130f}
.portal .record-card--visual .record-visual img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}
.portal .record-card--visual:hover .record-visual img{transform:scale(1.025)}
.portal .record-card--visual .record-status,.portal .record-card--visual>h3,.portal .record-card--visual>p,.portal .record-card--visual>.record-source{margin-left:22px;margin-right:22px}
.portal .record-card--visual .record-status{display:inline-flex;margin-bottom:6px}
.portal .record-card--visual>.record-source{display:inline-flex;margin-bottom:22px}
@media(max-width:760px){.portal .record-card--visual>h3,.portal .record-card--visual>p,.portal .record-card--visual>.record-source{margin-left:18px;margin-right:18px}.portal .record-card--visual>.record-source{margin-bottom:18px}}
.portal .core-concept-number,.portal .core-concept-nav span{color:#704814!important}
.portal .core-concept-card:last-child{
  background:linear-gradient(145deg,#eee6d8,#f8f4ec)!important;
  color:#131c2d!important;
}
.portal .core-concept-card:last-child h3{color:#162238!important}
.portal .core-concept-card:last-child .core-concept-term{color:#9a6c21!important}
.portal .core-concept-card:last-child>p{color:#303746!important}
.portal .civilization-closing h3,
.portal .civilization-closing p{color:#f7f0e3!important}
.portal .plan-table tbody tr:nth-child(odd){background:#0d192a!important}
.portal .plan-table tbody tr:nth-child(even){background:#132238!important}
.portal .plan-table td{color:#f7f0e3!important}
.portal .plan-table th{color:#ffe0a1!important}
.portal .plan-section h2,.portal .plan-section h3{color:#fbf3e4!important}
.portal .plan-section p,.portal .plan-section li{color:#e6dfd2!important}
.portal .family-index{color:#67410f!important;font-size:11px!important;font-weight:750!important}
.portal .family-copy>small{color:#743917!important;font-size:10px!important;font-weight:750!important}
.portal .family-stats{color:#46505e!important;font-size:11px!important;font-weight:650!important}
.portal .family-state{
  color:#313b4b!important;background:#e2ddd3!important;
  font-size:9px!important;font-weight:750!important;
}
.portal .edition-language{color:#743917!important;font-size:10px!important;font-weight:750!important}
.portal .edition-flags span{
  color:#3d4654!important;background:#f0ece4!important;border-color:#aaa294!important;
  font-size:9px!important;font-weight:750!important;line-height:1.25!important;
}
.portal .edition-flags .verification-flag{
  color:#70440f!important;background:#f4e4c2!important;border-color:#b67b25!important;
}
.portal .edition-actions .corpus-unavailable,
.portal .work-actions .corpus-unavailable{
  color:#fff!important;background:#4e5562!important;border-color:#4e5562!important;opacity:1!important;
  font-size:9px!important;font-weight:750!important;
}
.portal .civilization-model img{filter:contrast(1.08) brightness(.99)}
.portal .scholarship-submission .scholarship-form-intro,
.portal .scholarship-submission .scholarship-contact,
.portal .scholarship-submission .scholarship-contact a{
  color:#fff!important;
}
.portal .academy-registration .scholarship-form-intro{
  color:#fff!important;
}
.portal .academy-registration>h2{
  color:#e2b85d!important;
}
.portal .dictionary-category-card>p:last-child{
  color:#3f4652!important;
}

/* Keep the central lamp unobstructed: the localized XUEMO copy occupies
   only the clear right-hand field of the artwork. */
@media(min-width:901px){
  .poster-page-hero.about-cosmos-poster{
    padding:clamp(32px,4vw,64px)!important;background-position:center!important;
  }
  .about-cosmos-poster .poster-page-hero-copy{
    width:min(500px,35vw)!important;margin-left:auto!important;
    padding:clamp(24px,2.8vw,40px)!important;
  }
  .poster-page-hero.about-cosmos-poster h1{font-size:clamp(40px,4.25vw,64px)!important}
  html[lang="zh-Hans"] .poster-page-hero.about-cosmos-poster h1,
  html[lang="zh-Hant"] .poster-page-hero.about-cosmos-poster h1{
    font-size:clamp(38px,3.9vw,58px)!important;
  }
}

/* The civilization title and its four-language subtitle are a single readable
   unit in the empty right side of the portrait hero. */
.poster-page-hero.civilization-poster .poster-page-hero-copy{
  position:relative;z-index:2;width:min(43%,680px)!important;
  display:flex;flex-direction:column;align-items:center;text-align:center;
}
.poster-page-hero.civilization-poster .poster-page-hero-copy h1{width:100%!important}
.poster-page-hero.civilization-poster .poster-page-hero-copy p{
  max-width:34ch!important;margin:16px auto 0!important;color:#f0d7a4!important;
  font:600 clamp(14px,1.35vw,20px)/1.55 var(--xm-serif)!important;
  letter-spacing:.04em;text-shadow:0 3px 20px rgba(0,0,0,.85)!important;
}
@media(max-width:900px){
  .poster-page-hero.civilization-poster .poster-page-hero-copy{width:min(48%,680px)!important}
  .poster-page-hero.civilization-poster .poster-page-hero-copy p{
    margin-top:10px!important;font-size:clamp(10px,1.8vw,15px)!important;line-height:1.45!important;
  }
}
@media(max-width:620px){
  .poster-page-hero.civilization-poster .poster-page-hero-copy{width:50%!important}
  .poster-page-hero.civilization-poster .poster-page-hero-copy p{
    margin-top:8px!important;font-size:9px!important;letter-spacing:.015em!important;
  }
}

/* Xin-Xing Civilization is an editorial page in its own right, not the
   interactive Core Concepts workspace. The ink wash offers a quiet field for
   text while preserving the calligraphy as the visual centre of the hero. */
.poster-page-hero.civilization-poster{
  min-height:clamp(480px,48vw,640px)!important;
  height:auto!important;
  aspect-ratio:auto!important;
  padding:clamp(48px,6.5vw,112px)!important;
  justify-content:flex-start!important;
  background-image:linear-gradient(90deg,rgba(248,245,237,.97) 0%,rgba(248,245,237,.90) 36%,rgba(248,245,237,.48) 51%,rgba(248,245,237,.04) 69%),url('/static/_optimized/xin-xing-civilization-hero-20260826-v2.png.webp')!important;
  background-color:#eee9dc!important;
  background-position:center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
}
.poster-page-hero.civilization-poster:after{background:linear-gradient(0deg,rgba(16,27,45,.16),transparent 42%)!important}
.poster-page-hero.civilization-poster .poster-page-hero-copy{
  width:min(44%,660px)!important;align-items:flex-start!important;text-align:left!important;
}
.poster-page-hero.civilization-poster h1,
.poster-page-hero.civilization-poster .poster-page-hero-copy h1{
  width:100%!important;color:#14223a!important;
  font-size:clamp(42px,5vw,76px)!important;line-height:1.02!important;
  letter-spacing:-.035em!important;text-shadow:none!important;
}
html[lang="en"] .poster-page-hero.civilization-poster h1,
html[lang="es"] .poster-page-hero.civilization-poster h1{
  text-transform:none!important;letter-spacing:-.03em!important;font-size:clamp(38px,4.2vw,64px)!important;
}
.poster-page-hero.civilization-poster .poster-page-hero-copy p{
  max-width:29ch!important;margin:18px 0 0!important;color:#384657!important;
  font-size:clamp(16px,1.55vw,22px)!important;font-weight:650!important;
  line-height:1.56!important;letter-spacing:.01em!important;text-shadow:none!important;
}
@media(max-width:760px){
  .poster-page-hero.civilization-poster{
    min-height:480px!important;padding:42px 26px!important;
    background-position:68% center!important;
    background-image:linear-gradient(90deg,rgba(248,245,237,.97) 0%,rgba(248,245,237,.91) 56%,rgba(248,245,237,.34) 100%),url('/static/_optimized/xin-xing-civilization-hero-20260826-v2.png.webp')!important;
  }
  .poster-page-hero.civilization-poster .poster-page-hero-copy{width:min(69%,430px)!important}
  .poster-page-hero.civilization-poster h1,
  .poster-page-hero.civilization-poster .poster-page-hero-copy h1{font-size:clamp(39px,10.5vw,58px)!important}
  .poster-page-hero.civilization-poster .poster-page-hero-copy p{max-width:23ch!important;font-size:15px!important}
}

/* Translator comments: a dusk-blue field and warm horizon frame international
   voices without competing with the portrait. The title lives in the quiet
   right field, with a dedicated contrast layer in every language. */
body.translator-comments-page .editorial-hero{
  min-height:clamp(500px,55vw,660px)!important;
  display:flex;flex-direction:column;justify-content:center;
  padding:112px clamp(28px,5vw,92px) 78px clamp(50%,55vw,61%)!important;
  background-image:url('/static/_optimized/xuemo-translators-comments-hero-20260826.png.webp')!important;
  background-color:#10192b!important;background-position:center!important;
  background-size:cover!important;box-shadow:none!important;
}
body.translator-comments-page .editorial-hero:after{
  background:linear-gradient(90deg,rgba(5,10,22,.04) 0%,rgba(5,10,22,.12) 36%,rgba(5,10,22,.48) 62%,rgba(5,10,22,.70) 100%)!important;
}
body.translator-comments-page .editorial-hero h1{
  color:#fff4df!important;text-shadow:0 3px 22px rgba(3,7,18,.85)!important;
}
body.translator-comments-page .editorial-hero p{
  color:#f2e8d6!important;text-shadow:0 2px 16px rgba(3,7,18,.9)!important;
}

/* Header migration 2026-09-06: the former translator visual now introduces
   Topics and its detailed catalogue pages. */
body.topics-page .editorial-hero,
body.topic-detail-page .editorial-hero{
  min-height:clamp(500px,55vw,660px)!important;
  display:flex;flex-direction:column;justify-content:center;
  padding:112px 52% 78px max(32px,calc((100vw - 1260px)/2))!important;
  background-image:linear-gradient(90deg,rgba(5,10,22,.78) 0%,rgba(5,10,22,.54) 40%,rgba(5,10,22,.14) 67%,rgba(5,10,22,.02) 100%),url('/static/_optimized/xuemo-translators-comments-hero-20260826.png.webp')!important;
  background-color:#10192b!important;background-position:center!important;
  background-size:cover!important;box-shadow:none!important;
}
body.topics-page .editorial-hero:after,
body.topic-detail-page .editorial-hero:after{background:linear-gradient(0deg,rgba(4,8,19,.20),transparent 48%)!important}
body.topics-page .editorial-hero h1,
body.topic-detail-page .editorial-hero h1{color:#fff4df!important;text-shadow:0 3px 22px rgba(3,7,18,.85)!important}
body.topics-page .editorial-hero p,
body.topic-detail-page .editorial-hero p{color:#f2e8d6!important;text-shadow:0 2px 16px rgba(3,7,18,.9)!important}
body.topics-page .editorial-hero-action{display:inline-flex;align-items:center;gap:8px;width:max-content;margin-top:22px;padding:9px 0;border-bottom:1px solid rgba(255,244,223,.72);color:#fff4df!important;font:600 11px/1 var(--xm-mono);letter-spacing:.08em;text-decoration:none;text-transform:uppercase;text-shadow:0 2px 12px rgba(3,7,18,.75)}
body.topics-page .editorial-hero-action:hover{color:#e9c56f!important;border-color:#e9c56f}

/* The user-supplied ink-and-horse painting becomes the translator header. */
body.translator-comments-page .editorial-hero{
  min-height:clamp(500px,55vw,660px)!important;
  display:flex;flex-direction:column;justify-content:center;
  padding:112px 52% 78px max(32px,calc((100vw - 1260px)/2))!important;
  background-image:linear-gradient(90deg,rgba(250,248,242,.98) 0%,rgba(250,248,242,.91) 34%,rgba(250,248,242,.48) 53%,rgba(250,248,242,.04) 76%),url('/static/_optimized/xuemo-translators-comments-user-20260906.jpg.webp')!important;
  background-color:#f8f6ef!important;background-position:68% 72%!important;
  background-size:cover!important;box-shadow:none!important;
}
body.translator-comments-page .editorial-hero:after{background:linear-gradient(0deg,rgba(17,24,35,.12),transparent 46%)!important}
body.translator-comments-page .editorial-hero h1{color:#17263d!important;text-shadow:0 2px 18px rgba(255,255,255,.94)!important}
body.translator-comments-page .editorial-hero p{color:#384657!important;text-shadow:0 2px 14px rgba(255,255,255,.96)!important}

/* Scholarship: the ink painting supplies a calm paper field for the localized
   title. Deep ink text stays readable without obscuring the calligraphy. */
body.scholarship-page .editorial-hero{
  min-height:clamp(500px,54vw,650px)!important;
  display:flex;flex-direction:column;justify-content:center;
  padding:112px 53% 78px max(32px,calc((100vw - 1260px)/2))!important;
  background-image:linear-gradient(90deg,rgba(250,247,239,.98) 0%,rgba(250,247,239,.93) 44%,rgba(250,247,239,.61) 57%,rgba(250,247,239,.12) 76%),url('/static/_optimized/xuemo-scholarship-hero-20260826.png.webp')!important;
  background-color:#f2eee3!important;background-position:center!important;
  background-size:cover!important;box-shadow:none!important;
}
body.scholarship-page .editorial-hero:after{
  background:linear-gradient(0deg,rgba(12,20,35,.15),transparent 44%)!important;
}
body.scholarship-page .editorial-hero h1{
  color:#17263d!important;text-shadow:0 2px 18px rgba(255,255,255,.94)!important;
}
body.scholarship-page .editorial-hero p{
  color:#384657!important;font-weight:650!important;text-shadow:0 2px 14px rgba(255,255,255,.96)!important;
}
@media(max-width:900px){
  body.topics-page .editorial-hero,
  body.topic-detail-page .editorial-hero{
    min-height:560px!important;justify-content:flex-end;padding:104px 24px 56px!important;
    background-position:64% center!important;
    background-image:linear-gradient(0deg,rgba(4,8,19,.72) 0%,rgba(4,8,19,.43) 47%,rgba(4,8,19,.06) 100%),url('/static/_optimized/xuemo-translators-comments-hero-20260826.png.webp')!important;
  }
  body.translator-comments-page .editorial-hero{
    min-height:560px!important;justify-content:flex-end;
    padding:104px 24px 56px!important;background-position:70% 72%!important;
    background-image:linear-gradient(0deg,rgba(250,248,242,.96) 0%,rgba(250,248,242,.83) 47%,rgba(250,248,242,.12) 100%),url('/static/_optimized/xuemo-translators-comments-user-20260906.jpg.webp')!important;
  }
  body.translator-comments-page .editorial-hero:after{
    background:linear-gradient(0deg,rgba(17,24,35,.12),transparent 55%)!important;
  }
  body.scholarship-page .editorial-hero{
    min-height:510px!important;padding:104px 24px 56px!important;background-position:62% center!important;
    background-image:linear-gradient(90deg,rgba(250,247,239,.97),rgba(250,247,239,.85) 62%,rgba(250,247,239,.42)),url('/static/_optimized/xuemo-scholarship-hero-20260826.png.webp')!important;
  }
}

/* Books: the mountain portrait remains visible on the right, while localized
   library copy sits on the composed indigo field at left. */
body.books-page .works-hero{
  min-height:clamp(500px,55vw,660px)!important;
  padding:112px 53% 78px max(32px,calc((100vw - 1260px)/2))!important;
  background-image:linear-gradient(90deg,rgba(5,13,29,.94) 0%,rgba(7,17,36,.76) 42%,rgba(8,18,36,.35) 61%,rgba(8,18,36,.03) 83%),url('/static/_optimized/xuemo-books-hero-20260826.png.webp')!important;
  background-color:#0d1d33!important;background-position:center!important;
  background-size:cover!important;box-shadow:none!important;
}
body.books-page .works-hero:after{background:linear-gradient(0deg,rgba(4,9,20,.42),transparent 54%)!important}
body.books-page .works-hero h1{color:#fff4df!important;text-shadow:0 3px 22px rgba(1,5,14,.88)!important}
body.books-page .works-hero>p{color:#f1e7d7!important;text-shadow:0 2px 16px rgba(1,5,14,.9)!important}

/* Ink-paper pages share the same open reading field. The supplied artwork is
   kept wholly to the right so the living page title never competes with it. */
body.journals-page .editorial-hero,
body.international-dialogues-page .editorial-hero,
body.institute-page .editorial-hero,
body.routledge-page .editorial-hero{
  min-height:clamp(500px,54vw,650px)!important;
  display:flex;flex-direction:column;justify-content:center;
  padding:112px 53% 78px max(32px,calc((100vw - 1260px)/2))!important;
  background-color:#f4f0e6!important;background-position:center!important;
  background-size:cover!important;box-shadow:none!important;
}
body.journals-page .editorial-hero{background-image:linear-gradient(90deg,rgba(250,247,239,.98) 0%,rgba(250,247,239,.93) 45%,rgba(250,247,239,.62) 58%,rgba(250,247,239,.10) 78%),url('/static/_optimized/xuemo-journals-hero-20260826.png.webp')!important}
body.international-dialogues-page .editorial-hero{background-image:linear-gradient(90deg,rgba(250,247,239,.98) 0%,rgba(250,247,239,.93) 45%,rgba(250,247,239,.61) 59%,rgba(250,247,239,.10) 78%),url('/static/_optimized/xuemo-international-dialogues-hero-20260826.png.webp')!important}
body.institute-page .editorial-hero{background-image:linear-gradient(90deg,rgba(250,247,239,.98) 0%,rgba(250,247,239,.92) 45%,rgba(250,247,239,.60) 59%,rgba(250,247,239,.09) 78%),url('/static/_optimized/xuemo-institute-hero-20260826.png.webp')!important}
body.routledge-page .editorial-hero{background-image:linear-gradient(90deg,rgba(250,247,239,.98) 0%,rgba(250,247,239,.92) 45%,rgba(250,247,239,.59) 59%,rgba(250,247,239,.08) 78%),url('/static/_optimized/xuemo-routledge-hero-20260826.png.webp')!important}
body.journals-page .editorial-hero:after,
body.international-dialogues-page .editorial-hero:after,
body.institute-page .editorial-hero:after,
body.routledge-page .editorial-hero:after{background:linear-gradient(0deg,rgba(10,18,32,.14),transparent 45%)!important}
body.journals-page .editorial-hero h1,
body.international-dialogues-page .editorial-hero h1,
body.institute-page .editorial-hero h1,
body.routledge-page .editorial-hero h1{color:#17263d!important;text-shadow:0 2px 18px rgba(255,255,255,.96)!important}
body.journals-page .editorial-hero p,
body.international-dialogues-page .editorial-hero p,
body.institute-page .editorial-hero p,
body.routledge-page .editorial-hero p{color:#384657!important;font-weight:650!important;text-shadow:0 2px 14px rgba(255,255,255,.96)!important}

/* Third International Xuemo Studies: a dusk-to-sand gradient protects copy in
   every locale while preserving the supplied desert portrait. */
body.international-studies-page .editorial-hero{
  min-height:clamp(500px,55vw,660px)!important;
  display:flex;flex-direction:column;justify-content:center;
  padding:112px 53% 78px max(32px,calc((100vw - 1260px)/2))!important;
  background-image:linear-gradient(90deg,rgba(5,13,29,.91) 0%,rgba(7,17,36,.72) 43%,rgba(8,18,36,.32) 63%,rgba(8,18,36,.02) 84%),url('/static/_optimized/xuemo-studies-2026-hero-20260826.png.webp')!important;
  background-color:#18243a!important;background-position:center!important;
  background-size:cover!important;box-shadow:none!important;
}
body.international-studies-page .editorial-hero:after{background:linear-gradient(0deg,rgba(4,9,20,.38),transparent 52%)!important}
body.international-studies-page .editorial-hero h1{color:#fff4df!important;text-shadow:0 3px 22px rgba(1,5,14,.9)!important}
body.international-studies-page .editorial-hero p{color:#f1e7d7!important;text-shadow:0 2px 16px rgba(1,5,14,.9)!important}
@media(max-width:900px){
  body.books-page .works-hero,
  body.international-studies-page .editorial-hero{
    min-height:580px!important;padding:104px 24px 56px!important;background-position:67% center!important;
  }
  body.books-page .works-hero{padding-bottom:76px!important}
  body.journals-page .editorial-hero,
  body.international-dialogues-page .editorial-hero,
  body.institute-page .editorial-hero,
  body.routledge-page .editorial-hero{
    min-height:510px!important;padding:104px 24px 56px!important;background-position:65% center!important;
  }
}

/* Xuemo Dictionary: replace the former construction notice with one focused,
   usable search entrance into the live concept library. */
.dictionary-search-console{
  margin-top:clamp(42px,6vw,76px);padding:clamp(24px,4vw,46px);
  border:1px solid rgba(213,168,66,.46);background:linear-gradient(125deg,#0d1428,#192744);
  box-shadow:0 26px 66px rgba(10,18,38,.18);
}
.dictionary-search-brand{display:flex;align-items:baseline;justify-content:space-between;gap:18px;margin-bottom:24px;color:#fff4df}
.dictionary-search-brand span{font:700 clamp(28px,3.5vw,48px)/1.05 var(--xm-serif)!important;letter-spacing:-.035em}
.dictionary-search-brand strong{color:#e2bd72;font:500 11px/1.4 var(--xm-mono)!important;letter-spacing:.14em;text-transform:uppercase}
.dictionary-search-row{display:grid;grid-template-columns:minmax(0,1fr) auto;border:1px solid rgba(242,234,219,.32);background:rgba(255,255,255,.055)}
.dictionary-search-row input{min-width:0;height:64px;padding:0 20px;border:0;background:transparent;color:#fff4df;outline:0;font:500 16px var(--xm-serif)!important}
.dictionary-search-row input::placeholder{color:rgba(255,244,223,.67)}
.dictionary-search-row button{min-width:148px;padding:0 22px;border:0;background:#d5a842;color:#111b30;cursor:pointer;font:700 11px var(--xm-mono)!important;letter-spacing:.1em;text-transform:uppercase;transition:filter .2s ease}
.dictionary-search-row button:hover{filter:brightness(1.1)}
.dictionary-results{margin-top:32px;padding:30px;border:1px solid rgba(213,168,66,.34);background:rgba(10,21,38,.72);color:#fff4df}
.dictionary-results h2{margin:0;color:#fff4df;font:700 clamp(22px,2.6vw,34px)/1.1 var(--xm-serif)!important}
.dictionary-result-count,.dictionary-result-empty{margin:10px 0 0;color:rgba(255,244,223,.84)!important}
.dictionary-results>div{display:grid;gap:12px;margin-top:22px}
.dictionary-result{position:relative;display:flex;justify-content:space-between;gap:18px;padding:20px;border:1px solid rgba(255,244,223,.17);background:rgba(255,255,255,.045)}
.dictionary-result-category,.dictionary-result-review{display:inline-block;color:#d5a842;font:700 10px/1.2 var(--xm-mono)!important;letter-spacing:.11em;text-transform:uppercase}
.dictionary-result h3{margin:8px 0 2px;color:#fff4df;font:700 23px/1.1 var(--xm-serif)!important}
.dictionary-result-secondary{margin:0;color:#e2bd72!important;font:500 12px/1.45 var(--xm-mono)!important;letter-spacing:.04em}
.dictionary-result p:not(.dictionary-result-secondary):not(.dictionary-result-source){margin:10px 0 0;color:#fff4df!important;line-height:1.72}
.dictionary-result-source{margin:12px 0 0;color:rgba(255,244,223,.74)!important;font-size:13px!important}
.dictionary-result-source b{color:#e2bd72}
.dictionary-result-review{align-self:flex-start;flex:none;padding:7px 8px;border:1px solid rgba(213,168,66,.42);white-space:nowrap}
@media(max-width:620px){
  .dictionary-search-console{padding:26px 22px}
  .dictionary-search-brand{display:block}
  .dictionary-search-brand strong{display:block;margin-top:8px}
  .dictionary-search-row{grid-template-columns:1fr}
  .dictionary-search-row button{min-height:52px}
  .dictionary-result{display:block}
  .dictionary-result-review{margin-top:14px}
}

/* Academic Community: preserve a deliberate hierarchy on deep navy panels. */
.portal .network-union-head :where(h2,p,b,em,span){
  color:#c9a45b!important;
}
.portal .network-forum>h2,
.portal .network-forum .network-prose p{
  color:#fff4df!important;
}

/* Non-negotiable visual rule: every dark surface uses antique gold for
   hierarchy (normally headings) and ivory for reading copy. This is a release
   gate of equal importance to every catalogue cover rendering correctly. */
.portal .scholarship-submission>h2,
.portal .network-union-head :where(h2,p,b,em,span){
  color:#c9a45b!important;
}
.portal .journal-values p,
.portal .journal-values li{
  color:#fff4df!important;
}

/* Academic Community: a quiet ink-paper field leaves the localized heading
   in the open left space and preserves the supplied calligraphy at right. */
body.academic-network-page .editorial-hero{
  min-height:clamp(500px,54vw,650px)!important;
  display:flex;flex-direction:column;justify-content:center;
  padding:112px 53% 78px max(32px,calc((100vw - 1260px)/2))!important;
  background-image:linear-gradient(90deg,rgba(250,247,239,.985) 0%,rgba(250,247,239,.94) 45%,rgba(250,247,239,.64) 59%,rgba(250,247,239,.10) 78%),url('/static/_optimized/xuemo-academic-network-hero-20260826.png.webp')!important;
  background-color:#f5f1e8!important;background-position:center!important;
  background-size:cover!important;box-shadow:none!important;
}
body.academic-network-page .editorial-hero:after{
  background:linear-gradient(0deg,rgba(10,18,32,.13),transparent 46%)!important;
}
body.academic-network-page .editorial-hero h1{
  color:#17263d!important;text-shadow:0 2px 18px rgba(255,255,255,.96)!important;
}
body.academic-network-page .editorial-hero p{
  color:#384657!important;font-weight:650!important;text-shadow:0 2px 14px rgba(255,255,255,.96)!important;
}
@media(max-width:900px){
  body.academic-network-page .editorial-hero{
    min-height:510px!important;padding:104px 24px 56px!important;background-position:67% center!important;
    background-image:linear-gradient(90deg,rgba(250,247,239,.97),rgba(250,247,239,.85) 62%,rgba(250,247,239,.40)),url('/static/_optimized/xuemo-academic-network-hero-20260826.png.webp')!important;
  }
}

/* 2026-08-27 calligraphy hero trials. Authentic ink remains the visual anchor;
   the generated extensions only provide a calm multilingual title field. */
body.papers-page .editorial-hero,
body.core-concepts-page .editorial-hero,
body.reception-page .editorial-hero{
  min-height:clamp(500px,54vw,650px)!important;
  display:flex;flex-direction:column;justify-content:center;
  background-position:center!important;background-size:cover!important;
  box-shadow:none!important;
}
.editorial-grid>*{min-width:0}
.core-concept-map a,.core-concept-card{min-width:0;overflow-wrap:anywhere}
body.papers-page .editorial-hero,
body.core-concepts-page .editorial-hero{
  padding:112px 53% 78px max(32px,calc((100vw - 1260px)/2))!important;
  background-color:#f3ecdc!important;
}
body.papers-page .editorial-hero{
  background-image:url('/static/_optimized/xuemo-papers-calligraphy-hero-20260827-v2.png.webp')!important;
  background-color:#fff!important;
}
body.core-concepts-page .editorial-hero{
  background-color:#fff!important;
  background-image:linear-gradient(90deg,rgba(255,255,255,.95) 0%,rgba(255,255,255,.85) 44%,rgba(255,255,255,.34) 61%,rgba(255,255,255,.03) 80%),url('/static/xuemo-core-concepts-calligraphy-transparent-20260905.png')!important;
}
body.papers-page .editorial-hero:after,
body.core-concepts-page .editorial-hero:after{
  background:linear-gradient(0deg,rgba(17,29,48,.12),transparent 46%)!important;
}
body.papers-page .editorial-hero:after,
body.core-concepts-page .editorial-hero:after{background:none!important}
body.core-concepts-page .editorial-hero:before{background:none!important}

/* User's original meeting photograph: retain both people without cropping. */
#xuemo-singapore-cultural-exchange-2025 .event-place{height:auto!important;min-height:0!important;aspect-ratio:auto!important;background:transparent}
#xuemo-singapore-cultural-exchange-2025 .event-place img{width:100%;height:auto!important;min-height:0!important;object-fit:contain!important;filter:none;transform:none!important}
#xuemo-singapore-cultural-exchange-2025 .event-place:after{display:none}
body.papers-page .editorial-hero .editorial-kicker,
body.core-concepts-page .editorial-hero .editorial-kicker{
  color:#93681f!important;text-shadow:0 1px 12px rgba(255,255,255,.95)!important;
}
body.papers-page .editorial-hero h1,
body.core-concepts-page .editorial-hero h1{
  color:#17263d!important;text-shadow:0 2px 18px rgba(255,255,255,.97)!important;
}
body.papers-page .editorial-hero h1,
body.papers-page .editorial-hero p,
body.papers-page .editorial-hero .editorial-kicker{text-shadow:none!important}
body.papers-page .editorial-hero p,
body.core-concepts-page .editorial-hero p{
  max-width:620px!important;color:#384657!important;font-weight:650!important;
  text-shadow:0 2px 14px rgba(255,255,255,.97)!important;
}
body.reception-page .editorial-hero{
  padding:112px 53% 78px max(32px,calc((100vw - 1260px)/2))!important;
  background-color:#172235!important;
  background-image:linear-gradient(90deg,rgba(9,18,34,.88) 0%,rgba(10,20,38,.69) 44%,rgba(10,20,38,.28) 61%,rgba(10,20,38,.02) 82%),url('/static/_optimized/xuemo-international-reception-calligraphy-hero-20260827.png.webp')!important;
}
body.reception-page .editorial-hero:after{
  background:linear-gradient(0deg,rgba(2,7,16,.34),transparent 48%)!important;
}
body.reception-page .editorial-hero .editorial-kicker{color:#d5a842!important;text-shadow:0 2px 14px rgba(1,5,14,.9)!important}
body.reception-page .editorial-hero h1{color:#fff4df!important;text-shadow:0 3px 22px rgba(1,5,14,.92)!important}
body.reception-page .editorial-hero p{max-width:620px!important;color:#f1e7d7!important;font-weight:600!important;text-shadow:0 2px 16px rgba(1,5,14,.92)!important}
@media(max-width:900px){
  body.papers-page .editorial-hero,
  body.core-concepts-page .editorial-hero{
    min-height:510px!important;padding:104px 24px 56px!important;background-position:67% center!important;
  }
  body.papers-page .editorial-hero{
    background-image:url('/static/_optimized/xuemo-papers-calligraphy-hero-20260827-v2.png.webp')!important;
    background-position:right 10px center!important;
    background-size:auto 58%!important;
    background-repeat:no-repeat!important;
  }
  body.papers-page .editorial-hero h1,
  body.papers-page .editorial-hero p{max-width:56%!important}
  body.core-concepts-page .editorial-hero{
    background-image:linear-gradient(90deg,rgba(255,255,255,.97),rgba(255,255,255,.87) 64%,rgba(255,255,255,.34)),url('/static/xuemo-core-concepts-calligraphy-transparent-20260905.png')!important;
  }
  body.reception-page .editorial-hero{
    min-height:560px!important;padding:104px 24px 56px!important;background-position:69% center!important;
    background-image:linear-gradient(90deg,rgba(8,17,33,.94),rgba(8,17,33,.76) 64%,rgba(8,17,33,.28)),url('/static/_optimized/xuemo-international-reception-calligraphy-hero-20260827.png.webp')!important;
  }
  body.reception-page .editorial-hero p{max-width:92%!important}
}

/* Literary Awards: the gallery portrait stays visible at right, with a warm
   paper field on the left for every localized title and introduction. */
body.awards-page .editorial-hero{
  min-height:clamp(500px,54vw,650px)!important;
  display:flex;flex-direction:column;justify-content:center;
  padding:112px 53% 78px max(32px,calc((100vw - 1260px)/2))!important;
  background-image:linear-gradient(90deg,rgba(248,245,237,.985) 0%,rgba(248,245,237,.94) 45%,rgba(248,245,237,.64) 59%,rgba(248,245,237,.12) 79%),url('/static/_optimized/xuemo-awards-hero-20260826.png.webp')!important;
  background-color:#f4f0e7!important;background-position:center!important;
  background-size:cover!important;box-shadow:none!important;
}
body.awards-page .editorial-hero:after{
  background:linear-gradient(0deg,rgba(10,18,32,.14),transparent 45%)!important;
}
body.awards-page .editorial-hero .editorial-kicker{color:#9a6c1d!important;text-shadow:0 1px 12px rgba(255,255,255,.96)!important}
body.awards-page .editorial-hero h1{color:#17263d!important;text-shadow:0 2px 18px rgba(255,255,255,.96)!important}
body.awards-page .editorial-hero p{color:#384657!important;font-weight:650!important;text-shadow:0 2px 14px rgba(255,255,255,.96)!important}
@media(max-width:900px){
  body.awards-page .editorial-hero{
    min-height:510px!important;padding:104px 24px 56px!important;background-position:66% center!important;
    background-image:linear-gradient(90deg,rgba(248,245,237,.975),rgba(248,245,237,.87) 62%,rgba(248,245,237,.40)),url('/static/_optimized/xuemo-awards-hero-20260826.png.webp')!important;
  }
}

/* Events: a source-first, chronological ledger.  The dark header observes the
   project contrast rule: headings use antique gold and explanatory text ivory. */
body.events-page{background:#f3efe6!important;color:#172137!important}
.events-hero{position:relative;overflow:hidden;min-height:510px;padding:164px max(32px,calc((100vw - 1180px)/2)) 88px;background:#101b2c;color:#f6eddb;isolation:isolate}
.events-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 23%,rgba(204,150,59,.29),transparent 18%),radial-gradient(circle at 68% 74%,rgba(53,105,137,.28),transparent 29%),linear-gradient(118deg,transparent 54%,rgba(239,204,126,.08) 54.1%,transparent 54.4%),linear-gradient(146deg,transparent 38%,rgba(239,204,126,.11) 38.1%,transparent 38.4%);z-index:-1}
.events-hero:after{content:"";position:absolute;right:-7vw;bottom:-11vw;width:37vw;height:37vw;border:1px solid rgba(236,194,101,.25);border-radius:50%;box-shadow:0 0 0 52px rgba(236,194,101,.035),0 0 0 104px rgba(236,194,101,.025);z-index:-1}
.events-hero-inner{max-width:830px}.events-kicker{display:flex;align-items:center;gap:12px;color:#d6a64d;font:600 11px/1.2 var(--xm-mono);letter-spacing:.15em;text-transform:uppercase}.events-kicker:before{content:"";width:48px;height:1px;background:currentColor}.events-hero h1{max-width:760px;margin:26px 0 20px;color:#e2b85d!important;font:700 clamp(60px,9vw,130px)/.86 var(--xm-serif);letter-spacing:-.075em}.events-hero p{max-width:640px;margin:0;color:#f6eddb!important;font:500 clamp(17px,2vw,22px)/1.78 var(--xm-serif)}.events-hero-count{display:flex;align-items:baseline;gap:11px;margin-top:42px;color:#d5c4a5;font:500 11px/1.4 var(--xm-mono);letter-spacing:.1em;text-transform:uppercase}.events-hero-count span{color:#e2b85d;font:700 44px/.8 var(--xm-serif);letter-spacing:-.04em}
.events-main{max-width:1180px;margin:0 auto;padding:0 32px 110px}.events-ledger-intro{display:grid;grid-template-columns:minmax(240px,.72fr) minmax(330px,1.28fr);gap:72px;align-items:end;padding:76px 0 30px;border-bottom:1px solid rgba(23,33,55,.22)}.events-ledger-intro>div{display:flex;align-items:baseline;gap:14px}.events-ledger-intro span{color:#aa7622;font:500 11px var(--xm-mono);letter-spacing:.12em}.events-ledger-intro h2{margin:0;color:#172137!important;font:700 clamp(32px,4vw,52px)/1 var(--xm-serif);letter-spacing:-.045em}.events-ledger-intro p{max-width:600px;margin:0;color:#4e5561!important;font:500 14px/1.85 var(--xm-serif)}
.events-filter{display:flex;gap:0;overflow:auto;padding:25px 0 20px;border-bottom:1px solid rgba(23,33,55,.18);scrollbar-width:none}.events-filter::-webkit-scrollbar{display:none}.events-filter button{flex:0 0 auto;padding:10px 16px;border:0;border-right:1px solid rgba(23,33,55,.16);background:transparent;color:#5a606b;cursor:pointer;font:600 10px/1 var(--xm-mono);letter-spacing:.07em;text-transform:uppercase}.events-filter button:first-child{padding-left:0}.events-filter button.is-bookfair-child{position:relative;padding-left:28px;color:#7a756d;font-size:9px;background:rgba(183,128,41,.035)}.events-filter button.is-bookfair-child:before{content:"↳";position:absolute;left:12px;top:50%;transform:translateY(-54%);color:#b78029}.events-filter button.is-active,.events-filter button:hover{color:#a97019}.events-filter button.is-active{position:relative}.events-filter button.is-active:after{content:"";position:absolute;bottom:-21px;left:13px;right:13px;height:2px;background:#b78029}.events-filter button:first-child.is-active:after{left:0}
.events-source-order{display:flex;align-items:baseline;justify-content:space-between;gap:34px;margin:0;padding:18px 0 22px;color:#78716a!important;font:500 10px/1.55 var(--xm-mono);letter-spacing:.06em;text-transform:uppercase}.events-source-order b{color:#a66f1c;font:700 20px/1 var(--xm-serif);letter-spacing:0}.events-source-order span{max-width:690px;text-align:right}.events-ledger{border-top:1px solid #172137}.event-row{display:grid;grid-template-columns:108px minmax(185px,.65fr) minmax(0,1.5fr);gap:24px;align-items:start;padding:28px 0;border-bottom:1px solid rgba(23,33,55,.18);transition:background .2s ease}.event-row:hover{background:rgba(255,255,255,.33)}.event-date{display:flex;flex-direction:column;align-items:flex-start;gap:7px;padding:7px 0 0;color:#172137;font-family:var(--xm-mono)}.event-date-stamp{display:flex;gap:8px;align-items:baseline}.event-date b{color:#9b6719;font:700 18px/1 var(--xm-serif);letter-spacing:-.03em}.event-date span{color:#74777b;font:500 9px/1.35 var(--xm-mono);letter-spacing:.08em}.event-date-year{color:#8a8580;font:500 9px/1.35 var(--xm-mono);letter-spacing:.11em}.event-city{max-width:104px;color:#565a61!important;font:600 8px/1.42 var(--xm-mono)!important;letter-spacing:.03em!important;text-transform:uppercase}.event-place{position:relative;min-height:142px;margin:0;overflow:hidden;background:#18253a}.event-place img{display:block;width:100%;height:100%;min-height:142px;object-fit:cover;filter:saturate(.82) contrast(1.03);transition:transform .45s ease}.event-row:hover .event-place img{transform:scale(1.035)}.event-place:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(11,18,30,.22),transparent 62%);pointer-events:none}.event-place figcaption{position:absolute;right:10px;bottom:8px;z-index:1;color:#f6eddb;font:500 8px/1.2 var(--xm-mono);letter-spacing:.07em;text-shadow:0 1px 3px rgba(0,0,0,.85);text-transform:uppercase}.event-place--text{display:flex;align-items:center;gap:7px;padding:20px;background:linear-gradient(135deg,#18253a,#314963)}.event-place--text i{display:block;width:1px;background:#c5943e}.event-place--text i:nth-child(1){height:78%}.event-place--text i:nth-child(2){height:46%;background:#f2e4c7}.event-place--text i:nth-child(3){height:63%}.event-detail{padding:2px 22px 4px 0}.event-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.event-meta>span:first-child{color:#a36d1d;font:600 9px/1.3 var(--xm-mono);letter-spacing:.12em;text-transform:uppercase}.event-evidence{color:#6b6e75!important;font:500 9px/1.3 var(--xm-mono);letter-spacing:.035em}.event-evidence:before{content:"/";margin-right:8px;color:#b08034}.event-detail h2{max-width:760px;margin:0;color:#172137!important;font:700 clamp(22px,2.2vw,32px)/1.2 var(--xm-serif);letter-spacing:-.035em}.event-detail p{max-width:760px;margin:12px 0 0;color:#525964!important;font:500 14px/1.8 var(--xm-serif)}.event-source{display:inline-flex;align-items:center;gap:9px;margin-top:18px;padding-bottom:3px;border-bottom:1px solid currentColor;color:#a0691a!important;font:600 10px/1.3 var(--xm-mono);letter-spacing:.07em;text-transform:uppercase}.event-source:hover{color:#172137!important}.events-empty{padding:70px 0;color:#6d6c6b;text-align:center;font:15px/1.6 var(--xm-serif)}
@media(max-width:820px){.events-hero{min-height:440px;padding:132px 24px 70px}.events-hero h1{font-size:clamp(56px,15vw,90px)}.events-main{padding:0 22px 76px}.events-ledger-intro{grid-template-columns:1fr;gap:24px;padding-top:52px}.events-source-order{display:block}.events-source-order span{display:block;margin-top:10px;text-align:left}.event-row{grid-template-columns:82px minmax(135px,.72fr) minmax(0,1.28fr);gap:14px}.event-detail{padding-right:6px}.event-detail h2{font-size:25px}.event-detail p{font-size:13px}.event-place,.event-place img{min-height:120px}}
@media(max-width:600px){.events-hero{padding-top:118px}.events-hero p{font-size:16px}.event-row{grid-template-columns:64px 1fr;gap:13px;padding:24px 0}.event-place{grid-column:2;grid-row:1;min-height:172px}.event-place img{min-height:172px}.event-date{grid-column:1;grid-row:1;display:block;padding-top:3px}.event-date b{display:block}.event-detail{grid-column:2;grid-row:2}.event-filter{margin:0 -22px;padding-left:22px;padding-right:22px}.events-filter button{padding:10px 13px}.event-detail h2{font-size:24px}.event-meta{margin-bottom:10px}}

/* Xin-Xing Civilization: the writer and manuscript remain at left while the
   quiet, deep-blue right field holds every language version of the page copy. */
.poster-page-hero.civilization-poster{
  min-height:clamp(500px,49vw,660px)!important;
  padding:clamp(48px,6.5vw,112px)!important;
  justify-content:flex-start!important;
  background-image:linear-gradient(90deg,rgba(5,12,24,.05) 0%,rgba(5,12,24,.10) 37%,rgba(5,12,24,.50) 57%,rgba(5,12,24,.86) 77%,rgba(5,12,24,.95) 100%),url('/static/_optimized/xin-xing-civilization-hero-20260826-v3.png.webp')!important;
  background-color:#07111f!important;background-position:center!important;
}
.poster-page-hero.civilization-poster:after{background:linear-gradient(0deg,rgba(3,9,19,.42),transparent 52%)!important}
.poster-page-hero.civilization-poster .poster-page-hero-copy{
  width:min(45%,670px)!important;margin-left:auto!important;
  align-items:flex-start!important;text-align:left!important;
}
.poster-page-hero.civilization-poster h1,
.poster-page-hero.civilization-poster .poster-page-hero-copy h1{
  color:#e2b85d!important;text-shadow:0 3px 24px rgba(1,5,13,.90)!important;
}
.poster-page-hero.civilization-poster .poster-page-hero-copy p{
  max-width:31ch!important;color:#f6eddb!important;font-weight:600!important;
  text-shadow:0 2px 18px rgba(1,5,13,.94)!important;
}
@media(max-width:760px){
  .poster-page-hero.civilization-poster{
    min-height:510px!important;padding:42px 26px!important;background-position:33% center!important;
    background-image:linear-gradient(0deg,rgba(4,11,23,.94) 0%,rgba(4,11,23,.80) 44%,rgba(4,11,23,.28) 100%),url('/static/_optimized/xin-xing-civilization-hero-20260826-v3.png.webp')!important;
  }
  .poster-page-hero.civilization-poster .poster-page-hero-copy{width:100%!important;margin-top:auto!important}
  .poster-page-hero.civilization-poster .poster-page-hero-copy p{max-width:29ch!important}
}

/* The camera window pans left: the original, unmirrored photograph moves
   right, freeing the yellow-clad guest from long translated headlines.
   The opaque left field blends the photo edge without editing its pixels. */
.events-hero{
  background-image:linear-gradient(90deg,#070f1d 0%,#070f1d 27%,rgba(7,15,29,.94) 40%,rgba(7,15,29,.55) 59%,rgba(7,15,29,.08) 84%),url('/static/_optimized/xuemo-events-hero-20260826-v3.png.webp')!important;
  background-position:center,calc(50% + clamp(120px,23vw,440px)) center!important;background-size:cover!important;background-repeat:no-repeat!important;
}
.events-hero:before{background:linear-gradient(0deg,rgba(4,10,21,.42),transparent 52%)!important}
.events-hero:after{display:none!important}
/* This is a physical photo-safe field in every language, including RTL.
   Reading direction stays locale-owned; neither the photo nor text is flipped. */
.events-hero-inner{max-width:min(760px,55vw);margin-left:0;margin-right:auto}
@media(max-width:820px){
  /* Narrow viewports cannot fit translated copy beside a face. Keep the
     existing copy and type sizes, and reserve a photo band below the counter. */
  .events-hero{
    --events-photo-height:max(280px,57.724vw);
    padding-bottom:calc(var(--events-photo-height) + 24px);
    background-image:linear-gradient(0deg,rgba(7,15,29,.08),rgba(7,15,29,.15) calc(var(--events-photo-height) - 60px),#070f1d calc(var(--events-photo-height) + 5px)),url('/static/_optimized/xuemo-events-hero-20260826-v3.png.webp')!important;
    background-size:cover,auto var(--events-photo-height)!important;
    background-position:center,left bottom!important;
  }
  .events-hero-inner{max-width:830px}
}

/* Xuemo Dictionary search results: search first, then show a calm editorial
   list with a clear reading order, generous spacing, and visible provenance. */
.dictionary-search-area{width:min(1180px,calc(100% - 48px));margin:0 auto;padding:clamp(42px,6vw,82px) 0 0}
.dictionary-search-area .dictionary-search-console{margin:0;padding:clamp(28px,4.1vw,52px);border:1px solid rgba(213,168,66,.48);background:linear-gradient(122deg,#0b1426,#192945);box-shadow:0 24px 58px rgba(10,18,38,.18)}
.dictionary-search-area .dictionary-search-brand{margin-bottom:26px}.dictionary-search-area .dictionary-search-brand span{color:#fff4df!important}.dictionary-search-area .dictionary-search-brand strong{color:#e2bd72!important}
.dictionary-search-area .dictionary-search-row{border-color:rgba(242,234,219,.38);background:rgba(255,255,255,.055)}
.dictionary-search-area .dictionary-search-row input{color:#fff4df!important}.dictionary-search-area .dictionary-search-row button{background:#d8ae56!important;color:#111b30!important}
.dictionary-results{margin:0!important;padding:clamp(26px,3.4vw,44px)!important;border:1px solid rgba(21,33,55,.16)!important;border-top:0!important;background:#f8f4eb!important;color:#172137!important;box-shadow:0 20px 52px rgba(10,18,38,.10)}
.dictionary-results>header{display:flex;align-items:baseline;justify-content:space-between;gap:24px;padding-bottom:22px;border-bottom:1px solid rgba(23,33,55,.18)}
.dictionary-results h2{margin:0!important;color:#172137!important;font:700 clamp(27px,3vw,42px)/1.08 var(--xm-serif)!important;letter-spacing:-.035em}
.dictionary-result-count,.dictionary-result-empty{margin:0!important;color:#776a57!important;font:600 10px/1.5 var(--xm-mono)!important;letter-spacing:.08em;text-transform:uppercase}
.dictionary-results>div{display:grid!important;gap:0!important;margin:0!important}
.dictionary-result{display:grid!important;grid-template-columns:58px minmax(0,1fr) minmax(160px,.42fr)!important;gap:24px!important;align-items:start!important;padding:25px 0!important;border:0!important;border-bottom:1px solid rgba(23,33,55,.16)!important;background:transparent!important}
.dictionary-result:last-child{border-bottom:0!important}
.dictionary-result-number{padding-top:3px;color:#b27d28;font:700 17px/1 var(--xm-serif)!important;letter-spacing:-.04em}
.dictionary-result-main{min-width:0}.dictionary-result-heading{display:flex;align-items:center;gap:10px;min-height:15px}
.dictionary-result-category{color:#9d6a1d!important;font:700 10px/1.3 var(--xm-mono)!important;letter-spacing:.10em;text-transform:uppercase}
.dictionary-result-review{padding:4px 7px!important;border:1px solid rgba(177,124,37,.42)!important;color:#8b611f!important;font:600 9px/1.2 var(--xm-mono)!important;letter-spacing:.06em;text-transform:none!important}
.dictionary-result h3{margin:7px 0 3px!important;color:#172137!important;font:700 clamp(23px,2.15vw,31px)/1.14 var(--xm-serif)!important;letter-spacing:-.025em}
.dictionary-result-secondary{margin:0!important;color:#a16c1d!important;font:600 11px/1.45 var(--xm-mono)!important;letter-spacing:.035em}
.dictionary-result-summary{max-width:760px;margin:11px 0 0!important;color:#4c5561!important;font:500 14px/1.78 var(--xm-serif)!important}
.dictionary-result-source{display:flex;flex-direction:column;gap:6px;min-width:0;margin:4px 0 0!important;padding:0 0 0 16px!important;border-left:1px solid rgba(178,125,40,.55);color:#626773!important;font:500 12px/1.55 var(--xm-serif)!important}
.dictionary-result-source b{color:#986719!important;font:700 9px/1.25 var(--xm-mono)!important;letter-spacing:.09em;text-transform:uppercase}.dictionary-result-source span{overflow-wrap:anywhere}
.dictionary-project-details{width:min(1180px,calc(100% - 48px));margin:clamp(56px,8vw,112px) auto 0}
@media(max-width:680px){
  .dictionary-search-area,.dictionary-project-details{width:min(100% - 40px,1180px)}
  .dictionary-search-area .dictionary-search-console{padding:28px 22px}
  .dictionary-results>header{display:block}.dictionary-result-count{margin-top:9px!important}
  .dictionary-result{grid-template-columns:38px minmax(0,1fr)!important;gap:12px!important;padding:22px 0!important}
  .dictionary-result-source{grid-column:2;margin-top:3px!important}
  .dictionary-result-summary{font-size:13px!important}.dictionary-result h3{font-size:24px!important}
}

/* Xin-Xing Civilization, revised composition: the supplied writer image lives
   at right, while a deliberate three-level text hierarchy occupies the quiet
   left field. Deep ground uses antique gold for the main title and ivory for
   supporting copy, following the site-wide contrast rule. */
.poster-page-hero.civilization-poster{
  background-image:linear-gradient(90deg,rgba(3,10,21,.96) 0%,rgba(3,10,21,.90) 36%,rgba(3,10,21,.58) 52%,rgba(3,10,21,.14) 78%),url('/static/_optimized/xin-xing-civilization-hero-20260826-v4.png.webp')!important;
  background-position:center!important;background-color:#050c18!important;
}
.poster-page-hero.civilization-poster .poster-page-hero-copy{
  width:min(47%,670px)!important;margin-left:0!important;margin-right:auto!important;
  align-items:flex-start!important;text-align:left!important;
}
.poster-page-hero.civilization-poster h1,
.poster-page-hero.civilization-poster .poster-page-hero-copy h1{margin:0!important;font-size:inherit!important;line-height:1!important}
.poster-page-hero.civilization-poster .civilization-hero-main{
  display:block;color:#e2b85d!important;font:700 clamp(52px,5.7vw,86px)/.96 var(--xm-serif)!important;
  letter-spacing:-.052em;text-shadow:0 3px 24px rgba(1,5,13,.90)!important;
}
.poster-page-hero.civilization-poster .civilization-hero-subtitle{
  display:block;margin-top:17px;color:#f6eddb!important;font:600 clamp(22px,2.3vw,38px)/1.17 var(--xm-serif)!important;
  letter-spacing:-.028em;text-shadow:0 2px 19px rgba(1,5,13,.92)!important;
}
.poster-page-hero.civilization-poster .poster-page-hero-copy p{
  max-width:37ch!important;margin:22px 0 0!important;color:#f6eddb!important;
  font:500 clamp(14px,1.28vw,18px)/1.76 var(--xm-serif)!important;letter-spacing:.01em!important;
  text-shadow:0 2px 18px rgba(1,5,13,.94)!important;
}
html[lang="en"] .poster-page-hero.civilization-poster .civilization-hero-main,
html[lang="es"] .poster-page-hero.civilization-poster .civilization-hero-main{font-size:clamp(40px,4.7vw,68px)!important;letter-spacing:-.04em!important}
html[lang="en"] .poster-page-hero.civilization-poster .civilization-hero-subtitle,
html[lang="es"] .poster-page-hero.civilization-poster .civilization-hero-subtitle{font-size:clamp(19px,2vw,31px)!important}
@media(max-width:760px){
  .poster-page-hero.civilization-poster{
    min-height:570px!important;padding:42px 26px!important;background-position:66% center!important;
    background-image:linear-gradient(0deg,rgba(3,10,21,.97) 0%,rgba(3,10,21,.88) 49%,rgba(3,10,21,.18) 100%),url('/static/_optimized/xin-xing-civilization-hero-20260826-v4.png.webp')!important;
  }
  .poster-page-hero.civilization-poster .poster-page-hero-copy{width:100%!important;margin-top:auto!important}
  .poster-page-hero.civilization-poster .civilization-hero-main{font-size:clamp(48px,14vw,68px)!important}
  .poster-page-hero.civilization-poster .civilization-hero-subtitle{margin-top:12px!important;font-size:clamp(21px,6vw,29px)!important}
  .poster-page-hero.civilization-poster .poster-page-hero-copy p{max-width:33ch!important;margin-top:16px!important;font-size:14px!important;line-height:1.65!important}
}

/* Dictionary result cards sit on a light paper field.  These explicit,
   page-scoped colors protect legibility from broad portal paragraph rules. */
body.dictionary-page .dictionary-search-area .dictionary-search-console{
  color:#fff4df!important;background:linear-gradient(122deg,#0b1426,#192945)!important;
}
body.dictionary-page .dictionary-results .dictionary-result-summary{
  color:#4c5561!important;
}
body.dictionary-page .dictionary-results .dictionary-result-source{
  color:#626773!important;
}
body.dictionary-page .dictionary-results .dictionary-result-source b{
  color:#986719!important;
}
body.dictionary-page .dictionary-results .dictionary-result-count,
body.dictionary-page .dictionary-results .dictionary-result-empty{
  color:#776a57!important;
}

/* Home / New releases: one shared visual establishes the pair, then two
   distinct editorial links take readers to a dedicated page for each book. */
.home-reader-picks-heading{display:grid!important;grid-template-columns:auto 1fr!important;align-items:end!important;gap:8px 22px!important}
.home-reader-picks-heading p{grid-column:2;max-width:550px;margin:0;color:#d9ceba!important;font:500 14px/1.65 var(--xm-serif)!important}
.home-new-releases-visual{display:block;width:min(100%,1040px);margin:0 auto;overflow:hidden;border:1px solid rgba(222,194,131,.26);background:#0a1108;box-shadow:0 16px 42px rgba(0,0,0,.24)}
.home-new-releases-visual img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:center 46%;filter:brightness(.96) saturate(.93);transition:transform .35s ease,filter .35s ease}
.home-new-releases-visual:hover img{transform:scale(1.008);filter:brightness(1) saturate(.98)}
.home-new-release-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;width:min(100%,1040px);margin:18px auto 0;border-top:1px solid rgba(222,194,131,.28);border-bottom:1px solid rgba(222,194,131,.28)}
.home-new-release-card{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:14px;align-items:center;min-height:134px;padding:20px 24px;color:#f6f0e2;text-decoration:none;transition:background .2s ease}
.home-new-release-card+.home-new-release-card{border-left:1px solid rgba(222,194,131,.28)}
.home-new-release-card:hover{background:rgba(222,194,131,.08)}
.home-new-release-index{align-self:start;color:#d6ad58;font:600 11px/1.2 var(--xm-mono);letter-spacing:.1em}
.home-new-release-copy{display:grid;gap:5px}.home-new-release-copy strong{color:#f6f0e2;font:600 clamp(20px,2vw,28px)/1.1 var(--xm-serif);letter-spacing:-.025em}.home-new-release-copy small{color:#e4c77f;font:600 10px/1.5 var(--xm-mono);letter-spacing:.07em;text-transform:uppercase}.home-new-release-copy em{color:#d9ceba;font:400 13px/1.55 var(--xm-serif);font-style:normal}
.home-new-release-arrow{color:#d9b45e;font:600 10px/1.3 var(--xm-mono);letter-spacing:.08em;white-space:nowrap}
.home-new-release-card:focus-visible,.home-new-releases-visual:focus-visible{outline:2px solid #e0b960;outline-offset:4px}
@media(max-width:680px){.home-reader-picks-heading{display:block!important}.home-reader-picks-heading span{display:block;margin-bottom:7px}.home-reader-picks-heading p{margin-top:11px!important}.home-new-release-grid{grid-template-columns:1fr}.home-new-release-card{min-height:120px;padding:18px 4px}.home-new-release-card+.home-new-release-card{border-left:0;border-top:1px solid rgba(222,194,131,.28)}.home-new-release-arrow{display:none}.home-new-release-copy strong{font-size:25px}.home-new-releases-visual img{aspect-ratio:4/3;object-position:center}}

/* Individual new-release pages: a restrained reading path from the shared
   announcement artwork to a concise, self-contained book introduction. */
body.book-release-page{background:#f4f0e7!important;color:#172137!important}
.book-release-hero{min-height:clamp(510px,48vw,680px);display:flex;align-items:flex-end;padding:150px max(32px,calc((100vw - 1180px)/2)) 82px;background-color:#0a120c;background-image:linear-gradient(90deg,rgba(5,10,13,.92) 0%,rgba(5,10,13,.68) 37%,rgba(5,10,13,.18) 63%,rgba(5,10,13,.18) 100%),var(--book-release-image);background-size:cover;background-position:center;isolation:isolate}
.book-release-hero--reclaim{background-color:#2a1807;background-image:linear-gradient(90deg,rgba(18,10,2,.88) 0%,rgba(18,10,2,.58) 37%,rgba(18,10,2,.16) 63%,rgba(18,10,2,.12) 100%),var(--book-release-image)}
.book-release-hero--eternal{background-color:#150a20;background-image:linear-gradient(90deg,rgba(11,5,19,.88) 0%,rgba(11,5,19,.58) 37%,rgba(11,5,19,.14) 63%,rgba(11,5,19,.10) 100%),var(--book-release-image)}
.book-release-hero-copy{max-width:590px}.book-release-hero-copy>span,.book-release-article>header>span{display:block;color:#e2b85d;font:700 10px/1.3 var(--xm-mono);letter-spacing:.15em;text-transform:uppercase}.book-release-hero h1{max-width:670px;margin:20px 0 10px;color:#e2b85d!important;font:700 clamp(46px,5.6vw,82px)/.98 var(--xm-serif);letter-spacing:-.055em;text-shadow:0 3px 20px rgba(0,0,0,.5)}.book-release-original{margin:0 0 22px!important;color:#f6eddb!important;font:600 clamp(18px,2vw,28px)/1.25 var(--xm-serif)!important}.book-release-hero-copy>p:not(.book-release-original){max-width:520px;margin:0;color:#f6eddb!important;font:500 17px/1.75 var(--xm-serif)!important}.book-release-buy{display:inline-flex;align-items:center;gap:10px;margin-top:24px;padding:12px 16px;border:1px solid #e2b85d;background:#e2b85d;color:#12162b!important;font:700 10px/1.2 var(--xm-mono);letter-spacing:.1em;text-decoration:none;text-transform:uppercase;box-shadow:0 8px 22px rgba(0,0,0,.2);transition:transform .2s ease,background .2s ease}.book-release-buy:hover{background:#f2d58b;color:#12162b!important;transform:translateY(-2px)}.book-release-buy:focus-visible{outline:2px solid #f6eddb;outline-offset:4px}.book-release-buy span{display:inline!important;color:inherit!important;font:inherit!important;letter-spacing:0!important}
.book-release-main{width:min(960px,calc(100% - 48px));margin:0 auto;padding:52px 0 108px}.book-release-back{display:inline-flex;margin-bottom:40px;color:#9c6a1d!important;font:600 10px/1.3 var(--xm-mono);letter-spacing:.08em;text-decoration:none;text-transform:uppercase}.book-release-back:hover{color:#172137!important}.book-release-article>header{max-width:720px;padding-bottom:38px;border-bottom:1px solid rgba(23,33,55,.22)}.book-release-article h2{margin:17px 0;color:#172137!important;font:700 clamp(36px,4vw,57px)/1.04 var(--xm-serif);letter-spacing:-.05em}.book-release-article>header p{margin:0;color:#4d5560!important;font:500 17px/1.85 var(--xm-serif)!important}.book-release-sections{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:46px;border-top:1px solid rgba(23,33,55,.19);border-bottom:1px solid rgba(23,33,55,.19)}.book-release-sections section{min-height:214px;padding:28px 24px 30px}.book-release-sections section+section{border-left:1px solid rgba(23,33,55,.19)}.book-release-sections span{color:#a87522;font:700 11px/1 var(--xm-mono);letter-spacing:.09em}.book-release-sections h3{margin:34px 0 10px;color:#172137!important;font:700 23px/1.15 var(--xm-serif)}.book-release-sections p{margin:0;color:#4d5560!important;font:500 14px/1.75 var(--xm-serif)!important}.book-release-actions{display:flex;gap:16px;margin-top:34px}.book-release-actions a{display:inline-flex;padding:13px 18px;border:1px solid #b27b28;color:#765016!important;font:700 10px/1.2 var(--xm-mono);letter-spacing:.07em;text-decoration:none;text-transform:uppercase}.book-release-actions a:first-child{background:#b27b28;color:#fff5e2!important}.book-release-actions a:hover{filter:brightness(.94)}
@media(max-width:700px){.book-release-hero{min-height:540px;padding:125px 24px 52px;background-position:53% center;background-image:linear-gradient(0deg,rgba(5,10,13,.94) 0%,rgba(5,10,13,.73) 47%,rgba(5,10,13,.10) 100%),var(--book-release-image)}.book-release-hero--reclaim{background-image:linear-gradient(0deg,rgba(18,10,2,.94) 0%,rgba(18,10,2,.70) 47%,rgba(18,10,2,.10) 100%),var(--book-release-image)}.book-release-hero--eternal{background-image:linear-gradient(0deg,rgba(11,5,19,.94) 0%,rgba(11,5,19,.70) 47%,rgba(11,5,19,.10) 100%),var(--book-release-image)}.book-release-hero h1{font-size:clamp(40px,11vw,52px)}.book-release-original{margin-bottom:15px!important;font-size:18px!important}.book-release-hero-copy>p:not(.book-release-original){font-size:14px!important;line-height:1.65!important}.book-release-buy{margin-top:19px}.book-release-main{width:min(100% - 40px,960px);padding:38px 0 72px}.book-release-sections{grid-template-columns:1fr;margin-top:34px}.book-release-sections section{min-height:0;padding:24px 0}.book-release-sections section+section{border-left:0;border-top:1px solid rgba(23,33,55,.19)}.book-release-sections h3{margin-top:18px}.book-release-actions{display:grid;grid-template-columns:1fr}.book-release-actions a{justify-content:center}.book-release-article>header p{font-size:16px!important}}

/* Limited-time promotion: a small, complete book shelf above the editorial
   New Releases feature. The movement is intentionally restrained and respects
   reduced-motion preferences. Dark ground follows the portal contrast rule:
   antique gold for headings and ivory for supporting copy. */
.home-limited-promotion{position:relative;overflow:hidden;padding:72px 0 80px;background:radial-gradient(circle at 13% 22%,rgba(194,142,45,.23),transparent 24%),radial-gradient(circle at 84% 82%,rgba(83,113,147,.22),transparent 28%),#091321;color:#f6eddb}
.home-limited-promotion:before{content:"";position:absolute;inset:0;background:linear-gradient(122deg,transparent 34%,rgba(230,184,93,.075) 34.1%,transparent 34.5%),linear-gradient(148deg,transparent 69%,rgba(230,184,93,.055) 69.1%,transparent 69.4%);pointer-events:none}
.home-limited-promotion-inner{position:relative;width:min(1180px,calc(100% - 64px));margin:0 auto}
.home-limited-promotion-heading{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(220px,.7fr);gap:18px 22px;align-items:end;margin-bottom:32px}.home-limited-promotion-heading>div>span{display:block;margin-bottom:7px;color:#d6ad58;font:700 10px/1.3 var(--xm-mono);letter-spacing:.15em;text-transform:uppercase}.home-limited-promotion-heading h2{margin:0;color:#e2b85d!important;font:700 clamp(38px,4.4vw,57px)/.95 var(--xm-serif);letter-spacing:-.052em;animation:xm-promo-title-float 3.8s ease-in-out infinite}.home-limited-promotion-heading p{max-width:315px;margin:0 0 3px;color:#f6eddb!important;font:500 14px/1.65 var(--xm-serif)!important}.home-limited-promotion-badge{display:grid;place-items:center;width:38px;height:38px;margin-bottom:5px;border:1px solid rgba(226,184,93,.72);border-radius:50%;color:#e2b85d;font-size:16px}
.home-limited-promotion-shelf{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding-top:28px;border-top:1px solid rgba(229,199,130,.35)}
.home-promotion-book{display:flex;flex-direction:column;align-items:center;min-width:0;padding:20px 18px 18px;border:1px solid rgba(229,199,130,.22);background:linear-gradient(154deg,rgba(255,255,255,.075),rgba(255,255,255,.02));text-align:center}.home-promotion-book h3{order:-1;width:100%;min-height:45px;margin:0 0 12px;padding:0 0 10px;border-bottom:1px solid rgba(229,199,130,.25);color:#f6eddb!important;font:600 clamp(18px,1.85vw,25px)/1.17 var(--xm-serif);letter-spacing:-.025em}.home-promotion-book-cover{position:relative;display:grid;place-items:center;width:100%;height:clamp(180px,19vw,250px);padding:4px;overflow:hidden}.home-promotion-book-cover img{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;margin:auto!important;object-fit:contain!important;filter:drop-shadow(0 12px 13px rgba(0,0,0,.38))}.home-promotion-book a{display:inline-flex;align-items:center;gap:9px;margin-top:14px;padding:11px 15px;border:1px solid rgba(226,184,93,.8);color:#f6eddb!important;font:700 10px/1.2 var(--xm-mono);letter-spacing:.08em;text-decoration:none;text-transform:uppercase;transition:background .2s ease,color .2s ease}.home-promotion-book a:hover{background:#e2b85d;color:#101b2d!important}.home-promotion-book a:focus-visible{outline:2px solid #f6eddb;outline-offset:4px}
@keyframes xm-promo-title-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@media(max-width:740px){.home-limited-promotion{padding:54px 0 60px}.home-limited-promotion-inner{width:min(100% - 40px,1180px)}.home-limited-promotion-heading{grid-template-columns:auto 1fr;gap:14px;margin-bottom:28px}.home-limited-promotion-heading p{grid-column:2;margin-top:-5px}.home-limited-promotion-shelf{grid-template-columns:1fr;gap:13px;padding-top:18px}.home-promotion-book{display:grid;grid-template-columns:92px minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:17px;align-items:center;padding:14px;text-align:left}.home-promotion-book h3{grid-column:1 / -1;grid-row:1;min-height:0;margin:0 0 12px;padding-bottom:9px;color:#f6eddb!important;font-size:23px}.home-promotion-book-cover{grid-column:1;grid-row:2;height:132px;padding:0}.home-promotion-book a{grid-column:2;grid-row:2;justify-self:start;align-self:center;margin:0}.home-limited-promotion-badge{width:34px;height:34px}}
@media(prefers-reduced-motion:reduce){.home-limited-promotion-heading h2{animation:none!important}}

/* Final desktop override for the ninth navigation grid cell.  Keep this at
   the tail so the compact Academic Community menu cannot inherit an older
   eight-column rule from the shared theme. */
@media(min-width:901px){
  .portal-nav-inner.nav-nine{max-width:1680px!important;grid-template-columns:repeat(3,minmax(90px,1fr)) 86px repeat(2,minmax(94px,1fr)) minmax(116px,1.1fr) minmax(116px,1.1fr) 70px!important;gap:2px!important;padding:0 18px!important}
  .portal-nav-inner.nav-nine .portal-link{padding:0 7px!important;font-size:10.5px!important;letter-spacing:.025em!important}
}
@media(min-width:901px) and (max-width:1180px){
  .portal-nav-inner.nav-nine{grid-template-columns:repeat(3,minmax(76px,1fr)) 72px repeat(2,minmax(78px,1fr)) minmax(97px,1.08fr) minmax(97px,1.08fr) 60px!important;padding:0 9px!important}
  .portal-nav-inner.nav-nine .portal-link{padding:0 3px!important;font-size:9px!important;letter-spacing:0!important}
}

/* Author hero: the supplied portrait is intentionally free of embedded text.
   All registered languages remain live HTML, while the existing WhatsApp QR stays
   independently readable above the image. */
.poster-page-hero.author-poster{
  min-height:clamp(500px,52vw,720px)!important;
  height:clamp(500px,52vw,720px)!important;
  padding:clamp(50px,6vw,92px) max(6vw,40px)!important;
  background:#f7f5f1!important;
  border-bottom:1px solid rgba(24,35,56,.12)!important;
}
.poster-page-hero.author-poster:before{
  inset:0!important;
  width:100%!important;
  height:100%!important;
  background-image:
    linear-gradient(90deg,rgba(249,247,243,.98) 0%,rgba(249,247,243,.90) 29%,rgba(249,247,243,.34) 49%,rgba(249,247,243,0) 66%),
    var(--poster-image)!important;
  background-position:center top!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
  filter:none!important;
  opacity:1!important;
}
.poster-page-hero.author-poster:after{
  inset:0!important;
  height:auto!important;
  background:linear-gradient(0deg,rgba(19,30,48,.10),transparent 25%)!important;
  opacity:1!important;
}
.poster-page-hero.author-poster .poster-page-hero-copy{width:min(600px,45vw)!important}
.poster-page-hero.author-poster .poster-page-eyebrow{color:#9c6a20!important}
.poster-page-hero.author-poster .poster-page-hero-copy h1{
  color:#15213a!important;
  text-shadow:0 3px 20px rgba(255,255,255,.78)!important;
}
.poster-page-hero.author-poster .poster-page-hero-copy p{
  max-width:510px!important;
  color:#384253!important;
  text-shadow:0 2px 12px rgba(255,255,255,.92)!important;
}
.poster-page-hero.author-poster .author-portrait-qr{
  border-color:rgba(156,106,32,.50)!important;
  box-shadow:0 14px 34px rgba(20,31,49,.18)!important;
}
@media(max-width:900px){
  .poster-page-hero.author-poster{
    min-height:620px!important;
    height:620px!important;
    align-items:flex-end!important;
    padding:42px 24px!important;
  }
  .poster-page-hero.author-poster:before{
    background-image:
      linear-gradient(0deg,rgba(249,247,243,.99) 0%,rgba(249,247,243,.93) 36%,rgba(249,247,243,.25) 59%,rgba(249,247,243,0) 74%),
      var(--poster-image)!important;
    background-position:center,64% top!important;
    background-size:100% 100%,auto 72%!important;
    background-color:#f7f5f1!important;
  }
  .poster-page-hero.author-poster:after{
    background:linear-gradient(180deg,transparent 55%,rgba(248,246,241,.34) 70%,rgba(248,246,241,.94) 100%)!important;
  }
  .poster-page-hero.author-poster .poster-page-hero-copy{width:100%!important}
  .poster-page-hero.author-poster .poster-page-hero-copy h1{font-size:clamp(48px,15vw,72px)!important}
}
@media(max-width:540px){
  .poster-page-hero.author-poster{min-height:590px!important;height:590px!important;padding:36px 20px!important}
  .poster-page-hero.author-poster:before{background-position:center,65% top!important;background-size:100% 100%,auto 68%!important}
}

/* Offline forum archive: one shared visual per continuing series, followed by
   a concise chronological ledger. Images identify the series rather than
   repeating on every edition, so dates and reporting links remain scannable. */
.forum-offline-section{margin-bottom:78px!important}
.forum-standalone-grid{margin-bottom:28px}
.forum-series-list{display:grid;gap:34px}
.forum-series{overflow:hidden;border:1px solid rgba(28,37,55,.16);background:#f1eadf;box-shadow:0 18px 44px rgba(22,29,43,.08)}
.forum-series-visual{position:relative;margin:0!important;aspect-ratio:2/1;overflow:hidden;background:#2d0d08}
.forum-series-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,12,22,.27),transparent 43%);pointer-events:none}
.forum-series-visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .45s ease}
.forum-series:hover .forum-series-visual img{transform:scale(1.012)}
.forum-series-content{display:grid;grid-template-columns:minmax(220px,.78fr) minmax(0,1.45fr);gap:36px;padding:32px 34px 36px}
.forum-series-content>header{align-self:start;padding-right:32px;border-right:1px solid rgba(37,45,60,.16)}
.forum-series-content>header>span{display:block;margin-bottom:10px;color:#9a6b24;font:700 9px/1.2 var(--xm-mono);letter-spacing:.14em}
.forum-series-content>header h3{margin:0 0 15px;color:#1b2537!important;font:700 clamp(28px,3vw,42px)/1.08 var(--xm-serif);letter-spacing:-.04em}
.forum-series-content>header p{margin:0;color:#555d69!important;font:500 14px/1.78 var(--xm-serif)!important}
.forum-series-content ol{position:relative;display:grid;gap:0;margin:0;padding:0;list-style:none}
.forum-series-content ol:before{content:"";position:absolute;left:12px;top:16px;bottom:19px;width:1px;background:rgba(160,111,38,.34)}
.forum-series-entry{position:relative;display:grid;grid-template-columns:126px minmax(0,1fr);gap:18px;padding:0 0 26px}
.forum-series-entry:last-child{padding-bottom:0}
.forum-series-entry time{position:relative;z-index:1;display:flex;align-items:center;gap:9px;color:#835a1f;font:700 9px/1.3 var(--xm-mono);letter-spacing:.055em;white-space:nowrap}
.forum-time-icon{display:grid;place-items:center;width:25px;height:25px;border:1px solid rgba(160,111,38,.48);border-radius:50%;background:#f1eadf;color:#9a6b24}
.forum-time-icon svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.forum-series-entry h4{margin:1px 0 6px;color:#1d2739!important;font:700 18px/1.36 var(--xm-serif)}
.forum-series-entry p{margin:0 0 8px;color:#5b626c!important;font:500 13px/1.7 var(--xm-serif)!important}
.forum-series-entry a{display:inline-flex;align-items:center;gap:5px;color:#8f611f!important;font:700 9px/1.3 var(--xm-mono);letter-spacing:.045em;text-decoration:none;text-transform:uppercase}
.forum-series-entry a:hover{color:#b26c2a!important}
.forum-series-entry a:focus-visible{outline:2px solid #b78b3e;outline-offset:4px}
@media(max-width:860px){
  .forum-series-content{grid-template-columns:1fr;gap:26px;padding:27px 24px 30px}
  .forum-series-content>header{padding:0 0 24px;border-right:0;border-bottom:1px solid rgba(37,45,60,.16)}
}
@media(max-width:560px){
  .forum-series-list{gap:24px}
  .forum-series-visual{aspect-ratio:16/10}
  .forum-series-content{padding:23px 18px 26px}
  .forum-series-content>header h3{font-size:29px}
  .forum-series-entry{grid-template-columns:1fr;gap:9px;padding:0 0 28px 2px}
  .forum-series-content ol:before{left:13px;top:10px}
  .forum-series-entry time{padding-left:0}
  .forum-series-entry>div{padding-left:34px}
}

/* 2026-08-28 — concise single-line navigation with a genuine language menu. */
.portal-language{position:relative;justify-self:end;z-index:10010;margin-inline-start:28px;padding-inline-start:20px;border-inline-start:1px solid rgba(213,168,66,.2)}
.portal-language summary{width:36px!important;min-width:36px!important;height:36px!important;padding:0!important;display:grid!important;place-items:center!important;border:1px solid rgba(213,168,66,.38)!important;border-radius:50%!important;background:radial-gradient(circle at 35% 30%,rgba(213,168,66,.11),rgba(255,255,255,.02) 58%)!important;color:#d9d4c8!important;list-style:none;cursor:pointer;transition:border-color .18s ease,background .18s ease,color .18s ease,transform .18s ease}
.portal-language summary::-webkit-details-marker{display:none}
.portal-language summary:hover,.portal-language[open] summary{border-color:rgba(225,188,105,.9)!important;background:radial-gradient(circle at 35% 30%,rgba(213,168,66,.22),rgba(213,168,66,.07) 62%)!important;color:#f0ca79!important;box-shadow:0 0 0 4px rgba(213,168,66,.06)!important;transform:translateY(-1px)}
.portal-language summary svg{flex:0 0 auto}
.portal-language summary .portal-language-globe{width:21px!important;height:21px!important;stroke-linecap:round;stroke-linejoin:round}
.portal-language-label{position:absolute;clip:rect(0 0 0 0);width:1px;height:1px;overflow:hidden}
.portal-language-menu{top:47px!important;right:0!important;width:184px!important;max-height:min(70vh,470px)!important;padding:6px!important;border:1px solid rgba(213,168,66,.4)!important;border-radius:8px!important;background:rgba(10,13,28,.985)!important;box-shadow:0 20px 48px rgba(0,0,0,.44)!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain}
.portal-language-menu a{display:flex!important;align-items:center;justify-content:space-between;gap:16px;padding:11px 12px!important;border-radius:5px;color:#d8d2c7!important;font:600 11px/1.2 var(--xm-sans)!important;letter-spacing:.015em!important;text-transform:none!important}
.portal-language-menu a small{color:#858999;font:700 8px/1 var(--xm-mono);letter-spacing:.06em}
.portal-language-menu a:hover,.portal-language-menu a.active{background:rgba(213,168,66,.12)!important;color:#f0ca79!important}
.portal-language-menu a.active:after{content:"✓";position:static!important;margin-left:auto;color:#f0ca79}
.portal-language-menu a.active small{display:none}
@media(min-width:901px){
  .portal-nav-inner.nav-eleven{max-width:1840px!important;grid-template-columns:repeat(5,minmax(64px,1fr)) 64px repeat(4,minmax(70px,1fr)) 85px!important;gap:2px!important;padding:0 14px!important}
  .portal-nav-inner.nav-eleven .portal-link{padding:0 4px!important;font-size:9.7px!important;letter-spacing:.01em!important}
  .portal-nav-inner.nav-eleven .portal-home{width:64px!important;height:70px!important}
  .portal-nav-inner.nav-eleven .portal-home img{width:50px!important;height:50px!important}
}
@media(min-width:901px) and (max-width:1180px){
  .portal-nav-inner.nav-eleven{grid-template-columns:repeat(5,minmax(57px,1fr)) 64px repeat(4,minmax(59px,1fr)) 68px!important;padding:0 6px!important}
  .portal-nav-inner.nav-eleven .portal-link{padding:0 2px!important;font-size:8.4px!important;letter-spacing:0!important}
  .portal-language{margin-inline-start:16px;padding-inline-start:12px}.portal-language summary{width:34px!important;min-width:34px!important;padding:0!important}
}
@media(max-width:900px){
  .portal-nav-inner.nav-eleven{display:flex!important;justify-content:flex-start!important;padding:0 12px!important}
  .portal-nav-inner.nav-eleven .portal-home{position:absolute!important;left:62px;top:1px;width:58px!important;height:68px!important}
  .portal-nav-inner.nav-eleven .portal-home img{width:46px!important;height:46px!important}
  .portal-nav-inner.nav-eleven .menu-toggle{left:12px!important}
  .portal-language{position:absolute!important;right:12px!important;top:16px!important;height:40px;margin-inline-start:0;padding-inline-start:0;border-inline-start:0}
  .portal-language summary{width:36px!important;min-width:36px!important;height:36px!important;padding:0!important}
  .portal-language-menu{top:46px!important;width:154px!important}
  .portal-nav.open .portal-nav-inner.nav-eleven{padding:80px 22px 24px!important}
}
/* Dark-surface editorial standard: gold headings, ivory reading copy. */
body.translator-comments-page .editorial-hero h1,
body.books-page .works-hero h1,
body.international-studies-page .editorial-hero h1,
body.reception-page .editorial-hero h1,
.book-release-hero-copy h1,
.concept-video-hero h1{color:#e9c572!important}
body.translator-comments-page .editorial-hero p,
body.books-page .works-hero>p,
body.international-studies-page .editorial-hero p,
body.reception-page .editorial-hero p,
.book-release-hero-copy p,
.concept-video-hero p{color:#fff4df!important}

/* Generic catalogue detail pages: one stable profile for every published work. */
.family-copy strong a,.edition-core h4 a{color:inherit;text-decoration:none}.family-copy strong a:hover,.edition-core h4 a:hover{color:var(--xm-gold,#cfa652);text-decoration:underline;text-underline-offset:.2em}.book-profile-link{font-weight:700}
.book-detail-original-title{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:baseline;margin:-8px 0 18px;color:#6f6971;font-size:12px;line-height:1.55}.book-detail-original-title span{color:#8c7657;font-size:10px;letter-spacing:.06em}.book-detail-original-title b{font-weight:500;color:#394258}
.book-detail-original-metadata{display:block;margin-top:5px;color:#6f6971;font-size:11px;line-height:1.45}.book-detail-original-metadata span{color:#8c7657;margin-inline-end:6px}.book-detail-original-metadata b{color:#394258;font-weight:500;unicode-bidi:isolate}
.book-detail-page{--xm-on-dark-title:#e9c572;--xm-on-dark-body:#fff4df;--xm-on-dark-muted:#d8d1c4}.book-detail-hero{padding:clamp(72px,9vw,130px) clamp(20px,6vw,96px);background:radial-gradient(circle at 78% 12%,rgba(207,166,82,.17),transparent 35%),#08162f;color:var(--xm-on-dark-body)}.book-detail-hero-inner{width:min(1180px,100%);margin:auto;display:grid;grid-template-columns:minmax(220px,360px) minmax(0,1fr);align-items:center;gap:clamp(38px,7vw,100px)}.book-detail-cover{aspect-ratio:13/18;display:grid;place-items:center}.book-detail-cover img{display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 28px 30px rgba(0,0,0,.32))}.book-detail-heading>span{display:block;margin-bottom:22px;color:var(--xm-gold,#cfa652);font-size:11px;font-weight:700;letter-spacing:.2em}.book-detail-heading h1{max-width:800px;margin:0;color:var(--xm-on-dark-title);font-family:var(--xm-serif);font-size:clamp(42px,6vw,82px);font-weight:500;line-height:1.06}.book-detail-subtitle{max-width:740px;margin:24px 0 0;color:var(--xm-on-dark-body);font-size:clamp(15px,1.6vw,20px);line-height:1.75}.book-detail-heading>a{display:inline-block;margin-top:34px;color:var(--xm-on-dark-muted);font-size:12px;text-decoration:none}.book-detail-heading>a:hover{color:var(--xm-on-dark-title)}.book-detail-main{width:min(1180px,calc(100% - 40px));margin:auto;padding:72px 0 110px}.book-detail-introduction{display:grid;grid-template-columns:70px minmax(0,760px);gap:24px;padding-bottom:70px;border-bottom:1px solid #d9cfbd}.book-detail-introduction>span,.book-detail-editions>header>span{color:#a47322;font-family:Georgia,serif;font-size:13px}.book-detail-introduction h2,.book-detail-editions h2{margin:0 0 22px;color:#14223b;font-family:var(--xm-serif);font-size:clamp(30px,4vw,48px);font-weight:500}.book-detail-introduction p{margin:0 0 18px;color:#4e493f;font-size:16px;line-height:1.9}.book-detail-localization-note{padding:14px 18px;border-left:3px solid #cfa652;background:#f5ead7;color:#6d5b3d!important;font-size:13px!important}.book-detail-editions{padding-top:68px}.book-detail-editions>header{display:grid;grid-template-columns:70px minmax(0,1fr);gap:24px;margin-bottom:38px}.book-detail-editions>header p{margin:0;color:#71695f}.book-detail-edition-grid{display:grid;gap:24px}.book-detail-edition{display:grid;grid-template-columns:170px minmax(0,1fr);gap:30px;padding:28px;border:1px solid #ded4c3;background:#fffdf8}.book-detail-edition-cover{aspect-ratio:3/4;display:grid;place-items:center}.book-detail-edition-cover img{max-width:100%;max-height:100%;object-fit:contain}.book-detail-language{color:#9b6b19;font-size:10px;font-weight:700;letter-spacing:.15em;text-transform:uppercase}.book-detail-edition h3{margin:8px 0 20px;color:#17243c;font-family:var(--xm-serif);font-size:25px;font-weight:500}.book-detail-edition dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:0}.book-detail-edition dl div{padding:10px 12px 10px 0;border-top:1px solid #e8e0d3}.book-detail-edition dt{color:#8c7657;font-size:10px;letter-spacing:.08em}.book-detail-edition dd{margin:5px 0 0;color:#27334a;font-size:13px;line-height:1.45}.book-detail-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.book-detail-actions a{padding:10px 14px;border:1px solid #b88933;color:#765015;text-decoration:none;font-size:12px}.book-detail-actions a:hover{background:#14223b;color:#fff4df}@media(max-width:760px){.book-detail-hero-inner{grid-template-columns:1fr}.book-detail-cover{width:min(300px,76vw);margin:auto}.book-detail-heading{text-align:center}.book-detail-introduction,.book-detail-editions>header{grid-template-columns:1fr}.book-detail-edition{grid-template-columns:1fr}.book-detail-edition-cover{width:min(190px,60vw);margin:auto}.book-detail-edition dl{grid-template-columns:1fr}}
.dialogue-poster{margin:28px 0;background:transparent}
.dialogue-poster img{display:block;width:100%;height:auto;object-fit:contain}
.event-place.event-place--poster{min-height:0;background:transparent}
.event-place.event-place--poster img{height:auto;min-height:0;object-fit:contain;filter:none;transform:none}
.event-place.event-place--poster:after{display:none}
.event-row:hover .event-place.event-place--poster img{transform:none}

/* Every locale can have long labels. A shrinkable text track keeps the
   complete label and its chevron inside the existing navigation cell. */
@media(min-width:901px){
  .portal-nav-inner.nav-eleven>.portal-menu{min-inline-size:0}
  .portal-nav-inner.nav-eleven>.portal-menu>.portal-link{
    display:grid!important;grid-template-columns:minmax(0,1fr) auto;
    width:100%;min-width:0;max-width:100%;gap:2px;white-space:normal!important;
    overflow-wrap:anywhere;hyphens:auto;text-align:center;line-height:1.08!important
  }
  .portal-nav-inner.nav-eleven .nav-chevron{min-inline-size:0}

  /* Keep the Dutch release contract explicit. Its longer labels originally
     exposed this navigation-width defect, while the generic rule above now
     protects every locale. */
  html[lang="nl"] .portal-nav-inner.nav-eleven>.portal-menu>.portal-link{
    min-width:0;max-width:100%;white-space:normal!important;overflow-wrap:anywhere
  }
}
.works-hero h1{max-width:100%;overflow-wrap:anywhere;hyphens:auto;hyphenate-character:"-"}
/* A translated compound must not set the minimum width of an entire track.
   Keep the original type scale, source copy, media and column hierarchy. */
.worldcat-impact>*,.worldcat-step-grid>*,.worldcat-steps>header>*,.event-row>*,.work-edition-row>*{
  min-inline-size:0
}
.worldcat-main :is(h2,h3,p,strong),.events-hero h1,.event-detail :is(h2,p),
.poster-page-hero.author-poster .poster-page-hero-copy h1,.edition-core h4,.family-copy>strong{
  overflow-wrap:anywhere;hyphens:auto;hyphenate-character:"-"
}
@media(max-width:600px){
  .event-row{grid-template-columns:64px minmax(0,1fr)}
  .event-date,.event-city{min-inline-size:0;max-inline-size:100%}
  .event-date-stamp{max-inline-size:100%;flex-wrap:wrap;column-gap:5px;row-gap:3px}
  .event-date-stamp>*{min-inline-size:0;max-inline-size:100%}
}
.event-city{min-inline-size:0;max-inline-size:100%;overflow-wrap:anywhere;word-break:normal;hyphens:auto}
@media(max-width:900px){
  /* Text height varies by language. Keep the contact card in its own flow
     slot on mobile, rather than painting it over translated title glyphs. */
  .poster-page-hero.author-poster{
    height:auto!important;min-height:600px!important;
    flex-direction:column;align-items:stretch;justify-content:flex-end;
    gap:18px;padding-block-start:300px!important
  }
  .poster-page-hero.author-poster:before{background-size:100% 100%,auto 446px!important}
  .poster-page-hero.author-poster .author-portrait-qr{
    position:relative!important;inset:auto!important;width:98px!important;align-self:flex-end;
    flex-shrink:0;margin:0
  }
}
@media(max-width:540px){
  .poster-page-hero.author-poster{min-height:560px!important;padding-block-start:270px!important}
  .poster-page-hero.author-poster:before{background-size:100% 100%,auto 401px!important}
  .poster-page-hero.author-poster .author-portrait-qr{width:88px!important}
}
@media(max-width:900px){
  html[lang="nl"] .works-toolbar{grid-template-columns:minmax(0,1fr)!important}
  html[lang="nl"] .works-toolbar>*{min-width:0;max-width:100%}
}

/* This original cultural-dialogue photograph keeps both participants intact. */
#xuemo-wang-min-sino-japanese-culture-2025 .event-place{height:auto!important;min-height:0!important;aspect-ratio:auto!important;background:transparent}
#xuemo-wang-min-sino-japanese-culture-2025 .event-place img{width:100%;height:auto!important;min-height:0!important;object-fit:contain!important;filter:none;transform:none!important}
#xuemo-wang-min-sino-japanese-culture-2025 .event-place:after{display:none}
/* These two user-supplied cover compositions retain complete titles and frames. */
:is(#this-week-in-america-2023,#cssn-xuemo-local-global-2023) .event-place{height:auto!important;min-height:0!important;aspect-ratio:auto!important;background:transparent}
:is(#this-week-in-america-2023,#cssn-xuemo-local-global-2023) .event-place img{width:100%;height:auto!important;min-height:0!important;object-fit:contain!important;filter:none;transform:none!important}
:is(#this-week-in-america-2023,#cssn-xuemo-local-global-2023) .event-place:after{display:none}
/* Only these three user originals retain the complete people, slide and QR. */
:is(#integrative-medicine-summit-2021,#fudan-cancer-center-lecture-2015,#shanghai-integrative-health-forum-2017) .event-place{height:auto!important;min-height:0!important;aspect-ratio:auto!important;background:transparent}
:is(#integrative-medicine-summit-2021,#fudan-cancer-center-lecture-2015,#shanghai-integrative-health-forum-2017) .event-place img{width:100%;height:auto!important;min-height:0!important;object-fit:contain!important;filter:none;transform:none!important}
:is(#integrative-medicine-summit-2021,#fudan-cancer-center-lecture-2015,#shanghai-integrative-health-forum-2017) .event-place:after{display:none}

/* This supplied signing photograph retains the full frame in every locale. */
#miami-book-fair-2023 .event-place{height:auto!important;min-height:0!important;aspect-ratio:auto!important;background:transparent}
#miami-book-fair-2023 .event-place img{width:100%;height:auto!important;min-height:0!important;object-fit:contain!important;filter:none;transform:none!important}
#miami-book-fair-2023 .event-place:after{display:none}

/* Keep the supplied afterword photograph intact, without cropping the figure. */
#laozi-second-volume-afterword-2018 .event-place{height:auto!important;min-height:0!important;aspect-ratio:auto!important;background:transparent}
#laozi-second-volume-afterword-2018 .event-place img{width:100%;height:auto!important;min-height:0!important;object-fit:contain!important;filter:none;transform:none!important}
#laozi-second-volume-afterword-2018 .event-place:after{display:none}

/* The two new award reports share their uncropped user originals in all locales. */
:is(#wild-fox-nyc-big-book-cbbr-2026,#wild-fox-international-impact-sohu-2025) .event-place{height:auto!important;min-height:0!important;aspect-ratio:auto!important;background:transparent}
:is(#wild-fox-nyc-big-book-cbbr-2026,#wild-fox-international-impact-sohu-2025) .event-place img{width:100%;height:auto!important;min-height:0!important;object-fit:contain!important;filter:none;transform:none!important}
:is(#wild-fox-nyc-big-book-cbbr-2026,#wild-fox-international-impact-sohu-2025) .event-place:after{display:none}

/* Preserve both supplied portrait-format report images in full. */
:is(#desert-hunters-german-frankfurt-bjd-2023,#london-book-fair-ai-publishing-2025) .event-place{height:auto!important;min-height:0!important;aspect-ratio:auto!important;background:#f3eee5}
:is(#desert-hunters-german-frankfurt-bjd-2023,#london-book-fair-ai-publishing-2025) .event-place img{display:block;width:100%;height:auto!important;min-height:0!important;object-fit:contain!important;filter:none;transform:none!important}
:is(#desert-hunters-german-frankfurt-bjd-2023,#london-book-fair-ai-publishing-2025) .event-place:after{display:none}
:is(#desert-hunters-german-frankfurt-bjd-2023,#london-book-fair-ai-publishing-2025):hover .event-place img{transform:none!important}

/* Long compound book titles must wrap within the localized detail grid. */
.book-detail-heading h1{min-width:0;overflow-wrap:anywhere;hyphens:auto}

/* Localized institutional headings retain the same scale while long words
   wrap inside their cards instead of widening the mobile viewport. */
.editorial-hero h1,.academic-section h2,.academic-section h3,
.network-section h2,.network-union-head h2{min-width:0;overflow-wrap:anywhere;hyphens:auto}
@media(max-width:640px){
  .network-union-head>div{width:100%;min-width:0;max-width:100%}
  .network-union-head :where(h2,p){max-width:100%;overflow-wrap:anywhere;hyphens:auto}
}
@media(max-width:900px){
  .poster-page-hero.civilization-poster{margin-top:72px!important}
}

/* 2026-09-05 locale typography pass.
   Chinese interfaces keep the established Song type system. Every other
   writing system receives a native font stack and language-appropriate line
   breaking. No media, page structure, evidence string or numeric metadata is
   changed by these rules. */
html:is([lang="en"],[lang="es"],[lang="fr"],[lang="de"],[lang="it"],[lang="ro"],[lang="pl"],[lang="nl"],[lang="sv"],[lang="nb"],[lang="da"],[lang="tr"],[lang="pt"]){
  --xm-serif:"Iowan Old Style","Palatino Linotype","Book Antiqua",Georgia,"Times New Roman",serif;
  --xm-sans:Inter,"SF Pro Text","Helvetica Neue",Arial,sans-serif;
  --xm-mono:"SFMono-Regular","IBM Plex Mono","DM Mono",monospace;
}
html:lang(ru){
  --xm-serif:Georgia,"Times New Roman",serif;
  --xm-sans:Inter,"Helvetica Neue",Arial,sans-serif;
  --xm-mono:"SFMono-Regular","IBM Plex Mono","DM Mono",monospace;
}
html:lang(vi){
  --xm-serif:Georgia,"Times New Roman",serif;
  --xm-sans:Inter,"SF Pro Text","Helvetica Neue",Arial,sans-serif;
  --xm-mono:"SFMono-Regular","IBM Plex Mono","DM Mono",monospace;
}
html:lang(ja){
  --xm-serif:"Yu Mincho","Hiragino Mincho ProN","Noto Serif JP",serif;
  --xm-sans:"Hiragino Sans","Yu Gothic","Noto Sans JP",sans-serif;
  --xm-mono:"Hiragino Sans","Yu Gothic","Noto Sans JP",sans-serif;
}
html:lang(ko){
  --xm-serif:"Noto Serif KR","AppleMyungjo","Batang",serif;
  --xm-sans:"Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic",sans-serif;
  --xm-mono:"Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic",sans-serif;
}
html:lang(hi){
  --xm-serif:"Noto Serif Devanagari","Kohinoor Devanagari","Devanagari Sangam MN",serif;
  --xm-sans:"Noto Sans Devanagari","Kohinoor Devanagari","Devanagari Sangam MN",sans-serif;
  --xm-mono:"Noto Sans Devanagari","Kohinoor Devanagari",sans-serif;
}
html:is([lang="ar"],[lang="fa"]){
  --xm-serif:"Noto Naskh Arabic","Geeza Pro",serif;
  --xm-sans:"Noto Sans Arabic","Geeza Pro",Tahoma,Arial,sans-serif;
  --xm-mono:"Noto Sans Arabic","Geeza Pro",Tahoma,Arial,sans-serif;
}
html:lang(he){
  --xm-serif:"Noto Serif Hebrew","New Peninim MT","Times New Roman",serif;
  --xm-sans:"Noto Sans Hebrew","Arial Hebrew",Arial,sans-serif;
  --xm-mono:"Noto Sans Hebrew","Arial Hebrew",Arial,sans-serif;
}

html:is([lang="en"],[lang="es"],[lang="fr"],[lang="de"],[lang="it"],[lang="ru"],[lang="ro"],[lang="pl"],[lang="nl"],[lang="sv"],[lang="nb"],[lang="da"],[lang="tr"],[lang="pt"],[lang="vi"]) body.portal :is(p,li,dd,figcaption,blockquote){
  line-break:auto;
  word-break:normal;
  overflow-wrap:break-word;
  hyphens:auto;
}
html:lang(ja) body.portal :is(h1,h2,h3,h4,h5,h6,p,li,dd,figcaption,blockquote){line-break:strict;word-break:normal;overflow-wrap:anywhere;hyphens:none}
html:lang(ko) body.portal :is(h1,h2,h3,h4,h5,h6,p,li,dd,figcaption,blockquote){line-break:strict;word-break:keep-all;overflow-wrap:anywhere;hyphens:none}
html:is([lang="hi"],[lang="ar"],[lang="he"],[lang="fa"]) body.portal :is(h1,h2,h3,h4,h5,h6,p,li,dd,figcaption,blockquote){line-break:auto;word-break:normal;overflow-wrap:break-word;hyphens:none}

/* Tracking and forced capitals are Latin display devices. They impair joined
   Arabic and Devanagari forms and are not native Japanese, Korean or Hebrew
   editorial conventions. */
html:is([lang="ar"],[lang="he"],[lang="fa"],[lang="hi"],[lang="ja"],[lang="ko"]) body.portal :is(h1,h2,h3,h4,h5,h6,p,li,dt,dd,label,legend,button,summary,.portal-link,.portal-dropdown-heading,.portal-language-menu a,.lang-current,.editorial-kicker,.academic-kicker,.concept-eyebrow){
  letter-spacing:normal!important;
  text-transform:none!important;
  font-kerning:normal;
  font-variant-ligatures:common-ligatures contextual;
}

html:lang(en) q{quotes:"\201c" "\201d" "\2018" "\2019"}
html:is([lang="es"],[lang="fr"],[lang="it"],[lang="ru"],[lang="pt"],[lang="fa"],[lang="ar"]) q{quotes:"\00ab" "\00bb" "\2039" "\203a"}
html:lang(de) q{quotes:"\201e" "\201c" "\201a" "\2018"}
html:is([lang="ro"],[lang="pl"]) q{quotes:"\201e" "\201d" "\201a" "\2019"}
html:is([lang="nl"],[lang="tr"],[lang="vi"],[lang="ko"],[lang="he"]) q{quotes:"\201c" "\201d" "\2018" "\2019"}
html:lang(sv) q{quotes:"\201d" "\201d" "\2019" "\2019"}
html:lang(nb) q{quotes:"\00ab" "\00bb" "\2018" "\2019"}
html:lang(da) q{quotes:"\201c" "\201d" "\2018" "\2019"}
html:lang(ja) q{quotes:"\300c" "\300d" "\300e" "\300f"}
html:lang(hi) q{quotes:"\201c" "\201d" "\2018" "\2019"}

/* Arabic, Hebrew and Persian use the academy portrait at full viewport depth.
   The copy is anchored over the lower garment instead of the face. */
html[dir="rtl"] body.academy-vr-page .editorial-hero{
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-end!important;
  height:clamp(660px,calc(100svh - 88px),960px)!important;
  min-height:660px!important;
  padding-top:48px!important;
  padding-bottom:44px!important;
}
html[dir="rtl"] body.academy-vr-page .editorial-hero h1{line-height:1.18!important}
@media(max-width:760px){
  html[dir="rtl"] body.academy-vr-page .editorial-hero{
    height:clamp(600px,calc(100svh - 72px),720px)!important;
    min-height:600px!important;
    padding:32px 22px 34px!important;
    background-position:62% center!important;
  }
}

/* 2026-09-05 non-Chinese editorial typography normalization.
   Component styles must inherit the locale's script family rather than
   reintroducing a Simplified-Chinese face through an older shorthand. */
html:not(:lang(zh-Hans)):not(:lang(zh-Hant)) body.portal{
  font-family:var(--xm-sans)!important;
  font-kerning:normal;
  font-variant-ligatures:common-ligatures contextual;
}
html:not(:lang(zh-Hans)):not(:lang(zh-Hant)) body.portal :is(
  h1,h2,h3,h4,h5,h6,
  .result-copy,.editorial-copy,.poster-page-body,.reading-body,
  .dialogue-manuscript,.event-detail p,.events-hero p,
  .events-ledger-intro p,.worldcat-hero-inner>p,
  .worldcat-step-grid p,.worldcat-impact p,
  .book-detail-subtitle,.book-detail-introduction p,
  .book-detail-editions>header p
){
  font-family:var(--xm-serif)!important;
  font-kerning:normal;
  font-variant-ligatures:common-ligatures contextual;
}
html:not(:lang(zh-Hans)):not(:lang(zh-Hant)) body.portal :is(
  .reading-back,.reading-cite,.reading-locator,
  .events-kicker,.events-hero-count,.events-source-order,
  .events-ledger-intro>div>span,.events-filter button,
  .event-date,.event-date b,.event-date span,.event-date-year,.event-city,
  .event-place figcaption,.event-meta>span,.event-evidence,.event-source,
  .worldcat-strip>div>span,.worldcat-hero-inner>span,.worldcat-impact>div>span,
  .worldcat-strip a,.worldcat-hero button,.worldcat-author-links a,
  .book-detail-heading>span,.book-detail-language,.book-detail-edition dt,
  .book-detail-actions a,.detail-no,.detail-pinyin,.detail-passage b,
  .detail-search-link,.glossary-card .ordinal,.glossary-card .frequency,
  .glossary-card .pinyin,.concept-source-link,.step-no
){
  font-family:var(--xm-mono)!important;
  font-kerning:normal;
  font-variant-ligatures:common-ligatures contextual;
}

/* Latin, Cyrillic and Vietnamese display lines keep an editorial cadence
   without the collision-prone tracking used by the original CJK artwork. */
html:is([lang="en"],[lang="es"],[lang="fr"],[lang="de"],[lang="it"],[lang="ru"],[lang="ro"],[lang="pl"],[lang="nl"],[lang="sv"],[lang="nb"],[lang="da"],[lang="tr"],[lang="pt"],[lang="vi"]) body.portal :is(
  .events-hero h1,.editorial-hero h1,.works-hero h1,
  .poster-page-hero h1,.worldcat-hero h1,.book-detail-heading h1,
  .concept-video-hero h1
){
  line-height:.98!important;
  letter-spacing:-.035em!important;
}

/* Native-script display metrics protect combining marks, joined forms and
   kinsoku line breaks. Translated microcopy never receives CSS uppercase. */
html:lang(hi) body.portal :is(.events-hero h1,.editorial-hero h1,.works-hero h1,.poster-page-hero h1,.worldcat-hero h1,.book-detail-heading h1,.concept-video-hero h1){line-height:1.18!important}
html:is([lang="ja"],[lang="ko"]) body.portal :is(.events-hero h1,.editorial-hero h1,.works-hero h1,.poster-page-hero h1,.worldcat-hero h1,.book-detail-heading h1,.concept-video-hero h1){line-height:1.12!important}
html:is([lang="ar"],[lang="he"],[lang="fa"]) body.portal :is(.events-hero h1,.editorial-hero h1,.works-hero h1,.poster-page-hero h1,.worldcat-hero h1,.book-detail-heading h1,.concept-video-hero h1){line-height:1.16!important}
html:is([lang="tr"],[lang="hi"],[lang="ja"],[lang="ko"],[lang="ar"],[lang="he"],[lang="fa"]) body.portal :is(
  .events-kicker,.events-hero-count,.events-source-order,
  .events-ledger-intro>div>span,.events-filter button,.event-city,
  .event-place figcaption,.event-meta>span:first-child,.event-evidence,
  .event-source,.book-detail-heading>span,.book-detail-language,
  .book-detail-edition dt,.book-detail-actions a,
  .worldcat-strip>div>span,.worldcat-hero-inner>span,
  .worldcat-impact>div>span,.worldcat-strip a,.worldcat-hero button,
  .worldcat-author-links a,.reading-back,.detail-no,.detail-search-link,
  .concept-source-link
){
  font-family:var(--xm-sans)!important;
  letter-spacing:normal!important;
  text-transform:none!important;
}

/* Wrap policy follows writing system. Arbitrary mid-word breaks are reserved
   for URLs and identifiers; prose and navigation retain whole words. */
html:is([lang="en"],[lang="es"],[lang="fr"],[lang="de"],[lang="it"],[lang="ru"],[lang="ro"],[lang="pl"],[lang="nl"],[lang="sv"],[lang="nb"],[lang="da"],[lang="tr"],[lang="pt"],[lang="vi"]) body.portal :is(
  .portal-link,h1,h2,h3,h4,h5,h6,p,li,dt,dd,figcaption,blockquote,
  .works-hero h1,.edition-core h4,.family-copy>strong
){word-break:normal;overflow-wrap:break-word;hyphens:auto}
html:lang(ja) body.portal :is(.portal-link,h1,h2,h3,h4,h5,h6,p,li,dt,dd,figcaption,blockquote){line-break:strict;word-break:normal;overflow-wrap:normal;hyphens:none}
html:lang(ko) body.portal :is(.portal-link,h1,h2,h3,h4,h5,h6,p,li,dt,dd,figcaption,blockquote){line-break:strict;word-break:keep-all;overflow-wrap:break-word;hyphens:none}
html:is([lang="hi"],[lang="ar"],[lang="he"],[lang="fa"]) body.portal :is(.portal-link,h1,h2,h3,h4,h5,h6,p,li,dt,dd,figcaption,blockquote){line-break:auto;word-break:normal;overflow-wrap:break-word;hyphens:none}
body.portal :is(a[href^="http"],code,.book-detail-original-metadata b,.edition-isbn,.isbn,.doi){overflow-wrap:anywhere;word-break:break-word}

/* Long-form measures are intentionally script-aware, rather than applying
   one Latin ch value to every writing system. */
html:is([lang="en"],[lang="es"],[lang="fr"],[lang="de"],[lang="it"],[lang="ru"],[lang="ro"],[lang="pl"],[lang="nl"],[lang="sv"],[lang="nb"],[lang="da"],[lang="tr"],[lang="pt"],[lang="vi"]) body.portal :is(.editorial-copy p,.poster-page-body p,.dialogue-manuscript p,.reading-body p){max-inline-size:76ch}
html:is([lang="ja"],[lang="ko"]) body.portal :is(.editorial-copy p,.poster-page-body p,.dialogue-manuscript p,.reading-body p){max-inline-size:42em}
html:is([lang="hi"],[lang="ar"],[lang="he"],[lang="fa"]) body.portal :is(.editorial-copy p,.poster-page-body p,.dialogue-manuscript p,.reading-body p){max-inline-size:44rem}

/* Dates and identifiers use stable widths and remain isolated in RTL pages.
   Visible calendar digits are localized by the application layer. */
body.portal :is(.event-date,.events-hero-count,.metric-value,.detail-stat b,.frequency,.book-detail-edition dd){font-variant-numeric:tabular-nums lining-nums}
html[dir="rtl"] body.portal :is(.event-date-stamp,.event-date-year,.book-detail-original-metadata b,.edition-isbn,.isbn,.doi){direction:ltr;unicode-bidi:isolate}

/* French punctuation generated with semantic q elements keeps guillemets
   attached to their text at line endings. */
html:lang(fr) q{quotes:"\00ab\202f" "\202f\00bb" "\2039\202f" "\202f\203a"}
html:lang(en) q{quotes:"\201c" "\201d" "\2018" "\2019"}
html:is([lang="es"],[lang="it"],[lang="pt"],[lang="ar"],[lang="fa"]) q{quotes:"\00ab" "\00bb" "\2039" "\203a"}
html:lang(ru) q{quotes:"\00ab" "\00bb" "\201e" "\201c"}

/* A one-column grid must remain shrinkable even when a locale uses keep-all
   composition. This prevents long names or untranslated source evidence from
   defining the width of the entire translators page. */
.translator-list{grid-template-columns:minmax(0,1fr);min-inline-size:0;max-inline-size:100%}
.translator-card,.translator-card header,.translator-card header>div,
.translator-quotes,.translator-card footer{min-inline-size:0;max-inline-size:100%}
.translator-quotes{grid-template-columns:minmax(0,1fr)}
html:is([lang="ja"],[lang="ko"]) body.portal .translator-card :is(h2,p,blockquote){overflow-wrap:anywhere;word-break:normal}

/* Xin-Xing Civilization hero, final 23-locale composition.
   The title, subtitle and deck form three distinct editorial levels.  The
   physical copy column remains in the quiet left field in both LTR and RTL so
   no translated heading crosses the writer's face on the right. */
.poster-page-hero.civilization-poster{
  display:flex!important;
  align-items:center!important;
  box-sizing:border-box!important;
  min-height:clamp(540px,49vw,690px)!important;
  padding:clamp(54px,6.5vw,104px)!important;
}
.poster-page-hero.civilization-poster .poster-page-hero-copy{
  box-sizing:border-box!important;
  width:min(49%,720px)!important;
  min-width:0!important;
  margin-left:0!important;
  margin-right:auto!important;
  align-items:stretch!important;
  text-align:start!important;
}
.poster-page-hero.civilization-poster .poster-page-hero-copy h1{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin:0!important;
  text-align:start!important;
  text-wrap:balance;
}
.poster-page-hero.civilization-poster .civilization-hero-main{
  display:block!important;
  max-width:100%!important;
  color:#e2b85d!important;
  font-family:var(--xm-serif)!important;
  font-size:clamp(38px,4.25vw,64px)!important;
  font-weight:700!important;
  line-height:1.01!important;
  letter-spacing:-.038em!important;
  text-wrap:balance;
  overflow-wrap:normal!important;
  word-break:normal!important;
  hyphens:none!important;
}
.poster-page-hero.civilization-poster .civilization-hero-subtitle{
  display:block!important;
  width:fit-content!important;
  max-width:100%!important;
  margin-top:clamp(16px,1.5vw,22px)!important;
  padding-inline-start:clamp(12px,1.2vw,18px)!important;
  border-inline-start:2px solid rgba(226,184,93,.72)!important;
  color:#f6eddb!important;
  font-family:var(--xm-serif)!important;
  font-size:clamp(18px,1.9vw,28px)!important;
  font-weight:600!important;
  line-height:1.28!important;
  letter-spacing:-.014em!important;
  text-wrap:balance;
  overflow-wrap:break-word!important;
  word-break:normal!important;
}
.poster-page-hero.civilization-poster .poster-page-hero-copy>p{
  max-width:43ch!important;
  margin:clamp(18px,1.7vw,24px) 0 0!important;
  color:rgba(246,237,219,.88)!important;
  font-family:var(--xm-serif)!important;
  font-size:clamp(14px,1.18vw,17px)!important;
  font-weight:500!important;
  line-height:1.72!important;
  letter-spacing:0!important;
  text-wrap:pretty;
}

/* Short logographic headings can carry more scale without overwhelming the
   portrait; each native script keeps the metrics required by its letterforms. */
html:is([lang="zh-Hans"],[lang="zh-Hant"]) .poster-page-hero.civilization-poster .civilization-hero-main{
  font-size:clamp(58px,5.7vw,84px)!important;
  line-height:1!important;
  letter-spacing:.015em!important;
}
html:is([lang="zh-Hans"],[lang="zh-Hant"]) .poster-page-hero.civilization-poster .civilization-hero-subtitle{
  font-size:clamp(24px,2.35vw,35px)!important;
  line-height:1.25!important;
  letter-spacing:.025em!important;
}
html:is([lang="ja"],[lang="ko"]) .poster-page-hero.civilization-poster .civilization-hero-main{
  font-size:clamp(54px,5.2vw,78px)!important;
  line-height:1.1!important;
  letter-spacing:normal!important;
}
html:is([lang="ja"],[lang="ko"]) .poster-page-hero.civilization-poster .civilization-hero-subtitle{
  font-size:clamp(23px,2.2vw,33px)!important;
  line-height:1.38!important;
  letter-spacing:normal!important;
}
html:lang(hi) .poster-page-hero.civilization-poster .civilization-hero-main{
  font-size:clamp(42px,4.6vw,66px)!important;
  line-height:1.2!important;
  letter-spacing:normal!important;
}
html:lang(hi) .poster-page-hero.civilization-poster .civilization-hero-subtitle{
  font-size:clamp(20px,2.05vw,30px)!important;
  line-height:1.48!important;
  letter-spacing:normal!important;
}
html:is([lang="ar"],[lang="he"],[lang="fa"]) .poster-page-hero.civilization-poster .civilization-hero-main{
  font-size:clamp(44px,4.7vw,68px)!important;
  line-height:1.18!important;
  letter-spacing:normal!important;
}
html:is([lang="ar"],[lang="he"],[lang="fa"]) .poster-page-hero.civilization-poster .civilization-hero-subtitle{
  font-size:clamp(21px,2.15vw,31px)!important;
  line-height:1.48!important;
  letter-spacing:normal!important;
}

@media(min-width:761px) and (max-width:1100px){
  .poster-page-hero.civilization-poster{
    min-height:590px!important;
    padding:clamp(42px,6vw,66px)!important;
  }
  .poster-page-hero.civilization-poster .poster-page-hero-copy{width:52%!important}
}

@media(max-width:760px){
  .poster-page-hero.civilization-poster{
    min-height:600px!important;
    height:auto!important;
    padding:30px 22px 38px!important;
    align-items:flex-end!important;
    background-position:66% center!important;
  }
  .poster-page-hero.civilization-poster .poster-page-hero-copy{
    width:100%!important;
    max-width:100%!important;
    margin-top:auto!important;
  }
  .poster-page-hero.civilization-poster .civilization-hero-main{
    font-size:clamp(32px,10.2vw,46px)!important;
    line-height:1.06!important;
    letter-spacing:-.025em!important;
  }
  .poster-page-hero.civilization-poster .civilization-hero-subtitle{
    margin-top:13px!important;
    padding-inline-start:11px!important;
    font-size:clamp(17px,5.05vw,22px)!important;
    line-height:1.34!important;
    letter-spacing:0!important;
  }
  .poster-page-hero.civilization-poster .poster-page-hero-copy>p{
    max-width:36ch!important;
    margin-top:15px!important;
    font-size:clamp(12.5px,3.55vw,14px)!important;
    line-height:1.6!important;
  }
  html:is([lang="zh-Hans"],[lang="zh-Hant"]) .poster-page-hero.civilization-poster .civilization-hero-main{
    font-size:clamp(46px,13.2vw,56px)!important;
    letter-spacing:.01em!important;
  }
  html:is([lang="zh-Hans"],[lang="zh-Hant"],[lang="ja"],[lang="ko"]) .poster-page-hero.civilization-poster .civilization-hero-subtitle{
    font-size:clamp(19px,5.5vw,24px)!important;
    line-height:1.4!important;
  }
  html:is([lang="ja"],[lang="ko"]) .poster-page-hero.civilization-poster .civilization-hero-main{
    font-size:clamp(42px,12vw,52px)!important;
    line-height:1.12!important;
    letter-spacing:normal!important;
  }
  html:lang(hi) .poster-page-hero.civilization-poster .civilization-hero-main{
    font-size:clamp(32px,9.6vw,43px)!important;
    line-height:1.24!important;
    letter-spacing:normal!important;
  }
  html:lang(hi) .poster-page-hero.civilization-poster .civilization-hero-subtitle{
    font-size:clamp(17px,4.85vw,21px)!important;
    line-height:1.5!important;
  }
  html:is([lang="ar"],[lang="he"],[lang="fa"]) .poster-page-hero.civilization-poster .civilization-hero-main{
    font-size:clamp(36px,10.6vw,48px)!important;
    line-height:1.2!important;
    letter-spacing:normal!important;
  }
  html:is([lang="ar"],[lang="he"],[lang="fa"]) .poster-page-hero.civilization-poster .civilization-hero-subtitle{
    font-size:clamp(18px,5.15vw,23px)!important;
    line-height:1.5!important;
  }
}

/* Topics reading atlas: the landing page is an editorial exhibition rather than
   a category directory. Covers, pull lines and long-form descriptions create a
   generous rhythm while keeping the existing hero artwork untouched. */
.topics-reading-intro{display:grid;grid-template-columns:minmax(240px,.72fr) minmax(320px,1.28fr);gap:clamp(28px,7vw,100px);padding:clamp(54px,8vw,112px) 0 42px;border-bottom:1px solid var(--line);align-items:end}
.topics-reading-intro h2,.topics-section-heading h2,.topics-planned-section h2{font:700 clamp(28px,4vw,52px)/1.05 var(--serif);margin:10px 0 0;letter-spacing:-.03em;color:var(--ink)}
.topics-reading-intro>p{font:clamp(18px,2vw,28px)/1.55 var(--serif);max-width:32ch;margin:0;color:#51495a}
.topics-feature-section,.topics-library-section,.topics-planned-section{padding:56px 0 0}
.topics-section-heading{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:22px;border-bottom:1px solid var(--line);padding-bottom:14px}
.topics-section-heading h2{font-size:clamp(26px,3.4vw,42px);margin:7px 0 0}
.topics-count,.topics-meta{font:11px/1.4 var(--mono);text-transform:uppercase;letter-spacing:.07em;color:#81798c}
.topics-feature-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}
.topics-feature{position:relative;display:grid;grid-template-columns:minmax(120px,.68fr) minmax(0,1fr);min-height:360px;background:#efe9df;border:1px solid rgba(26,36,54,.12);overflow:hidden}
.topics-feature:nth-child(1),.topics-feature:nth-child(4){grid-column:span 7}.topics-feature:nth-child(2),.topics-feature:nth-child(3),.topics-feature:nth-child(5),.topics-feature:nth-child(6){grid-column:span 5}
.topics-feature-visual{min-height:100%;background:#d6c9ba;display:flex;align-items:center;justify-content:center;overflow:hidden}
.topics-feature-visual img{width:100%;height:100%;min-height:360px;object-fit:cover;display:block;filter:saturate(.92)}
.topics-feature-visual--empty{background:linear-gradient(145deg,#1c2636,#a55a2f);color:#f5ead9;font:700 14px var(--mono);letter-spacing:.16em}
.topics-feature-copy{padding:27px 26px 24px;display:flex;flex-direction:column;justify-content:flex-end}
.topics-feature-copy h3,.topics-reading-copy h3{font:700 clamp(22px,2.2vw,35px)/1.08 var(--serif);margin:8px 0 14px;color:var(--ink);letter-spacing:-.02em}
.topics-feature-copy p,.topics-reading-copy p{font-size:14px;line-height:1.8;color:#5f596d;margin:0 0 13px}
.topics-feature-copy .topics-kicker,.topics-reading-copy .topics-kicker{font:600 16px/1.6 var(--serif);color:#2e3a4a;margin-bottom:11px}
.topics-feature-copy .topics-meta,.topics-reading-copy .topics-meta{margin-top:auto}
.topics-reading-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.topics-reading-card{background:#faf7f1;border:1px solid var(--line);display:flex;flex-direction:column;min-width:0}
.topics-reading-visual{height:220px;background:#ddd3c7;overflow:hidden;display:flex;align-items:center;justify-content:center}
.topics-reading-visual img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.9)}
.topics-reading-visual--empty{background:linear-gradient(135deg,#e8dfd2,#c9b8a4);color:#5c5960;font:700 12px var(--mono);letter-spacing:.12em}
.topics-reading-copy{padding:22px 21px 20px;display:flex;flex-direction:column;flex:1}
.topics-reading-copy h3{font-size:26px;margin-bottom:11px}
.topics-reading-copy p{font-size:13px;line-height:1.72}
.topics-reading-copy .topics-kicker{font-size:15px;line-height:1.55}
.topics-planned-section{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(0,1.28fr);gap:40px;padding-bottom:50px;align-items:start}
.topics-planned-section p{font-size:14px;line-height:1.75;color:#6d6673;max-width:34ch}
.topics-planned-list{display:flex;flex-wrap:wrap;gap:8px;padding-top:26px}
.topics-planned-title{padding:12px 15px;border:1px solid var(--line);background:#f5f0e7;font:15px/1.35 var(--serif);color:#3b3c48}
body.topics-page .topic-note{border-top:1px solid var(--line);padding:18px 0 42px;margin:0;color:#847a87;font-size:12px;line-height:1.7}
@media(max-width:900px){
  .topics-reading-intro,.topics-planned-section{grid-template-columns:1fr;gap:20px}
  .topics-reading-intro>p{font-size:21px;max-width:34ch}
  .topics-feature-grid{display:grid;grid-template-columns:1fr}
  .topics-feature:nth-child(n){grid-column:auto;min-height:0}
  .topics-feature-visual img{min-height:310px}
  .topics-feature-copy{padding:23px 21px 24px}
  .topics-reading-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:580px){
  .topics-section-heading{display:block}
  .topics-count{display:block;margin-top:10px}
  .topics-reading-grid{grid-template-columns:1fr}
  .topics-reading-visual{height:255px}
  .topics-feature{grid-template-columns:1fr}
  .topics-feature-visual img{height:320px;min-height:0}
}

/* Ink-led page family: the new public pages share an ivory paper field and
   three calligraphic studies as quiet editorial markers. */
body.topics-page .editorial-hero{
  min-height:clamp(500px,55vw,660px)!important;
  padding:112px 54% 78px max(32px,calc((100vw - 1260px)/2))!important;
  background-color:#f8f4eb!important;
  background-image:linear-gradient(90deg,rgba(248,244,235,.98) 0%,rgba(248,244,235,.94) 39%,rgba(248,244,235,.45) 62%,rgba(248,244,235,.08) 100%),url('/static/xuemo-ink-baiyu.jpg'),url('/static/xuemo-ink-qi.jpg'),url('/static/xuemo-ink-dao.jpg')!important;
  background-repeat:no-repeat!important;
  background-size:cover,42% auto,17% auto,16% auto!important;
  background-position:center,76% center,10% 18%,92% 82%!important;
  box-shadow:none!important;
}
body.topics-page .editorial-hero:after{background:linear-gradient(0deg,rgba(248,244,235,.26),transparent 48%)!important}
body.topics-page .editorial-hero h1{color:#1b2534!important;text-shadow:0 2px 14px rgba(255,255,255,.96)!important}
body.topics-page .editorial-hero p{color:#394252!important;text-shadow:0 2px 12px rgba(255,255,255,.94)!important}
@media(max-width:900px){
  body.topics-page .editorial-hero{min-height:560px!important;padding:104px 24px 56px!important;background-image:linear-gradient(0deg,rgba(248,244,235,.98) 0%,rgba(248,244,235,.84) 48%,rgba(248,244,235,.16) 100%),url('/static/xuemo-ink-baiyu.jpg'),url('/static/xuemo-ink-qi.jpg')!important;background-size:cover,74% auto,24% auto!important;background-position:center,84% center,8% 16%!important}
}

/* Revert Topics hero to the established former translator artwork. The new
   ink studies are reserved for the upcoming library and bookstore pages. */
body.topics-page .editorial-hero{
  min-height:clamp(500px,55vw,660px)!important;
  display:flex;flex-direction:column;justify-content:center;
  padding:112px 52% 78px max(32px,calc((100vw - 1260px)/2))!important;
  background-color:#10192b!important;
  background-image:linear-gradient(90deg,rgba(5,10,22,.78) 0%,rgba(5,10,22,.54) 40%,rgba(5,10,22,.14) 67%,rgba(5,10,22,.02) 100%),url('/static/_optimized/xuemo-translators-comments-hero-20260826.png.webp')!important;
  background-repeat:no-repeat!important;background-size:cover!important;background-position:center!important;box-shadow:none!important;
}
body.topics-page .editorial-hero:after{background:linear-gradient(0deg,rgba(4,8,19,.20),transparent 48%)!important}
body.topics-page .editorial-hero h1{color:#fff4df!important;text-shadow:0 3px 22px rgba(3,7,18,.85)!important}
body.topics-page .editorial-hero p{color:#f2e8d6!important;text-shadow:0 2px 16px rgba(3,7,18,.9)!important}
@media(max-width:900px){body.topics-page .editorial-hero{min-height:560px!important;justify-content:flex-end;padding:104px 24px 56px!important;background-position:64% center!important;background-image:linear-gradient(0deg,rgba(4,8,19,.72) 0%,rgba(4,8,19,.43) 47%,rgba(4,8,19,.06) 100%),url('/static/_optimized/xuemo-translators-comments-hero-20260826.png.webp')!important}}

/* Shared access pages: ivory paper, black ink, and yellow brush accents. */
body.global-library-page .editorial-hero,
body.global-bookstore-page .editorial-hero{min-height:clamp(500px,54vw,650px)!important;display:flex;flex-direction:column;justify-content:center;padding:112px 52% 78px max(32px,calc((100vw - 1260px)/2))!important;background-color:#faf7ef!important;background-repeat:no-repeat!important;background-size:cover,42% auto!important;background-position:center,82% center!important;box-shadow:none!important}
body.global-library-page .editorial-hero{background-image:linear-gradient(90deg,rgba(250,247,239,.98) 0%,rgba(250,247,239,.94) 39%,rgba(250,247,239,.48) 65%,rgba(250,247,239,.04) 100%),url('/static/xuemo-global-library-hero.jpg')!important}
body.global-bookstore-page .editorial-hero{background-image:linear-gradient(90deg,rgba(250,247,239,.98) 0%,rgba(250,247,239,.94) 39%,rgba(250,247,239,.42) 65%,rgba(250,247,239,.04) 100%),url('/static/xuemo-ink-baiyu.jpg')!important}
body.global-library-page .editorial-hero:after,body.global-bookstore-page .editorial-hero:after{background:linear-gradient(0deg,rgba(250,247,239,.22),transparent 48%)!important}
body.global-library-page .editorial-hero h1,body.global-bookstore-page .editorial-hero h1{color:#1b2534!important;text-shadow:0 2px 14px rgba(255,255,255,.96)!important}
body.global-library-page .editorial-hero p,body.global-bookstore-page .editorial-hero p{color:#394252!important;text-shadow:0 2px 12px rgba(255,255,255,.94)!important}
.access-overview,.access-search,.store-section,.access-two-column{padding:55px 0 0}
.access-overview{display:grid;grid-template-columns:.8fr 1.2fr;gap:42px;align-items:end;border-bottom:1px solid var(--line);padding-bottom:34px}
.access-overview h2,.access-search h2,.store-section h2,.access-two-column h2{font:700 clamp(28px,4vw,48px)/1.05 var(--serif);margin:9px 0 10px;color:var(--ink);letter-spacing:-.03em}
.access-overview p,.store-section-heading p,.access-search>p,.access-two-column p{color:#6a6371;font-size:14px;line-height:1.8;max-width:56ch}
.access-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.access-stat-grid div{background:#faf7f1;padding:20px 15px;min-height:92px;display:flex;flex-direction:column;justify-content:space-between}.access-stat-grid b{font:700 30px var(--serif);color:#1c2b3b}.access-stat-grid span{font:11px/1.35 var(--mono);color:#81798c;text-transform:uppercase}
.access-search form{display:grid;grid-template-columns:1fr auto;gap:8px;margin:22px 0 9px;max-width:740px}.access-search input,.access-search button{border:1px solid var(--line);padding:14px 16px;background:#fffdf8;font:14px var(--sans);color:var(--ink)}.access-search button{background:#1c2b3b;color:#f8f1e3;font:11px var(--mono);text-transform:uppercase;letter-spacing:.08em;cursor:pointer}
.access-record-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:27px}.access-record{display:grid;grid-template-columns:82px 1fr;gap:15px;border:1px solid var(--line);background:#faf7f1;padding:14px}.access-record-cover{height:116px;background:#e6ddd0;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#7b7180;font:10px var(--mono)}.access-record-cover img{width:100%;height:100%;object-fit:cover}.access-record h3,.platform-card h3{font:700 22px/1.13 var(--serif);margin:6px 0 9px;color:var(--ink)}.access-record p{font-size:12px;line-height:1.55;color:#6a6371;margin:0 0 7px}.access-isbn{font-family:var(--mono)!important;font-size:10px!important}.access-status{color:#a76032!important;font:10px var(--mono)!important;text-transform:uppercase}.access-record a{color:#a76032;font:10px var(--mono);text-transform:uppercase;text-decoration:none}
.access-two-column{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding-bottom:60px}.access-two-column article{border-top:2px solid #1c2b3b;padding:21px 20px;background:#f1ebe1;min-height:180px}.access-two-column h2{font-size:28px}.store-section-heading{max-width:720px}.platform-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:24px}.platform-card{border:1px solid var(--line);background:#faf7f1;padding:26px;min-height:190px}.platform-card p{color:#6a6371;font-size:14px;line-height:1.7}.region-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px;padding-bottom:20px}.region-pill{border:1px solid var(--line);background:#f5f0e7;padding:12px 15px;color:#42414d;font:14px var(--serif)}
/* International reception: the circular calligraphy sits low on the right,
   leaving the left and upper field clear for the title in every language. */
body.translator-comments-page .editorial-hero{background-image:linear-gradient(90deg,rgba(250,248,242,.98) 0%,rgba(250,248,242,.95) 44%,rgba(250,248,242,.58) 68%,rgba(250,248,242,.12) 100%),url('/static/xuemo-ink-dao.jpg')!important;background-color:#faf8f2!important;background-position:center,86% 88%!important;background-size:cover,34% auto!important}
body.translator-comments-page .editorial-hero:after{background:linear-gradient(0deg,rgba(250,248,242,.15),transparent 48%)!important}
body.translator-comments-page .editorial-hero h1{color:#17263d!important;text-shadow:0 2px 18px rgba(255,255,255,.96)!important}body.translator-comments-page .editorial-hero p{color:#384657!important;text-shadow:0 2px 14px rgba(255,255,255,.96)!important}
@media(max-width:900px){body.global-library-page .editorial-hero,body.global-bookstore-page .editorial-hero{min-height:560px!important;justify-content:flex-end;padding:104px 24px 56px!important;background-size:cover,72% auto!important;background-position:center,88% 88%!important}body.translator-comments-page .editorial-hero{min-height:560px!important;justify-content:flex-end;padding:104px 24px 56px!important;background-position:center,88% 92%!important;background-size:cover,58% auto!important}.access-overview{grid-template-columns:1fr}.access-stat-grid{grid-template-columns:repeat(2,1fr)}.access-record-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:580px){.access-record-grid,.platform-grid,.access-two-column{grid-template-columns:1fr}.access-search form{grid-template-columns:1fr}.access-record{grid-template-columns:76px 1fr}.access-record-cover{height:108px}}

/* International reception / media: a single ink gesture sits low on the
   right, preserving an open ivory field for the title and deck. */
body.reception-page .editorial-hero{min-height:clamp(500px,54vw,650px)!important;display:flex;flex-direction:column;justify-content:center;padding:112px 52% 78px max(32px,calc((100vw - 1260px)/2))!important;background-color:#faf8f2!important;background-image:linear-gradient(90deg,rgba(250,248,242,.98) 0%,rgba(250,248,242,.96) 43%,rgba(250,248,242,.64) 68%,rgba(250,248,242,.12) 100%),url('/static/xuemo-international-media-hero.jpg')!important;background-repeat:no-repeat!important;background-size:cover,31% auto!important;background-position:center,88% 92%!important;box-shadow:none!important}
body.reception-page .editorial-hero:after{background:linear-gradient(0deg,rgba(250,248,242,.14),transparent 48%)!important}
body.reception-page .editorial-hero h1{color:#17263d!important;text-shadow:0 2px 18px rgba(255,255,255,.96)!important}body.reception-page .editorial-hero p{color:#384657!important;text-shadow:0 2px 14px rgba(255,255,255,.96)!important}
@media(max-width:900px){body.reception-page .editorial-hero{min-height:560px!important;justify-content:flex-end;padding:104px 24px 56px!important;background-size:cover,58% auto!important;background-position:center,88% 94%!important}}

.reception-document-reviews{margin-top:54px;padding-top:28px;border-top:1px solid var(--line)}
.reception-document-reviews>p{max-width:58ch;color:#6a6371;font-size:14px;line-height:1.8;margin:13px 0 22px}
.reception-review-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.reception-review-card{background:#faf7f1;border:1px solid var(--line);padding:22px 20px;min-height:190px;display:flex;flex-direction:column;justify-content:space-between}
.reception-review-card blockquote{margin:20px 0 0;font:600 20px/1.6 var(--serif);color:#28364a}
@media(max-width:800px){.reception-review-grid{grid-template-columns:1fr}}

/* About: public-facing institutional copy with the restored table treatment. */
.about-lead{font:600 clamp(21px,2.2vw,30px)/1.55 var(--serif)!important;color:#243247!important;max-width:38ch!important}
.about-mission-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:36px 0 52px}.about-mission-grid article{background:#f3eee4;border-top:2px solid #1c2b3b;padding:23px 20px;min-height:190px}.about-mission-grid h3{font:700 23px/1.2 var(--serif);margin:12px 0 10px;color:#1f2d40}.about-mission-grid p{font-size:14px;line-height:1.75;color:#6a6371;margin:0}
.about-table-section{margin:45px 0 55px}.about-table-section h2{margin-bottom:20px}.about-public-table{width:100%;border-collapse:collapse;background:#faf7f1;border-top:2px solid #1c2b3b}.about-public-table th,.about-public-table td{padding:15px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;font-size:13px;line-height:1.65}.about-public-table th{font:11px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#81798c;background:#f1ebe1}.about-public-table td:first-child{font-weight:650;color:#2a374b;width:22%}.about-public-table td:nth-child(2){width:48%}.about-cosmos-poster + .poster-page-body .plan-section{background:#f3eee4}
@media(max-width:780px){.about-mission-grid{grid-template-columns:1fr}.about-public-table{display:block;overflow-x:auto;white-space:normal;min-width:640px}.about-table-section{overflow-x:auto}}

/* Book reviews use the uploaded vertical calligraphy study while the media tab
   keeps its own media mark. The fragment target lets both sections share the
   same public reception page without introducing another internal route. */
body.reception-page:has(#reviews:target) .editorial-hero{
  background-image:linear-gradient(90deg,rgba(250,248,242,.98) 0%,rgba(250,248,242,.96) 43%,rgba(250,248,242,.64) 68%,rgba(250,248,242,.12) 100%),url('/static/xuemo-international-reviews-hero.jpg')!important;
  background-position:center,88% 90%!important;
  background-size:cover,31% auto!important;
}
@media(max-width:900px){body.reception-page:has(#reviews:target) .editorial-hero{background-position:center,88% 94%!important;background-size:cover,58% auto!important}}

/* Topics editorial refinement: use the full cover as the visual object and
   let the reading atlas occupy the page width instead of an empty aside. */
body.topics-page .editorial-body{background:#f7f4ed!important;padding-left:max(24px,calc((100vw - 1260px)/2))!important;padding-right:max(24px,calc((100vw - 1260px)/2))!important}
body.topics-page .editorial-grid{display:block!important;max-width:1260px;margin:0 auto!important}
body.topics-page .editorial-aside{display:none!important}
body.topics-page .editorial-copy{max-width:none!important}
body.topics-page .topics-reading-intro{grid-template-columns:minmax(260px,.82fr) minmax(320px,1.18fr);padding-top:70px}
body.topics-page .topics-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
body.topics-page .topics-feature:nth-child(n){grid-column:auto!important;min-height:390px;grid-template-columns:minmax(145px,.72fr) minmax(0,1fr)}
body.topics-page .topics-feature-copy{justify-content:flex-start;padding:30px 28px 26px}
body.topics-page .topics-feature-visual{background:#e9e4db}
body.topics-page .topics-feature-visual img{object-fit:contain!important;padding:24px;box-sizing:border-box;filter:none!important}
body.topics-page .topics-reading-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
body.topics-page .topics-reading-card{background:#fbfaf6;box-shadow:0 10px 26px rgba(39,35,29,.045)}
body.topics-page .topics-reading-visual{height:280px;background:#ebe7df}
body.topics-page .topics-reading-visual img{object-fit:contain!important;padding:20px;box-sizing:border-box;filter:none!important}
body.topics-page .topics-reading-copy{padding:22px 23px 23px}
body.topics-page .topics-reading-copy h3{font-size:25px}
body.topics-page .topics-planned-section{padding-top:78px}
@media(max-width:980px){body.topics-page .topics-feature-grid{grid-template-columns:1fr}body.topics-page .topics-reading-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){body.topics-page .editorial-body{padding-left:18px!important;padding-right:18px!important}body.topics-page .topics-reading-intro{grid-template-columns:1fr;padding-top:52px}body.topics-page .topics-feature-grid{grid-template-columns:1fr}body.topics-page .topics-feature:nth-child(n){grid-template-columns:1fr;min-height:0}body.topics-page .topics-feature-visual img{height:360px;min-height:0;padding:28px}body.topics-page .topics-reading-grid{grid-template-columns:1fr}body.topics-page .topics-reading-visual{height:300px}}

/* Public directory architecture: categories are visible in the page itself;
   ordinary copy remains static and does not behave like a link. */
/* Public editorial text remains selectable and copyable while content is being revised. */
body.portal,body.portal *{user-select:text!important;-webkit-user-select:text!important}
body.portal input,body.portal textarea,body.portal select{user-select:text!important;-webkit-user-select:text!important}
body.portal h1,body.portal h2,body.portal h3,body.portal h4,body.portal p,body.portal span,body.portal li,body.portal dt,body.portal dd,body.portal th,body.portal td,body.portal label{cursor:default}
body.topics-page .topics-directory-summary{display:flex;align-items:baseline;gap:22px;flex-wrap:wrap;margin:28px 0 64px;padding:18px 0;border-top:1px solid var(--ink);border-bottom:1px solid var(--line);color:#706a75;font:11px var(--mono);letter-spacing:.06em;text-transform:uppercase}
body.topics-page .editorial-copy>[data-reveal]{opacity:1!important;transform:none!important}
body.topics-page .topics-directory-summary strong{font:700 48px/1 var(--serif);color:#26354a;letter-spacing:-.05em}
body.topics-page .topics-directory-jump{margin:24px 0 0}
body.topics-page .topics-directory-jump a{display:inline-flex;align-items:center;gap:9px;padding:8px 0;border-bottom:1px solid currentColor;color:#a45b2b;font:600 11px var(--mono);letter-spacing:.08em;text-decoration:none;text-transform:uppercase}
body.topics-page .topics-directory-jump a:hover{color:var(--ink)}
body.topics-page .topics-category-index{display:flex;flex:1 1 100%;gap:10px 24px;flex-wrap:wrap;margin-top:6px;text-transform:none;letter-spacing:0}
body.topics-page .topics-category-index a{color:#51495a;font:600 14px/1.5 var(--serif);text-decoration:none;border-bottom:1px solid rgba(23,23,46,.2);padding-bottom:2px}
body.topics-page .topics-category-index a:hover{color:#a45b2b;border-color:#a45b2b}
body.topics-page .topics-category-section{margin:0 0 78px;padding-top:16px}
body.topics-page .topics-category-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;border-bottom:2px solid var(--ink);padding:0 0 15px;margin-bottom:30px;position:sticky;top:84px;z-index:2;background:#f7f4ed}
body.topics-page .topics-category-heading h2{margin:0;font:700 clamp(32px,4vw,54px)/1 var(--serif);letter-spacing:-.045em;color:#26354a}
body.topics-page .topics-directory-section{margin:0 0 42px}
body.topics-page .topics-directory-section>h3{margin:0 0 14px;padding-bottom:10px;border-bottom:1px solid var(--line);font:700 26px/1.15 var(--serif);color:#26354a}
body.topics-page .topics-directory-group{margin:0 0 22px}
body.topics-page .topics-directory-group-title{margin:0 0 10px;color:#a45b2a;font:600 12px var(--mono);letter-spacing:.08em;text-transform:uppercase}
body.topics-page .topics-directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
body.topics-page .topics-directory-card{position:relative;display:flex;flex-direction:column;min-width:0;min-height:540px;background:linear-gradient(180deg,rgba(254,252,247,.96),#f7f2ea 88%);border:1px solid rgba(23,23,46,.12);border-radius:18px;box-shadow:0 12px 28px rgba(39,35,29,.05);overflow:hidden;transition:transform .35s ease,box-shadow .35s ease}
body.topics-page .topics-directory-card:hover{transform:translateY(-4px);box-shadow:0 18px 36px rgba(39,35,29,.12)}
body.topics-page .topics-directory-visual{height:250px;display:grid;place-items:center;background:radial-gradient(circle at 30% 25%,#fbf8f0,#ebdfcf 62%,#e6dbc9);padding:16px;box-sizing:border-box}
body.topics-page .topics-directory-visual img{display:block;width:100%;height:100%;object-fit:contain;filter:none}
body.topics-page .topics-directory-visual--empty{color:#8a8175;font:600 12px var(--mono);letter-spacing:.14em;text-transform:uppercase}
body.topics-page .topics-directory-copy{padding:18px 20px 20px;display:flex;flex-direction:column;flex:1;gap:10px}
body.topics-page .topics-directory-copy h4{margin:0;font:700 21px/1.26 var(--serif);color:#26354a;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
body.topics-page .topics-directory-copy p{margin:0;color:#454451}
body.topics-page .topics-kicker{color:#6e6877;font-size:12px;line-height:1.55}
body.topics-page .topics-description{font:13px/1.72 var(--serif);display:-webkit-box;-webkit-line-clamp:7;-webkit-box-orient:vertical;overflow:hidden}
body.topics-page .topics-directory-copy .topics-meta{margin-top:auto;color:#8c8492;font:9px/1.45 var(--mono);text-transform:uppercase;letter-spacing:.04em}
body.topics-page .topics-status{position:absolute;z-index:2;left:12px;top:12px;padding:5px 8px;background:rgba(251,250,246,.94);font:9px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:#8b5a2a}
body.topics-page .topics-status--published{color:#56725b}
body.topics-page .topics-directory-card--planned{min-height:520px;background:linear-gradient(180deg,rgba(249,244,237,.93),#efe6db);border-style:dashed;box-shadow:none}
body.topics-page .topics-directory-card--planned .topics-directory-copy{padding-top:52px}
body.topics-page .topics-directory-card--planned .topics-directory-copy h4{font-size:22px}
body.topics-page .topics-planned-note{color:#9b6b45!important;font:10px/1.6 var(--mono)!important;letter-spacing:.03em}
@media(max-width:980px){body.topics-page .topics-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){body.topics-page .topics-directory-summary{margin-bottom:46px;gap:12px}body.topics-page .topics-directory-summary strong{font-size:40px}body.topics-page .topics-category-heading{display:block}body.topics-page .topics-category-heading h2{margin-top:10px}body.topics-page .topics-directory-grid{grid-template-columns:1fr}body.topics-page .topics-directory-visual{height:300px}}