/* Shared Syntimo R4 foundations. Fonts are local, content-addressed assets. */
@font-face{font-family:Outfit;src:url('/assets/fonts/outfit-0d48b8040500.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:'Geist Mono';src:url('/assets/fonts/geist-mono-4ce921f542f5.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:Inter;src:url('/assets/fonts/inter-latin-3100e775e861.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:Inter;src:url('/assets/fonts/inter-latin-ext-34b9c504cab7.woff2') format('woff2');font-weight:100 900;font-display:swap;unicode-range:U+0100-024F,U+1E00-1EFF}
:root{color-scheme:light;--bg:#fdfbf7;--panel:#fffdf9;--tint:#fef2e4;--line:#e9c9aa;--text:#29241f;--muted:#62605e;--accent:#f3b766;--accent-ink:#83521c;--preview-color:#46341c;--preview-bg:#fef2e4;--preview-size:64px;--focus:#83521c;--mono:'Geist Mono',monospace}
*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.65 Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-underline-offset:5px}button,input,select{font:inherit}button,a,input,select,summary{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:4px}
h1,h2,h3,h4{font-family:Outfit,Inter,sans-serif;letter-spacing:-.035em;line-height:1.15}h1,h2,h3,p{overflow-wrap:break-word}.si-hero h1{text-wrap:balance}
.si-skip{position:fixed;top:-100px;left:20px;z-index:50;background:var(--accent);color:var(--text);padding:12px 20px}.si-skip:focus{top:10px}
.si-header{position:sticky;top:0;z-index:15;display:flex;align-items:center;justify-content:space-between;gap:28px;max-width:1472px;margin:auto;padding:0 32px;min-height:84px;border:1px solid var(--line);border-top:0;background:var(--bg)}
.si-brand{display:inline-flex;gap:18px;align-items:center;text-decoration:none;white-space:nowrap;min-height:84px;padding-right:30px;border-right:1px solid var(--line)}
.si-brand img{display:block;width:148px;height:auto}.si-brand>span{font:500 24px/1 Outfit,sans-serif;letter-spacing:-.045em;padding-left:18px;border-left:1px solid var(--line)}
.si-nav{display:flex;gap:30px;margin-left:auto}.si-nav a{text-decoration:none;font-size:13px;color:var(--muted);padding:12px 0}.si-nav a:hover,.si-nav a[aria-current=page]{color:var(--text);text-decoration:underline;text-decoration-color:var(--accent-ink);text-underline-offset:9px}
.si-header-actions{display:flex;align-items:center;gap:24px}.si-language{display:flex;align-items:center;gap:10px}.si-language a{display:grid;place-items:center;text-decoration:none;font-size:11px;font-weight:500;min-width:26px;min-height:44px;color:var(--muted)}.si-language a[aria-current=true]{font-weight:750;color:var(--text)}.si-language a+a{border-left:1px solid var(--line);padding-left:10px}
.si-button{display:inline-flex;justify-content:center;align-items:center;gap:12px;min-height:46px;padding:12px 18px;border:1px solid #ad8961;border-radius:0;color:#46341c;background:transparent;text-decoration:none;font-size:12px;font-weight:600;line-height:1.4}
.si-button:hover{background:var(--tint);border-color:var(--accent-ink)}.si-primary{background:var(--accent);border-color:var(--accent);color:#46341c}.si-primary:hover{background:#e8a347;border-color:#e8a347}
.si-header-actions>.si-button{background:var(--accent);border-color:var(--accent);white-space:nowrap}.si-header-actions>.si-button:hover{background:#e8a347}.si-header-actions .si-button span{display:grid;place-items:center;min-width:22px;min-height:22px;border:1px solid #946125;padding:0 5px;font-size:11px}
.si-shell{max-width:1472px;margin:auto;padding:0 40px 52px;border-inline:1px solid var(--line)}
.si-hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(270px,.8fr);align-items:center;gap:44px;padding:52px 0 44px;margin-bottom:34px;border-bottom:1px solid var(--line)}
.si-eyebrow,.si-kicker{font:400 10px/1.8 var(--mono);letter-spacing:.12em;color:#766451;margin:0 0 18px;text-transform:uppercase}
.si-hero h1{font-size:clamp(38px,4.5vw,66px);line-height:1.04;max-width:800px;margin:0 0 22px;font-weight:750}.si-lead{font-size:15px;color:var(--muted);max-width:720px;margin:0 0 18px;line-height:1.75}.si-author{font-size:11px;color:var(--muted);margin:0}.si-author a{color:var(--accent-ink);text-decoration:none}.si-author a:hover{text-decoration:underline}
.si-hero-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:var(--tint);border:1px solid var(--line)}.si-hero-stats>div{display:flex;flex-direction:column;gap:10px;padding:26px 18px;border-right:1px solid var(--line)}.si-hero-stats>div:nth-child(3){border-right:0}.si-hero-stats strong{font:600 40px/1 Outfit,sans-serif;letter-spacing:-.05em}.si-hero-stats span{font-size:10px;color:var(--muted)}.si-hero-stats p{grid-column:1/-1;margin:0;padding:16px 20px;border-top:1px solid var(--line);font-size:11px}.si-hero-stats p span{color:var(--accent-ink);margin:0 8px}
label{font-size:12px;display:block;color:var(--muted);font-weight:500}input:not([type=checkbox]):not([type=range]):not([type=color]):not([type=file]),select{display:block;width:100%;margin-top:8px;background:var(--panel);color:var(--text);border:1px solid #bca184;border-radius:0;padding:11px 13px;min-height:46px;max-width:100%}input::placeholder{color:#777069;opacity:1}
.si-toolbar{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:22px;margin-bottom:30px}.si-toolbar input[type=search]{font-size:16px;min-height:54px}.si-toolbar select{min-height:54px}
input[type=range]{display:block;width:100%;accent-color:var(--accent-ink);margin:14px 0 0;min-height:24px}input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent-ink);flex-shrink:0}input[type=color]{appearance:none;-webkit-appearance:none;display:block;margin-top:10px;width:44px;height:44px;padding:4px;border:1px solid #ad8961;border-radius:50%;background:var(--bg);cursor:pointer}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border-radius:50%;border:0}input[type=color]::-moz-color-swatch{border-radius:50%;border:0}
.si-catalog-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:30px}.si-catalog-layout aside,.si-results{min-width:0}.si-filters{background:var(--tint);border:1px solid var(--line);padding:20px}.si-filters summary{font-size:14px;font-weight:650;cursor:pointer;min-height:30px;color:var(--text)}.si-filters>label,.si-filters>.si-button{margin-top:20px}.si-filters>.si-button{width:100%}.si-colors{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:22px}.si-check{display:flex;align-items:center;gap:10px;min-height:44px;font-size:12px;font-weight:400}.si-license-link{display:block;color:var(--accent-ink);font-size:12px;margin:18px 0}
.si-results-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:20px}.si-results-bar p{font:10px/1.8 var(--mono);color:var(--muted);margin:0}.si-results-bar>div{display:flex;gap:20px;flex-wrap:wrap}.si-text-button{padding:8px 0;color:var(--accent-ink);border:0;background:none;font-size:12px;text-decoration:underline;text-underline-offset:5px;min-height:44px}.si-text-button:hover{color:var(--text)}
.si-active-filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}.si-active-filters:empty{display:none}.si-chip{padding:8px 12px;border:1px solid #ad8961;border-radius:0;color:#46341c;background:var(--tint);font-size:11px;max-width:100%;overflow-wrap:anywhere;min-height:38px}
.si-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.si-card{display:flex;flex-direction:column;min-width:0;border:1px solid var(--line);background:var(--panel);overflow:hidden}.si-card:hover{border-color:#ad8961}.si-card-art{display:flex;align-items:center;justify-content:center;aspect-ratio:4/3;min-height:136px;padding:22px;background:var(--preview-bg);border-bottom:1px solid var(--line)}
.si-glyph{display:block;width:var(--preview-size);height:var(--preview-size);max-width:100%;background:var(--preview-color);mask:var(--glyph) center/contain no-repeat;-webkit-mask:var(--glyph) center/contain no-repeat;flex-shrink:0}
.si-card-meta{flex:1;padding:16px 12px;text-align:center;background:var(--panel);min-height:116px}.si-library-label{font:400 9px/1.7 var(--mono);letter-spacing:.035em;color:var(--accent-ink)}.si-card h3{font-size:16px;line-height:1.3;margin:8px 0;overflow-wrap:anywhere;font-weight:600}.si-card h3 a{text-decoration:none}.si-card-meta p{margin:0;font-size:10px;color:var(--muted);line-height:1.6}.si-card-actions{display:grid;grid-template-columns:1fr 46px;border-top:1px solid var(--line);background:var(--bg)}.si-card-actions button{background:none;color:var(--muted);border:0;min-height:46px;font-size:11px}.si-card-actions button:hover{color:#46341c;background:var(--tint)}.si-card-actions .si-bookmark{display:flex;align-items:center;justify-content:center;border-left:1px solid var(--line)}.si-bookmark svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7}.si-bookmark[aria-pressed=true]{color:var(--accent-ink);background:var(--tint)}.si-bookmark[aria-pressed=true] svg{fill:currentColor}
.si-more{display:flex;margin:30px auto 0}.si-empty{padding:38px;text-align:center;border:1px dashed #ad8961;color:var(--muted)}.si-notice{font-size:12px;color:#624216;border:1px solid #d5ad74;background:#fff0da;padding:14px 18px;margin:0 0 20px}.si-bottom-note{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:44px;padding-top:26px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.si-bottom-note a{color:var(--accent-ink)}
.si-footer{max-width:1472px;margin:auto;padding:28px 40px;border:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:24px;font-size:11px;color:var(--muted);background:var(--tint)}.si-footer p{margin:0}.si-footer a{text-decoration:none;color:#46341c}.si-brand-small{font:600 22px/1.3 Outfit,sans-serif;letter-spacing:-.03em}
.si-dialog{width:min(860px,94vw);max-height:92dvh;overscroll-behavior:contain;padding:28px;border:1px solid #ad8961;border-radius:0;background:var(--bg);color:var(--text);box-shadow:0 18px 80px #29241f29}.si-dialog::backdrop{background:#29241fb8}.si-dialog-header{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--line)}.si-dialog-header h2{font-size:30px;margin:0}.si-dialog-header>.si-button{flex-shrink:0}
.si-preview-art{position:relative;display:flex;flex-direction:column;align-items:center;gap:30px;padding:76px 25px 30px;background:var(--preview-bg);border:1px solid var(--line)}.si-preview-art>.si-glyph{width:150px;height:150px}.si-preview-collect{position:absolute;top:12px;right:12px;font-size:10px;min-height:38px;background:var(--bg)}.si-preview-collect[aria-pressed=true]{border-color:var(--accent-ink);background:var(--accent);color:#46341c}.si-mini{display:flex;align-items:end;gap:30px}.si-mini>div{display:flex;align-items:center;gap:8px;flex-direction:column}.si-mini small{font:10px/1.7 var(--mono);color:var(--muted)}
.si-preview-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:22px 0}.si-code{padding:20px;font:12px/1.8 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere;background:#fff7ec;border:1px solid var(--line)}.si-code-tag{color:#984324}.si-code-attribute{color:#315e7b}.si-code-value{color:#44652e}.si-code-punctuation{color:#766451}.si-muted{font-size:12px;color:var(--muted)}.si-preview-actions{display:flex;gap:10px;flex-wrap:wrap}.si-preview-actions .si-button{flex:1 1 140px}.si-preview-links{display:flex;gap:20px;font-size:12px;color:var(--accent-ink);flex-wrap:wrap}
.si-save-form{display:flex;align-items:end;gap:12px;margin:24px 0}.si-save-form label{flex:1}.si-collection-row{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding:10px 0;font-size:12px}.si-collection-row span{overflow-wrap:anywhere}.si-collection-row button{flex-shrink:0}.si-export-row{display:flex;gap:10px;flex-wrap:wrap;margin:25px 0 12px}.si-file{position:relative;overflow:hidden;cursor:pointer}.si-file input{position:absolute;inset:0;width:100%;opacity:0;cursor:pointer}.si-file:focus-within{outline:3px solid var(--focus);outline-offset:4px}.si-toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:30;max-width:90vw;margin:0;background:var(--accent);color:#46341c;font-size:13px;box-shadow:0 5px 30px #29241f26}.si-toast:not(:empty){padding:14px 22px}
.si-library-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.si-library-card{padding:34px;border:1px solid var(--line);background:var(--tint)}.si-library-card h2{font-size:38px;margin:18px 0}.si-library-card p{color:var(--muted);font-size:14px}.si-library-card .si-library-count{color:var(--accent-ink);font:11px/1.8 var(--mono)}.si-link-row{display:flex;align-items:center;gap:22px;font-size:12px;margin:24px 0}.si-muted-link{font-size:12px;color:var(--muted)}
.si-license-list>article{padding:32px;border:1px solid var(--line);background:var(--panel);margin-bottom:25px;scroll-margin-top:110px}.si-license-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.si-license-heading h2{margin:0;font-size:30px}.si-license-heading a{font-size:12px;color:var(--accent-ink)}.si-license-text{white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.9 Inter,sans-serif;color:var(--muted);margin:28px 0}.si-license-list>article>a{font-size:12px;color:var(--accent-ink)}
.si-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:44px;margin:28px 0}.si-documentation{min-width:0}.si-documentation h2{font-size:32px;margin:16px 0}.si-documentation h3{font-size:22px}.si-documentation p{color:var(--muted);font-size:14px;line-height:1.9}.si-documentation a{color:var(--accent-ink);font-size:13px}.si-documentation li{margin-bottom:12px}.si-back{font-size:13px;color:var(--accent-ink)}
@media(min-width:1536px){.si-header,.si-shell,.si-footer{max-width:1472px}}
@media(max-width:1120px){.si-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.si-header{gap:20px;padding-inline:24px}.si-brand{gap:12px;padding-right:20px}.si-brand img{width:128px}.si-brand>span{font-size:22px;padding-left:12px}.si-nav{gap:20px}.si-header-actions{gap:16px}.si-hero{gap:28px}.si-hero-stats>div{padding:24px 14px}}
@media(max-width:900px){.si-header{flex-wrap:wrap;padding:0 24px;gap:0 24px}.si-brand{min-height:72px;border-right:0;padding-right:0}.si-header-actions{margin-left:auto}.si-nav{order:3;width:100%;margin:0;justify-content:center;border-top:1px solid var(--line);gap:34px}.si-nav a{padding:13px 0}.si-hero{grid-template-columns:1fr}.si-hero-stats{max-width:480px}.si-catalog-layout{grid-template-columns:200px minmax(0,1fr);gap:22px}.si-grid{grid-template-columns:repeat(2,minmax(0,1fr))}html{scroll-padding-top:150px}.si-license-list>article{scroll-margin-top:150px}}
@media(max-width:760px){.si-shell{padding:0 22px 36px}.si-hero{padding:34px 0 30px;margin-bottom:28px;gap:26px}.si-hero h1{font-size:44px}.si-hero-stats{max-width:none}.si-hero-stats>div{padding:22px 18px}.si-hero-stats strong{font-size:36px}.si-toolbar{grid-template-columns:minmax(0,1fr) 160px;gap:14px;margin-bottom:24px}.si-catalog-layout{grid-template-columns:1fr;gap:20px}.si-filters{padding:18px 20px}.si-filters summary{min-height:26px}.si-catalog-layout aside>.si-license-link{margin:12px 0 0}.si-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.si-card-art{min-height:130px;padding:20px}.si-detail-layout{grid-template-columns:1fr;gap:30px}.si-library-grid{grid-template-columns:1fr}.si-license-list>article{padding:24px}.si-license-heading{align-items:flex-start;flex-direction:column;gap:14px}.si-footer{flex-wrap:wrap;padding:26px 22px}.si-bottom-note{flex-wrap:wrap;gap:12px}.si-dialog{padding:20px}.si-dialog-header h2{font-size:25px}.si-library-card{padding:28px}}
@media(max-width:540px){.si-header{padding:0 16px;gap:0 12px}.si-brand{gap:8px;min-height:70px}.si-brand img{width:96px}.si-brand>span{font-size:20px;padding-left:8px}.si-header-actions{gap:8px}.si-header-actions>.si-button{padding:9px 10px;gap:7px;font-size:10px;min-height:42px}.si-header-actions .si-button span{min-width:19px;min-height:20px;font-size:10px}.si-language{gap:4px}.si-language a{min-width:22px;font-size:10px}.si-language a+a{padding-left:5px}.si-nav{gap:36px}.si-nav a{font-size:12px}.si-shell{padding-inline:18px}.si-hero h1{font-size:39px}.si-lead{font-size:14px}.si-hero-stats>div{padding:20px 13px;gap:8px}.si-hero-stats strong{font-size:34px}.si-hero-stats span{font-size:9px}.si-toolbar{grid-template-columns:1fr}.si-toolbar label:last-child{max-width:190px}.si-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.si-card-art{min-height:134px;padding:18px}.si-card-meta{padding:14px 8px;min-height:116px}.si-card h3{font-size:15px}.si-card-actions{grid-template-columns:1fr 44px}.si-results-bar>div{gap:18px}.si-dialog-header>.si-button{padding:9px 12px;font-size:11px}.si-preview-controls{gap:14px}.si-preview-controls .si-check{align-items:flex-start;padding-top:8px}.si-save-form{align-items:stretch;flex-direction:column}.si-link-row{align-items:flex-start;flex-direction:column;gap:16px}.si-collection-row{gap:12px}.si-collection-row button{font-size:11px}.si-library-card h2{font-size:34px}.si-preview-collect{max-width:calc(100% - 24px)}}
@media(max-width:360px){.si-header-actions{width:100%;margin:0;justify-content:space-between;border-top:1px solid var(--line);padding:6px 0}.si-header-actions>.si-button{font-size:11px}.si-brand{min-height:62px}.si-brand img{width:120px}.si-nav{gap:30px}.si-shell{padding-inline:14px}.si-hero h1{font-size:35px}.si-hero-stats strong{font-size:30px}.si-hero-stats>div{padding:18px 10px}.si-card-art{min-height:120px;padding:14px}.si-card-meta{min-height:120px}.si-preview-actions .si-button{flex-basis:110px}html{scroll-padding-top:200px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}