/* Shared newtype UI refinements. Keep the three site copies in sync. */
:root { --dim:#686154; --muted:#625d53; --faint:#686154; --accent-dark:#a83808; --ui-ease:cubic-bezier(.2,.7,.2,1); --ui-font:"Alibaba PuHuiTi Web","PingFang SC",sans-serif; --ui:var(--ui-font); }
body,body * { font-family:var(--ui-font)!important; }
pre,code,kbd,samp,pre *,code *,kbd *,samp * { font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace!important; }
[hidden] { display:none!important; }
html { scroll-padding-top:100px; }
body { -webkit-font-smoothing:antialiased; }
button, a, input, select, summary { -webkit-tap-highlight-color:transparent; }
:where(a,button,input,select,summary):focus-visible { outline:2px solid #bb3f08; outline-offset:4px; }
button:disabled { cursor:default; }
.site-header { background:rgba(244,239,229,.97); backdrop-filter:blur(18px); }
.site-header__inner,.site-header__primary { min-height:72px; }
.site-nav,.nav { gap:20px; }
.site-nav,.nav { margin-left:auto; }
.auth-menu { width:72px; flex:0 0 72px; }
.nav-menu { width:auto; }
.nav-menu__trigger { min-height:44px; padding-inline:9px; display:flex; align-items:center; justify-content:center; gap:8px; }
.nav-menu__trigger::after { content:''; width:5px; height:5px; border-right:1px solid; border-bottom:1px solid; transform:rotate(45deg) translateY(-2px); transition:transform .18s ease; }
.nav-menu.is-open .nav-menu__trigger::after { transform:rotate(225deg); }
.nav-menu__panel { width:214px; top:calc(100% + 8px); left:-12px; background:var(--paper,var(--surface)); border:1px solid var(--line,var(--border)); box-shadow:0 12px 32px #19191714; transform:translateY(5px); }
.nav-menu__panel::before { content:''; position:absolute; left:0; right:0; top:-10px; height:10px; }
.nav-menu:not(.is-open):not(:hover) .nav-menu__panel { opacity:0; pointer-events:none; }
.nav-menu.ui-menu-closed .nav-menu__panel { opacity:0!important; pointer-events:none!important; }
.site-nav .nav-menu__item[aria-current="page"],.nav .nav-menu__item[aria-current="page"] { background:#e7ddca; color:#24231f; }
.nav-menu__item { width:100%; min-height:58px; border:0!important; justify-content:center; align-items:flex-start; flex-direction:column; gap:1px; padding:10px 18px!important; text-align:left; }
.nav-menu__item:hover { background:#e7ddca!important; color:var(--ink,var(--text))!important; box-shadow:inset 3px 0 #ea580c!important; }
.ui-menu-hint { display:block; color:#686154; font-size:11px; font-weight:400; line-height:1.5; }
.auth-link,.membership-link { min-height:40px; min-width:72px; width:auto; }
.auth-link { border:0!important; box-shadow:none!important; background:transparent!important; }
.ui-search-toggle,.ui-mobile-toggle { width:44px; height:44px; padding:12px; display:inline-flex; align-items:center; justify-content:center; background:transparent; border:1px solid transparent; color:var(--ink,var(--text)); cursor:pointer; }
.ui-search-toggle:hover { border-color:var(--line,var(--border)); background:var(--paper,var(--surface)); }
.ui-mobile-toggle { display:none; }
.ui-search-toggle svg,.ui-mobile-toggle svg { width:19px; height:19px; fill:none; stroke:currentColor; stroke-width:1.5; }
.button { transition:background .18s ease,box-shadow .18s ease; }
.button:hover { transform:none; box-shadow:3px 3px 0 var(--ink,var(--text)); }
.button--primary,.button--secondary { box-shadow:3px 3px 0 var(--ink,var(--text)); }
.button--primary:hover { background:#f46a1c; }
.ui-skip { position:fixed; top:8px; left:16px; padding:10px 16px; background:#191917; color:#fbf8f1; z-index:100; transform:translateY(-150%); }
.ui-skip:focus { transform:none; }
.eyebrow { letter-spacing:.065em; }
body[data-ui-page="home"] .hero { min-height:0; grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr); padding-block:72px 78px; gap:72px; }
body[data-ui-page="home"] .hero h1 { font-size:clamp(76px,7.6vw,112px); letter-spacing:-.045em; line-height:.95; }
body[data-ui-page="home"] .hero__tagline { color:#49463f; margin-top:27px; max-width:480px; font-size:21px; }
body[data-ui-page="home"] .hero__visual { box-shadow:8px 8px 0 var(--accent); }
body[data-ui-page="home"] .hero__visual img { height:530px; object-position:50% 50%; }
body[data-ui-page="home"] .hero__visual figcaption { padding:15px 18px; font-weight:600; }
body[data-ui-page="home"] .hero__stats { margin-top:48px; }
body[data-ui-page="home"] .hero__stats span { font-size:12px; }
body[data-ui-page="home"] .band { padding-block:84px; }
body[data-ui-page="home"] .section-head h2 { font-size:clamp(32px,3.6vw,46px); line-height:1.23; text-wrap:balance; }
body[data-ui-page="home"] .content-grid--questions { gap:32px; }
body[data-ui-page="home"] .content-grid--questions .content-tile { padding:26px 0 0; min-height:190px; border:0; border-top:1px solid #8e8677; background:transparent; }
body[data-ui-page="home"] .content-grid--questions h3 { font-size:28px; margin-top:26px; }
.content-tile__meta { color:#625d53; }
.band--ink .content-tile__meta { color:#b6ad9f; }
.ui-path { position:relative; }
.ui-path .content-grid--four { gap:0; border:1px solid #45433d; }
.ui-path .content-grid--four .content-tile { min-height:250px; background:transparent; border:0; border-right:1px solid #45433d; padding:30px 24px; transition:background .25s var(--ui-ease); cursor:pointer; }
.ui-path .content-grid--four .content-tile:last-child { border-right:0; }
.ui-path .content-grid--four .content-tile.is-selected { background:#302e28; box-shadow:inset 0 3px #ea580c; }
.ui-path .content-grid--four h3 { margin-top:28px; font-size:26px; }
.ui-path .content-grid--four p { color:#c9c1b4; font-size:14px; }
.ui-path .content-grid--four p span { display:inline!important; white-space:normal!important; }
.ui-path-context { min-height:48px; display:flex; align-items:center; justify-content:space-between; gap:16px; padding-top:24px; color:#c9c1b4; font-size:13px; }
.ui-path-context a { color:#fbf8f1; text-decoration:underline; text-underline-offset:5px; }
.ui-sovereignty .shell { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:90px; }
.ui-sovereignty .section-head { display:block; margin-bottom:0; }
.ui-sovereignty .content-grid { display:block; }
.ui-sovereignty .content-tile { display:block; min-height:0; padding:24px 0; border:0; border-top:1px solid #aaa08e; background:transparent; }
.ui-sovereignty .content-tile:first-child { padding-top:0; border-top:0; }
.ui-sovereignty .content-tile h3 { margin:14px 0 10px; font-size:25px; }
.ui-sovereignty .content-tile p { font-size:15px; line-height:1.8; }
.content-tile { transition:background .2s ease,box-shadow .2s ease; }
a.content-tile:hover { transform:none; box-shadow:inset 0 3px #ea580c; }
.band--ink a.content-tile p { color:#c9c1b4; }
.listing-head { padding-block:64px 40px; }
.listing-head__inner h1 { font-size:clamp(38px,4vw,56px); letter-spacing:-.035em; }
.listing-head__inner > p:last-child { font-size:16px; }
.filter-bar { align-items:center; gap:8px; padding-block:24px; overflow:visible; flex-wrap:wrap; }
.filter-bar a { min-height:40px; display:inline-flex; align-items:center; padding:8px 16px; border-color:#aca392; }
.ui-list-search { display:flex; margin-left:auto; align-items:center; gap:8px; width:270px; min-width:180px; border-bottom:1px solid #a49a88; padding:4px 0; }
.ui-list-search input { width:100%; min-width:0; height:36px; border:0; background:transparent; color:#24231f; outline-offset:2px; font-size:13px; }
.ui-list-search input::placeholder { color:#686154; }
.ui-list-search svg { width:16px; height:16px; flex:none; stroke:currentColor; fill:none; }
.archive-row { position:relative; padding:27px 10px; grid-template-columns:100px 74px minmax(0,1fr) 58px; gap:22px; transition:background .2s ease; }
.archive-row:hover { padding-inline:10px; background:#fbf8f1; box-shadow:inset 3px 0 #ea580c; }
.archive-row__title { font-size:20px; font-weight:600; line-height:1.55; }
.archive-row__summary { max-width:720px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; margin-top:8px; font-size:14px; line-height:1.8; }
.archive-row__date,.archive-row__type,.archive-row__access { color:#686154; font-size:11px; font-weight:400; }
.archive-row__access.paid { color:#a83808; }
.ui-list-footer { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:28px 0 64px; color:#686154; font-size:13px; }
.ui-list-footer button { border:1px solid #a49a88; background:transparent; color:#24231f; min-height:44px; padding:8px 20px; cursor:pointer; }
.ui-list-footer button:hover { background:#e7ddca; }
.ui-list-footer button:disabled { opacity:.55; }
.ui-empty { padding:40px 0; color:#686154; }
.article-head { padding-block:64px 38px; }
.article-head h1 { font-size:clamp(32px,3.5vw,46px); line-height:1.32; letter-spacing:-.025em; text-wrap:balance; }
.article-head__meta { align-items:center; color:#686154; font-weight:400; font-size:12px; }
.article-head__summary { font-size:17px; line-height:1.8; }
.bookmark-button { width:44px!important; height:44px!important; border:1px solid #bdb4a4; border-radius:0; font-size:22px; line-height:1; }
.bookmark-button::before { display:none; }
.bookmark-button:disabled { cursor:default; }
.prose { font-size:19px; line-height:1.95; padding-top:40px; }
.prose { overflow-wrap:anywhere; }
.prose p { margin:1.35em 0; }
.prose h2 { font-size:28px; margin-top:2.5em; scroll-margin-top:100px; }
.prose h3 { scroll-margin-top:100px; }
.ui-reading-progress { position:fixed; z-index:50; top:0; left:0; height:2px; background:#ea580c; width:0; pointer-events:none; }
.ui-reading-tools { margin-top:20px; display:flex; align-items:center; flex-wrap:wrap; gap:16px; color:#686154; font-size:12px; }
.ui-reader-toc { position:sticky; top:115px; margin-top:20px; align-self:start; width:190px; font-size:12px; line-height:1.6; color:#686154; border-top:1px solid #a49a88; padding-top:18px; }
.ui-reader-toc strong { display:block; font-weight:600; color:#24231f; margin-bottom:12px; }
.ui-reader-toc a { display:block; padding:8px 0 8px 12px; border-left:1px solid #c8c0b2; }
.ui-reader-toc a.is-active { color:#a83808; border-left:2px solid #ea580c; }
body[data-site="wiki"] .layout { max-width:1320px; grid-template-columns:210px minmax(0,1fr) 170px; gap:0 28px; }
body[data-site="wiki"] .article { padding:48px 38px 80px; }
body[data-site="wiki"] .article > h1 { font-size:48px; line-height:1.17; letter-spacing:-.035em; }
body[data-site="wiki"] .sidebar,body[data-site="wiki"] .toc { top:122px; max-height:calc(100svh - 144px); font-size:13px; }
body[data-site="wiki"] .sidebar a,body[data-site="wiki"] .toc a { padding-block:8px; margin-bottom:0; min-height:36px; }
body[data-site="wiki"] .toc { color:#686154; }
body[data-site="wiki"] .article h2 { scroll-margin-top:130px; }
body[data-site="wiki"] table { font-size:14px; line-height:1.75; }
body[data-site="wiki"] th { background:#e7ddca; font-size:12px; }
body[data-site="wiki"] tbody tr:nth-child(even) { background:#f4efe580; }
.ui-wiki-toggle { display:none; }
.course-card { transition:background .2s,box-shadow .2s; box-shadow:5px 5px 0 var(--accent); }
.course-card:hover { transform:none; background:#fbf8f1; box-shadow:5px 5px 0 var(--accent); }
.course-card h2 { font-weight:600; }
.membership__head h1 { font-size:clamp(36px,4.2vw,54px); line-height:1.25; text-wrap:balance; }
.membership-direct { box-shadow:6px 6px 0 #ea580c; }
.membership-direct,.membership-option { padding:32px; }
.membership-benefits { margin-top:24px; }
.membership-option h2 { font-size:26px; }
.membership-status { color:#49463f; border-color:#a49a88; }
.membership-direct__footer { padding-top:28px; }
body[data-site="os"] .hero { min-width:0; gap:40px; }
body[data-site="os"] .hero__copy,body[data-site="os"] .hero__visual { min-width:0; }
body[data-site="os"] .hero h1 { letter-spacing:-.045em; }
body[data-site="os"] .hero__visual { box-shadow:8px 8px 0 #ea580c; }
body[data-site="os"] .band { padding-block:84px; }
body[data-site="os"] .product-nav__inner a { min-height:40px; display:inline-flex; align-items:center; }
.ui-search-dialog { width:min(620px,calc(100% - 32px)); max-height:min(620px,calc(100svh - 60px)); padding:0; border:1px solid #8f8575; background:#fbf8f1; color:#24231f; box-shadow:0 22px 70px #1919172b; }
.ui-search-dialog::backdrop { background:#19191760; backdrop-filter:blur(3px); }
.ui-search-head { display:flex; align-items:center; gap:16px; padding:20px 24px; border-bottom:1px solid #c8c0b2; }
.ui-search-head label { flex:1; }
.ui-search-head input { width:100%; border:0; background:transparent; color:#191917; font-size:18px; min-height:40px; }
.ui-search-head button { min-width:44px; height:44px; border:1px solid #c8c0b2; background:transparent; color:#49463f; cursor:pointer; font-size:12px; }
.ui-search-dialog p { padding:0 24px; font-size:12px; color:#686154; }
.ui-search-results { max-height:380px; overflow:auto; padding:0 12px 12px; }
.ui-search-results a { display:block; padding:15px 12px; border-top:1px solid #c8c0b2; }
.ui-search-results a strong { display:block; font-size:15px; font-weight:600; }
.ui-search-results a span { font-size:11px; color:#686154; }
.ui-search-results a:hover { background:#e7ddca; }
.ui-toast { position:fixed; bottom:24px; left:50%; transform:translateX(-50%); z-index:150; padding:12px 20px; width:max-content; max-width:calc(100% - 32px); background:#191917; color:#fbf8f1; border-left:3px solid #ea580c; font-size:13px; box-shadow:0 5px 25px #19191720; }
.ui-local-label { font-size:11px; color:#686154; font-weight:400; }
.index-company-card .index-company-card__change.is-positive { color:#286b48!important; }
.index-company-card .index-company-card__change.is-negative { color:#a33f33!important; }
.band--ink .section-head > a { color:#c9c1b4; }
.band--ink .content-tile .paid { color:#ff8b48; }
.community-item .community-item__type--blog,body .community-item .community-item__type--blog { color:#59684e; }
body[data-ui-page^="topic"] .paid { color:#a83808; }
body[data-ui-page^="topic"] .band--ink .paid,body[data-ui-page^="topic"] .content-tile--ink .paid { color:#ff8b48; }
body[data-site="os"] .app-sidebar { color:#625d53; }
body[data-site="os"] .app-sidebar span { color:#625d53; }
body[data-site="os"] .app-sidebar .is-active { color:#fbf8f1; }
body[data-site="os"] .download-panel dt { color:#b7ad9e; }
body[data-site="os"] .workstation__grid > * { min-width:0; }
body[data-site="os"] .download-note,body[data-site="os"] .release-link { overflow-wrap:anywhere; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.ui-note { width:min(calc(100% - 48px),680px)!important; padding:42px 0 70px; }
.ui-note-back { display:flex; align-items:center; justify-content:space-between; color:#625d53; font-size:12px; margin-bottom:24px; }
.ui-note-back a { display:inline-flex; min-height:36px; align-items:center; }
.ui-note-back > span { font:11px/1.5 ui-monospace,monospace; letter-spacing:.1em; }
.ui-note-card { border:1px solid #c8c0b2; background:#fbf8f1; padding:30px 34px 0; }
.ui-note-head { display:flex; align-items:center; gap:13px; }
.ui-note-mark { display:block; width:40px; height:40px; flex:none; object-fit:cover; border:1px solid #c8c0b2; }
.ui-note-author strong { display:block; font-size:15px; font-weight:600; line-height:1.4; }
.ui-note-meta { display:flex; align-items:center; gap:12px; margin-top:4px; font-size:11px; line-height:1.5; color:#686154; }
.ui-note-meta span { border-left:1px solid #c8c0b2; padding-left:12px; }
.ui-note-bookmark { width:44px; height:44px; flex:none; padding:12px; margin-left:auto; border:1px solid transparent; background:transparent; color:#625d53; cursor:pointer; }
.ui-note-bookmark svg { width:19px; height:19px; fill:none; stroke:currentColor; stroke-width:1.4; }
.ui-note-bookmark:hover { border-color:#c8c0b2; }
.ui-note-bookmark[aria-pressed="true"] { color:#a83808; background:#e7ddca; }
.ui-note-bookmark[aria-pressed="true"] svg { fill:#ea580c22; }
.ui-note-body > .prose { font-size:18px; line-height:1.85; color:#302e29; padding:28px 0 30px; }
.ui-note-body .prose p { margin:1em 0; }
.ui-note-body .prose p:first-child { margin-top:0; }
.ui-note-body .prose p:last-child { margin-bottom:0; }
.ui-note-body .prose h2 { font-size:22px; margin-top:1.8em; }
.ui-note-body .prose h3 { font-size:19px; }
.ui-note-body .paywall { box-shadow:none; margin:22px 0 30px; padding:24px; border-color:#bdb4a4; }
.ui-note-body .paywall h2 { font-size:22px; }
.ui-note-body .paywall p { font-size:14px; }
.ui-note-next { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; font-size:12px; color:#686154; margin-top:24px; }
.ui-note-next a { min-height:44px; display:inline-flex; align-items:center; color:#49463f; border-bottom:1px solid #bdb4a4; }
body:has(.ui-note) .site-footer { border-top:1px solid #c8c0b2; }
@media(min-width:1260px) {
  body[data-ui-page="article"] .article-shell { position:relative; }
  body[data-ui-page="article"] .ui-reader-toc { position:fixed; top:154px; left:calc(50% + 418px); max-height:65vh; overflow:auto; }
}
@media(max-width:1100px) {
  body[data-ui-page="home"] .hero { gap:40px; }
  body[data-ui-page="home"] .hero__visual img { height:480px; }
  .ui-sovereignty .shell { gap:48px; }
  .ui-path .content-grid--four { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .ui-path .content-grid--four .content-tile:nth-child(2) { border-right:0; }
  .ui-path .content-grid--four .content-tile:nth-child(-n+2) { border-bottom:1px solid #45433d; }
  .ui-reader-toc { display:none; }
}
@media(max-width:900px) {
  body[data-ui-page="home"] .hero { grid-template-columns:1fr 1fr; padding-block:56px; gap:32px; }
  body[data-ui-page="home"] .hero h1 { font-size:70px; }
  body[data-ui-page="home"] .hero__visual img { height:420px; }
  body[data-ui-page="home"] .hero__links { flex-wrap:wrap; gap:14px; }
  body[data-site="wiki"] .layout { grid-template-columns:176px minmax(0,1fr); gap:20px; }
  body[data-site="wiki"] .toc { display:none; }
  .site-nav,.nav { gap:10px; }
}
@media(max-width:700px) {
  html { scroll-padding-top:84px; }
  .site-header { position:sticky!important; top:0; z-index:60; }
  .site-header__inner,.site-header__primary { min-height:62px!important; height:62px!important; padding-block:0!important; display:flex!important; align-items:center!important; justify-content:space-between!important; flex-direction:row!important; flex-wrap:nowrap!important; gap:8px!important; position:relative; }
  .shell,.header-inner { width:calc(100% - 36px)!important; }
  .wordmark,.brand { font-size:22px; margin:0 auto 0 0; }
  .ui-mobile-toggle { display:inline-flex; }
  .site-nav,.nav { position:absolute; top:calc(100% + 1px); left:-18px; right:-18px; width:auto!important; padding:20px 18px 26px!important; display:none!important; background:#f4efe5; border-bottom:1px solid #a49a88; max-height:calc(100svh - 72px); overflow:auto; gap:12px; align-items:stretch!important; }
  .site-header.ui-nav-open .site-nav,.site-header.ui-nav-open .nav { display:flex!important; flex-wrap:wrap!important; }
  .site-header.ui-nav-open .nav-menu { width:100%; border-bottom:1px solid #c8c0b2; padding-bottom:8px; }
  .nav-menu__trigger { text-align:left; justify-content:space-between; padding:0; font-size:14px; }
  .nav-menu__panel { position:static!important; opacity:1!important; pointer-events:auto!important; transform:none!important; width:100%; display:flex; flex-wrap:wrap; gap:0 12px; border:0; box-shadow:none; background:transparent; }
  .nav-menu.ui-menu-closed .nav-menu__panel { display:none!important; }
  .nav-menu__panel::before { display:none; }
  .nav-menu__item { width:calc(50% - 6px)!important; min-height:52px; padding:8px 0!important; background:transparent!important; }
  .ui-menu-hint { font-size:11px; }
  .membership-link,.auth-link { min-height:44px; margin-top:8px; flex:1; text-align:center; }
  .auth-menu { margin-top:8px; flex:1; }
  .auth-menu__panel { right:0; left:auto; top:100%; }
  .product-nav__inner,.wiki-nav { flex-wrap:nowrap!important; overflow-x:auto; gap:20px!important; font-size:10px; scrollbar-width:none; }
  .wiki-nav-row,.product-nav { overflow:hidden; }
  .wiki-nav a { min-height:42px; display:flex; align-items:center; padding:0!important; flex:none; }
  .wiki-nav-inner { padding-block:0!important; }
  body[data-ui-page="home"] .hero { grid-template-columns:1fr; gap:34px; padding-block:44px 42px; }
  body[data-ui-page="home"] .hero h1 { font-size:clamp(58px,15vw,90px); line-height:.96; }
  body[data-ui-page="home"] .hero__tagline { font-size:18px; margin-top:24px; max-width:300px; }
  body[data-ui-page="home"] .hero__stats { margin-top:32px; }
  body[data-ui-page="home"] .hero__stats span { font-size:10px; }
  body[data-ui-page="home"] .hero__visual { width:calc(100% - 7px); margin-right:7px; }
  body[data-ui-page="home"] .hero__visual img { height:350px; object-position:center 58%; }
  body[data-ui-page="home"] .hero__visual figcaption { font-size:12px; }
  body[data-ui-page="home"] .band { padding-block:60px; }
  body[data-ui-page="home"] .section-head { margin-bottom:32px; }
  body[data-ui-page="home"] .section-head h2 { font-size:32px; }
  body[data-ui-page="home"] .content-grid--questions { gap:26px; }
  body[data-ui-page="home"] .content-grid--questions .content-tile { min-height:0; padding-top:20px; }
  body[data-ui-page="home"] .content-grid--questions h3 { margin-top:18px; }
  .ui-path .content-grid--four { grid-template-columns:1fr; }
  .ui-path .content-grid--four .content-tile { min-height:0; padding:24px; border-right:0; border-bottom:1px solid #45433d; }
  .ui-path .content-grid--four .content-tile:last-child { border-bottom:0; }
  .ui-path .content-grid--four h3 { margin-top:16px; }
  .ui-path-context { align-items:flex-start; flex-direction:column; }
  .ui-sovereignty .shell { grid-template-columns:1fr; gap:36px; }
  .listing-head { padding-block:42px 32px; }
  .listing-head__inner h1 { font-size:42px; }
  .filter-bar { padding-block:20px; }
  .ui-list-search { order:2; width:100%; margin-top:8px; }
  .archive-row { grid-template-columns:1fr auto; gap:9px 16px; padding:23px 0; }
  .archive-row:hover { padding-inline:0; box-shadow:none; }
  .archive-row__type { display:none; }
  .archive-row__date { grid-column:1; }
  .archive-row__access { grid-row:1; grid-column:2; }
  .archive-row__body { grid-column:1/-1; }
  .archive-row__title { font-size:19px; line-height:1.55; }
  .archive-row__summary { -webkit-line-clamp:2; font-size:13px; }
  .article-head { padding-block:42px 30px; }
  .article-shell,.reading-article { width:calc(100% - 36px)!important; }
  .article-head h1 { font-size:32px; }
  .prose { font-size:18px; line-height:1.95; padding-block:32px 54px; }
  .prose h2 { font-size:25px; }
  .prose pre { font-size:13px; }
  .ui-reading-tools { gap:10px; }
  .ui-reading-tools button { min-height:44px; }
  .ui-reader-toc { display:none; }
  body[data-site="wiki"] .layout { width:calc(100% - 36px); display:block; }
  body[data-site="wiki"] .article { border:0; padding:28px 0 54px; background:transparent; }
  body[data-site="wiki"] .article > h1 { font-size:38px; }
  body[data-site="wiki"] .sidebar { display:none; position:static; padding:16px 0; max-height:none; }
  body[data-site="wiki"] .sidebar.is-open { display:block; }
  .ui-wiki-toggle { display:flex; justify-content:space-between; align-items:center; width:100%; background:#e7ddca; border:1px solid #bdb4a4; padding:12px 16px; min-height:44px; margin-top:20px; cursor:pointer; font:inherit; font-size:13px; }
  body[data-site="wiki"] table { display:block; overflow:auto; max-width:100%; font-size:13px; }
  body[data-site="wiki"] th,body[data-site="wiki"] td { min-width:120px; }
  .membership { padding-top:44px; }
  .membership__head h1 { font-size:36px; }
  .membership-direct,.membership-option { padding:24px; }
  .membership-benefits { grid-template-columns:1fr; }
  .membership-benefits div { min-height:50px; border-right:0; border-bottom:1px solid #c8c0b2; padding:12px 0; align-items:flex-start; }
  .membership-benefits div:last-child { border-bottom:0; }
  body[data-site="os"] .hero { width:calc(100% - 36px); grid-template-columns:minmax(0,1fr)!important; }
  body[data-site="os"] .hero__visual { width:calc(100% - 7px); max-width:100%; min-width:0; margin-right:7px; }
  body[data-site="os"] .app-window { width:100%; min-width:0; }
  body[data-site="os"] .app-window__body { min-width:0; grid-template-columns:80px minmax(0,1fr)!important; min-height:280px; }
  body[data-site="os"] .app-sidebar { padding:14px 8px; min-width:0; font-size:10px; }
  body[data-site="os"] .app-editor { padding:20px 14px; min-width:0; }
  body[data-site="os"] .app-editor h2 { font-size:22px; }
  body[data-site="os"] .app-terminal { display:none; }
  body[data-site="os"] .hero h1 { font-size:clamp(52px,14vw,74px); }
  body[data-site="os"] .band { padding-block:60px; }
  body[data-site="os"] .card-grid,body[data-site="os"] .entry-grid { grid-template-columns:1fr; }
  body[data-site="os"] .download-panel { min-width:0; }
  body[data-site="os"] pre { max-width:100%; overflow:auto; }
  .ui-search-head { padding:14px 16px; gap:8px; }
  .ui-note { width:calc(100% - 36px)!important; padding-block:20px 48px; }
  .ui-note-back { margin-bottom:14px; }
  .ui-note-card { padding:22px 22px 0; }
  .ui-note-mark { width:36px; height:36px; }
  .ui-note-head { gap:11px; }
  .ui-note-body > .prose { font-size:17px; line-height:1.9; padding-block:24px; }
  .ui-note-meta { gap:8px; font-size:10px; }
  .ui-note-meta span { padding-left:8px; }
  .ui-note-next { flex-direction:column; align-items:flex-start; gap:2px; }
}
@media(prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto!important; }
  *,*::before,*::after { animation:none!important; transition:none!important; }
}

.ui-note-head .bookmark-control { margin-left:auto; position:relative; }
.ui-note-head .bookmark-message { position:absolute; right:0; top:100%; white-space:nowrap; font-size:11px; }
.ui-note-head .bookmark-button { width:44px!important; height:44px!important; padding:12px; border:1px solid transparent; background:transparent; color:#625d53; }
.ui-note-head .bookmark-button svg { width:19px; height:19px; fill:none; stroke:currentColor; stroke-width:1.4; }
.ui-note-head .bookmark-button[aria-pressed="true"] { color:#a83808; background:#e7ddca; }
.ui-note-head .bookmark-button[aria-pressed="true"] svg { fill:#ea580c22; }
.ui-note-head .bookmark-button:hover { border-color:#c8c0b2; }
.ui-note-card > .ui-post-body:empty { min-height:32px; }