/* Shared rules; token values are generated from design-tokens.mjs. */
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:112px}
body{margin:0;font-family:var(--font);font-size:var(--body-size);line-height:1.5;color:var(--text);background:var(--paper);-webkit-font-smoothing:antialiased}
button,input,kbd{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}
button{cursor:pointer;border:0}
a{color:var(--brand);text-underline-offset:4px;text-decoration-thickness:1px}
a:hover{color:var(--brand-hover);text-decoration-thickness:2px}
a:active{color:var(--brand-pressed)}
:where(button,a,input,summary,[tabindex]):focus-visible{outline:3px solid var(--focus-ring);outline-offset:4px;border-radius:2px}
h1,h2,h3,h4,p,figure,dl,dd{margin:0}
h1,h2,h3,h4{color:var(--ink);font-weight:700;overflow-wrap:break-word}
h1,.type-h1{font-size:var(--h1-size);line-height:var(--h1-line);letter-spacing:-1.2px}
h2,.type-h2{font-size:var(--h2-size);line-height:var(--h2-line);letter-spacing:-.7px}
h3,.type-h3{font-size:var(--h3-size);line-height:var(--h3-line);letter-spacing:-.4px}
h4,.type-h4{font-size:var(--h4-size);line-height:var(--h4-line);letter-spacing:-.2px}
.type-h1,.type-h2,.type-h3,.type-h4,strong,b{font-weight:700}
.type-body{font-size:var(--body-size);line-height:var(--body-line)}
.type-small,.small{font-size:var(--small-size);line-height:var(--small-line)}
p{line-height:1.5}
img,svg{max-width:100%}
ul,ol{padding-left:var(--space-m)}li+li{margin-top:var(--space-xs)}
[hidden]{display:none!important}
.container{width:100%;max-width:1216px;padding:0 var(--space-l);margin:0 auto}
.icon{width:20px;height:20px;flex:0 0 20px;vertical-align:middle}
.muted{color:var(--muted)}
.orange{display:none}
.eyebrow{display:block;font-size:var(--small-size);line-height:var(--small-line);font-weight:400;color:var(--muted)}
.text-link{display:inline-flex;align-items:center;justify-content:flex-start;gap:var(--space-xs);font-size:var(--body-size);line-height:var(--body-line);font-weight:700;color:var(--brand);text-decoration:underline;background:none;padding:var(--space-xs) 0;min-height:44px}
.button{display:inline-flex;align-items:center;justify-content:flex-start;gap:var(--space-s);min-height:48px;border:1px solid transparent;border-radius:var(--radius);padding:11px 20px;font-size:var(--body-size);line-height:var(--body-line);font-weight:700;text-decoration:none;text-align:left;transition:background-color .15s,color .15s}
.button.primary{background:var(--action);color:var(--on-action)}
.button.primary:hover,.button.primary.state-hover{background:var(--action-hover);color:var(--on-action)}
.button.primary:active,.button.primary.state-pressed{background:var(--action-pressed);color:var(--on-action)}
.button.secondary{color:var(--brand);border-color:var(--brand);background:#fff}
.button.secondary:hover{background:var(--surface-tint)}
.button.secondary:active{background:var(--line)}
.state-focus{outline:3px solid var(--brand);outline-offset:4px}
.skip-link{position:fixed;top:-120px;left:16px;z-index:100;background:var(--brand);color:#fff;padding:var(--space-s)}
.skip-link:focus{top:8px}

/* Navigation uses sentence case, stable targets and a non-colour active cue. */
.flag{display:inline-block;width:20px;height:14px;position:relative;background:#b52b40;flex:0 0 20px}
.flag:before{content:'';position:absolute;left:6px;top:0;bottom:0;width:2px;background:#fff}
.flag:after{content:'';position:absolute;left:0;right:0;top:6px;height:2px;background:#fff}
.site-header{background:var(--header-surface);border-bottom:1px solid #354157;position:sticky;top:0;z-index:20}
.header-inner{min-height:80px;display:flex;align-items:center;gap:40px}
.brand{display:inline-flex;align-items:center;gap:var(--space-xs);font-size:28px;line-height:1;font-weight:700;letter-spacing:-1px;text-decoration:none;white-space:nowrap;color:var(--ink)}
.brand:hover{color:var(--brand)}
.brand-mark{width:32px;height:32px}.brand-light{font-weight:400}.brand-dot{color:var(--brand)}
.site-header .brand{color:#fff}.site-header .brand-mark,.site-header .brand-dot{color:var(--accent)}
#primary-navigation{display:flex;align-items:center;gap:var(--space-l);margin-left:auto}
.nav-link,.nav-dropdown-trigger{position:relative;display:flex;align-items:center;gap:var(--space-xs);font:inherit;font-weight:700;text-decoration:none;white-space:nowrap;min-height:80px;padding:var(--space-s) 0;color:var(--on-dark);background:transparent}
.nav-link:hover,.nav-dropdown-trigger:hover,.nav-dropdown-trigger[aria-expanded=true]{color:var(--accent)}
.nav-link.is-current:after,.nav-dropdown-trigger.is-current:after{content:'';position:absolute;height:3px;bottom:0;left:0;right:0;background:var(--accent)}
.nav-dropdown{position:relative}
.nav-dropdown-trigger .icon{width:16px;height:16px;flex-basis:16px;transition:transform .15s}
.nav-dropdown-trigger[aria-expanded=true] .icon{transform:rotate(180deg)}
.nav-submenu{position:absolute;top:100%;right:0;width:292px;padding:var(--space-xs) var(--space-s);background:var(--header-surface);border:1px solid #354157;border-top:2px solid var(--accent);box-shadow:0 12px 24px #09132326}
.nav-submenu a{display:flex;align-items:center;justify-content:space-between;gap:var(--space-s);min-height:52px;padding:12px 0;color:var(--on-dark);text-decoration:none;font-weight:400;line-height:1.5}
.nav-submenu a+a{border-top:1px solid #354157}
.nav-submenu a:hover,.nav-submenu a[aria-current=page]{color:var(--accent)}
.nav-submenu a[aria-current=page]{font-weight:700}
.nav-submenu .icon{width:16px;height:16px;flex-basis:16px;color:var(--accent)}
.menu-trigger{display:none;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:var(--space-xs);border-radius:var(--radius);background:transparent;color:var(--on-dark)}
.menu-trigger:hover{background:#223149}.menu-trigger:active{background:#2d3b50}
.menu-close-icon,.menu-trigger[aria-expanded=true] .menu-open-icon{display:none}
.menu-trigger[aria-expanded=true] .menu-close-icon{display:block}
.site-header :focus-visible{outline-color:var(--accent)}

/* All three comparisons are immediately visible; no prerequisite selections. */
.compare-section{padding-top:var(--space-l);padding-bottom:var(--space-xl)}
.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-l);margin-bottom:var(--space-m)}
.section-heading>.text-link{flex-shrink:0}
.section-intro{margin-top:var(--space-xs);color:var(--muted)}
.licence-comparison{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:2px solid var(--ink);border-bottom:1px solid var(--line)}
.licence-column{min-width:0;display:grid;grid-template-rows:subgrid;grid-row:span 4}
.licence-column+.licence-column{border-left:1px solid var(--line)}
.licence-column header{padding:var(--space-m);display:flex;flex-direction:column;align-items:flex-start}
.licence-code{display:flex;align-items:center;gap:var(--space-xs);color:var(--muted);font-size:var(--small-size);line-height:var(--small-line);margin-bottom:var(--space-xs)}
.licence-code .icon{width:18px;height:18px;flex-basis:18px}
.licence-column h3{margin-bottom:var(--space-xs)}
.licence-column header p{margin-bottom:var(--space-xs)}
.licence-column header a{margin-top:auto}
.licence-column dl{display:contents}
.licence-column dl>div{padding:var(--space-s) var(--space-m);border-top:1px solid var(--line)}
.licence-column dt{color:var(--muted);font-size:var(--small-size);line-height:var(--small-line);margin-bottom:4px}
.licence-column dd{color:var(--ink);line-height:var(--body-line)}
.licence-column dl>div:nth-child(2){background:var(--soft)}
.comparison-context{margin-top:var(--space-s);font-size:var(--small-size);line-height:var(--small-line);color:var(--muted)}
.operator-examples{padding-top:var(--space-l);padding-bottom:var(--space-xl)}
.examples-context{max-width:90ch;margin-bottom:var(--space-l)}
.operator-example-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-l)}
.operator-example{min-width:0;border-top:2px solid var(--ink);padding-top:var(--space-m)}
.operator-example header{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:var(--space-xs);margin-bottom:var(--space-s)}
.example-domain{color:var(--muted);font-size:var(--small-size)}
.site-capture{margin-bottom:var(--space-m)}
.site-capture>a{display:block;border:1px solid var(--line);background:var(--soft)}
.site-capture img{display:block;width:100%;height:auto;aspect-ratio:1502/800;object-fit:contain;background:#0b0b0b}
.site-capture figcaption{font-size:var(--small-size);line-height:1.5;color:var(--muted);margin-top:var(--space-xs)}
.source-capture{margin:var(--space-l) 0}
.source-capture>a{display:block;border:1px solid var(--line)}
.source-capture img{display:block;width:100%;height:auto}
.source-capture figcaption{margin-top:var(--space-xs);font-size:var(--small-size);line-height:1.5;color:var(--muted)}
.evidence-facts{margin-bottom:var(--space-m);border-top:1px solid var(--line)}
.evidence-facts>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:var(--space-s);padding:12px 0;border-bottom:1px solid var(--line)}
.evidence-facts dt{color:var(--muted)}
.evidence-facts dd{color:var(--ink);overflow-wrap:anywhere}
.operator-example>p{margin-top:var(--space-s)}
.example-source>span{font-size:var(--small-size);color:var(--muted)}
.examples-limitation{margin-top:var(--space-l);padding-top:var(--space-s);border-top:1px solid var(--line);max-width:90ch}
.table-scroll{max-width:100%;overflow-x:auto;margin:var(--space-m) 0}
.editorial-table{border-collapse:collapse;width:100%;min-width:500px;text-align:left}
.editorial-table caption{text-align:left;color:var(--muted);font-size:var(--small-size);padding-bottom:var(--space-s)}
.editorial-table th,.editorial-table td{padding:var(--space-s);vertical-align:top;border-bottom:1px solid var(--line)}
.editorial-table thead{background:var(--soft);border-top:2px solid var(--ink)}
.editorial-table th{color:var(--ink);font-weight:700}
.worked-example{margin:var(--space-m) 0;padding-left:var(--space-m);border-left:3px solid var(--stroke-strong)}
.source-checked{display:block;font-size:var(--small-size);color:var(--muted);margin-top:4px}
@media(max-width:680px){.operator-example-grid{grid-template-columns:1fr;gap:var(--space-xl)}.evidence-facts>div{grid-template-columns:1fr;gap:4px}.operator-examples .section-heading{display:block}.table-scroll:before{content:'Tabellen kan rulles vandret.';display:block;font-size:var(--small-size);color:var(--muted);margin-bottom:var(--space-xs)}}
.source-line{display:flex;flex-wrap:wrap;gap:4px;font-size:var(--small-size);line-height:var(--small-line);margin-top:var(--space-xs);color:var(--muted)}
.answer-section{padding:var(--space-xl) 0;background:var(--soft);border-block:1px solid var(--line)}
.answer-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-l)}
.answer-links a{display:grid;grid-template-columns:1fr 20px;gap:var(--space-xs) var(--space-s);padding:var(--space-s) 0;text-decoration:none;border-top:1px solid var(--stroke-strong)}
.answer-links a>span{grid-column:1/-1;color:var(--muted);font-size:var(--small-size);line-height:var(--small-line)}
.answer-links strong{font-size:var(--h4-size);line-height:var(--h4-line);text-decoration:underline;text-underline-offset:4px}
.answer-links .icon{align-self:center}
.editor-note{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--space-xs) var(--space-m);border-top:1px solid var(--line);padding-top:var(--space-m);margin-top:var(--space-m)}
.editor-note h3{font-size:var(--h4-size);line-height:var(--h4-line)}.editor-note .text-link{margin-left:auto}

/* Guide modules are content links, without unrelated decorative image boxes. */
.guide-feature,.related-section{padding-top:var(--space-xl);padding-bottom:var(--space-xl)}
.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-l)}
.guide-card{display:flex;flex-direction:column;min-width:0;padding:var(--space-m) 0;border-top:1px solid var(--stroke-strong);text-decoration:none}
.guide-card .eyebrow{margin-bottom:var(--space-xs)}
.guide-card h2,.guide-card h3{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-s);color:var(--brand);font-size:var(--h3-size);line-height:var(--h3-line);letter-spacing:-.4px;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.guide-card:hover h2,.guide-card:hover h3{color:var(--brand-hover);text-decoration-thickness:2px}
.guide-card p{margin:var(--space-s) 0;color:var(--text)}
.home-article{padding-top:var(--space-xl);padding-bottom:var(--space-xl);border-top:1px solid var(--line)}

/* One centered article frame; no reserved sidebar or table of contents. */
.article-shell{max-width:calc(var(--article-width) + 2 * var(--space-l))}
.article-body{min-width:0;width:100%;max-width:none;text-align:left}
.article-body>section{padding:var(--space-l) 0 var(--space-s)}
.article-body>section:first-child{padding-top:0}
.article-body h2{margin-bottom:var(--space-s)}.article-body h3{margin:var(--space-m) 0 var(--space-xs)}
.article-body h2+h3{margin-top:0}
.article-body p+p{margin-top:var(--space-s)}.article-body ul{margin:var(--space-s) 0}
.numbered-list{list-style:none;padding:0;margin:var(--space-m) 0;counter-reset:points}
.numbered-list li{counter-increment:points;display:grid;grid-template-columns:32px 1fr;gap:4px var(--space-s);padding:var(--space-s) 0;border-bottom:1px solid var(--line);margin:0}
.numbered-list li:before{content:counter(points,decimal-leading-zero);grid-row:span 2;font-weight:700;color:var(--ink)}
.numbered-list strong{color:var(--ink)}.numbered-list span{color:var(--text)}
.article-body .source-note{background:var(--soft);border-left:3px solid var(--stroke-strong);padding:var(--space-m);margin-top:var(--space-l)}
.source-note .eyebrow{margin-bottom:var(--space-xs)}.source-note h2{font-size:var(--h3-size);line-height:var(--h3-line)}
.source-note ul{padding:0;list-style:none;margin:var(--space-s) 0}
.source-note a{display:inline-flex;gap:var(--space-xs);align-items:baseline}.source-note .icon{width:16px;height:16px;flex-basis:16px}
.faq-section .eyebrow{margin-bottom:var(--space-xs)}.faq-section details{border-bottom:1px solid var(--line)}
.faq-section summary{list-style:none;display:flex;justify-content:space-between;gap:var(--space-m);align-items:center;min-height:56px;padding:var(--space-s) 0;font-weight:700;color:var(--brand);cursor:pointer}
.faq-section summary::-webkit-details-marker{display:none}
.faq-section summary:hover{text-decoration:underline}
.faq-section details[open] summary .icon{transform:rotate(180deg)}
.faq-section details p{padding-bottom:var(--space-m)}
.breadcrumbs{display:flex;flex-wrap:wrap;gap:var(--space-xs);font-size:var(--small-size);line-height:var(--small-line);padding-top:var(--space-m);margin-bottom:var(--space-l)}
.breadcrumbs span{color:var(--muted)}
.article-header{padding-bottom:var(--space-xl)}
.article-header .eyebrow{margin-bottom:var(--space-xs)}.article-header h1{margin-bottom:var(--space-s)}
.article-header>p:not(.eyebrow){font-size:var(--h4-size);line-height:30px;color:var(--text)}
.article-header .meta-line{margin-top:var(--space-m)}
.definition-pair{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-l);border-block:1px solid var(--line);padding:var(--space-m) 0;margin:var(--space-m) 0}
.definition-pair .eyebrow{margin-bottom:var(--space-xs)}
/* Whole-card guide links. Logos identify regulators, never endorsements. */
.licence-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-m)}
.licence-guide-card{display:flex;flex-direction:column;min-width:0;border:1px solid var(--line);border-radius:8px;overflow:hidden;text-decoration:none;background:var(--paper);transition:border-color .15s,background-color .15s}
.licence-guide-card:hover{border-color:var(--brand);background:#fffdf8}
.licence-guide-card:active{border-color:var(--brand-pressed);background:var(--soft)}
.licence-guide-card:focus-visible{outline:3px solid var(--focus-ring);outline-offset:4px;border-radius:8px}
.licence-card-image{height:128px;display:flex;align-items:center;justify-content:center;background:#fafbfc;border-bottom:1px solid var(--line);padding:var(--space-s)}
.licence-card-image img{display:block;width:232px;height:88px;object-fit:contain}
.licence-card-copy{display:flex;flex-direction:column;align-items:flex-start;flex:1;padding:var(--space-s) var(--space-m)}
.licence-card-country{color:var(--muted);font-size:var(--small-size);line-height:var(--small-line)}
.article-body .licence-guide-card h3{margin:4px 0 var(--space-xs);color:var(--brand);font-size:var(--h3-size);line-height:var(--h3-line)}
.licence-guide-card:hover h3{text-decoration:underline;text-underline-offset:4px}
.licence-guide-card:hover h3,.licence-guide-card:hover .licence-card-action{color:var(--brand-hover)}
.licence-guide-card:active h3,.licence-guide-card:active .licence-card-action{color:var(--brand-pressed)}
.licence-card-copy p{color:var(--text);font-size:var(--body-size);line-height:var(--body-line)}
.licence-card-action{display:flex;align-items:center;justify-content:space-between;gap:var(--space-s);width:100%;padding-top:var(--space-s);margin-top:auto;font-size:var(--small-size);line-height:var(--small-line);font-weight:700;color:var(--brand)}

/* Chapter openers: a shared frame, a distinct illustration for each topic. */
.topic-hero{background:var(--topic-surface);border-bottom:1px solid var(--line)}
.topic-hero .breadcrumbs{padding-top:var(--space-m);margin-bottom:var(--space-m)}
.topic-hero-layout{display:grid;grid-template-columns:minmax(0,1fr) 208px;align-items:center;gap:var(--space-l);padding-bottom:var(--space-l)}
.topic-hero-copy{min-width:0}
.topic-kicker{display:flex;align-items:center;gap:var(--space-xs);margin-bottom:var(--space-xs)}
.topic-kicker:before{content:'';width:20px;height:2px;background:var(--topic-accent);flex:0 0 20px}
.topic-hero h1{margin-bottom:var(--space-s)}
.topic-hero-intro{font-size:18px;line-height:28px;color:var(--text)}
.topic-art{position:relative;width:208px;aspect-ratio:280/220;pointer-events:none;color:var(--topic-accent);align-self:center}
.topic-art svg{width:100%;height:100%;display:block;stroke:var(--ink);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.topic-art .art-paper{fill:#fff}
.topic-art .art-wash{fill:var(--topic-accent);fill-opacity:.13;stroke:none}
.topic-art .art-accent{fill:var(--topic-accent);stroke:none}
.topic-art .art-fine{stroke:var(--topic-accent);stroke-width:1.2}
.topic-art .art-route{stroke:var(--topic-accent);stroke-width:2;stroke-dasharray:4 6}
.hero-regulator-logo{position:absolute;left:9%;top:16%;width:82%;height:42%;object-fit:contain}
.article-content{padding-top:var(--space-l)}
.error-recovery{padding-top:var(--space-l);padding-bottom:var(--space-xl)}
@media(max-width:800px){.topic-hero-layout{grid-template-columns:minmax(0,1fr) 160px;gap:var(--space-m)}.topic-art{width:160px}}
@media(max-width:680px){
 .topic-hero .breadcrumbs{padding-top:var(--space-s);margin-bottom:var(--space-xs)}
 .topic-hero-layout{grid-template-columns:minmax(0,1fr) 88px;gap:var(--space-s);padding-bottom:var(--space-m)}
 .topic-hero-copy{display:contents}.topic-kicker{grid-column:1;grid-row:1;align-self:center;margin:0}
 .topic-art{grid-column:2;grid-row:1;width:88px;justify-self:end}
 .topic-hero h1{grid-column:1/-1;grid-row:2;margin:0}
 .topic-hero-intro{grid-column:1/-1;grid-row:3;font-size:var(--body-size);line-height:var(--body-line)}
 .article-content{padding-top:var(--space-m)}
 .licence-card-image{height:120px;padding:var(--space-s)}
 .licence-card-image img{width:216px;height:82px}
 .licence-card-copy{padding:var(--space-s)}
}

.empty-state{padding:var(--space-xl) 0;text-align:left}
.empty-state h1,.empty-state h2{margin-bottom:var(--space-s)}.empty-state p{margin-bottom:var(--space-m)}
.error-page{min-height:55vh}.error-page .eyebrow{margin-bottom:var(--space-xs)}

/* Footer/support never rely on microtype. */
.responsible{background:var(--surface-tint);border-top:1px solid var(--line)}
.responsible-inner{display:flex;gap:var(--space-m);align-items:center;padding-top:var(--space-m);padding-bottom:var(--space-m)}
.age{display:flex;align-items:center;justify-content:center;width:48px;height:48px;flex-shrink:0;font-weight:700;border:2px solid var(--stroke-strong);border-radius:50%;color:var(--ink)}
.responsible p{font-size:var(--small-size);line-height:var(--small-line);margin-top:4px}
.responsible-links{display:flex;gap:var(--space-m);margin-left:auto}
.responsible-links a{display:flex;align-items:center;gap:var(--space-xs);min-height:44px;font-weight:700}
.responsible-links .icon{width:16px;height:16px;flex-basis:16px}
.site-footer{background:var(--ink);color:var(--on-dark);padding-top:var(--space-xl)}
.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:var(--space-l);padding-bottom:var(--space-xl)}
.site-footer a,.site-footer h2,.site-footer .brand,.site-footer .brand-dot{color:var(--on-dark)}
.site-footer a{text-decoration:none}.site-footer a:hover{color:var(--accent);text-decoration:none}
.site-footer .brand-mark,.site-footer .brand-dot{color:var(--accent)}
.footer-brand p{margin-top:var(--space-m)}
.locale{display:block;font-size:var(--small-size);line-height:var(--small-line);margin-top:var(--space-s)}
.footer-links{min-width:0}
.footer-links h2{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--body-size);line-height:var(--body-line);letter-spacing:0;margin-bottom:var(--space-xs);color:#fff}
.footer-links h2:before{content:'';width:14px;height:2px;flex:0 0 14px;background:var(--accent)}
.footer-links>a{display:flex;align-items:center;justify-content:space-between;gap:var(--space-xs);min-height:44px;padding:10px 0;font-size:var(--small-size);line-height:var(--small-line)}
.footer-links .icon{width:16px;height:16px;flex-basis:16px;color:var(--accent)}
.footer-bottom{display:flex;gap:var(--space-m);justify-content:space-between;font-size:var(--small-size);line-height:var(--small-line);padding-top:var(--space-m);padding-bottom:var(--space-m);border-top:1px solid var(--stroke-strong)}
.footer-country{display:flex;align-items:center;gap:var(--space-xs)}
.site-footer :focus-visible{outline-color:var(--accent)}


/* Editorial credits: compact role labels, never styled as a verification seal. */
.article-body>.editorial-credits{margin-top:var(--space-xl);padding-top:var(--space-m);border-top:1px solid var(--line)}
.editorial-credits>h2{font-size:var(--h4-size);line-height:var(--h4-line);letter-spacing:0;margin-bottom:var(--space-m)}
.credit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-m)}
.editorial-credit{display:flex;align-items:center;gap:var(--space-s);min-width:0}
.editorial-credit img{width:64px;height:64px;flex:0 0 64px;object-fit:cover;border-radius:50%}
.credit-label,.credit-specialty{display:block;font-size:var(--small-size);line-height:var(--small-line);color:var(--muted)}
.credit-name{display:inline-block;font-weight:700;padding:2px 0}
.editorial-team{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-l);margin:var(--space-l) 0}
.team-profile{display:flex;align-items:flex-start;gap:var(--space-m);padding-top:var(--space-m);border-top:1px solid var(--line);scroll-margin-top:112px;min-width:0}
.team-profile>img{width:112px;height:112px;flex:0 0 112px;object-fit:cover;border-radius:var(--radius)}
.article-body .team-profile h3{margin:4px 0 0;font-size:var(--h4-size);line-height:var(--h4-line);letter-spacing:0}
.article-body .team-profile p{font-size:var(--small-size);line-height:var(--small-line);margin:var(--space-xs) 0 0}
.article-body .team-profile .profile-specialty{color:var(--ink);font-weight:700;margin-top:0}
@media(max-width:800px){.editorial-team{grid-template-columns:1fr}.team-profile>img{width:96px;height:96px;flex-basis:96px}}
@media(max-width:540px){.credit-grid{grid-template-columns:1fr}.team-profile{gap:var(--space-s)}.team-profile>img{width:80px;height:80px;flex-basis:80px}}

