/* V12.2 — calmer surfaces, generous navigation, truthful mobile snapshots. */
html[data-theme="light"]{--bg:#edf1ee;--panel:#f8faf7;--panel2:#e7ede7;--ink:#28392f;--ink-strong:#14271c;--muted:#52665a;--line:#c4d1c6;--brand:#187944;--brand2:#126237;--brand-ink:#fff;--green:#167b40;--soft:#e3ebe4;--soft2:#d9e9dc;--shadow:0 7px 25px #2133260b}
html[data-theme="light"] body{background:var(--bg)}html[data-theme="light"] .btn{box-shadow:none}html[data-theme="light"] .card,html[data-theme="light"] .site-card{background:var(--panel)}
.secondary-nav{display:flex;gap:10px;flex-wrap:wrap;padding:12px 0 22px;margin-bottom:8px;border-bottom:1px solid var(--line)}.secondary-nav a{padding:10px 14px;background:var(--panel2);border:1px solid var(--line);border-radius:12px;color:var(--ink-strong);font-weight:650;text-decoration:none;min-height:44px}.secondary-nav a:hover{border-color:var(--brand)}
progress{width:100%;height:12px;accent-color:#22a957;border:none;border-radius:20px;overflow:hidden;background:var(--soft2)}progress::-webkit-progress-bar{background:var(--soft2)}progress::-webkit-progress-value{background:#22a957}progress::-moz-progress-bar{background:#22a957}
.preview-component{padding:16px;min-width:0}.mobile-snapshot{width:100%;aspect-ratio:390/520;max-height:420px;overflow:hidden;background:var(--panel2);border:1px solid var(--line);border-radius:16px 16px 8px 8px;text-align:center}.mobile-snapshot>img:not(.preview-icon){display:block;width:100%;height:auto;object-fit:contain;object-position:top}.mobile-snapshot .preview-icon{width:96px;height:96px;object-fit:contain;margin:70px auto 12px}.mobile-snapshot p{padding:16px}.preview-component form{display:flex;gap:8px;flex-wrap:wrap}.preview-component .muted{overflow-wrap:anywhere;min-height:2.5em}
.card-status{border-top:1px solid var(--line);margin:16px 0;padding-top:10px;font-size:.82rem;overflow-wrap:anywhere}.card-status p{margin:6px 0}.launch-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(260px,1fr);gap:24px}.launch-layout>aside{align-self:start;position:sticky;top:100px}.tracking-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:20px}.setup-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0}.setup-step{padding:16px;border:1px solid var(--line);border-radius:12px;display:grid;gap:10px}.setup-step span{color:var(--muted);font-size:.9rem}.visual-guide{padding-left:24px}.visual-guide li{padding:8px}.brand-hero{grid-template-columns:90px 1fr}.brand-hero img{width:90px}.card h1{overflow-wrap:anywhere}input,select,button{font:inherit}fieldset{min-width:0}a:focus-visible,button:focus-visible{outline:3px solid var(--brand);outline-offset:3px}
@media(max-width:760px){.secondary-nav{display:grid;grid-template-columns:1fr 1fr;gap:8px}.secondary-nav a{font-size:.85rem;padding:12px}.launch-layout{grid-template-columns:1fr}.launch-layout>aside{position:static}.setup-steps{grid-template-columns:1fr}.wrap{padding:18px 14px 70px}.brand-hero{grid-template-columns:1fr}.brand-hero img{width:62px}.card{padding:18px}.mobile-snapshot{max-height:380px}.header-controls{gap:5px}.topin{padding:10px 12px}}