body.app-listing-namer{color-scheme:dark;--bg:#111214;--surface:#1d1f22;--ink:#f1efe9;--muted:#b8b9b3;--accent:#e9b454;--line:#65696a88}.app-listing-namer .app-hero{grid-template-columns:1.5fr .65fr;gap:54px}.studio-mark{margin:0;text-align:center}.studio-mark img{width:260px}.studio-mark figcaption{font-size:13px;color:var(--muted);max-width:24ch;margin:12px auto}.preview-note{font-size:13px;border-left:3px solid var(--accent);padding:12px 16px;background:var(--surface);max-width:58ch}.desktop-shot{margin:0;padding:18px;background:#202224;border:1px solid #414244;border-radius:10px}.desktop-shot img{display:block;width:100%;height:auto;border-radius:5px}.desktop-shot figcaption{font-size:12px;color:#c2c4c4;padding:14px 5px 0}.app-listing-namer .features{margin-top:48px}.studio-preview{display:grid;grid-template-columns:.7fr 1.3fr;align-items:center;gap:40px;padding:64px 0}.studio-preview p{color:var(--muted)}.app-listing-namer .primary-action{background:#e9b454;color:#252624}.app-listing-namer .family-document{max-width:820px;margin:48px auto;padding:0 24px}.family-document h1{font-size:clamp(36px,5vw,60px)}.family-document h2{margin-top:38px;font-size:28px}.family-document dt{font-weight:650;margin-top:15px}.family-document dd{margin-left:0;color:var(--muted)}@media(prefers-color-scheme:dark){body.app-listing-namer{--bg:#111214;--surface:#1d1f22;--ink:#f1efe9;--muted:#b8b9b3;--accent:#e9b454;--line:#65696a88}}@media(max-width:760px){.app-listing-namer .app-hero,.studio-preview{grid-template-columns:1fr;gap:24px}.studio-mark{display:none}.desktop-shot{padding:6px;border-radius:6px}.studio-preview{padding:40px 0}.app-listing-namer h1{font-size:clamp(38px,10vw,58px)}}

.release-index{display:flex;flex-wrap:wrap;gap:12px 24px;margin:28px 0}.release-entry{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:28px;margin:24px 0;scroll-margin-top:24px}.release-entry h2{margin:8px 0;font-size:36px}.release-entry h3{font-size:21px}.release-entry li{margin:12px 0;color:var(--muted)}.release-entry ul{padding-left:22px}.release-history{line-height:1.65}.preview-note{border:0;background:none;padding:0}.family-header nav,.family-footer nav{flex-wrap:wrap}

/* Illustrated guide, using the existing Studio document surfaces. */
.app-listing-namer kbd { font: 500 .88em ui-monospace, SFMono-Regular, Menlo, monospace; padding: .18em .4em; border: 1px solid #575451; border-radius: 4px; background: #252628; color: #f4eee5; white-space: nowrap; }
.walkthrough-guide { max-width: 1040px; }
/* This inline index must not inherit the shared guide sidebar's sticky positioning. */
.walkthrough-guide .guide-toc { position: static; display: flex; flex-wrap: wrap; gap: 10px 22px; padding: 24px 0; border-block: 1px solid #45413b; margin: 30px 0; }
.guide-section { scroll-margin-top: 24px; padding-block: 12px 24px; border-bottom: 1px solid #373633; }
.guide-section p, .guide-section li, .guide-definitions { max-width: 78ch; }
.guide-section .desktop-shot { margin: 28px 0; }
.guide-section h3 { margin-top: 30px; }
.guide-table { overflow-x: auto; margin-block: 24px; }
.guide-table table { width: 100%; border-collapse: collapse; text-align: left; }
.guide-table th, .guide-table td { padding: 13px 14px; border-bottom: 1px solid #45413b; vertical-align: top; }
.guide-table th { color: #e8b675; }
.guide-definitions dt { font-weight: 650; color: #eee8df; margin-top: 20px; }
.guide-definitions dd { margin: 6px 0 16px; }
.app-listing-namer a:focus-visible, .guide-table:focus-visible { outline: 2px solid #f0b96c; outline-offset: 5px; }
@media(max-width: 600px) { .guide-table th, .guide-table td { padding: 12px 8px; } .walkthrough-guide .guide-toc { gap: 12px 18px; } }