/* Living component documentation, generated from the same tokens. */
.component-page{padding-top:var(--space-xl);padding-bottom:var(--space-xxl)}
.system-nav{display:flex;flex-wrap:wrap;gap:var(--space-xs) var(--space-l);border-block:1px solid var(--line);padding:var(--space-s) 0}.system-nav a{padding:var(--space-xs) 0}
.system-section{padding-top:var(--space-xl);scroll-margin-top:112px}
.system-section>h2{margin-bottom:var(--space-s)}.system-section>h3{margin-top:var(--space-l);margin-bottom:var(--space-s)}
.system-section>p{max-width:var(--measure);margin:var(--space-s) 0}
.system-guidelines{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-l)}.system-guidelines h3{margin-bottom:var(--space-xs)}
.type-specimens{margin:var(--space-m) 0}
.type-specimens>div{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-m);padding:var(--space-m) 0;border-bottom:1px solid var(--line)}
.type-specimens span{font-size:var(--small-size);line-height:var(--small-line);color:var(--muted)}
.swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-m);margin:var(--space-m) 0}
.swatches>div{display:flex;flex-direction:column;gap:var(--space-xs);font-size:var(--small-size);line-height:var(--small-line)}
.swatch{display:block;width:100%;height:80px;border:1px solid var(--line)}
.swatch-brand{background:var(--brand)}.swatch-action{background:var(--action)}.swatch-ink{background:var(--ink)}.swatch-text{background:var(--text)}.swatch-muted{background:var(--muted)}.swatch-soft{background:var(--soft)}.swatch-stroke-strong{background:var(--stroke-strong)}
.spacing-specimens{display:flex;gap:var(--space-l);flex-wrap:wrap;padding:var(--space-m) 0}
.spacing-specimens>div{display:flex;flex-direction:column;gap:var(--space-xs);font-size:var(--small-size);line-height:var(--small-line)}
.space-sample{display:block;height:16px;background:var(--brand)}
.space-xs{width:var(--space-xs)}.space-s{width:var(--space-s)}.space-m{width:var(--space-m)}.space-l{width:var(--space-l)}.space-xl{width:var(--space-xl)}.space-xxl{width:var(--space-xxl)}
.state-examples{display:flex;flex-wrap:wrap;gap:var(--space-m);margin:var(--space-m) 0}
.state-examples>div{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-s)}
.state-examples>div>span:last-child{font-size:var(--small-size);line-height:var(--small-line);color:var(--muted)}
.availability-note{font-size:var(--body-size);line-height:var(--body-line);color:var(--muted)}
.fixture-notice{padding:var(--space-s);background:var(--soft);border-left:3px solid var(--stroke-strong)}
.operator-card{display:grid;grid-template-columns:112px 1fr 1fr 180px;gap:var(--space-m);padding:var(--space-m);border:1px solid var(--line);border-radius:var(--radius);align-items:start}
.fixture-logo{display:flex;align-items:center;justify-content:center;aspect-ratio:1.3;background:var(--surface-tint);font-size:var(--small-size);line-height:var(--small-line);color:var(--ink)}
.operator-card dl{font-size:var(--small-size);line-height:var(--small-line);margin-top:var(--space-xs)}.operator-card dl div{display:flex;gap:var(--space-xs)}.operator-card dd{color:var(--muted)}
.operator-action>span{display:block;font-size:var(--small-size);line-height:var(--small-line);margin-top:var(--space-xs)}

