.doc-hero{display:grid;grid-template-columns:1.4fr .6fr;align-items:center;gap:70px;padding-block:90px 100px}.doc-hero h1{font-size:clamp(42px,5.7vw,78px);margin-block:25px;max-width:900px}.doc-hero .lead{max-width:580px}.doc-mark{position:relative;min-height:290px;display:grid;place-content:center;justify-items:center;gap:14px}.doc-mark img{width:auto;height:150px;z-index:1}.doc-ring{position:absolute;inset:0;border:1px solid var(--line);border-radius:50%;aspect-ratio:1;max-width:290px;margin:auto;background:var(--doc-ring,#edf0e7)}.doc-mark-caption{position:relative;font:500 16px 'Schibsted Grotesk',sans-serif}.doc-section{display:grid;grid-template-columns:1fr 1fr;gap:90px;padding-block:90px;border-top:1px solid var(--line)}.doc-heading h2{margin-top:20px;font-size:clamp(35px,4vw,60px)}.doc-copy{display:grid;align-content:start;gap:24px}.doc-copy>p{color:var(--muted)}.doc-copy>.button,.doc-copy>.text-link{justify-self:start}.doc-panel{background:var(--doc-panel,#e8eee6);padding-block:85px}.doc-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.doc-principles article>span{font:12px 'IBM Plex Mono',monospace;color:var(--pine)}.doc-principles h3{margin-block:25px 15px}.doc-principles p{font-size:16px;color:var(--muted)}.doc-swatches{display:flex;gap:25px}.doc-swatches span{display:grid;gap:8px;font-size:13px}.doc-swatches i{width:55px;height:55px;display:block;border:1px solid var(--doc-swatch-border,#c2cfc5);border-radius:50%}.sw-pine{background:#0b5a4c}.sw-mint{background:#3fbf95}.sw-paper{background:#f7f7f4}.doc-copy details{border-block:1px solid var(--line);padding-block:18px}.doc-copy summary{cursor:pointer}.doc-downloads{display:grid;gap:15px;padding-top:20px;font-size:14px}.doc-tags{display:flex;flex-wrap:wrap;gap:10px}.doc-tags span{padding:8px 18px;border:1px solid var(--line);border-radius:50px;font-size:15px}.doc-local-example{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.doc-local-example h2{margin-top:20px}.doc-conversation{display:grid;gap:22px}.doc-question{justify-self:end;max-width:90%;padding:20px 24px;background:var(--doc-question,#f7f7f4);border:1px solid var(--doc-border,#d8e0d6);border-radius:20px 20px 3px 20px}.doc-answer{background:var(--doc-answer,var(--pine));color:var(--doc-answer-ink,white);padding:25px;border-radius:20px 20px 20px 3px}.doc-legal-layout{display:grid;grid-template-columns:280px 1fr;gap:80px;align-items:start;padding-block:15px 110px}.doc-aside{display:grid;gap:23px;position:sticky;top:40px}.doc-aside>p:not(.eyebrow){font-size:15px;color:var(--muted)}.doc-aside>.text-link{font-size:13px;justify-self:start}.doc-legal{min-width:0;background:var(--doc-surface,white);border:1px solid var(--line);border-radius:26px;padding:42px}.doc-legal .wrap{width:auto!important;max-width:none!important}.doc-legal section{padding:0}.doc-legal .eyebrow{display:none}.doc-legal h2{font-size:32px;margin:0 0 22px!important}.doc-legal h3{font:500 21px/1.3 'Schibsted Grotesk',sans-serif!important;letter-spacing:-.03em;margin-bottom:14px!important;color:var(--ink)!important}.doc-legal .lead{font-size:17px}.doc-legal a{color:var(--pine)!important;text-decoration:underline}.doc-legal hr{border-color:var(--line)}.doc-legal .reveal{opacity:1;transform:none}.doc-legal b,.doc-legal strong{font-weight:600}.studio-document .site-header nav{flex-wrap:wrap;gap:20px}.studio-document .footer-top nav{align-content:start}
@media(max-width:900px){.doc-hero{gap:30px;grid-template-columns:1fr .4fr}.doc-mark{min-height:200px}.doc-mark img{height:110px}.doc-legal-layout{grid-template-columns:1fr;gap:35px}.doc-aside{position:static;max-width:600px}.doc-section,.doc-local-example{gap:40px}.doc-principles{gap:25px}}
@media(max-width:620px){.doc-hero{display:block;padding-block:55px}.doc-mark{display:none}.doc-section,.doc-local-example,.doc-principles{grid-template-columns:1fr;gap:35px}.doc-section{padding-block:55px}.doc-panel{padding-block:55px}.doc-legal{padding:26px 22px;border-radius:20px}.doc-legal-layout{padding-bottom:60px}.studio-document .site-header{align-items:flex-start;padding-block:22px;gap:18px;flex-direction:column}.studio-document .site-header nav{display:flex;width:100%;justify-content:space-between;gap:12px}.studio-document .site-header nav .button{margin-left:auto}.studio-document .site-header nav a{font-size:12px}.doc-principles article+article{border-top:1px solid var(--doc-border,#c8d3c7);padding-top:30px}}
@media(max-width:620px){.studio-document .site-header nav a{display:inline-flex;align-items:center;min-height:36px}}

/* Brand swatches retain their true values; surrounding surfaces follow the theme. */
html[data-theme="dark"] {
  --doc-surface: #17231d;
  --doc-answer: #24563f;
  --doc-answer-ink: #eef9ef;
  --doc-ring: #213328;
  --doc-panel: #15271e;
  --doc-swatch-border: #6d8370;
  --doc-question: #24372b;
  --doc-border: #435749;
}
@media (prefers-color-scheme:dark) {
  html:not([data-theme="light"]) {
    --doc-surface: #17231d;
    --doc-answer: #24563f;
    --doc-answer-ink: #eef9ef;
    --doc-ring: #213328;
    --doc-panel: #15271e;
    --doc-swatch-border: #6d8370;
    --doc-question: #24372b;
    --doc-border: #435749;
  }
}

/* Localised editorial pages retain the same layout and reading rhythm. */
.studio-document:lang(zh){font-family:'Instrument Sans','PingFang SC','Microsoft YaHei',system-ui,sans-serif}
.studio-document:lang(zh) :is(h1,h2,h3){letter-spacing:-.025em;line-height:1.3}
.studio-document:lang(zh) em{font-family:Georgia,'Songti SC','Noto Serif CJK SC',serif;font-style:normal}
.studio-document .doc-notice{padding:22px;border:1px solid var(--line);border-radius:18px;background:var(--doc-panel,#e8eee6);font-size:15px;color:var(--ink)}
.studio-document .site-header nav a[aria-current]{color:var(--pine);font-weight:600}
.studio-document .doc-copy{min-width:0}

/* Shared content reference: readable paragraphs and a selectable prompt. */
.content-guide .doc-legal > h2:not(:first-child){margin-top:2.4rem!important}
.content-guide .doc-legal > p{margin-bottom:1.1rem;line-height:1.75}
.content-guide .doc-legal li+li{margin-top:.6rem}
.content-guide .doc-legal a{overflow-wrap:anywhere}
.content-guide .doc-legal blockquote{margin:1.4rem 0;padding:1rem 1.2rem;border-left:3px solid var(--pine);background:var(--doc-panel,#e8eee6);border-radius:0 12px 12px 0}
.content-guide #guide-prompt{min-height:25rem;line-height:1.65}