/* Studio editorial layer. Existing player and workspace remain intact. */
a { text-underline-offset: .18em; }
.hero-socials { display:flex; gap:22px; margin-top:24px; font-size:13px; color:#aca9a6; }
.hero-socials a:hover,.seo-main a:not(.button):hover { color:#b650fc; }
.hero h1 { font-size:clamp(70px,8.7vw,132px); }
.social-proof-section,.guides-preview { padding:74px 0; border-top:1px solid #302e2d; }
.social-proof-section h2,.guides-preview h2 { font-family:var(--display); font-weight:800; font-size:clamp(42px,5vw,66px); line-height:1; text-transform:uppercase; margin:16px 0; }
.social-proof-section>p { max-width:690px; line-height:1.8; color:#aca8a6; }
.social-cards,.guide-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; margin:28px 0 0; }
.guide-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.social-card,.guide-card { display:block; background:#191817; border:1px solid #333130; padding:28px; border-radius:3px; text-decoration:none; }
.social-card span,.guide-card>span { color:#96928f; font-size:11px; letter-spacing:1.5px; text-transform:uppercase; }
.social-card h3,.guide-card h3 { font-size:27px; font-family:var(--display); text-transform:uppercase; margin:15px 0; }
.social-card p,.guide-card p { color:#a4a09e; line-height:1.75; }
.social-card strong { color:#b24bfa; }
.footer-top { grid-template-columns:1.25fr .85fr .85fr 1.15fr; }
.footer-utility { display:flex; flex-wrap:wrap; gap:24px; font-size:12px; color:#9c9795; padding:15px 0; }
.footer-utility button { font:inherit; color:inherit; padding:0; background:none; border:0; text-decoration:underline; cursor:pointer; }
.seo-main { max-width:1240px; margin:auto; padding:34px 48px 92px; }
.breadcrumbs { display:flex; flex-wrap:wrap; align-items:center; gap:12px; color:#9a9592; font-size:12px; margin:0 0 32px; }
.breadcrumbs span:last-child { overflow-wrap:anywhere; }
.seo-hero { padding:20px 0 46px; max-width:1020px; }
.seo-hero h1 { font-family:var(--display); text-transform:uppercase; font-size:clamp(58px,7.4vw,100px); line-height:.98; letter-spacing:-.02em; margin:22px 0; font-weight:800; }
.seo-hero h1 em { font-style:normal; color:#a82dfd; }
.seo-lead { max-width:790px; font-size:19px; line-height:1.85; color:#adaaa7; }
.seo-section { margin:0 0 44px; }
.seo-section h2,.editorial-body h2,.article-body h2 { font-family:var(--display); text-transform:uppercase; font-size:38px; line-height:1.05; margin:32px 0 18px; }
.seo-section h3 { font-size:23px; line-height:1.25; margin:15px 0; }
.seo-section p,.editorial-body p,.article-body p,.editorial p { line-height:1.9; color:#aca8a5; margin:16px 0; }
.seo-main p a,.seo-main li a { text-decoration:underline; color:#cecbca; }
.seo-main ul,.seo-main ol { padding-left:24px; color:#aca8a5; line-height:1.9; }
.service-layout { display:grid; grid-template-columns:minmax(0,1fr) 350px; gap:46px; align-items:start; }
.offer-panel { position:sticky; top:98px; background:#201f1e; border:1px solid #4a4745; padding:28px; }
.offer-panel .button { width:100%; margin-top:14px; font-size:12px; white-space:normal; }
.offer-panel p { color:#a7a3a1; line-height:1.8; font-size:14px; }
.offer-price { font-family:var(--display); font-size:80px; line-height:1.25; font-weight:800; }
.offer-price span { font-family:'DM Sans',sans-serif; color:#a9a5a2; font-size:16px; padding-left:7px; font-weight:400; }
.fine-print { font-size:12px!important; line-height:1.8!important; color:#a39f9c; }
.process-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin:28px 0; }
.process-grid article { border-top:1px solid #474442; padding-top:18px; }
.process-grid article>span { font-size:11px; color:#aeaba8; letter-spacing:1px; }
.process-grid article p { font-size:14px; line-height:1.8; }
.faq-list { border-top:1px solid #383635; }
.faq-list details { border-bottom:1px solid #383635; padding:20px 0; }
.faq-list summary { font-weight:600; cursor:pointer; line-height:1.6; padding-right:14px; }
.faq-list p { max-width:900px; margin-bottom:0; }
.editorial,.editorial-body,.article-body { max-width:800px; }
.article-meta { font-size:12px; color:#9a9592; border-top:1px solid #393735; border-bottom:1px solid #393735; padding:16px 0; margin-bottom:28px; line-height:1.8; }
.article-body h3,.editorial h3 { font-size:24px; margin:26px 0 10px; }
.seo-notice { border-left:3px solid #a831fa; background:#1d1c1b; padding:20px 24px; line-height:1.8; color:#afacaa; margin:20px 0 32px; }
.seo-main .notice { margin:18px 0 30px; }
.static-beat-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.static-beat-card { border:1px solid #312f2e; background:#181717; min-width:0; padding-bottom:20px; }
.static-beat-card img { width:100%; aspect-ratio:1; height:auto; display:block; }
.static-beat-card .card-copy,.static-beat-card>h2,.static-beat-card>h3,.static-beat-card>p { padding:0 20px; }
.static-beat-card h2,.static-beat-card h3 { margin:18px 0 8px; font-size:28px; font-family:var(--display); text-transform:uppercase; }
.static-beat-card p { color:#a8a4a2; font-size:13px; line-height:1.7; }
.static-beat-card audio { width:calc(100% - 28px); margin:14px; height:38px; }
.static-beat-card .button { margin:4px 20px; }
.beat-detail-layout { display:grid; grid-template-columns:400px minmax(0,1fr); gap:44px; align-items:start; }
.beat-detail-layout>img { width:100%; height:auto; }
.beat-detail-layout audio { width:100%; margin:24px 0; }
.type-links,.topic-links { display:flex; flex-wrap:wrap; gap:14px; margin:24px 0; }
.type-links a,.topic-links a { padding:11px 14px; border:1px solid #3a3836; font-size:13px; }
.source-note { border-top:1px solid #393735; margin-top:28px; padding-top:20px; color:#a39f9c; line-height:1.9; font-size:12px; }
.seo-main .pricing-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.seo-main .pricing-grid article { border:1px solid #3d3b39; padding:24px; }
.seo-main .pricing-grid h3 { font-size:28px; font-family:var(--display); }
.seo-main .cta-band { padding:30px; margin:36px 0; border:1px solid #4a4745; background:#1f1d1c; }
.site-map-list { columns:2; column-gap:40px; }
#analytics-dialog { max-width:580px; width:calc(100% - 32px); padding:36px; border:1px solid #5a5654; background:#191817; color:#d3d1cf; margin:auto; max-height:90dvh; overflow:auto; }
#analytics-dialog::backdrop { background:rgba(0,0,0,.72); }
#analytics-dialog h2 { font-family:var(--display); font-size:40px; margin:15px 0; text-transform:uppercase; }
#analytics-dialog p { line-height:1.8; color:#aca9a6; font-size:14px; }
#analytics-dialog>a { display:inline-block; font-size:12px; margin-top:22px; text-decoration:underline; }
.consent-close { position:absolute; right:15px; top:10px; color:#b8b5b3; font-size:28px; border:0; background:none; cursor:pointer; }
.consent-actions { display:flex; gap:12px; margin-top:24px; }
.consent-actions .button { flex:1; min-height:46px; padding:12px; font-size:12px; white-space:normal; }
.noscript-note { padding:16px 24px; text-align:center; color:#b0adab; }
:focus-visible { outline:2px solid #d292ff; outline-offset:5px; }
@media (min-width:1000px){ .social-proof-section,.guides-preview{margin-left:48px;margin-right:48px;} }
@media (max-width:900px){.service-layout{grid-template-columns:1fr;gap:8px}.offer-panel{position:static;max-width:520px;margin-bottom:40px}.static-beat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.beat-detail-layout{grid-template-columns:1fr}.beat-detail-layout>img{max-width:400px}.guide-grid{grid-template-columns:1fr}.footer-top{grid-template-columns:1fr 1fr}.seo-main .pricing-grid{grid-template-columns:1fr}.social-proof-section,.guides-preview{padding:48px 28px}.social-cards{grid-template-columns:1fr}.site-map-list{columns:1}}
@media(max-width:600px){.seo-main{padding:26px 22px 60px}.seo-hero{padding-bottom:25px}.seo-hero h1{font-size:60px}.seo-lead{font-size:16px;line-height:1.8}.process-grid{grid-template-columns:1fr}.static-beat-grid{grid-template-columns:1fr}.hero-socials{font-size:12px;gap:16px;flex-wrap:wrap}.hero h1{font-size:70px}.offer-panel{padding:24px}.social-proof-section,.guides-preview{padding:40px 22px}.social-card,.guide-card{padding:24px}.footer-top{gap:28px}.footer-utility{gap:16px}.consent-actions{flex-direction:column}.breadcrumbs{font-size:11px}.seo-section h2{font-size:34px}.seo-main .button{white-space:normal;text-align:center}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
/* Content components used by the static service, guide and catalog pages. */
.prose { max-width:820px; }
.prose p { line-height:1.9; color:#aca8a5; margin:16px 0; }
.related-grid,.channel-grid,.license-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; margin:28px 0; }
.channel-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
.related-card,.channel-card,.license-grid>article { display:block; padding:26px; background:#191817; border:1px solid #383635; }
.related-card h3,.channel-card h2,.license-grid h3 { font:800 29px/1.1 var(--display); text-transform:uppercase; margin:16px 0; }
.related-card p,.channel-card p,.license-grid p { color:#a8a4a2; line-height:1.8; }
.channel-symbol { display:block; font-size:38px; color:#b24bfa; margin-bottom:24px; }
.channel-card b { display:block; color:#c06ff8; margin-top:24px; }
.seo-cta { margin:40px 0; padding:32px; background:#222120; border:1px solid #4c4846; display:flex; justify-content:space-between; gap:28px; align-items:center; }
.seo-cta h2 { font:800 40px/1 var(--display); text-transform:uppercase; margin:12px 0; }
.seo-cta p { color:#a8a4a1; line-height:1.8; max-width:590px; }
.seo-cta .button { flex-shrink:0; }
.editorial-byline { font-size:12px; color:#989491!important; padding:14px 0; border-top:1px solid #393735; border-bottom:1px solid #393735; }
.source-link { font-size:12px; line-height:1.8; color:#9f9b98; }
.static-beat-card>a>h2,.static-beat-card>a>.eyebrow,.static-beat-card>.text-link { margin-left:20px; margin-right:20px; }
.static-beat-card>a>.eyebrow { display:block; padding-top:18px; font-size:10px; }
.beat-editorial { display:grid; grid-template-columns:minmax(240px,400px) minmax(0,1fr); gap:44px; align-items:start; margin-top:20px; }
.beat-editorial>div>img { width:100%; height:auto; display:block; }
.beat-editorial audio { width:100%; margin:20px 0; }
.beat-editorial p { color:#aba7a5; line-height:1.8; }
.beat-editorial .seo-hero { padding-top:0; padding-bottom:12px; }
.beat-editorial h1 { overflow-wrap:anywhere; }
.inline-actions { display:flex; flex-wrap:wrap; gap:12px; margin:22px 0; }
body[data-client="static"] { padding-bottom:0; }
body[data-client="static"] .site-footer { margin-bottom:0; }
@media (max-width:900px){.related-grid,.license-grid{grid-template-columns:1fr}.seo-cta{display:block}.seo-cta .button{margin-top:16px}.beat-editorial{grid-template-columns:1fr}.beat-editorial>div{max-width:400px}.channel-grid{grid-template-columns:1fr}}
@media(max-width:600px){.related-card,.channel-card,.license-grid>article{padding:22px}.seo-cta{padding:24px}.inline-actions{flex-direction:column}}

.hero-copy{max-width:680px}.hero h1{font-size:clamp(64px,7vw,104px)}
@media(max-width:600px){.hero h1{font-size:65px}.hero-copy{max-width:100%}.seo-hero h1{font-size:56px}}

/* SEO editorial utilities inherit the current Detroit pink/purple theme. */
.guide-toc,.seo-related{margin:1.5rem 0 2.5rem;padding:1.25rem;border:1px solid rgba(255,255,255,.16);border-radius:10px;max-width:100%;background:rgba(0,0,0,.28)}
.guide-toc ul,.seo-related ul{padding-left:1.2rem;line-height:1.7}.guide-toc a,.seo-related a,.editorial-byline a{text-decoration:underline;text-underline-offset:.22em}
.guide-toc a:focus-visible,.seo-related a:focus-visible{outline:2px solid currentColor;outline-offset:4px}.prose h2[id],#editorial{scroll-margin-top:7rem}.editorial-byline{font-size:.9rem;line-height:1.6;opacity:.86}.breadcrumbs{flex-wrap:wrap}.breadcrumbs [aria-current]{overflow-wrap:anywhere}.seo-related .related-grid{margin-top:1rem}
@media(max-width:600px){.guide-toc,.seo-related{padding:1rem}.seo-related .related-grid{grid-template-columns:1fr}.seo-main h1{overflow-wrap:anywhere}}
@media print{.site-header,.mobile-nav,.site-footer,.preview-strip,.persistent-player,#analytics-dialog,.guide-toc,.seo-related,canvas{display:none!important}.seo-main,.prose{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}.seo-main,.seo-main *{color:#000!important;background:#fff!important;text-shadow:none!important}a{text-decoration:underline}h1,h2,h3{break-after:avoid}p,li{orphans:3;widows:3}}