:root{font-family:"Noto Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color-scheme:light;--panel:#f5f5f5;--canvas:#fff;--text:#303236;--muted:#686b70;--hover:#ebebeb;--active:#e4e4e4;--line:#dedede;--accent:#206f7c;--dialog:#fff}
:root[data-theme=dark]{color-scheme:dark;--panel:#100f13;--canvas:#1f1e24;--text:#e8e6ed;--muted:#b7b3bf;--hover:#26242b;--active:#37333e;--line:#343139;--accent:#94bacd;--dialog:#242229}
*{box-sizing:border-box}body{margin:0;background:var(--canvas);color:var(--text)}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit}button{cursor:pointer}.sidebar{position:fixed;inset:0 auto 0 0;width:240px;background:var(--panel);display:flex;flex-direction:column}.panel-header{height:56px;min-height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 12px 0 16px;gap:12px}.brand{display:flex;align-items:center;min-width:0}.brand img{display:block;width:104px;height:auto;object-fit:contain}:root[data-theme=dark] .brand img{filter:brightness(0) saturate(100%) invert(76%) sepia(13%) saturate(610%) hue-rotate(157deg)}.tools{display:flex;gap:4px}.icon-button{display:grid;place-items:center;background:none;border:0;border-radius:6px;width:28px;height:28px;padding:5px}.icon-button:hover{background:var(--hover)}.icon-button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}nav{overflow:auto;padding:12px 8px 24px;scrollbar-width:thin}.nav-label{margin:0 8px 8px;font-size:12px;font-weight:650;color:var(--muted)}.nav-item,.group-toggle{display:flex;align-items:center;width:100%;min-height:32px;text-decoration:none;text-align:left;font-size:14px;letter-spacing:-0.15px;line-height:20px;padding:6px 8px;border:0;border-radius:5px;background:none;position:relative;gap:8px}.group-toggle{justify-content:space-between}.nav-item:hover,.group-toggle:hover{background:var(--hover)}.nav-item[aria-current=page]{background:var(--active);font-weight:550}.nav-item[aria-current=page]:before{content:"";position:absolute;left:-8px;top:6px;bottom:6px;width:3px;border-radius:0 3px 3px 0;background:var(--accent)}.chevron{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5;transition:transform .15s}.group-toggle[aria-expanded=true] .chevron{transform:rotate(90deg)}.children .nav-item{padding-left:20px;color:var(--muted)}.children .nav-item[aria-current]{color:var(--text)}.nav-divider{height:1px;background:var(--line);margin:14px 8px}main{margin-left:240px;min-height:100dvh;outline:0}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.skip{position:fixed;top:-60px;left:270px;z-index:10;background:var(--dialog);padding:10px}.skip:focus{top:10px}dialog{padding:0;border:1px solid var(--line);border-radius:12px;background:var(--dialog);color:var(--text);width:min(560px,calc(100vw - 32px));margin:15vh auto auto;box-shadow:0 24px 80px #0003}dialog::backdrop{background:#0006;backdrop-filter:blur(3px)}.search-top{display:flex;align-items:center;padding:16px;gap:12px;border-bottom:1px solid var(--line)}input{width:100%;border:0;background:none;color:var(--text);font-size:16px;min-width:0;outline:0}.escape{font-size:11px;border:1px solid var(--line);background:none;border-radius:4px;padding:4px 6px;color:var(--muted)}#results{max-height:50vh;overflow:auto;padding:8px}#results a{display:block;text-decoration:none;padding:10px 12px;border-radius:5px;font-size:14px}#results a:hover{background:var(--hover)}#results small{display:block;font-size:11px;margin-top:3px;color:var(--muted)}.empty{font-size:13px;color:var(--muted);padding:12px}.search-hint{padding:10px 20px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.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}@media(max-width:600px){.sidebar{width:220px}.panel-header{padding-left:12px;gap:4px}.brand img{width:94px;height:auto}main{margin-left:220px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

main{padding:32px}h1{margin:0;font-size:36px;line-height:1.25;font-weight:600;letter-spacing:-0.8px}@media(max-width:600px){main{padding:24px}h1{font-size:30px}}

.page-content{width:100%;max-width:1088px;margin-inline:auto}

.brand-banner{position:relative;isolation:isolate;overflow:hidden;aspect-ratio:3.75;margin-top:32px;padding:clamp(24px,4vw,64px);display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(90deg,rgba(255,255,255,.92) 0%,rgba(255,255,255,.68) 32%,rgba(255,255,255,.18) 60%,rgba(255,255,255,.02) 100%),url('assets/brand/beshik-child-coral-flower.png') no-repeat 86% 50%/cover,#fff;color:#183d43}.banner-logo{position:relative;width:clamp(130px,19vw,220px);height:auto}.banner-title{position:relative;z-index:1;margin:24px 0 0;font-size:clamp(28px,4.7vw,64px);font-weight:650;line-height:1.1;letter-spacing:-2px;white-space:normal;max-width:500px}.banner-title-main,.banner-title-sub{display:block}.banner-title-sub{white-space:nowrap}.banner-pattern{position:absolute;z-index:-1;right:-110px;top:-140px;width:580px;height:500px;stroke:#206f7c;stroke-width:1;opacity:.15;transform:rotate(28deg)}@media(max-width:900px){.brand-banner{min-height:200px;aspect-ratio:auto;padding:28px;background-position:86% 52%;background-size:cover}.banner-title{font-size:clamp(24px,4vw,40px);letter-spacing:-1px;max-width:320px}.banner-title-main,.banner-title-sub{display:block}.banner-title-sub{white-space:nowrap}.banner-pattern{right:-220px;opacity:.12}}@media(max-width:600px){.brand-banner{padding:20px;min-height:200px;background-position:78% 50%;background-size:cover}.banner-logo{width:110px}.banner-title{font-size:26px;max-width:240px}.banner-title-main,.banner-title-sub{display:block}.banner-title-sub{white-space:nowrap}} 
.brand-banner[hidden]{display:none}

.brand-banner{justify-content:flex-end}.banner-title{margin-top:0}

.intro-copy{margin-top:32px;font-size:14px;line-height:1.75;font-weight:400}.intro-copy p{margin:0 0 18px}.intro-copy h2{font-size:16px;line-height:1.5;font-weight:600;letter-spacing:-.15px;margin:12px 0 14px}.intro-copy ul{margin:0 0 18px;padding-left:24px}.intro-copy strong{font-weight:600}.intro-copy .updated{text-align:center;margin:20px 0 30px;color:var(--muted);font-size:13px}.page-footer{display:flex;flex-wrap:wrap;justify-content:center;gap:0;margin:0 0 12px;color:var(--muted);font-size:13px}.page-footer span{padding:0 10px;line-height:20px}.page-footer span+span{border-left:1px solid var(--line)}.intro-copy[hidden]{display:none}
.intro-copy a{color:var(--accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.intro-copy a:hover{text-decoration-thickness:2px}.page-footer a{color:var(--accent)}

.cards-copy{margin-top:32px}

.page-content.cards-layout{display:grid;grid-template-columns:minmax(0,800px) 240px;column-gap:48px;align-items:start}.cards-layout>h1{grid-column:1;grid-row:1}.cards-layout>.cards-copy{grid-column:1;grid-row:2}.language-nav{grid-column:2;grid-row:1 / span 2;position:sticky;top:32px;border-left:1px solid var(--line);padding:0 0 0 8px;overflow:visible;font-size:14px}.language-nav a{display:block;position:relative;text-decoration:none;padding:5px 8px;line-height:20px;border-radius:6px;color:var(--muted)}.language-nav a:hover{background:var(--hover)}.language-nav a[aria-current]{background:var(--active);color:var(--text);font-weight:500}.language-nav a[aria-current]:before{content:"";position:absolute;left:-9px;top:5px;bottom:5px;width:2px;background:var(--accent)}.language-nav[hidden]{display:none}.cards-language-section{scroll-margin-top:32px;min-height:96px;padding-top:12px}.cards-language-section h2{font-size:24px;line-height:1.3;letter-spacing:-.4px;margin:0 0 24px}@media(max-width:1200px){.page-content.cards-layout{grid-template-columns:minmax(0,1fr) 180px;column-gap:32px}}@media(max-width:900px){.page-content.cards-layout{display:block}.language-nav{position:static;border-left:0;border-bottom:1px solid var(--line);display:flex;flex-wrap:wrap;gap:4px;padding:16px 0;margin-bottom:24px}.language-nav a[aria-current]:before{display:none}.language-nav[hidden]{display:none}}
.card-design{margin:24px 0 40px}.card-design h3{font-size:16px;line-height:1.5;font-weight:600;margin:0 0 4px}.card-design .card-design-note{font-size:13px;color:var(--muted);margin:0 0 20px}.card-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.card-preview-grid figure{margin:0;min-width:0}.card-preview{display:block;line-height:0}.card-preview img{display:block;width:100%;height:auto;aspect-ratio:272.13 / 158.74}.card-preview-grid figcaption{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:4px 12px;margin-top:10px;font-size:12px;color:var(--muted)}.card-preview-grid figcaption a{font-size:12px}@media(max-width:1100px){.card-preview-grid{grid-template-columns:1fr;gap:24px}}
.card-design{margin-top:40px}.card-tabs{display:flex;gap:24px;border-bottom:1px solid var(--line);margin:20px 0 24px;max-width:600px}.card-tabs button{border:0;background:none;padding:10px 0 12px;font-size:14px;color:var(--muted);position:relative}.card-tabs button[aria-selected=true]{color:var(--text);font-weight:600}.card-tabs button[aria-selected=true]:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--accent)}.card-preview-grid{grid-template-columns:minmax(0,600px);gap:28px}.card-with-guides{position:relative}.card-cut-guide{position:absolute;inset:8.9286% 5.2083%;border:1px dashed rgba(255,255,255,.65);pointer-events:none}.card-preview-grid figcaption{display:block}.card-design .card-guide-note{font-size:12px;line-height:1.5;color:var(--muted);margin:16px 0 0}.card-downloads{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px;max-width:600px}.card-downloads button{border:1px solid var(--line);border-radius:6px;background:var(--panel);padding:10px 14px;font-size:13px;line-height:1.5;text-align:left;color:var(--muted);cursor:not-allowed}.card-downloads button span{display:block;font-size:11px;margin-top:2px}.card-pending{max-width:600px;padding:28px 0;color:var(--muted)}[role=tabpanel][hidden]{display:none}
.cards-language-section h2{margin-bottom:20px}.card-design{margin-top:0}.card-design h3{margin:0;font-size:16px;font-weight:600}.card-display-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:600px;border-bottom:1px solid var(--line);margin:12px 0 20px}.card-display-bar .card-tabs{border:0;margin:0;gap:20px;flex-shrink:0}.guide-toggle{display:flex;align-items:center;gap:9px;font-size:11px;line-height:1.4;color:var(--muted);cursor:pointer;position:relative}.guide-toggle input{position:absolute;opacity:0;width:1px;height:1px}.switch-track{position:relative;display:block;flex-shrink:0;width:28px;height:16px;border-radius:20px;background:#b9bec0;transition:background .15s}.switch-track:after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;background:#fff;border-radius:50%;box-shadow:0 1px 2px #0002;transition:transform .15s}.guide-toggle input:checked+.switch-track{background:var(--accent)}.guide-toggle input:checked+.switch-track:after{transform:translateX(12px)}.guide-toggle input:focus-visible+.switch-track{outline:2px solid var(--accent);outline-offset:3px}.card-cut-guide[hidden],.card-guide-note[hidden]{display:none}.card-downloads{display:grid;grid-template-columns:1fr;width:100%;max-width:600px;gap:10px;margin-top:24px}.card-downloads button{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:46px;padding:12px 16px;background:#206f7c;border:1px solid #206f7c;color:#fff;font-size:14px;font-weight:500;border-radius:6px;opacity:1}.card-downloads button span{display:inline;margin:0}.card-downloads button .download-label{font-size:14px}.card-downloads button .download-size{font-size:12px;font-weight:400;opacity:.8;white-space:nowrap}@media(max-width:1100px){.card-display-bar{flex-wrap:wrap;gap:0 16px}.guide-toggle{margin:8px 0 12px}} 
.cards-copy>p{margin-bottom:24px}.cards-copy>.cards-language-section:first-of-type{margin-top:40px}.cards-language-section h2{margin-bottom:28px}.card-cut-guide{inset:5.3571% 3.125%}.card-downloads{gap:12px;margin-top:28px}.card-downloads button{display:grid;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:54px;padding:14px 18px;border-radius:8px;font-size:14px;box-shadow:0 1px 2px #0000000a}.card-downloads button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.card-downloads button .download-label{font-size:14px;font-weight:600}.card-downloads button .download-size{font-size:12px;font-weight:400;opacity:1;color:inherit;padding-left:16px;border-left:1px solid #ffffff40}.card-downloads .download-primary{background:#206f7c;border-color:#206f7c;color:#fff}.card-downloads .download-secondary{background:var(--canvas);border-color:var(--line);color:var(--text)}.card-downloads .download-secondary .download-size{color:var(--muted);border-left-color:var(--line)}
.card-downloads .download-primary,.card-downloads .download-secondary{background:var(--canvas);border-color:var(--line);color:var(--text);cursor:pointer;transition:background .15s,border-color .15s,color .15s}.card-downloads .download-primary .download-size,.card-downloads .download-secondary .download-size{color:var(--muted);border-left-color:var(--line)}.card-downloads button:hover{background:#206f7c;border-color:#206f7c;color:#fff}.card-downloads button:hover .download-size{color:#fff;border-left-color:#ffffff40}
.card-qr-instructions{max-width:600px;margin-top:32px}.card-qr-instructions p{margin-bottom:20px}
.card-downloads a{display:grid;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;min-height:54px;padding:14px 18px;border:1px solid var(--line);border-radius:8px;background:var(--canvas);box-shadow:0 1px 2px #0000000a;color:var(--text);font-size:14px;line-height:1.5;text-align:left;text-decoration:none;transition:background .15s,border-color .15s,color .15s}.card-downloads a svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.card-downloads a span{display:inline;margin:0}.card-downloads a .download-label{font-size:14px;font-weight:600}.card-downloads a .download-size{padding-left:16px;border-left:1px solid var(--line);color:var(--muted);font-size:12px;font-weight:400;white-space:nowrap}.card-downloads a:hover{background:#206f7c;border-color:#206f7c;color:#fff}.card-downloads a:hover .download-size{border-left-color:#ffffff40;color:#fff}
.card-design+.card-design{margin-top:64px}.card-preview{border:1px solid var(--line);border-radius:4px;overflow:hidden;background:var(--canvas)}.card-design-light .card-cut-guide{border-color:rgba(35,111,124,.9)}
.card-qr-instructions+.card-design{margin-top:64px}

.card-qr-instructions{padding:16px 18px;border:1px solid var(--line);border-radius:8px;background:var(--panel);font-size:13px;line-height:1.7}.card-qr-instructions p{margin-bottom:14px}.card-qr-instructions p:last-child{margin-bottom:0}

.page-content.colors-layout{display:grid;grid-template-columns:minmax(0,800px) 240px;column-gap:48px;align-items:start}.colors-layout>h1{grid-column:1;grid-row:1}.colors-layout>.color-guide{grid-column:1;grid-row:2}.color-guide{margin-top:32px;font-size:14px;line-height:1.75}.color-guide[hidden],.color-section-nav[hidden]{display:none}.color-guide p{margin:0 0 20px}.color-guide ul{padding-left:24px;margin:0 0 36px}.color-guide li{margin:0 0 4px}.color-guide section{scroll-margin-top:32px;margin-top:40px}.color-guide h2{font-size:24px;line-height:1.3;letter-spacing:-.4px;font-weight:600;margin:0 0 16px}.color-table-wrap{overflow-x:auto;margin:24px 0 0}.color-table{border-collapse:collapse;width:100%;text-align:left;font-size:13px;line-height:1.6}.color-table caption{text-align:left;font-size:16px;font-weight:600;margin:0 0 12px}.color-table th{font-weight:600;padding:10px 12px;border-bottom:2px solid var(--line);white-space:nowrap}.color-table td{padding:14px 12px;border-bottom:1px solid var(--line);vertical-align:middle}.color-table td:first-child{min-width:170px;width:30%}.color-table td:first-child>span{display:block}.color-chip{width:64px;height:36px;border:1px solid #00000015;margin-bottom:6px}.color-rgb{white-space:nowrap;color:var(--muted);font-variant-numeric:tabular-nums}.color-code{border:0;background:none;color:var(--text);font:inherit;font-family:ui-monospace,Consolas,monospace;padding:4px 0;white-space:nowrap;text-decoration:underline dotted;text-underline-offset:4px}.color-code:hover,.color-code.copied{color:var(--accent)}.color-section-nav{grid-column:2;grid-row:1 / span 2;position:sticky;top:32px;border-left:1px solid var(--line);padding:0 0 0 8px;font-size:13px}.color-section-nav a{display:block;position:relative;text-decoration:none;padding:5px 8px;line-height:20px;border-radius:6px;color:var(--muted)}.color-section-nav a:hover{background:var(--hover)}.color-section-nav a[aria-current]{background:var(--active);color:var(--text);font-weight:500}.color-section-nav a[aria-current]:before{content:"";position:absolute;left:-9px;top:5px;bottom:5px;width:2px;background:var(--accent)}.contrast-examples{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0}.contrast-sample{display:flex;flex-direction:column;padding:18px;min-height:174px;line-height:1.5;border:1px solid var(--line)}.contrast-aa{font-size:40px;line-height:1.2;margin-bottom:18px;font-weight:500}.contrast-sample strong{font-size:12px;font-weight:600}.contrast-sample>span:last-child{font-size:10px;margin-top:6px;opacity:.85}.contrast-light{background:#fff;color:#303236}.contrast-dark{background:#303236;color:#fff}.contrast-teal{background:#206f7c;color:#fff}.palette-status{min-height:24px;font-size:13px;color:var(--accent);margin:16px 0}@media(max-width:1200px){.page-content.colors-layout{grid-template-columns:minmax(0,1fr) 180px;column-gap:32px}.color-table td,.color-table th{padding-inline:8px}.color-table td:first-child{min-width:140px}.contrast-examples{grid-template-columns:1fr}}@media(max-width:900px){.page-content.colors-layout{display:block}.color-section-nav{position:static;display:flex;flex-wrap:wrap;gap:4px;border-left:0;border-bottom:1px solid var(--line);padding:16px 0;margin-bottom:24px}.color-section-nav a[aria-current]:before{display:none}.color-section-nav[hidden]{display:none}.color-table{min-width:560px}}
.color-table{font-size:13px;table-layout:auto;min-width:640px}.color-table th,.color-table td{border:1px solid var(--line);padding:8px;vertical-align:middle;white-space:nowrap}.color-table th{background:var(--panel);font-weight:600}.color-table td:first-child{width:28%;min-width:168px}.color-table td:first-child>.color-strip{display:flex;align-items:center;min-height:40px;padding:8px;line-height:1.4;white-space:normal}.color-table td:nth-child(2){width:19%}.color-code{display:inline-flex;align-items:center;gap:8px;text-decoration:none;padding:2px 0;font-size:12px}.color-code code{font:inherit;background:var(--panel);border-radius:3px;padding:1px 4px;color:var(--text)}.color-code svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.5;opacity:.55}.color-code:hover svg,.color-code.copied svg{opacity:1}.gradient-list{display:grid;gap:28px;margin:24px 0}.gradient-item{margin:0}.gradient-preview{height:150px;display:flex;align-items:flex-end;padding:20px;color:#303236}.gradient-preview span{font-size:20px;font-weight:600}.gradient-preview-dark{color:#fff}.gradient-item figcaption{padding-top:12px}.gradient-item figcaption p{margin-bottom:8px;font-size:13px}.gradient-stops{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.gradient-stops>span{color:var(--muted);font-size:12px}.color-guide .color-production-note{font-size:12px;color:var(--muted);margin-top:32px}

.page-content.typography-layout{display:grid;grid-template-columns:minmax(0,800px) 240px;gap:0 48px;align-items:start}.typography-layout>h1{grid-column:1;grid-row:1}.typography-layout>.typography-guide{grid-column:1;grid-row:2}.type-section-nav{grid-column:2;grid-row:1 / span 2}.typography-guide{margin-top:28px;font-size:14px;line-height:1.75;min-width:0}.typography-guide[hidden]{display:none}.typography-guide p{margin:0 0 20px}.typography-guide section{scroll-margin-top:32px;margin-bottom:48px}.typography-guide h2{font-size:24px;font-weight:600;letter-spacing:-.4px;line-height:1.35;margin:0 0 16px}.typography-guide h3{font-size:18px;line-height:1.4;font-weight:600;margin:0 0 10px}.type-language-tabs{display:flex;gap:28px;border-bottom:1px solid var(--line);margin:28px 0 36px}.type-language-tabs button{background:none;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;padding:10px 0 14px;font-size:14px;color:var(--muted)}.type-language-tabs button[aria-selected=true]{border-bottom-color:var(--accent);color:var(--text);font-weight:600}.type-hero{padding:28px;background:var(--panel);margin:28px 0 24px}.typography-guide .type-slogan{font-family:"Literata",Georgia,serif;font-size:48px;line-height:1.167;font-weight:400;margin:0 0 28px;font-synthesis:none;text-wrap:balance;overflow-wrap:break-word}.type-specimen-meta{display:flex;justify-content:space-between;gap:16px;font-size:12px;color:var(--muted)}.type-weight-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:20px}.type-weight-grid>div{border-bottom:1px solid var(--line);padding:4px 0 20px}.type-weight-sample{display:block;font-family:"Literata",Georgia,serif;font-size:64px;line-height:1.25;margin-bottom:12px;font-synthesis:none}.type-medium{font-weight:500}.type-weight-grid strong{font-size:13px;font-weight:500}.type-weight-grid p{font-size:13px;color:var(--muted);margin:4px 0 0}.type-language-note{padding:14px 18px;background:var(--panel);border:1px solid var(--line);border-radius:6px;font-size:12px}.typography-guide a{color:var(--accent);text-underline-offset:3px}.type-text-link{font-size:13px}.type-body-specimen{padding:24px;border:1px solid var(--line);margin:28px 0 20px}.type-body-specimen .type-specimen-meta{margin-bottom:24px}.type-body-specimen>p{font-size:16px;line-height:28px;max-width:640px}.type-body-specimen .type-alphabet{margin-bottom:0;color:var(--muted);overflow-wrap:anywhere}.type-noto-weights{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:0 0 24px}.type-noto-weights span{font-size:18px}.type-noto-weights span:nth-child(2){font-weight:500}.type-noto-weights span:nth-child(3){font-weight:600}.type-noto-weights small{display:block;font-size:11px;font-weight:400;color:var(--muted);margin-top:6px}.type-scale>div{padding:24px 0;border-top:1px solid var(--line)}.type-scale>div>span:last-child{display:block;color:var(--muted);font-size:12px;margin-top:12px}.type-scale p{margin:0;overflow-wrap:break-word}.type-level-display{font:400 48px/56px "Literata",Georgia,serif}.type-level-heading{font:500 32px/40px "Literata",Georgia,serif}.type-level-subheading{font-size:20px;font-weight:600;line-height:28px}.type-level-body{font-size:16px;line-height:28px;max-width:640px}.type-level-caption{font-size:12px;line-height:18px}.type-button-example,.typography-guide .type-example-action{display:inline-flex;align-items:center;gap:24px;border:1px solid var(--accent);padding:12px 20px;border-radius:6px;color:var(--accent);font-size:14px;line-height:20px;font-weight:500;text-decoration:none}.typography-guide .type-small-note{font-size:12px;color:var(--muted);line-height:1.7;margin-top:16px}.type-editorial-example{background:var(--panel);padding:36px;margin-top:28px}.type-example-label{font-size:11px;color:var(--muted);display:block;margin-bottom:28px}.type-editorial-example h3{font:400 36px/44px "Literata",Georgia,serif;margin-bottom:20px;max-width:520px}.type-editorial-example p{font-size:16px;line-height:28px;max-width:560px;margin-bottom:24px}.type-example-action:hover{background:var(--accent);color:var(--canvas)}.type-example-caption{display:block;color:var(--muted);font-size:11px;margin-top:28px}.type-rules ul{padding-left:22px;margin:0}.type-rules li{margin-bottom:12px}.type-file-block{border-top:1px solid var(--line);padding-top:24px;margin-top:28px}.type-file-block>p{font-size:13px}.typography-guide .type-download{display:grid;grid-template-columns:20px 1fr auto;gap:12px;align-items:center;padding:16px 18px;border:1px solid var(--line);border-radius:6px;min-height:54px;text-decoration:none;color:var(--text);font-weight:500;max-width:600px}.type-download svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.type-download small{font-size:12px;font-weight:400;color:var(--muted);white-space:nowrap}.typography-guide .type-download:hover{background:var(--accent);border-color:var(--accent);color:#fff}.type-download:hover small{color:inherit}@media(max-width:1200px){.page-content.typography-layout{grid-template-columns:minmax(0,1fr) 180px;column-gap:32px}.typography-guide .type-slogan{font-size:36px;line-height:44px}.type-hero{padding:24px}.type-noto-weights{grid-template-columns:1fr}.type-level-display{font-size:36px;line-height:44px}}@media(max-width:900px){.page-content.typography-layout{display:block}}@media(max-width:700px){.typography-guide .type-slogan,.type-level-display{font-size:32px;line-height:40px}.type-level-heading{font-size:28px;line-height:36px}.type-language-tabs{gap:16px;flex-wrap:wrap}.type-hero,.type-editorial-example{padding:20px}.type-weight-grid{gap:16px}.type-download small{grid-column:2}.type-editorial-example h3{font-size:28px;line-height:36px}

}
.primary-logo-guide{margin-top:32px;font-size:14px;line-height:1.75}.primary-logo-guide[hidden]{display:none}.primary-logo-guide>p{margin:0 0 20px;max-width:920px}.primary-logo-figure{margin:32px 0 24px}.primary-logo-preview{display:flex;align-items:center;justify-content:center;padding:56px 32px;min-height:480px;background:#fff;border:1px solid var(--line)}.primary-logo-preview img{display:block;width:320px;max-width:100%;height:auto}.primary-logo-figure figcaption{font-size:12px;color:var(--muted);margin-top:12px}.primary-logo-download{display:grid;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;max-width:600px;min-height:54px;padding:14px 18px;border:1px solid var(--line);border-radius:6px;color:var(--text);background:var(--canvas);text-decoration:none;font-weight:500;line-height:20px}.primary-logo-download svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.primary-logo-download-source{font-size:12px;color:var(--muted);font-weight:400}.primary-logo-download:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.primary-logo-download:hover .primary-logo-download-source{color:inherit}@media(max-width:900px){.primary-logo-preview{min-height:380px;padding:40px 24px}.primary-logo-preview img{width:260px}}@media(max-width:600px){.primary-logo-download-source{grid-column:2}.primary-logo-preview{min-height:0;padding:32px 20px}}

.page-content.primary-logo-layout{display:grid;grid-template-columns:minmax(0,800px) 240px;column-gap:48px;align-items:start}.primary-logo-layout>h1{grid-column:1;grid-row:1}.primary-logo-layout>.primary-logo-guide{grid-column:1;grid-row:2;min-width:0}.primary-logo-guide>p{max-width:none}@media(max-width:1200px){.page-content.primary-logo-layout{grid-template-columns:minmax(0,1fr) 180px;column-gap:32px}}@media(max-width:900px){.page-content.primary-logo-layout{display:block}}

html{scrollbar-gutter:stable}

.primary-logo-guide .logo-inline-link{color:var(--accent);text-underline-offset:3px}.logo-preview-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:32px;font-size:12px;color:var(--muted)}.logo-preview-toolbar .guide-toggle{font-size:12px}.logo-preview-toolbar+.primary-logo-figure{margin-top:12px}.primary-logo-preview{padding:24px}.logo-clearspace-stage{position:relative;padding:0;aspect-ratio:var(--logo-stage-ratio,400 / 452.2667);max-width:100%;width:400px}.logo-clearspace-stage img{position:absolute;left:10%;top:var(--logo-stage-inset,8.844%);width:80%}.logo-clearspace-outline{position:absolute;inset:0;border:1px dashed #206f7c;background:rgba(32,111,124,.05);pointer-events:none}.logo-clearspace-outline:after{content:"";position:absolute;inset:var(--logo-stage-inset,8.844%) 10%;border:1px solid rgba(32,111,124,.3)}.logo-clearspace-x{position:absolute;color:#206f7c;font:italic 14px/1 Georgia,serif;display:flex;align-items:center;justify-content:center}.logo-clearspace-x-top{top:0;left:50%;height:var(--logo-stage-inset,8.844%);border-left:1px solid #206f7c;padding-left:8px}.logo-clearspace-x-left{left:0;top:50%;width:10%;border-top:1px solid #206f7c;padding-top:8px}.logo-clearspace-stage [hidden]{display:none}.logo-clearspace-description{margin:28px 0}.logo-clearspace-description h2{font-size:20px;line-height:1.4;font-weight:600;margin:0 0 12px}.logo-clearspace-description p{margin:0 0 16px}@media(max-width:900px){.logo-clearspace-stage{width:325px}}@media(max-width:600px){.logo-preview-toolbar{align-items:flex-start;flex-direction:column}.primary-logo-preview{padding:20px}.logo-clearspace-stage{width:100%}}

.primary-logo-layout>.logo-languages-guide{grid-column:1;grid-row:2;min-width:0}.logo-language-section{margin-top:40px;scroll-margin-top:32px}.logo-language-section h2{font-size:24px;line-height:1.35;font-weight:600;letter-spacing:-.4px;margin:0 0 16px}.logo-language-section>p{margin:0 0 24px}.logo-language-section .primary-logo-preview{padding:48px 32px}.logo-language-section .primary-logo-download{margin-top:24px}.logo-language-section+.logo-language-section{margin-top:56px}

.primary-logo-download{max-width:none}.logo-language-toolbar{display:flex;justify-content:flex-end;margin:20px 0 12px}.logo-language-toolbar .guide-toggle{font-size:12px}.logo-language-section .primary-logo-preview{padding:24px}

.horizontal-logo-guide .logo-clearspace-stage{width:600px}.horizontal-logo-guide .primary-logo-preview{min-height:320px;padding:32px}.horizontal-logo-guide .horizontal-clearspace-note{margin-top:40px;font-size:13px;color:var(--muted)}@media(max-width:600px){.horizontal-logo-guide .primary-logo-preview{min-height:0;padding:20px}}

.logo-size-table-wrap{overflow-x:auto;margin:28px 0}.logo-size-table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}.logo-size-table th,.logo-size-table td{padding:12px 16px;border:1px solid var(--line)}.logo-size-table thead{background:var(--panel)}.logo-size-table th{font-weight:600}.logo-size-languages{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:32px 0}.logo-size-languages>span{font-size:12px;color:var(--muted);margin-right:12px}.logo-size-languages button{background:none;border:1px solid var(--line);border-radius:5px;padding:7px 12px;font-size:12px}.logo-size-languages button[aria-pressed=true]{background:var(--active);border-color:var(--accent);color:var(--text)}.logo-size-section{margin-top:44px;scroll-margin-top:32px}.logo-size-section h2{font-size:24px;font-weight:600;line-height:1.35;margin:0 0 16px}.logo-size-section>p{margin:0 0 24px}.logo-size-scroll{overflow-x:auto;margin:24px 0 16px;border:1px solid var(--line);background:#fff;color:#303236}.logo-size-example{width:max-content;min-width:100%;margin:0;padding:40px 32px 24px;display:flex;align-items:center;flex-direction:column}.logo-size-measured{flex-shrink:0}.logo-size-measured-vertical{width:300px}.logo-size-measured-horizontal{width:480px}.logo-size-measured img{display:block;width:100%;max-width:none;height:auto}.logo-size-ruler{position:relative;height:24px;border-top:1px solid #206f7c;margin-top:24px;text-align:center;font-size:12px;color:#206f7c}.logo-size-ruler:before,.logo-size-ruler:after{content:"";position:absolute;top:-5px;height:9px;border-left:1px solid #206f7c}.logo-size-ruler:before{left:0}.logo-size-ruler:after{right:0}.logo-size-ruler span{display:inline-block;background:#fff;padding:0 8px;transform:translateY(-50%)}.logo-size-example figcaption{font-size:11px;color:#686b70;margin-top:8px}.logo-size-section ul{padding-left:22px;margin:0}.logo-size-section li{margin-bottom:14px}.logo-size-section .logo-size-note{margin-top:24px;padding:16px 20px;border:1px solid var(--line);background:var(--panel);border-radius:6px;font-size:13px}

.logo-use-row{padding:24px 0;border-top:1px solid var(--line)}.logo-use-row h3{font-size:16px;margin:0 0 12px;font-weight:600}.logo-use-row p{margin:0 0 14px}.logo-use-row p:last-child{margin-bottom:0}.logo-use-row .logo-size-status{font-size:12px;color:var(--muted)}.logo-scale-test{margin:28px 0}.logo-scale-control{display:flex;justify-content:space-between;gap:16px;font-size:13px;margin-bottom:12px}.logo-scale-control label{font-weight:600}.logo-scale-control output{color:var(--muted);font-variant-numeric:tabular-nums}.logo-scale-test input[type=range]{display:block;width:100%;height:20px;accent-color:var(--accent);cursor:pointer;margin:0 0 16px;padding:0}.logo-scale-preview{display:flex;align-items:center;justify-content:center;overflow-x:auto;border:1px solid var(--line);background:#fff;padding:28px}.logo-scale-preview-vertical{min-height:410px}.logo-scale-preview-horizontal{min-height:230px}.logo-scale-preview img{display:block;height:auto;max-width:none;flex-shrink:0}.logo-scale-disclaimer{font-size:12px;color:var(--muted)}

.logo-readability-comparison{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:24px;margin:28px 0 16px}.logo-readability-comparison figure{margin:0;min-width:0}.logo-static-sample{height:220px;padding:24px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--line)}.logo-static-sample img{display:block;max-width:100%;height:auto}.logo-static-sample-small img{width:130px}.logo-readability-comparison figcaption{margin-top:14px;font-size:13px;line-height:1.6}.logo-readability-comparison figcaption strong{display:block;font-weight:600;margin-bottom:4px}.logo-readability-comparison figcaption span{display:block;color:var(--muted);font-size:12px}.logo-sizes-guide .logo-static-caption{font-size:12px;color:var(--muted);margin:0}.logo-static-links{display:flex;flex-wrap:wrap;gap:12px 28px;margin-top:24px;font-size:13px}.logo-static-rules{border-top:1px solid var(--line);padding-top:24px!important;margin-top:28px!important}@media(max-width:1100px){.logo-readability-comparison{grid-template-columns:1fr}.logo-static-sample{height:200px}}

.additional-logo-section{margin-top:44px;scroll-margin-top:32px}.additional-logo-section h2{font-size:24px;line-height:1.35;letter-spacing:-.4px;font-weight:600;margin:0 0 16px}.additional-logo-section h3{font-size:16px;line-height:1.4;font-weight:600;margin:28px 0 16px}.additional-logo-section>p{margin:0 0 24px}.additional-logo-section .additional-logo-caption{font-size:12px;color:var(--muted);margin:-6px 0 16px}.additional-logo-preview{display:flex;align-items:center;justify-content:center;border:1px solid var(--line);background:#fff;padding:40px;min-height:240px}.additional-logo-preview img{display:block;max-width:100%;height:auto}.additional-logo-preview-short img{width:480px}.additional-logo-preview-wordmark img{width:360px}.additional-logo-preview-symbol{min-height:300px}.additional-logo-preview-symbol img{width:180px}.additional-logo-section .primary-logo-download{margin-top:20px}.favicon-preview{border:1px solid var(--line);padding:24px;background:#fff;color:#303236}.favicon-browser-tab{display:flex;align-items:center;gap:10px;border:1px solid #dedede;border-radius:8px 8px 0 0;background:#f5f5f5;max-width:340px;padding:12px 14px;font-size:12px}.favicon-browser-tab>span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.favicon-browser-tab img{object-fit:contain;flex-shrink:0}.favicon-size-examples{display:flex;justify-content:center;gap:48px;padding:32px 0 12px;flex-wrap:wrap}.favicon-size-examples figure{margin:0;text-align:center}.favicon-size-examples figure>span{display:grid;place-items:center;width:64px;height:64px}.favicon-size-examples img{display:block;object-fit:contain}.favicon-size-examples figcaption{font-size:11px;margin-top:12px;color:#686b70}@media(max-width:700px){.additional-logo-preview{padding:28px 20px;min-height:180px}.favicon-size-examples{gap:24px}}

.primary-logo-layout>.logo-backgrounds-guide{grid-column:1;grid-row:2;min-width:0}.mono-version-tabs{display:flex;gap:22px;flex-wrap:wrap;border-bottom:1px solid var(--line);margin:32px 0 24px}.mono-version-tabs button{padding:10px 0 12px;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;background:none;color:var(--muted);font-size:13px}.mono-version-tabs button[aria-selected=true]{border-bottom-color:var(--accent);color:var(--text);font-weight:600}.mono-language-options{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.mono-language-options[hidden]{display:none}.mono-language-options button{border:1px solid var(--line);background:none;border-radius:5px;padding:6px 12px;font-size:12px;color:var(--muted)}.mono-language-options button[aria-pressed=true]{background:var(--active);color:var(--text)}.mono-preview{position:relative;min-height:420px;display:flex;align-items:center;justify-content:center;padding:40px 72px 64px 40px;border:1px solid var(--line);background:#fff;color:#303236;transition:background-color .15s,color .15s}.mono-preview[data-mono-scheme=teal-white]{color:#206F7C}.mono-preview[data-mono-scheme=white-black]{background:#303236;color:#fff}.mono-preview[data-mono-scheme=white-teal]{background:#206F7C;color:#fff}.mono-preview img{display:block;width:480px;max-width:100%;height:auto;max-height:350px;object-fit:contain}.mono-preview[data-mono-kind=vertical] img{width:260px}.mono-preview[data-mono-kind=symbol] img{width:210px}.mono-preview[data-mono-kind=wordmark] img{width:400px}.mono-preview[data-mono-kind=favicon] img{width:80px}.mono-color-options{position:absolute;right:22px;top:28px;display:flex;flex-direction:column;gap:14px}.mono-color-options button{position:relative;width:18px;height:18px;min-width:18px;padding:0;border:1px solid #8888;border-radius:50%;background:linear-gradient(135deg,var(--mono-ink) 50%,var(--mono-paper) 50%);cursor:pointer;transition:transform .12s}.mono-color-options button:hover{transform:scale(1.15)}.mono-color-options button[aria-pressed=true]{outline:1px solid currentColor;outline-offset:3px}.mono-color-options button:focus-visible{outline:2px solid currentColor;outline-offset:4px}.mono-scheme-label{position:absolute;bottom:22px;left:24px;font-size:12px;color:inherit}.logo-backgrounds-guide .mono-variant-caption{font-size:12px;color:var(--muted);margin:12px 0 0}.mono-usage{margin:40px 0 28px}.mono-usage h2{font-size:24px;line-height:1.35;font-weight:600;margin:0 0 20px}.mono-usage ul{padding-left:22px;margin:0}.mono-usage li{margin-bottom:12px}@media(max-width:700px){.mono-version-tabs{gap:12px 20px}.mono-preview{min-height:320px;padding:32px 48px 58px 24px}.mono-preview img{max-height:260px}.mono-color-options{right:16px;top:22px}}

.mono-language-section{margin-top:40px;scroll-margin-top:32px}.mono-language-section h2{font-size:24px;line-height:1.35;letter-spacing:-.4px;font-weight:600;margin:0 0 20px}.mono-language-section .mono-version-tabs{margin:0 0 20px}.mono-language-section+.mono-language-section{margin-top:56px}

.mono-language-download{margin-top:24px}

.mono-single-download{margin-top:24px}.mono-single-download+.mono-language-download{margin-top:12px}

.card-display-bar-single{justify-content:flex-end;padding:8px 0 12px;margin-top:12px}.cards-language-section .card-design+.card-design{margin-top:48px}.cards-copy>.card-qr-instructions{margin-top:40px}

.card-qr-instructions+.card-design{margin-top:40px}

.bag-size-section{margin-top:40px;scroll-margin-top:32px}.bag-size-section+.bag-size-section{margin-top:56px}.bag-size-section h2{font-size:24px;line-height:1.35;font-weight:600;letter-spacing:-.4px;margin:0 0 8px}.bag-size-section .bag-dimensions{font-size:12px;color:var(--muted);margin:0 0 20px}.bag-preview{display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--line);padding:40px;min-height:480px}.bag-preview img{display:block;width:auto;height:420px;max-width:100%;object-fit:contain}.bag-size-section .primary-logo-download{margin-top:24px}@media(max-width:700px){.bag-preview{padding:24px;min-height:0}.bag-preview img{height:auto;width:100%;max-height:420px}}

.board-specifications{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:20px;margin:28px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0}.board-specifications span{display:block;font-size:12px;color:var(--muted);margin-bottom:6px}.board-specifications strong{font-size:16px;font-weight:600}.board-preview{padding:24px;border:1px solid var(--line);background:#fff;margin:28px 0 24px}.board-preview img{display:block;width:100%;height:auto}@media(max-width:700px){.board-specifications{grid-template-columns:1fr;gap:16px}.board-preview{padding:12px}}

.leaflet-side-section{margin-top:40px;scroll-margin-top:32px}.leaflet-side-section+.leaflet-side-section{margin-top:48px}.leaflet-side-section h2{font-size:24px;line-height:1.35;font-weight:600;letter-spacing:-.4px;margin:0 0 20px}.leaflet-preview{width:100%;max-width:600px;border:1px solid var(--line);background:#fff;overflow:hidden}.leaflet-preview img{display:block;width:100%;height:auto}.leaflet-download{margin-top:28px;max-width:600px}

.logo-placement-section{margin-top:40px;scroll-margin-top:32px}.logo-placement-section h2{font-size:24px;line-height:1.35;font-weight:600;letter-spacing:-.4px;margin:0 0 16px}.logo-placement-section>p{margin:0 0 24px}.logo-placement-grid,.logo-misuse-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 24px;margin:28px 0 40px}.logo-placement-example,.logo-misuse-example{margin:0;min-width:0}.logo-placement-sample{height:190px;display:flex;align-items:center;justify-content:center;padding:32px;border:1px solid var(--line)}.logo-placement-sample img{width:270px;max-width:100%;height:auto;display:block}.logo-placement-gradient-side{justify-content:center;padding:32px}.logo-placement-gradient-side img{width:270px;max-width:100%}.logo-placement-example figcaption,.logo-misuse-example figcaption{font-size:13px;line-height:1.6;margin-top:12px}.logo-placement-example figcaption strong,.logo-misuse-example figcaption strong{display:block;font-weight:600;margin-bottom:4px}.logo-placement-example figcaption span,.logo-misuse-example figcaption span{display:block;font-size:12px;color:var(--muted)}.photo-placement-tabs{display:flex;gap:24px;border-bottom:1px solid var(--line);margin:28px 0 20px;flex-wrap:wrap}.photo-placement-tabs button{background:none;border:0;border-bottom:2px solid transparent;padding:10px 0 12px;margin-bottom:-1px;font-size:13px;color:var(--muted)}.photo-placement-tabs button[aria-selected=true]{color:var(--text);font-weight:600;border-bottom-color:var(--accent)}.photo-placement-preview{position:relative;isolation:isolate;display:flex;align-items:center;padding:36px;min-height:300px;aspect-ratio:8 / 3;background:#fff url('assets/brand/beshik-child-coral-flower.png') no-repeat center / cover;overflow:hidden;border:1px solid var(--line)}.photo-placement-preview:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none}.photo-placement-preview[data-photo-mode=light]:before{background:linear-gradient(90deg,#ffffffed 0%,#ffffffa8 35%,#fff0 68%)}.photo-placement-preview[data-photo-mode=dark]:before{background:linear-gradient(90deg,#206F7Cf5 0%,#206F7Cc9 32%,#206F7C00 70%)}.photo-placement-preview img{display:block;width:290px;max-width:42%;height:auto}.logo-placement-section .photo-placement-caption{font-size:12px;color:var(--muted);margin:12px 0 28px}.logo-placement-section .placement-closing{margin-top:28px}.logo-misuse-sample{position:relative;display:flex;align-items:center;justify-content:center;height:190px;padding:34px;background:#fff;border:1px solid var(--line);overflow:hidden}.logo-misuse-sample>img{display:block;width:270px;max-width:100%;height:auto}.misuse-cross{position:absolute;top:10px;left:14px;color:#E35431;font-size:24px;line-height:1;z-index:1}.misuse-stretch>img{transform:scaleY(.55)}.misuse-rotate>img{transform:rotate(-17deg);width:240px}.misuse-recolor>img{filter:hue-rotate(150deg) saturate(1.5)}.misuse-shadow>img{filter:drop-shadow(5px 6px 3px #30323688)}.misuse-opacity>img{opacity:.2}.misuse-crop>img{width:420px;max-width:none;flex-shrink:0;transform:translateX(100px)}.misuse-contrast{background:#E4EDF4}.misuse-separated{display:flex;align-items:center;justify-content:space-between;width:100%;gap:70px}.misuse-separated img:first-child{width:64px;height:auto}.misuse-separated img:last-child{width:150px;max-width:50%;height:auto}@media(max-width:1100px){.logo-placement-grid,.logo-misuse-grid{grid-template-columns:1fr}.photo-placement-preview{padding:24px;min-height:230px}.logo-placement-sample img{width:300px}}@media(max-width:700px){.photo-placement-preview{min-height:200px;padding:20px}.photo-placement-tabs{gap:16px}.photo-placement-preview img{max-width:45%}.logo-placement-gradient-side img{max-width:100%}}

.rollup-specifications{display:flex;gap:56px;flex-wrap:wrap;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:28px 0 32px}.rollup-specifications span{font-size:12px;color:var(--muted)}.rollup-specifications strong{display:block;font-size:16px;color:var(--text);font-weight:600;margin-bottom:4px}.rollup-previews{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.rollup-previews figure{margin:0;min-width:0}.rollup-previews figcaption{font-size:16px;line-height:1.4;font-weight:600;margin-bottom:16px}.rollup-preview{border:1px solid var(--line);background:#fff;overflow:hidden}.rollup-preview img{display:block;width:100%;height:auto}.rollup-download{margin-top:28px}@media(max-width:1000px){.rollup-previews{grid-template-columns:1fr;max-width:400px;gap:32px}.rollup-specifications{gap:20px 32px}}

/* Editable letterhead templates */
.letterhead-variant{margin-top:40px;scroll-margin-top:32px}.letterhead-variant+.letterhead-variant{margin-top:56px}.letterhead-variant h2{font-size:24px;line-height:1.35;font-weight:600;letter-spacing:-.4px;margin:0 0 20px}.letterhead-preview{margin:0 0 20px;padding:28px;background:var(--active);border:1px solid var(--line)}.letterhead-preview img{display:block;width:100%;max-width:560px;height:auto;margin:auto;background:#fff;box-shadow:0 2px 12px #30323610}.primary-logo-layout>.letterhead-nav{grid-column:2;grid-row:1 / span 2}.letterhead-nav{position:sticky;top:24px}@media(max-width:900px){.letterhead-nav{display:none}.letterhead-preview{padding:20px}}@media(max-width:600px){.letterhead-preview{padding:12px}}

/* About the foundation */
.about-fund-section{scroll-margin-top:32px}.about-fund-section+.about-fund-section{margin-top:36px}.about-fund-section h2{font-size:24px;line-height:1.35;font-weight:600;letter-spacing:-.4px;margin:0 0 20px}.about-fund-section p{margin:0 0 20px}.about-fund-slogan{margin:32px 0 0;padding:24px 28px;border-left:3px solid var(--accent);background:var(--active);font-family:Literata,serif;font-size:24px;line-height:1.6;color:var(--accent)}.about-fund-description{padding:20px 24px;border:1px solid var(--line);border-radius:6px;margin:0 0 24px}.about-fund-description p{margin:0}.primary-logo-layout>.about-fund-nav{grid-column:2;grid-row:1 / span 2}.about-fund-nav{position:sticky;top:24px}@media(max-width:900px){.about-fund-nav{display:none}}@media(max-width:600px){.about-fund-slogan{padding:20px;font-size:20px}}

/* Meaning of the foundation name */
.primary-logo-layout>.name-meaning-nav{grid-column:2;grid-row:1 / span 2}.name-meaning-nav{position:sticky;top:24px}.name-meaning-visual{display:grid;grid-template-columns:240px minmax(0,1fr);gap:32px;align-items:center;margin:24px 0}.name-meaning-visual figure{margin:0;padding:28px 20px;background:#fff;border:1px solid var(--line)}.name-meaning-visual img{display:block;width:100%;height:auto}.name-meaning-visual p:last-child{margin-bottom:0}@media(max-width:900px){.name-meaning-nav{display:none}}@media(max-width:600px){.name-meaning-visual{grid-template-columns:1fr;gap:24px}.name-meaning-visual figure{width:100%;max-width:300px;margin:auto;padding:32px}}

.fund-actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0 16px}.fund-button{border:1px solid var(--line);border-radius:6px;background:var(--canvas);color:var(--text);padding:12px 18px;font-family:inherit;font-size:13px;font-weight:500;line-height:1.5}.fund-button:hover:not(:disabled){background:var(--accent);border-color:var(--accent);color:var(--canvas)}.fund-button:disabled{opacity:.45;cursor:default}.fund-updated,.fund-storage-note{font-size:12px;color:var(--muted)}.fund-info-section{margin-top:40px;scroll-margin-top:32px}.fund-section-heading{display:flex;gap:16px;align-items:center;justify-content:space-between;margin-bottom:16px}.fund-section-heading h2{font-size:24px;line-height:1.35;margin:0;font-weight:600;letter-spacing:-.4px}.fund-copy{border:0;background:transparent;color:var(--accent);font-size:12px;padding:6px 0;flex-shrink:0}.fund-copy:hover{text-decoration:underline}.fund-empty{border:1px dashed var(--line);border-radius:6px;padding:22px;color:var(--muted);font-size:13px}.fund-info-section dl{margin:0;border-top:1px solid var(--line)}.fund-data-row{padding:16px 0;border-bottom:1px solid var(--line)}.fund-data-row dt{color:var(--muted);font-size:12px;margin-bottom:6px}.fund-data-row dd{display:flex;justify-content:space-between;gap:24px;margin:0;align-items:start}.fund-data-row dd>span{white-space:pre-wrap;overflow-wrap:anywhere}.fund-status{font-size:13px;color:var(--accent);min-height:0}.fund-status:empty{display:none}.fund-storage-note{margin-top:32px!important}.primary-logo-layout>#fund-info-nav{grid-column:2;grid-row:1 / span 2}#fund-info-dialog{width:min(720px,calc(100vw - 32px));max-height:88vh;margin:6vh auto;padding:0}#fund-info-form{padding:28px}#fund-info-form h2{margin:0 0 12px;font-size:24px}#fund-info-form header p,.fund-login p{font-size:13px;color:var(--muted);line-height:1.6}.fund-editor-fields fieldset{border:0;border-top:1px solid var(--line);margin:28px 0;padding:20px 0 0}.fund-editor-fields legend{font-size:16px;font-weight:600;padding-right:12px}#fund-info-form label{display:block;font-size:12px;margin-bottom:16px}#fund-info-form textarea,#fund-info-form input{display:block;margin-top:8px;width:100%;padding:10px 12px;border:1px solid var(--line);background:var(--canvas);color:var(--text);border-radius:5px;font-family:inherit;font-size:14px;line-height:1.5;resize:vertical}#fund-info-form textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}#fund-info-form footer{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.fund-save{background:var(--accent);color:var(--canvas);border-color:var(--accent)}@media(max-width:900px){#fund-info-nav{display:none}}@media(max-width:600px){.fund-section-heading{align-items:flex-start;flex-direction:column;gap:8px}.fund-data-row dd{gap:12px}.fund-actions{flex-direction:column}#fund-info-form{padding:20px}}
/* Fund information: prioritize quick lookup and copying. */
.fund-info-guide{max-width:920px;margin-top:20px}
.fund-info-intro{padding:18px 22px;margin-bottom:20px;border-left:3px solid var(--accent);background:var(--canvas)}
.fund-info-intro>p{margin:0;font-size:14px;line-height:1.7}
.fund-info-intro .fund-updated{margin-top:8px;font-size:12px;color:var(--muted)}
.fund-actions{align-items:center;margin:0 0 24px}
.fund-actions .fund-button{min-height:42px}
.fund-primary-action,.fund-save{background:var(--accent);color:var(--canvas);border-color:var(--accent)}
.fund-primary-action:hover:not(:disabled),.fund-save:hover:not(:disabled){filter:brightness(.92)}
.fund-actions-divider{flex:1}
.fund-edit-action{font-size:12px;color:var(--muted)}
.fund-edit-action:disabled{display:none}
.fund-info-section{margin-top:28px;padding-top:22px;border-top:1px solid var(--line)}
.fund-section-heading{margin-bottom:10px}
.fund-section-heading h2{font-size:20px}
.fund-section-heading .fund-copy{border:1px solid var(--line);border-radius:5px;padding:8px 12px;color:var(--text);font-size:12px}
.fund-section-heading .fund-copy:hover{background:var(--canvas);text-decoration:none}
.fund-info-section dl{border-top:0}
.fund-data-row{display:grid;grid-template-columns:minmax(150px, .34fr) minmax(0, 1fr);gap:20px;padding:12px 0;border-bottom:1px solid var(--line)}
.fund-data-row dt{margin:0;padding-top:8px}
.fund-data-row dd{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px}
.fund-data-row dd>span{line-height:1.6}
.fund-data-row .fund-copy{padding:8px 10px;border:1px solid var(--line);border-radius:5px;color:var(--text)}
.fund-data-row .fund-copy:hover{background:var(--canvas);text-decoration:none}
.fund-empty-state{margin-top:28px;padding:28px;border:1px solid var(--line);border-radius:6px}
.fund-empty-state h2{margin:0 0 8px;font-size:20px}
.fund-empty-state p{margin:0;max-width:600px;color:var(--muted)}
.fund-retry{margin-top:16px}
.fund-storage-note{margin-top:24px!important;padding-top:14px;border-top:1px solid var(--line);line-height:1.6}
#fund-info-nav a[hidden]{display:none}
#fund-info-nav[hidden]{display:none}
@media(max-width:600px){
 .fund-info-intro{padding:16px}
 .fund-actions{align-items:stretch}
 .fund-actions-divider{display:none}
 .fund-edit-action{margin-top:8px}
 .fund-data-row{display:block}
 .fund-data-row dt{margin-bottom:4px;padding-top:0}
 .fund-data-row dd{align-items:start}
 .fund-data-row .fund-copy{font-size:11px}
 .fund-empty-state{padding:20px}
}

.graphics-section{margin-top:40px;scroll-margin-top:32px}.graphics-section+.graphics-section{margin-top:48px}.graphics-section h2{font-size:24px;line-height:1.35;font-weight:600;letter-spacing:-.4px;margin:0 0 16px}.graphics-section p{margin:0 0 20px}.graphics-flower-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.graphics-stage{margin:0;background:#fff;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;position:relative}.graphics-flower-stage{height:320px;padding:32px 32px 56px}.graphics-flower-stage img{height:220px;max-width:100%}.graphics-stage figcaption{position:absolute;bottom:16px;left:20px;font-size:12px;color:#686b70}.graphics-teal{background:#206f7c}.graphics-teal figcaption{color:#fff}.graphics-downloads{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}.graphics-downloads .primary-logo-download{font-size:13px;gap:8px;grid-template-columns:20px 1fr}.graphics-downloads .primary-logo-download-source{grid-column:2}.graphics-leaf-example{position:relative;overflow:hidden;min-height:280px;padding:40px;background:#f2f5ee;color:#303236;display:flex;align-items:center}.graphics-leaf-example>span{position:relative;z-index:1;font-family:Literata,serif;font-size:30px;line-height:1.5}.graphics-leaf-example img{position:absolute;right:-32px;bottom:-40px;width:300px;height:auto;opacity:.28}.graphics-section .graphics-caption{font-size:12px;color:var(--muted);margin:12px 0 20px}.graphics-border-stage{min-height:160px;padding:32px;margin-bottom:20px}.graphics-border-stage img{width:100%;height:auto}.graphics-section ul{padding-left:22px;margin:0}.graphics-section li{margin-bottom:12px}.primary-logo-layout>#graphics-nav{grid-column:2;grid-row:1 / span 2}@media(max-width:900px){#graphics-nav{display:none}}@media(max-width:600px){.graphics-flower-grid,.graphics-downloads{grid-template-columns:1fr}.graphics-flower-stage{height:280px}.graphics-flower-stage img{height:190px}.graphics-leaf-example{padding:24px;min-height:260px}.graphics-leaf-example>span{font-size:24px}.graphics-leaf-example img{width:250px;right:-60px}.graphics-border-stage{padding:16px;min-height:100px}}

.graphics-heart-example{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:40px;background:#fcf5f0;color:#303236;min-height:280px}.graphics-heart-example>span{font-family:Literata,serif;font-size:30px;line-height:1.5}.graphics-heart-example img{display:block;width:200px;max-width:40%;height:auto}.graphics-border-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:24px 0 16px;font-size:12px;color:var(--muted)}.graphics-border-colors{display:flex;gap:16px;padding:4px}.graphics-border-colors button{width:20px;height:20px;min-width:20px;padding:0;border:1px solid #8888;border-radius:50%;background:linear-gradient(135deg,var(--border-ink) 50%,var(--border-paper) 50%)}.graphics-border-colors button[aria-pressed=true]{outline:1px solid var(--accent);outline-offset:3px}.graphics-border-colors button:hover{transform:scale(1.1)}#graphics-border-preview[data-scheme=white-teal],#graphics-border-preview[data-scheme=blue-teal]{background:#206F7C}#graphics-border-preview{min-height:160px}#graphics-border-download+.graphics-caption{margin-top:12px}@media(max-width:600px){.graphics-heart-example{padding:24px;gap:20px;min-height:220px}.graphics-heart-example>span{font-size:22px}.graphics-border-toolbar{flex-wrap:wrap;gap:16px}#graphics-border-preview{padding:16px;min-height:100px}}

/* YouTube channel and video artwork */
.youtube-section{margin-top:40px;scroll-margin-top:32px}.youtube-section+.youtube-section{margin-top:48px}.youtube-section h2{font-size:24px;font-weight:600;line-height:1.35;letter-spacing:-.4px;margin:0 0 16px}.youtube-section>p{margin:0 0 20px}.youtube-preview{margin:24px 0 20px;border:1px solid var(--line);background:var(--panel)}.youtube-preview img{display:block;width:100%;height:auto}.youtube-note{margin-top:24px;border:1px solid var(--line);border-radius:6px;background:var(--panel);padding:18px 20px;font-size:13px;line-height:1.75}.youtube-note p{margin:0}.youtube-section .youtube-caption{font-size:12px;color:var(--muted);line-height:1.75;margin:16px 0 0}.primary-logo-layout>#youtube-nav{grid-column:2;grid-row:1 / span 2}@media(max-width:900px){#youtube-nav{display:none}}

.primary-logo-layout>#facebook-nav{grid-column:2;grid-row:1 / span 2}@media(max-width:900px){#facebook-nav{display:none}}

/* Device-theme previews remain independent of the guide theme. */
.instagram-theme-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:24px 0}.instagram-theme-example{min-width:0}.instagram-theme-example h3{font-size:13px;line-height:1.5;font-weight:500;margin:0 0 12px;color:var(--muted)}.instagram-device-surface{border:1px solid #dedede;border-radius:12px;overflow:hidden;background:#fff;color:#262626;min-width:0}.instagram-device-surface[data-instagram-theme=dark]{background:#121212;color:#f5f5f5;border-color:#303236;color-scheme:dark}.instagram-preview-header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 20px;border-bottom:1px solid #e7e7e7;font-size:14px;font-weight:600}.instagram-preview-header svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}.instagram-device-surface[data-instagram-theme=dark] .instagram-preview-header{border-bottom-color:#303236}.instagram-avatar-examples{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:28px 20px}.instagram-avatar-examples figure,.instagram-banner-examples figure{margin:0;min-width:0;text-align:center}.instagram-avatar-examples img{display:block;width:100%;height:auto}.instagram-square-avatar,.instagram-circle-avatar{width:110px;max-width:100%;margin:auto}.instagram-circle-avatar{border-radius:50%;overflow:hidden}.instagram-avatar-examples figcaption{font-size:11px;line-height:1.6;margin-top:14px}.instagram-banner-examples{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 12px;padding:28px 16px;min-height:405px}.instagram-banner-circle{width:72px;max-width:100%;margin:auto;border-radius:50%;overflow:hidden;outline:1px solid #d9d9d9;outline-offset:4px}.instagram-banner-circle img{width:100%;height:auto;display:block}.instagram-banner-examples figcaption{font-size:10px;line-height:1.45;margin-top:12px;overflow-wrap:anywhere}.instagram-device-surface[data-instagram-theme=dark] .instagram-banner-circle{outline-color:#444}.primary-logo-layout>#instagram-nav{grid-column:2;grid-row:1 / span 2}@media(max-width:1100px){.instagram-theme-comparison{grid-template-columns:1fr}.instagram-banner-examples{grid-template-columns:repeat(4,minmax(0,1fr));min-height:0}.instagram-banner-examples figcaption{font-size:11px}.instagram-banner-circle{width:80px}}@media(max-width:900px){#instagram-nav{display:none}}@media(max-width:600px){.instagram-banner-examples{grid-template-columns:repeat(3,minmax(0,1fr));padding:24px 12px}.instagram-banner-circle{width:64px}.instagram-avatar-examples{padding:24px 16px}.instagram-preview-header{padding:16px}}

.page-content.email-layout{max-width:1088px}.email-guide{max-width:800px;min-width:0}.email-guide[hidden]{display:none}.email-guide>p{line-height:1.75;margin:0 0 20px}.email-figma-link{width:600px;max-width:100%;margin:28px 0}.email-preview{margin:0;width:600px;max-width:100%;background:#fff}.email-preview img{display:block;width:100%;height:auto}.email-guide .email-preview-caption{font-size:12px;color:var(--muted);margin-top:12px}
.email-guide{padding-top:24px}

.page-content.stories-layout{max-width:1088px}.stories-guide{padding-top:24px}.stories-guide[hidden]{display:none}.stories-guide>p{max-width:800px;line-height:1.75;margin:0 0 20px}.stories-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:36px}.story-example{min-width:0}.story-example h2{font-size:20px;line-height:1.4;margin:0 0 20px}.story-preview{display:block;background:#fff;border:1px solid var(--line);overflow:hidden}.story-preview img{display:block;width:100%;height:auto}.story-example .primary-logo-download{width:100%;margin-top:16px;padding:14px 12px;gap:8px;font-size:12px}.story-example .primary-logo-download-source{font-size:10px;white-space:nowrap}@media(max-width:1100px){.stories-grid{gap:16px}.story-example .primary-logo-download{flex-wrap:wrap}}@media(max-width:760px){.stories-grid{grid-template-columns:1fr;gap:36px}.story-example{max-width:400px}.story-example .primary-logo-download{font-size:14px;padding:16px}}

.page-content.web-guide-layout{max-width:1088px}.web-guide{max-width:800px;padding-top:24px;font-size:14px;line-height:1.75;min-width:0}.web-guide[hidden]{display:none}.web-guide>p,.web-guide section>p{margin:0 0 20px}.web-guide section{margin-top:36px}.web-guide h2{font-size:24px;line-height:1.35;margin:0 0 20px;font-weight:600;letter-spacing:-.4px}.web-guide li{margin-bottom:12px}.web-guide ul,.web-guide ol{padding-left:22px;margin:0 0 24px}.web-guide a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.web-type-sample{padding:28px;background:#edf3f5;color:#303236;margin:24px 0}.web-type-sample>span{font-size:12px;color:#686b70}.web-type-sample>strong{display:block;font:600 38px/1.15 'Noto Sans',sans-serif;color:#206f7c;margin:20px 0}.web-type-sample>p{font-size:16px;line-height:24px;margin:0;max-width:480px}.web-table-wrap{overflow-x:auto;margin:24px 0}.web-guide table{border-collapse:collapse;width:100%;font-size:13px;text-align:left}.web-guide th,.web-guide td{border:1px solid var(--line);padding:12px 14px;vertical-align:top}.web-guide th{background:var(--panel);font-weight:600}.web-guide .web-note{font-size:12px;color:var(--muted)}.web-color-list{display:grid;gap:0;margin:24px 0}.web-color-list>div{display:grid;grid-template-columns:38px minmax(190px,230px) 1fr;gap:16px;align-items:center;border-bottom:1px solid var(--line);padding:16px 0;font-size:13px}.web-color-list i{width:36px;height:36px;border-radius:6px}.web-color-list span{color:var(--muted)}.web-component-demo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding:24px;border:1px solid var(--line);margin:24px 0}.web-component-demo>div>span{display:block;font-size:12px;color:var(--muted);margin-bottom:10px}.web-demo-button{border:1px solid #b93f22;border-radius:16px;background:#b93f22;color:#fff;min-height:54px;padding:12px 28px;font:600 16px/24px 'Noto Sans',sans-serif;cursor:pointer}.web-demo-button:hover,.web-demo-button.is-hover{background:#9d341c;border-color:#9d341c}.web-demo-button.is-outline{background:transparent;border-color:#206f7c;color:var(--accent)}.web-demo-button.is-outline:hover{background:#206f7c;color:#fff}.web-demo-button:disabled{background:var(--active);border-color:var(--line);color:var(--muted);cursor:not-allowed}.web-guide button:focus-visible,.web-guide input:focus-visible{outline:2px solid #206f7c;outline-offset:4px}.web-form-demo{display:grid;gap:22px;max-width:520px;border:1px solid var(--line);padding:24px;margin:24px 0}.web-form-demo label{display:block;font-size:13px;font-weight:600}.web-form-demo input{display:block;width:100%;min-height:50px;border:1px solid var(--line);border-radius:8px;background:var(--canvas);color:var(--text);padding:12px 14px;font:400 16px/24px 'Noto Sans',sans-serif;margin-top:8px}.web-form-demo input[aria-invalid=true]{border-color:#b93f22}.web-form-demo small{display:block;margin-top:7px;font-weight:400;color:var(--muted);font-size:12px}.web-form-demo .web-error-copy{color:#b93f22}.web-amount-examples{display:flex;gap:10px;margin-top:10px;flex-wrap:wrap}.web-amount-examples button{min-height:46px;padding:10px 18px;border:1px solid var(--line);border-radius:8px;background:var(--canvas);color:var(--text);font:500 14px 'Noto Sans',sans-serif;cursor:pointer}.web-amount-examples button[aria-pressed=true]{background:#e5eff1;border-color:#206f7c;color:#206f7c}.web-funding-example{border:1px solid var(--line);padding:24px;margin:24px 0;max-width:520px}.web-funding-example>span{font-size:12px;color:var(--muted)}.web-funding-example>div{display:flex;gap:24px;justify-content:space-between;margin-top:20px}.web-funding-example p{font-size:12px;color:var(--muted)}.web-funding-example strong{display:block;color:var(--text);font-size:20px}.web-funding-example progress{width:100%;height:8px;display:block;border:0;border-radius:4px;overflow:hidden;background:var(--active);accent-color:#206f7c}.web-funding-example progress::-webkit-progress-bar{background:var(--active)}.web-funding-example progress::-webkit-progress-value{background:#206f7c}.web-funding-example>small{display:block;margin-top:14px;color:var(--muted);font-size:12px}@media(max-width:600px){.web-type-sample{padding:20px}.web-type-sample>strong{font-size:30px}.web-component-demo{grid-template-columns:1fr;padding:20px}.web-color-list>div{grid-template-columns:36px 1fr}.web-color-list span{grid-column:2}.web-form-demo,.web-funding-example{padding:20px}.web-funding-example strong{font-size:17px}.web-guide th,.web-guide td{padding:9px;font-size:12px}}

.page-content.posts-layout{max-width:1088px}.posts-guide{padding-top:24px;min-width:0}.posts-guide[hidden]{display:none}.posts-guide>p{max-width:800px;line-height:1.75;margin:0 0 20px}.posts-topic{margin-top:40px}.posts-topic>h2{font-size:24px;line-height:1.35;font-weight:600;margin:0 0 20px}.posts-topic>p{margin:0 0 24px;line-height:1.75}.posts-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:start}.post-example{min-width:0}.post-example h3{font-size:16px;line-height:1.4;margin:0 0 6px;font-weight:600}.post-size{font-size:12px;color:var(--muted);margin:0 0 16px}.post-preview{display:block;background:#fff;border:1px solid var(--line);overflow:hidden}.post-preview img{display:block;width:100%;height:auto}.post-example .primary-logo-download{width:100%;margin-top:16px;padding:14px 12px;gap:8px;font-size:12px}.post-example .primary-logo-download-source{font-size:10px;white-space:nowrap}@media(max-width:1100px){.posts-grid{gap:16px}.post-example .primary-logo-download{flex-wrap:wrap}}@media(max-width:760px){.posts-grid{grid-template-columns:1fr;gap:32px}.post-example{max-width:440px}.post-example .primary-logo-download{font-size:14px;padding:16px}}

.page-content.icons-layout{max-width:1088px}.icons-guide{padding-top:24px;min-width:0}.icons-guide[hidden]{display:none}.icons-guide>p{max-width:800px;line-height:1.75;margin:0 0 20px}.icons-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:36px}.icon-card{border:1px solid var(--line);border-radius:8px;padding:22px 18px;min-width:0}.icon-card h2{font-size:15px;line-height:1.4;margin:0 0 20px;font-weight:600;min-height:42px}.icon-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.icon-variant{text-align:center;min-width:0}.icon-variant>span{font-size:11px;color:var(--muted);display:block;margin-bottom:12px}.icon-preview{display:flex;justify-content:center;align-items:center;min-height:101px}.icon-preview img{display:block;width:101px;max-width:100%;height:auto}.icon-download{display:inline-flex;align-items:center;justify-content:center;gap:6px;margin-top:16px;padding:7px 11px;min-height:34px;border:1px solid var(--line);border-radius:5px;text-decoration:none;color:var(--text);font-size:12px;line-height:18px}.icon-download svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.icon-download:hover{background:var(--accent);border-color:var(--accent);color:#fff}.icon-download:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media(max-width:1100px){.icons-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}}@media(max-width:600px){.icons-grid{grid-template-columns:1fr;gap:18px}.icon-card{max-width:360px}.icon-card h2{min-height:0}.icon-download{min-height:44px}}
.web-homepage-preview{margin:28px 0 24px;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--canvas)}
.web-homepage-preview img{display:block;width:100%;height:auto}
.web-homepage-preview figcaption{padding:10px 14px;font-size:12px;color:var(--muted);background:var(--canvas)}
.web-examples-guide .primary-logo-download{margin-top:20px}