:root[data-theme="light"]{--site-paper:#f7f5f0;--site-panel:#fffdf8;--site-ink:#293225;--site-muted:#53634a;--site-line:#d8decc;--site-accent:#a74e22;--site-drop:#f7f5f0}
:root[data-theme="dark"]{--site-paper:#111313;--site-panel:#191d19;--site-ink:#f3f1ec;--site-muted:#a6b197;--site-line:#344034;--site-accent:#f49354;--site-drop:#111713}
html[data-theme] body:not(:has(> #app)):has(> main),html[data-theme] #seo-content{background:var(--site-paper);color:var(--site-ink)}
html[data-theme] body:not(:has(> #app)):has(> main) p,html[data-theme] #seo-content :is(p,li,td,summary>span){color:var(--site-muted)}
html[data-theme] body:not(:has(> #app)):has(> main) a,html[data-theme] #seo-content a{color:var(--site-accent)}
html[data-theme] body:not(:has(> #app)):has(> main) :is(header,footer,th,td,blockquote,details),html[data-theme] #seo-content :is(th,td,blockquote,details){border-color:var(--site-line)}
html[data-theme] #seo-content th{color:var(--site-ink)}
html[data-theme] .reference-editor{--ink:var(--site-ink);--muted:var(--site-muted);--line:var(--site-line);--paper:var(--site-panel);--accent:var(--site-accent)}
html[data-theme] .reference-editor .drop{background:var(--site-drop)}
.site-theme-toggle,html[data-theme] .theme-toggle{color:var(--site-ink);background:var(--site-panel);border:1px solid var(--site-line);border-radius:50%;width:40px;height:40px;padding:0;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}
.site-theme-toggle svg,.theme-toggle svg{display:block;flex:none}
.site-theme-toggle:focus-visible,.theme-toggle:focus-visible{outline:2px solid var(--site-accent);outline-offset:3px}
html[data-theme] body>header{flex-wrap:wrap;gap:12px}

html[data-theme] .home-reference.studio{background:var(--site-panel);color:var(--site-ink)}
#seo-content .template-link-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0}
#seo-content .template-link-card{display:flex;flex-direction:column;gap:8px;padding:14px;border:1px solid var(--site-line);border-radius:12px;background:var(--site-panel);text-decoration:none;color:var(--site-ink)}
.template-link-card img,.template-link-placeholder{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:7px;background:var(--site-drop)}
.template-link-placeholder{display:grid;place-items:center;font-size:36px}
.template-link-card small{color:var(--site-muted);font-size:12px;line-height:1.5}.template-link-card:focus-visible{outline:2px solid var(--site-accent)}
.competitor-example-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.competitor-example-grid figure{margin:0;min-width:0}.competitor-example-grid video{display:block;width:100%;max-height:420px;background:#111;border-radius:12px;object-fit:contain}.example-fallback{font-size:12px}
@media(max-width:680px){#seo-content .template-link-grid,.competitor-example-grid{grid-template-columns:1fr}}