body.theme-guide{--bg:#fff;--surface:#f8fafc;--card:#fff;--border:#e5e7eb;--border2:#cbd5e1;--text:#0f172a;--muted:#64748b;background:var(--bg);color:var(--text)}body.theme-guide:before{background:radial-gradient(ellipse 60% 40% at 20% 10%,rgba(232,176,32,.04) 0,transparent 60%),radial-gradient(ellipse 40% 60% at 80% 80%,rgba(212,90,26,.03) 0,transparent 60%)}body.theme-guide .nav{background:#ffffffeb;border-bottom:1px solid var(--border)}body.theme-guide .nav-logo-muted{color:var(--text);opacity:.3}body.theme-guide .nav-link{color:var(--muted)}body.theme-guide .nav-link:hover{background:var(--surface);color:var(--text)}body.theme-guide .nav-link.active{background:#e8b0200f;color:var(--accent)}body.theme-guide .nav-links{background:var(--bg);border-bottom:1px solid var(--border)}body.theme-guide .nav-badge{border-color:var(--border);color:var(--muted)}body.theme-guide .nav-search-trigger{background:var(--surface);border-color:var(--border);color:var(--text)}body.theme-guide .nav-lang{border-color:var(--border);color:var(--muted)}body.theme-guide .nav-lang:hover{background:#e8b0200d;border-color:var(--accent);color:var(--accent)}body.theme-guide .site-footer{border-top:1px solid var(--border);color:var(--muted)}body.theme-guide .site-footer-affiliate{color:var(--muted)}body.theme-guide .site-footer-affiliate:hover{color:var(--text)}body.theme-guide .bottom-bar{background:#fffffffa;border-top:1px solid var(--border)}body.theme-guide .bottom-tab{color:#94a3b8}body.theme-guide .bottom-tab.active{background:var(--accent);color:#0f172a}@media(min-width:701px){body.theme-guide .bottom-bar{background:#fff;border:1px solid var(--border);box-shadow:0 8px 32px #00000014,0 0 0 1px #e8b0200f}body.theme-guide .bottom-tab{color:#94a3b8}}body.theme-guide .omnisearch-backdrop{background:#f1f5f9b8}body.theme-guide .omnisearch-panel{background:radial-gradient(circle at top right,rgba(232,176,32,.06),transparent 32%),linear-gradient(180deg,#fffffffa,#f8fafcfa);border:1px solid var(--border);box-shadow:0 30px 90px #0f172a1f}body.theme-guide .omnisearch-head{border-bottom:1px solid var(--border)}body.theme-guide .omnisearch-close{color:var(--muted)}body.theme-guide .omnisearch-close,body.theme-guide .omnisearch-input-wrap{background:var(--surface);border-color:var(--border)}body.theme-guide .omnisearch-input{color:var(--text)}body.theme-guide .omnisearch-input::-moz-placeholder{color:#64748b80}body.theme-guide .omnisearch-input::placeholder{color:#64748b80}body.theme-guide .omnisearch-hint{color:var(--muted)}body.theme-guide .omnisearch-state{background:var(--surface);border-color:var(--border2);color:var(--muted)}body.theme-guide .omnisearch-state.is-loading:before{border-color:var(--border);border-top-color:var(--accent)}body.theme-guide .omnisearch-group-label{color:var(--text)}body.theme-guide .omnisearch-group-count{color:var(--muted)}body.theme-guide .omnisearch-result{background:var(--surface);border-color:var(--border);color:var(--text)}body.theme-guide .omnisearch-result:hover{background:#e8b0200a;border-color:#e8b0204d}body.theme-guide .omnisearch-result-swatch{border-color:var(--border)}body.theme-guide .omnisearch-result-arrow,body.theme-guide .omnisearch-result-copy span{color:var(--muted)}body.theme-guide .guide-breadcrumb{align-items:center;color:var(--muted);display:flex;flex-wrap:wrap;font-family:var(--mono);font-size:11px;gap:8px;letter-spacing:.08em;padding:20px 0 14px;text-transform:uppercase}body.theme-guide .guide-breadcrumb a{color:var(--muted);text-decoration:none;transition:color .15s}body.theme-guide .guide-breadcrumb a:hover{color:var(--accent)}body.theme-guide .guide-breadcrumb-current{color:var(--text)}body.theme-guide .guide-hero{background:radial-gradient(circle at top right,rgba(232,176,32,.06),transparent 34%),radial-gradient(circle at bottom left,rgba(212,90,26,.05),transparent 30%),linear-gradient(180deg,#fffffffa,#f8fafceb);border:1px solid var(--border);border-radius:var(--r3);box-shadow:0 14px 36px -30px #0f172a40;margin-bottom:28px;overflow:hidden;padding:40px 24px 36px;position:relative}@media(min-width:880px){body.theme-guide .guide-hero{padding:56px 28px 48px}}body.theme-guide .guide-hero-eyebrow{align-items:center;color:var(--muted);display:flex;font-family:var(--mono);font-size:10px;gap:12px;letter-spacing:.1em;margin-bottom:14px;text-transform:uppercase}body.theme-guide .guide-hero-eyebrow span:first-child{color:var(--accent)}body.theme-guide .guide-hero h1{color:var(--text);font-family:var(--headline-display);font-size:clamp(34px,5vw,52px);letter-spacing:.01em;line-height:1.02;margin-bottom:16px}body.theme-guide .guide-hero p.intro,body.theme-guide .guide-hero-intro{color:var(--muted);font-family:var(--body);font-size:clamp(15px,2vw,18px);line-height:1.5;margin-bottom:20px;max-width:62ch}body.theme-guide .guide-hero-pills{display:flex;flex-wrap:wrap;gap:8px}body.theme-guide .guide-hero-pill{background:var(--card);border:1px solid var(--border);border-radius:999px;color:var(--muted);font-family:var(--mono);font-size:12px;letter-spacing:.04em;min-height:32px;padding:6px 14px}body.theme-guide .guide-dash-section{padding:48px 0}@media(min-width:880px){body.theme-guide .guide-dash-section{padding:64px 0}}body.theme-guide .guide-dash-section+.guide-dash-section{border-top:1px solid var(--border)}body.theme-guide .guide-section-title{color:var(--text);font-family:var(--headline-display);font-size:clamp(22px,3vw,30px);letter-spacing:.02em;line-height:1.1;margin-bottom:24px}body.theme-guide .guide-section-eyebrow{color:var(--accent);display:block;font-family:var(--mono);font-size:10px;letter-spacing:.1em;margin-bottom:10px;text-transform:uppercase}body.theme-guide .guide-card{background:var(--card);border:1px solid var(--border);border-radius:var(--r3);color:var(--text);display:flex;flex-direction:column;gap:12px;min-height:160px;padding:24px;text-decoration:none;transition:border-color .2s,box-shadow .2s,transform .2s}body.theme-guide .guide-card:hover{border-color:var(--accent);box-shadow:0 8px 24px -8px #0f172a14;transform:translateY(-2px)}body.theme-guide .guide-card--primary{background:linear-gradient(180deg,rgba(232,176,32,.03),transparent);border-color:#e8b02040;min-height:200px;padding:28px}body.theme-guide .guide-card--primary:hover{box-shadow:0 12px 32px -8px #e8b0201f}body.theme-guide .guide-card-icon{align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--r2);display:inline-flex;font-size:20px;height:40px;justify-content:center;width:40px}body.theme-guide .guide-card-title{color:var(--text);font-family:var(--display);font-size:16px;letter-spacing:.02em}body.theme-guide .guide-card-desc{color:var(--muted);font-family:var(--body);font-size:13px;line-height:1.45}body.theme-guide .guide-grid{display:grid;gap:14px;grid-template-columns:1fr}@media(min-width:560px){body.theme-guide .guide-grid--2{grid-template-columns:repeat(2,1fr)}}@media(min-width:880px){body.theme-guide .guide-grid--2{grid-template-columns:repeat(2,1fr)}body.theme-guide .guide-grid--3{grid-template-columns:repeat(3,1fr)}body.theme-guide .guide-grid--4{grid-template-columns:repeat(4,1fr)}}body.theme-guide .guide-btn{align-items:center;background:transparent;border:1px solid var(--border2);border-radius:var(--r2);color:var(--text);cursor:pointer;display:inline-flex;font-family:var(--mono);font-size:13px;gap:8px;letter-spacing:.06em;padding:14px 24px;text-decoration:none;text-transform:uppercase;transition:all .15s}body.theme-guide .guide-btn:hover{border-color:var(--accent);color:var(--accent)}body.theme-guide .guide-btn--primary{background:var(--accent);border-color:var(--accent);color:#1a1205;font-weight:700}body.theme-guide .guide-btn--primary:hover{background:#f5c840;border-color:#f5c840;color:#1a1205}body.theme-guide .guide-btn--blue{background:var(--blue);border-color:var(--blue);color:#fff;font-weight:700}body.theme-guide .guide-btn--blue:hover{background:#3a78c4;border-color:#3a78c4;color:#fff}body.theme-guide .guide-btn-arrow{transition:transform .15s}body.theme-guide .guide-btn:hover .guide-btn-arrow{transform:translate(3px)}body.theme-guide .guide-callout{background:var(--surface);border:1px solid var(--border);border-radius:var(--r3);margin-bottom:28px;padding:20px 24px}body.theme-guide .guide-callout--info{background:#4a8ad40a;border-color:#4a8ad433}body.theme-guide .guide-callout--tip{background:#4aaa680a;border-color:#4aaa6833}body.theme-guide .guide-callout--warn{background:#e8b0200a;border-color:#e8b02033}body.theme-guide .guide-callout p{color:var(--text);font-size:14px;line-height:1.55;margin:0}body.theme-guide .guide-callout p+p{margin-top:10px}body.theme-guide .guide-faq-item{background:var(--card);border:1px solid var(--border);border-radius:var(--r2);overflow:hidden;transition:border-color .2s}body.theme-guide .guide-faq-item+.guide-faq-item{margin-top:10px}body.theme-guide .guide-faq-item.is-open{border-color:#e8b0204d}body.theme-guide .guide-faq-q{align-items:center;background:transparent;border:none;color:var(--text);cursor:pointer;display:flex;font-family:var(--body);font-size:15px;font-weight:500;gap:16px;justify-content:space-between;padding:18px 22px;text-align:left;transition:background .15s;width:100%}body.theme-guide .guide-faq-q:hover{background:#e8b02008}body.theme-guide .guide-faq-icon{align-items:center;border:1px solid var(--border2);border-radius:50%;color:var(--muted);display:inline-flex;flex-shrink:0;font-family:var(--mono);font-size:14px;height:26px;justify-content:center;transition:transform .2s,border-color .2s,color .2s;width:26px}body.theme-guide .guide-faq-item.is-open .guide-faq-icon{border-color:var(--accent);color:var(--accent);transform:rotate(45deg)}body.theme-guide .guide-faq-a{display:none;padding:0 22px 20px}body.theme-guide .guide-faq-item.is-open .guide-faq-a{display:block}body.theme-guide .guide-faq-a p{color:var(--muted);font-size:14px;line-height:1.6;margin:0}body.theme-guide .guide-faq-a p+p{margin-top:10px}body.theme-guide .faq-item{background:var(--card);border:1px solid var(--border);border-radius:var(--r2);overflow:hidden;transition:border-color .2s}body.theme-guide .faq-item+.faq-item{margin-top:10px}body.theme-guide .faq-item.is-open{border-color:#e8b0204d}body.theme-guide .faq-q{align-items:center;background:transparent;border:none;color:var(--text);cursor:pointer;display:flex;font-family:var(--body);font-size:15px;font-weight:500;gap:16px;justify-content:space-between;padding:18px 22px;text-align:left;transition:background .15s;width:100%}body.theme-guide .faq-q:hover{background:#e8b02008}body.theme-guide .faq-icon{align-items:center;border:1px solid var(--border2);border-radius:50%;color:var(--muted);display:inline-flex;flex-shrink:0;font-family:var(--mono);font-size:14px;height:26px;justify-content:center;transition:transform .2s,border-color .2s,color .2s;width:26px}body.theme-guide .faq-item.is-open .faq-icon{border-color:var(--accent);color:var(--accent);transform:rotate(45deg)}body.theme-guide .faq-a{display:none;padding:0 22px 20px}body.theme-guide .faq-item.is-open .faq-a{display:block}body.theme-guide .faq-a p{color:var(--muted);font-size:14px;line-height:1.6;margin:0}body.theme-guide .guide-related-section{border-top:1px solid var(--border);padding:48px 0}@media(min-width:880px){body.theme-guide .guide-related-section{padding:64px 0}}body.theme-guide .guide-related-title{color:var(--text);font-family:var(--headline-display);font-size:clamp(22px,3vw,30px);letter-spacing:.02em;margin-bottom:24px}body.theme-guide .guide-related-grid{display:grid;gap:14px;grid-template-columns:1fr}@media(min-width:560px){body.theme-guide .guide-related-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:880px){body.theme-guide .guide-related-grid{grid-template-columns:repeat(4,1fr)}}body.theme-guide .guide-related-card{background:var(--card);border:1px solid var(--border);border-radius:var(--r3);color:var(--text);display:flex;flex-direction:column;gap:10px;min-height:140px;padding:20px;text-decoration:none;transition:border-color .2s,box-shadow .2s,transform .2s}body.theme-guide .guide-related-card:hover{border-color:var(--accent);box-shadow:0 8px 24px -8px #0f172a14;transform:translateY(-2px)}body.theme-guide .guide-related-card-eyebrow{color:var(--accent);font-family:var(--mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase}body.theme-guide .guide-related-card h3{color:var(--text);font-family:var(--display);font-size:16px;letter-spacing:.02em;line-height:1.2;margin:0}body.theme-guide .guide-related-card p{color:var(--muted);font-family:var(--body);font-size:13px;line-height:1.45;margin:0}body.theme-guide .guide-related-card-link{color:var(--accent);font-family:var(--mono);font-size:10px;letter-spacing:.08em;margin-top:auto;text-transform:uppercase;transition:transform .15s}body.theme-guide .guide-related-card:hover .guide-related-card-link{transform:translate(3px)}body.theme-guide .guide-cta{background:radial-gradient(circle at top right,rgba(232,176,32,.06),transparent 40%),radial-gradient(circle at bottom left,rgba(212,90,26,.04),transparent 36%),linear-gradient(180deg,#fffffffa,#f8fafceb);border:1px solid rgba(232,176,32,.2);border-radius:var(--r3);box-shadow:0 14px 36px -30px #0f172a40;margin-top:48px;overflow:hidden;padding:40px 24px;position:relative;text-align:left}@media(min-width:880px){body.theme-guide .guide-cta{padding:56px 28px}}body.theme-guide .guide-cta h2{color:var(--text);font-family:var(--headline-display);font-size:clamp(26px,3.4vw,36px);letter-spacing:.01em;line-height:1.05;margin-bottom:14px}body.theme-guide .guide-cta p{color:var(--muted);font-family:var(--body);font-size:clamp(15px,2vw,17px);line-height:1.55;margin-bottom:24px;max-width:56ch}body.theme-guide .guide-cta-buttons{display:flex;flex-wrap:wrap;gap:12px}body.theme-guide .guide-prose h2{color:var(--text);font-family:var(--headline-display);font-size:clamp(22px,3vw,28px);letter-spacing:.02em;line-height:1.15;margin:40px 0 16px}body.theme-guide .guide-prose h3{color:var(--text);font-family:var(--display);font-size:19px;letter-spacing:.02em;line-height:1.25;margin:28px 0 12px}body.theme-guide .guide-prose p{color:var(--text);font-family:var(--body);font-size:16px;line-height:1.7;margin:0 0 18px}body.theme-guide .guide-prose ol,body.theme-guide .guide-prose ul{margin:0 0 18px;padding-left:24px}body.theme-guide .guide-prose li{color:var(--text);font-family:var(--body);font-size:16px;line-height:1.7;margin-bottom:8px}body.theme-guide .guide-prose table{border-collapse:collapse;font-size:14px;margin:0 0 24px;width:100%}body.theme-guide .guide-prose td,body.theme-guide .guide-prose th{border:1px solid var(--border);padding:10px 14px;text-align:left}body.theme-guide .guide-prose th{background:var(--surface);color:var(--text);font-family:var(--mono);font-size:12px;letter-spacing:.04em;text-transform:uppercase}body.theme-guide .guide-prose td{color:var(--text)}body.theme-guide .guide-prose a{color:var(--accent);text-decoration:none;transition:color .15s}body.theme-guide .guide-prose a:hover{color:var(--accent2)}body.theme-guide .guide-prose .guide-btn,body.theme-guide .guide-prose .guide-btn:visited{color:var(--text)}body.theme-guide .guide-prose .guide-btn--primary,body.theme-guide .guide-prose .guide-btn--primary:hover,body.theme-guide .guide-prose .guide-btn--primary:visited{color:#1a1205}body.theme-guide .guide-prose .guide-btn--blue,body.theme-guide .guide-prose .guide-btn--blue:hover,body.theme-guide .guide-prose .guide-btn--blue:visited{color:#fff}body.theme-guide .guide-prose img{border-radius:var(--r2);height:auto;max-width:100%}body.theme-guide .guide-meta{align-items:center;color:var(--muted);display:flex;flex-wrap:wrap;gap:12px;margin-bottom:14px}body.theme-guide .guide-eyebrow,body.theme-guide .guide-meta{font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase}body.theme-guide .guide-eyebrow{color:var(--accent)}body.theme-guide .affiliate-disclosure{color:var(--muted);font-family:var(--mono);font-size:10px;letter-spacing:.08em;margin-bottom:14px;text-transform:uppercase}body.theme-guide .guide-tabs-nav{border-bottom:1px solid var(--border);display:flex;flex-wrap:wrap;gap:8px;padding-bottom:14px}body.theme-guide .guide-tab-btn{align-items:center;background:var(--card);border:1px solid var(--border);border-radius:999px;color:var(--muted);cursor:pointer;display:inline-flex;font-family:var(--mono);font-size:12px;gap:8px;letter-spacing:.04em;padding:8px 14px;transition:border-color .15s,color .15s,background .15s}body.theme-guide .guide-tab-btn:hover{border-color:var(--border2);color:var(--text)}body.theme-guide .guide-tab-btn.active{background:#e8b0200f;border-color:#e8b02066;color:var(--accent)}body.theme-guide .guide-tab-count{background:var(--surface);border-radius:999px;color:var(--muted);font-size:10px;padding:1px 7px}body.theme-guide .guide-tab-btn.active .guide-tab-count{background:#e8b0201f;color:var(--accent)}body.theme-guide .guide-accordion-trigger,body.theme-guide .guide-geo-toggle{align-items:center;background:var(--card);border:1px solid var(--border);border-radius:var(--r2);color:var(--text);cursor:pointer;display:flex;font-family:var(--body);font-size:15px;font-weight:500;gap:12px;padding:18px 22px;text-align:left;transition:border-color .2s,background .2s;width:100%}body.theme-guide .guide-accordion-trigger:hover,body.theme-guide .guide-geo-toggle:hover{background:#e8b02008;border-color:#e8b0204d}body.theme-guide .guide-accordion-icon,body.theme-guide .guide-geo-toggle-icon{align-items:center;border:1px solid var(--border2);border-radius:50%;color:var(--muted);display:inline-flex;flex-shrink:0;font-family:var(--mono);font-size:14px;height:26px;justify-content:center;transition:transform .2s,border-color .2s,color .2s;width:26px}body.theme-guide .guide-accordion-trigger[aria-expanded=true] .guide-accordion-icon,body.theme-guide .guide-geo-toggle[aria-expanded=true] .guide-geo-toggle-icon{border-color:var(--accent);color:var(--accent);transform:rotate(45deg)}body.theme-guide .guide-accordion-body,body.theme-guide .guide-geo-body{background:var(--surface);border:1px solid var(--border);border-radius:0 0 var(--r2) var(--r2);border-top:none;padding:20px 22px}body.theme-guide .guide-de-badge,body.theme-guide .guide-status-badge{align-items:center;border:1px solid transparent;border-radius:999px;display:inline-flex;font-family:var(--mono);font-size:10px;letter-spacing:.04em;padding:3px 8px}body.theme-guide .guide-de-badge--good,body.theme-guide .guide-status-badge--good{background:#4aaa681a;border-color:#4aaa684d;color:var(--green)}body.theme-guide .guide-de-badge--ok,body.theme-guide .guide-status-badge--ok{background:#e8b0201a;border-color:#e8b0204d;color:#b8860b}body.theme-guide .guide-de-badge--warn,body.theme-guide .guide-status-badge--warn{background:#d44a4a1a;border-color:#d44a4a4d;color:var(--red)}