@media(max-width:1100px){
 .header-inner{gap:var(--space-m)}#primary-navigation{gap:var(--space-l)}
 .licence-column header,.licence-column dl>div{padding-left:var(--space-s);padding-right:var(--space-s)}
 .operator-card{grid-template-columns:112px 1fr 1fr}.operator-action{grid-column:2/-1}
}
@media(max-width:900px){
 .header-inner{gap:var(--space-s)}.brand{font-size:var(--h3-size)}
 .guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .guide-feature .guide-grid,.related-section .guide-grid{grid-template-columns:1fr;gap:0}
 .answer-links{grid-template-columns:1fr;gap:0}
 .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-l)}.footer-brand,.footer-help{grid-column:1/-1}
 .footer-brand{padding-bottom:var(--space-m);border-bottom:1px solid #354157}
 .footer-help{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 var(--space-m);border-top:1px solid #354157;padding-top:var(--space-m)}.footer-help h2{grid-column:1/-1}
 .responsible-inner{flex-wrap:wrap}.responsible-links{margin-left:72px}
 .swatches{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:680px){
 :root{--h1-size:32px;--h1-line:40px;--h2-size:28px;--h2-line:36px}
 html{scroll-padding-top:88px}h1,.type-h1{letter-spacing:-.8px}h2,.type-h2{letter-spacing:-.5px}
 .container{padding-left:var(--space-m);padding-right:var(--space-m)}
 .header-inner{min-height:72px;justify-content:space-between;gap:var(--space-xs)}.brand{font-size:var(--h3-size)}.brand-mark{width:28px;height:28px}.menu-trigger{display:flex}
 #primary-navigation{display:none;position:absolute;top:100%;left:0;right:0;padding:var(--space-xs) var(--space-m) var(--space-m);margin:0;background:var(--header-surface);border-bottom:1px solid var(--stroke-strong)}
 #primary-navigation.is-open{display:flex;flex-direction:column;align-items:stretch;gap:0}
 .nav-link,.nav-dropdown-trigger{width:100%;min-height:56px;font-size:var(--body-size);padding:var(--space-s) 0;justify-content:space-between;border-bottom:1px solid #354157}
 .nav-link.is-current:after,.nav-dropdown-trigger.is-current:after{display:none}.nav-link.is-current,.nav-dropdown-trigger.is-current{color:var(--accent)}
 .nav-submenu{position:static;width:100%;padding:0 0 0 var(--space-s);margin:var(--space-xs) 0;border:0;border-left:2px solid var(--accent);box-shadow:none}
 .nav-submenu a{min-height:48px;padding:12px 0;font-size:var(--small-size)}
 .section-heading{flex-direction:column;gap:var(--space-xs);margin-bottom:var(--space-m)}
 .compare-section{padding-top:var(--space-l);padding-bottom:var(--space-l)}
 .licence-comparison{display:block}.licence-column{display:block}
 .licence-column+.licence-column{border-left:0;border-top:2px solid var(--ink);margin-top:var(--space-m)}
 .licence-column header{padding:var(--space-m) 0 var(--space-s)}.licence-column dl{display:block}
 .licence-column dl>div{display:grid;grid-template-columns:112px 1fr;gap:var(--space-s);padding:var(--space-s) 0}
 .licence-column dt{margin-bottom:0}.licence-column dl>div:nth-child(2){background:none}
 .answer-section,.guide-feature,.related-section{padding-top:var(--space-l);padding-bottom:var(--space-l)}
 .editor-note{display:block}.editor-note p{margin:var(--space-xs) 0}
 .guide-grid{grid-template-columns:1fr;gap:0}.guide-card{padding:var(--space-m) 0}
 .article-header{padding-bottom:var(--space-l)}.article-header>p:not(.eyebrow){font-size:18px;line-height:var(--h4-line)}
 .breadcrumbs{margin-bottom:var(--space-m)}.breadcrumbs span:last-child{overflow-wrap:anywhere}
 .home-article{padding-top:var(--space-l);padding-bottom:var(--space-l)}.article-body>section{padding-top:var(--space-m)}
 .definition-pair,.licence-grid{grid-template-columns:1fr}.article-body .source-note{padding:var(--space-s)}
 .responsible-inner{gap:var(--space-s)}.responsible-inner>div:not(.responsible-links){flex:1}
 .responsible-links{margin-left:64px;gap:var(--space-m);flex-wrap:wrap}
 .site-footer{padding-top:var(--space-l)}.footer-grid{column-gap:var(--space-m);row-gap:var(--space-l);padding-bottom:var(--space-l)}
 .footer-brand p{margin-top:var(--space-s)}.footer-links h2{font-size:var(--small-size);line-height:var(--small-line)}
 .footer-bottom{gap:var(--space-xs);flex-wrap:wrap}.footer-country{margin-left:auto}
 .component-page{padding-top:var(--space-l);padding-bottom:var(--space-xl)}.system-section{padding-top:var(--space-l)}
 .system-guidelines{grid-template-columns:1fr}.type-specimens>div{flex-direction:column;gap:var(--space-xs)}
 .swatches{grid-template-columns:1fr 1fr}
 .operator-card{grid-template-columns:72px minmax(0,1fr);padding:var(--space-s);gap:var(--space-s)}
 .operator-card>div:nth-child(3),.operator-action{grid-column:1/-1}.operator-card dl div{display:block}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}