/* Shared page primitives with individual compositions for each journey. */
body:is([data-route="about"],[data-route="tools"],[data-route="contact"],[data-route="charts"],[data-route="privacy"],[data-route="terms"],[data-route="refund"]) .replacement-intro{padding:145px 5% 42px;margin-bottom:0;background:linear-gradient(90deg,#040812fa 5%,#040812af 58%,#04081255),url('/_website/website-20261027-release205charts1/redesign/assets/space-ambient-v1.webp?v=ce107b3ddd05') center 45%/cover}
body[data-replacement] .page-kicker{color:#00bfee;font:12px/1.5 'Share Tech Mono',monospace;letter-spacing:2px;text-transform:uppercase;margin:0 0 14px}
.page-action{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:44px;padding:12px 18px;border:1px solid #37627a;border-radius:7px;background:#0b2231;color:#e8edf6;text-decoration:none;font:600 14px/1.4 'Segoe UI',sans-serif;cursor:pointer}
.page-action:hover{background:#143348;border-color:#00bfee}
.page-community{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:32px 36px;border:1px solid #2c4b5f;border-radius:12px;background:linear-gradient(110deg,#102a38,#09131f);margin-top:42px}
.page-community h2{font-size:29px;margin:0 0 12px}
.page-community p:last-child{color:#a8c0d2;font:15px/1.7 'Segoe UI',sans-serif}
body[data-route="about"] .about-layout{width:90%;max-width:none;padding:38px 0 0}
.about-opening{display:grid;grid-template-columns:1.2fr 1fr;gap:45px;border-bottom:1px solid #233c4e;padding-bottom:32px}
body[data-route="about"] .about-part{background:none!important;border:0!important;border-radius:0;padding:0;box-shadow:none;margin:0}
body[data-route="about"] .section-title{font:400 29px/1.3 'Russo One',sans-serif;text-transform:none;letter-spacing:0;margin:0 0 24px}
body[data-route="about"] .section-label{font:12px/1.5 'Share Tech Mono',monospace;letter-spacing:2px;margin:0 0 12px}
body[data-route="about"] .section-label::after{display:none}
body[data-route="about"] .mission-card{padding:0;border:0;background:none;backdrop-filter:none;margin:0 0 24px}
body[data-route="about"] .mission-card::before{display:none}
body[data-route="about"] .mission-card-lead{font-size:19px;line-height:1.8;color:#c5d7e6}
body[data-route="about"] .about-card{display:block;padding:22px 0;background:none;border:0;border-top:1px solid #203b4c;backdrop-filter:none;margin:0;box-shadow:none}
body[data-route="about"] .about-card-title{font:600 17px/1.5 'Segoe UI',sans-serif;letter-spacing:0;text-transform:none;color:#e2edf5;margin-bottom:10px}
body[data-route="about"] .about-card-text{font:15px/1.75 'Segoe UI',sans-serif;color:#a8bed0}
body[data-route="about"] .about-part-2{padding:36px 0;border-bottom:1px solid #203b4c!important}
body[data-route="about"] .genre-roster{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:24px}
.genre-disclosure{padding:0;border:1px solid #2c4c60;border-radius:8px;background:#0b1c29;align-self:start;overflow:hidden}
.genre-disclosure summary{padding:17px 20px;cursor:pointer;color:#d7e6f1;font:600 15px/1.5 'Segoe UI',sans-serif}
body[data-route="about"] .genre-seg-count,body[data-route="about"] .genre-dev-status{display:block;font:12px/1.5 'Segoe UI',sans-serif;color:#8aabbe;margin:5px 0 0;float:none}
body[data-route="about"] .genre-chips{padding:0 18px 18px;display:flex;flex-wrap:wrap;gap:7px}
body[data-route="about"] .genre-chip{font:12px/1.5 'Segoe UI',sans-serif;letter-spacing:0;background:#102c3d;color:#b4d5e8;border:1px solid #274d64;padding:5px 9px;border-radius:12px}
body[data-route="about"] .genre-dev{padding:24px 0 0;margin-top:24px;border-top:1px solid #294456}
.genre-dev .genre-disclosure{margin-top:12px;max-width:620px}
.about-journeys{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 26px;margin-top:36px!important}
.about-journeys>.section-label,.about-journeys>.section-title{grid-column:1/-1}
.about-journeys .about-card{display:flex!important;flex-direction:column;align-items:start}
.about-journeys .about-card-body{margin-bottom:22px}
.about-journeys .page-action{margin-top:auto}
/* Policies and guides keep the original text and anchors in a readable article. */
body[data-replacement] .reading-layout{display:grid;grid-template-columns:260px minmax(0,1fr);width:90%;max-width:none;margin:0 auto 56px;padding:36px 0;gap:6%;align-items:start}
.reading-sidebar{position:sticky;top:112px;border-right:1px solid #233d4e;padding-right:25px;max-height:calc(100vh - 135px);overflow:auto}
.reading-toc{display:block}
.reading-toc a{display:block;color:#a5bfd2;text-decoration:none;font:13px/1.6 'Segoe UI',sans-serif;padding:8px 0}
.reading-toc a:hover{color:#00bfee}
.reading-support{border-top:1px solid #2b4152;margin-top:20px;padding-top:18px;font:13px/1.6 'Segoe UI',sans-serif}
.reading-support p{color:#86a1b6;margin:0 0 8px}
.reading-support a{color:#00bfee}
.reading-article{min-width:0;max-width:1000px;padding:0 0 20px}
.reading-article>h2{font-size:25px;line-height:1.35;text-transform:none;letter-spacing:0;margin:35px 0 18px;border-top:1px solid #254052;padding-top:28px;scroll-margin-top:145px}
.reading-article>h2:first-child{margin-top:0}
.reading-article p,.reading-article li{color:#b5c8d9;font:16px/1.8 'Segoe UI',sans-serif;max-width:82ch}
.reading-article p{margin:0 0 17px}
.reading-article a{color:#00bfee}
.reading-article ul,.reading-article ol{padding-left:24px;margin:15px 0 24px}
.reading-article li{margin:8px 0}
.reading-article :is(img,video){max-width:100%;height:auto}
.reading-article :is(pre,.table-wrap){max-width:100%;overflow:auto}
.reading-article code{overflow-wrap:anywhere}
.guide-page>.hero{padding:154px 5% 40px!important;background:linear-gradient(90deg,#040812fa,#04081288),url('/_website/website-20261027-release205charts1/redesign/assets/space-ambient-v1.webp?v=ce107b3ddd05') center/cover;border-bottom:1px solid #294658}
.guide-page .hero-inner{max-width:none;text-align:left;margin:0}
.guide-back{display:inline-block;color:#95b7ca;font-size:13px;margin-bottom:24px;text-decoration:none}
.guide-page .hero h1{font-size:clamp(34px,4vw,58px);line-height:1.2;margin:0 0 18px}
.guide-page .hero p{max-width:700px;font-size:16px;line-height:1.7;color:#b4ccdd}
.guide-page .reading-article .step{border:1px solid #294656;background:#0b1a28;padding:28px;border-radius:10px;margin:0 0 22px}
.guide-page .reading-article .step h2{font-size:24px;letter-spacing:0;text-transform:none}
.guide-page .reading-article table{width:100%;font-size:14px;overflow-wrap:anywhere}
/* Contact is a support destination with a clear topic choice beside the form. */
body[data-route="contact"] main.contact-layout{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.3fr);gap:7%;width:90%;max-width:none;margin:0 auto;padding:40px 0 55px;align-items:start}
.contact-routing h2{font-size:30px;margin:0 0 18px}
.contact-routing>p{font-size:15px;line-height:1.7;color:#a8bfd3;max-width:540px}
.contact-topics{display:grid;gap:8px;margin:24px 0}
.contact-topic{display:block;text-align:left;padding:16px 19px;border:1px solid #263e50;border-radius:8px;background:#091621;color:#d2e4ef;cursor:pointer}
.contact-topic strong,.contact-topic span{display:block}
.contact-topic strong{font:600 15px/1.5 'Segoe UI',sans-serif}
.contact-topic span{color:#95b0c4;font:13px/1.5 'Segoe UI',sans-serif;margin-top:3px}
.contact-topic[aria-pressed="true"]{border-color:#008fb5;background:#102b3b;box-shadow:inset 3px 0 #00bfee}
.contact-routing .contact-small{font-size:12px;margin-top:18px}
body[data-route="contact"] .panel{padding:30px;background:#0b1926!important;border:1px solid #294657;border-radius:12px}
body[data-route="contact"] .lead{font:16px/1.7 'Segoe UI',sans-serif;color:#b7cddd;margin-bottom:24px}
.contact-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.contact-fields>.form-group{margin:0;min-width:0}
.contact-fields>.form-group:has(#topic,#subject,#message),.contact-fields>.submit-btn,.contact-fields>.feedback{grid-column:1/-1}
body[data-route="contact"] :is(input:not([type="checkbox"]),select,textarea){width:100%;min-height:46px;background:#050f19;border:1px solid #355468;color:#d9eaf4;border-radius:6px;padding:12px;font:15px/1.5 'Segoe UI',sans-serif}
body[data-route="contact"] textarea{min-height:190px;resize:vertical}
body[data-route="contact"] label{font:600 14px/1.5 'Segoe UI',sans-serif;color:#c8dce9;margin-bottom:9px}
body[data-route="contact"] .submit-btn{justify-self:start;background:linear-gradient(120deg,#fa8708,#cd5800);color:white;min-height:46px;padding:12px 24px;font:600 14px 'Segoe UI',sans-serif;border:1px solid #ff9933;border-radius:7px;letter-spacing:0;text-transform:none}
/* Product pages: value and app preview on the left, a compact offer on the right. */
body:is([data-route="premium"],[data-route="affiliate"])>.container{width:90%;max-width:none;margin:0 auto;padding:0}
body:is([data-route="premium"],[data-route="affiliate"]) .product-hero{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(290px,.65fr);align-items:center;gap:7%;padding:148px 0 48px;text-align:left;background:none;max-width:none;border:0}
body:is([data-route="premium"],[data-route="affiliate"]) .hero-title{font:400 clamp(38px,4vw,68px)/1.1 'Russo One',sans-serif;letter-spacing:0;text-transform:none;margin:0 0 24px}
body:is([data-route="premium"],[data-route="affiliate"]) .hero-sub{font:17px/1.75 'Segoe UI',sans-serif;max-width:690px;margin:0 0 24px;color:#b4ccdd}
.product-intro{min-width:0}.product-offer{min-width:0;border:1px solid #754e2d;border-radius:12px;padding:28px;background:linear-gradient(140deg,#281d17,#0a1825 75%);align-self:center}
body:is([data-route="premium"],[data-route="affiliate"]) :is(.price-card,.earn-card){padding:0;background:none;border:0;box-shadow:none;border-radius:0;backdrop-filter:none;max-width:none;margin:0;text-align:left}
body:is([data-route="premium"],[data-route="affiliate"]) :is(.price-amount,.earn-amount){font:400 clamp(40px,3.3vw,60px)/1.2 'Russo One',sans-serif;letter-spacing:0;color:#e8edf6;margin:0 0 14px}
body[data-route="premium"] .price-amount .currency{display:block;color:#c4a27f;font:12px 'Share Tech Mono',monospace;margin-bottom:8px}
body[data-route="premium"] .price-period{font:15px 'Segoe UI',sans-serif;color:#bacddb}
body:is([data-route="premium"],[data-route="affiliate"]) :is(.price-tagline,.earn-desc){font:14px/1.7 'Segoe UI',sans-serif;color:#b4cadb;margin:15px 0}
body:is([data-route="premium"],[data-route="affiliate"]) .cta-btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;min-height:46px;background:linear-gradient(120deg,#ff890b,#d35a00);color:white;border:1px solid #ff9c36;border-radius:7px;font:600 15px/1.4 'Segoe UI',sans-serif;letter-spacing:0;text-transform:none;box-shadow:none;width:auto}
.product-offer .cta-btn{width:100%!important;margin-top:12px}
body:is([data-route="premium"],[data-route="affiliate"]) :is(.coming-soon-note,.fine-note){font:13px/1.75 'Segoe UI',sans-serif;text-align:left;max-width:none;margin:22px 0 0;padding:18px 0 0;border:0;border-top:1px solid #58402d;color:#b9c9d7;background:none}
.product-account-link{display:block;font:13px/1.6 'Segoe UI',sans-serif;color:#00bfee;margin-top:20px}
.product-showcase{margin-top:32px;max-width:940px}
body[data-route="premium"] .product-main-image{width:100%;height:auto;max-height:380px;object-fit:contain;object-position:left center;border:1px solid #355367;border-radius:10px;background:#07121c;cursor:zoom-in}
.product-showcase p{font:12px/1.6 'Segoe UI',sans-serif;color:#89a7bd;margin:10px 0 0}
.product-jumps{display:flex;gap:30px;padding:18px 0;border-block:1px solid #264052;margin-bottom:40px}
.product-jumps a{color:#a9c6d9;text-decoration:none;font:14px 'Segoe UI',sans-serif}
body:is([data-route="premium"],[data-route="affiliate"]) :is(.features,.compare,.faq,.bottom-cta,.affiliate-part){width:100%;max-width:none;margin:0 0 40px;padding:0;text-align:left;background:none;border:0!important;box-shadow:none}
body:is([data-route="premium"],[data-route="affiliate"]) .section-title{font:400 30px/1.3 'Russo One',sans-serif;letter-spacing:0;text-transform:none;margin:0 0 12px}
body:is([data-route="premium"],[data-route="affiliate"]) .section-sub{font:15px/1.7 'Segoe UI',sans-serif;color:#a7c1d5;margin:0 0 26px;max-width:780px}
body[data-route="premium"] .features-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
body[data-route="premium"] .feature-card{padding:0 0 24px;overflow:hidden;border:1px solid #2c495c;background:#0a1b29!important}
body[data-route="premium"] .feature-image{width:100%;height:auto;aspect-ratio:1.75;object-fit:contain;background:#050d16;display:block;border-radius:0}
body[data-route="premium"] :is(.feature-title,.feature-desc){margin-inline:24px}
body[data-route="premium"] .feature-title{font:600 18px/1.4 'Segoe UI',sans-serif;text-transform:none;letter-spacing:0;color:#d9ebf6;margin-top:22px;margin-bottom:12px}
body[data-route="premium"] .feature-desc{font:14px/1.7 'Segoe UI',sans-serif;color:#a7bed0}
body[data-route="premium"] .table-scroll{overflow:auto;border:1px solid #294455;border-radius:10px}
body[data-route="premium"] .compare table{width:100%;min-width:440px;margin:0;font:14px/1.7 'Segoe UI',sans-serif;background:#091825;border:0}
body[data-route="premium"] .compare :is(th,td){padding:15px 22px;border-bottom:1px solid #233c4e}
.product-question{border-bottom:1px solid #294354;padding:0}
.product-question summary{padding:21px 4px;cursor:pointer;font:600 16px/1.5 'Segoe UI',sans-serif;color:#cde1ed}
body[data-replacement] .product-question .faq-a{display:block;padding:0 25px 22px;font:15px/1.75 'Segoe UI',sans-serif;color:#a9c2d4;max-width:95ch}
body:is([data-route="premium"],[data-route="affiliate"]) .bottom-cta{padding:30px 34px!important;border:1px solid #775032!important;border-radius:10px;background:linear-gradient(100deg,#2a2119,#0b1925);margin-top:36px}
.bottom-cta h3{font-size:28px;margin:0 0 16px}.bottom-cta p{font-size:15px;line-height:1.7;color:#b7cbd9}.bottom-cta .cta-btn{margin-top:18px}
.affiliate-intro-note{display:flex;gap:20px;border-top:1px solid #314757;padding-top:25px;max-width:610px}
.affiliate-intro-note svg{width:32px;height:32px;flex-shrink:0;color:#00bfee}.affiliate-intro-note p{font:15px/1.8 'Segoe UI',sans-serif;color:#a5bed2}
body[data-route="affiliate"] .card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
body[data-route="affiliate"] .info-card{padding:28px;background:#0b1b29;border:1px solid #2a4658;border-radius:9px;backdrop-filter:none}
body[data-route="affiliate"] .info-title{font:600 18px 'Segoe UI',sans-serif;letter-spacing:0;text-transform:none;margin:14px 0}
body[data-route="affiliate"] .info-desc{font:14px/1.8 'Segoe UI',sans-serif;color:#aec3d4}
body[data-route="affiliate"] .step-num{font:400 24px 'Russo One',sans-serif;color:#ff9637}
body[data-route="affiliate"] .examples{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
body[data-route="affiliate"] .example{padding:24px;border:1px solid #295066;border-radius:9px;background:#0c2231}
/* Creator tools use task navigation and generous configuration space. */
body[data-route="tools"] .creator-tools{display:grid;grid-template-columns:220px minmax(0,1fr);gap:35px;width:92%;max-width:none;padding:32px 0}
.tools-sidebar{position:sticky;top:110px;align-self:start}
body[data-route="tools"] .tools-tabs{display:flex;flex-direction:column;border:0;gap:8px;padding:0}
body[data-route="tools"] .tools-tab{min-height:46px;padding:14px 18px;text-align:left;border:1px solid #2a4558;border-radius:7px;background:#091824;color:#adc7da;font:600 14px 'Segoe UI',sans-serif;letter-spacing:0;text-transform:none}
body[data-route="tools"] .tools-tab.on{color:#67d7fc;border-color:#007ba8;background:#0e2939}
.tools-help{margin-top:28px;padding:24px 0;border-top:1px solid #2d4354}.tools-help h2{font-size:21px;margin:0 0 13px}.tools-help p{font:14px/1.75 'Segoe UI',sans-serif;color:#96b4c9}.tools-help a{display:block;margin-top:20px;color:#00bfee;font-size:13px}
body[data-route="tools"] .tools-panel{min-width:0;grid-column:2;grid-row:1;display:none}
body[data-route="tools"] .tools-panel.on{display:block}
body[data-route="tools"] .tools-panel>.section{padding:0!important;margin:0 0 32px;border:0!important;background:none!important;border-radius:0}
body[data-route="tools"] .section-title{font:400 28px/1.3 'Russo One',sans-serif;letter-spacing:0;text-transform:none;margin:0 0 18px}
body[data-route="tools"] .section-desc{font:15px/1.75 'Segoe UI',sans-serif;color:#abc5d8;max-width:900px}
body[data-route="tools"] .section-label{font:12px 'Share Tech Mono',monospace;letter-spacing:2px;margin-bottom:12px}
body[data-route="tools"] .section-label::after{display:none}
body[data-route="tools"] .beta-note{padding:16px 20px;border:1px solid #70512d;background:#251e18;border-radius:8px;margin:22px 0}
body[data-route="tools"] :is(.app-grid,.card-grid){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
body[data-route="tools"] :is(.app-card,.overlay-card){padding:26px;border:1px solid #2d5065;border-radius:11px;background:linear-gradient(120deg,#102736,#0a1723);backdrop-filter:none;box-shadow:none;min-width:0}
body[data-route="tools"] .app-name{font-size:23px;letter-spacing:0;line-height:1.3}
body[data-route="tools"] .app-logo{width:58px;height:58px}
body[data-route="tools"] :is(.app-desc,.overlay-desc){font:15px/1.8 'Segoe UI',sans-serif;color:#aec6d8}
body[data-route="tools"] .app-feats{font:14px/1.9 'Segoe UI',sans-serif;color:#c2d6e4;margin:18px 0}
body[data-route="tools"] .app-dl-row{flex-wrap:wrap;gap:14px}
body[data-route="tools"] :is(.app-dl,.download-btn,.guide-btn){font:600 13px/1.5 'Segoe UI',sans-serif;min-height:44px;letter-spacing:0;text-transform:none;padding:12px 16px;border-radius:7px;white-space:normal;overflow-wrap:anywhere}
.tool-guide-link{display:inline-block;color:#00bfee;font-size:13px;margin-top:20px}
body[data-route="tools"] :is(.app-guide,.guide-panel){display:flex;align-items:center;gap:20px;padding:25px;border:1px solid #2b485b;border-radius:9px;background:#0b1b28;margin:20px 0}
body[data-route="tools"] :is(.app-guide,.guide-panel) .tool-guide-link{margin:0;flex-shrink:0}
body[data-route="tools"] .guide-btn{margin-left:auto;flex-shrink:0;background:#102b3b;color:#aacde2}
body[data-route="tools"] .guide-embed{max-width:100%;overflow:hidden}
.tool-demo-label{color:#8eaabf;font:12px 'Share Tech Mono',monospace;letter-spacing:1px;text-transform:uppercase;margin:25px 0 12px}
.tool-copy-note{font:13px/1.7 Consolas,monospace;color:#abc9db;overflow-wrap:anywhere;user-select:all;margin:15px 0}
body[data-route="tools"] .obs-panel{max-width:none;padding:28px;border:1px solid #2b4e63;border-radius:10px;background:#0a1b29}
body[data-route="tools"] .design-preview{min-height:150px;display:grid;place-items:center;font-size:16px;margin:22px 0}
body[data-route="tools"] .obs-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
/* Rankings remain real station data, with a useful adjacent discovery path. */
body[data-route="charts"]>a.brand{display:none}
.chart-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,.7fr);gap:35px;width:90%;margin:35px auto 55px;align-items:start}
body[data-route="charts"] main.charts-stage{width:100%;max-width:none;margin:0;padding:28px;border:1px solid #2d4b60;border-radius:12px;background:#0a1a28}
.charts-stage>h2{font-size:27px;margin:0 0 25px}
body[data-route="charts"] .chart-row{display:grid;grid-template-columns:54px minmax(0,1fr) 82px;gap:18px;align-items:center;padding:23px 0;background:none;border-bottom:1px solid #28485d;margin:0;border-radius:0}
.chart-rank{font:400 29px 'Russo One',sans-serif;color:#00bfee}.chart-row:first-of-type .chart-rank{color:#ff9933}
.chart-row strong{font:600 18px/1.5 'Segoe UI',sans-serif;color:#e0edf5}.chart-row small{font:13px/1.6 'Segoe UI',sans-serif;color:#8fb1c9}.chart-score{font:400 23px 'Russo One',sans-serif;color:#d7edf9;text-align:right}
.chart-rising{margin-top:30px;padding-top:20px;border-top:1px solid #345163}.chart-rising h2{font-size:24px;margin-bottom:18px}.chart-rising p{padding:16px;background:#102738;border-radius:7px;margin:10px 0}
.chart-explainer{padding:28px;border:1px solid #2d4656;border-radius:11px;background:linear-gradient(140deg,#102736,#091622)}
.chart-explainer h2{font-size:26px;line-height:1.3;margin:0 0 18px}.chart-explainer p:not(.page-kicker){font:15px/1.75 'Segoe UI',sans-serif;color:#a8c0d3;margin-bottom:24px}
.chart-side-note{padding:24px 0;border-top:1px solid #294555;margin-top:28px}.chart-side-note h3{font-size:20px;margin:0 0 15px}.chart-side-note a{color:#00bfee;font-size:14px}
/* Seasonal pages retain their rules, facts, eligibility routes and live board. */
body.event-page .event-hero{max-width:none;width:90%;margin:0 auto;padding:140px 0 40px;grid-template-columns:minmax(0,1fr) 300px;gap:8%;background:none}
body.event-page .event-hero h1{font-size:clamp(38px,4.5vw,72px);line-height:1.08;max-width:900px}
body.event-page .event-hero .lead{font-size:19px;line-height:1.7;max-width:780px;color:#c2cfdd}
body.event-page .event-hero img{max-width:300px;width:100%;height:auto}
body.event-page .quick.hunt-facts{width:90%;max-width:none;padding:0;gap:22px}
body.event-page .hunt-fact{background:linear-gradient(135deg,#251d1c,#0d1d2b);border-color:#6f4b30;border-radius:10px;box-shadow:none}
body.event-page .event-guide-layout{display:grid;grid-template-columns:240px minmax(0,1fr);max-width:none;width:90%;margin:0 auto;padding:38px 0;gap:5%}
body.event-page .event-guide-layout aside{top:114px;align-self:start}
body.event-page main{padding:0!important;max-width:1100px}
body.event-page main h2{scroll-margin-top:130px;font-size:29px}
body.event-page :is(p,li){font-family:'Segoe UI',sans-serif}
body.event-page .faq-tools{padding:22px;background:#0b1d2b;border:1px solid #294456;border-radius:8px}
body.event-page details.faq{padding:19px 0}
body.event-page nav[aria-label]:not(.zob-mainnav):not(.zob-footer-links):not(.zob-policies){font-family:'Segoe UI',sans-serif}
body.event-leaderboard main{width:90%;max-width:none;padding:135px 0 45px;margin:0 auto}
.event-leaderboard-intro{padding:0 0 35px!important;background:none!important;border:0!important;max-width:none!important}
.event-leaderboard-intro h1{font-size:clamp(36px,4vw,64px);max-width:1000px;line-height:1.12}
.event-rank-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:28px;align-items:start}
.event-rank-layout #board{min-width:0;padding:26px;background:#0b1b28!important;border:1px solid #30516a;border-radius:12px}
.event-rank-aside{padding:28px;border:1px solid #74502c;border-radius:10px;background:linear-gradient(145deg,#282018,#0b1a27);position:sticky;top:112px}
.event-rank-aside h2{font-size:27px;line-height:1.3;margin:0 0 20px}.event-rank-aside p{font:15px/1.75 'Segoe UI',sans-serif;color:#b8c9d6}.event-rank-aside a{margin-top:24px;display:block;font-size:14px;color:#c8e0ef}
body.event-leaderboard .table-wrap{max-width:100%;overflow:auto}
/* Common small-screen rules preserve hierarchy without sideways forms. */
@media(max-width:1150px){body:is([data-route="about"],[data-route="tools"],[data-route="contact"],[data-route="charts"],[data-route="privacy"],[data-route="terms"],[data-route="refund"]) .replacement-intro{padding-top:180px}body:is([data-route="premium"],[data-route="affiliate"]) .product-hero{padding-top:180px;gap:4%;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr)}body[data-route="premium"] .features-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reading-sidebar,.tools-sidebar,.event-rank-aside{top:155px}body[data-replacement] .reading-layout{grid-template-columns:210px minmax(0,1fr);gap:30px}body[data-route="tools"] .creator-tools{grid-template-columns:180px minmax(0,1fr);gap:24px}body[data-route="tools"] .app-grid{grid-template-columns:1fr}body[data-route="tools"] :is(.app-guide,.guide-panel){flex-wrap:wrap}body[data-route="tools"] .guide-btn{margin:0}.event-rank-layout{grid-template-columns:minmax(0,1fr) 260px}body.event-page .event-hero,body.event-leaderboard main{padding-top:180px}.guide-page>.hero{padding-top:185px!important}}
@media(max-width:800px){.about-opening{grid-template-columns:1fr;gap:30px}.about-journeys{grid-template-columns:1fr}body[data-route="about"] .genre-roster{grid-template-columns:repeat(2,minmax(0,1fr))}.chart-layout{grid-template-columns:1fr}.event-rank-layout{grid-template-columns:1fr}.event-rank-aside{position:static}body.event-page .event-guide-layout{grid-template-columns:180px minmax(0,1fr);gap:25px}body[data-route="contact"] main.contact-layout{gap:25px;grid-template-columns:240px minmax(0,1fr)}.contact-fields{grid-template-columns:1fr}}
@media(max-width:760px){body:is([data-route="about"],[data-route="tools"],[data-route="contact"],[data-route="charts"],[data-route="privacy"],[data-route="terms"],[data-route="refund"]) .replacement-intro{padding:120px 22px 30px}.page-community{display:block;padding:25px}.page-community .page-action{margin-top:20px}.page-community h2{font-size:25px}body[data-route="about"] .section-title{font-size:25px}body[data-route="about"] .mission-card-lead{font-size:17px}body[data-route="about"] .genre-roster{grid-template-columns:1fr}body[data-replacement] .reading-layout{display:block;width:calc(100% - 40px);padding-top:24px}.reading-sidebar{position:static;max-height:none;border-right:0;padding:0 0 25px;margin-bottom:24px;border-bottom:1px solid #294354}.reading-toc{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.reading-toc>.page-kicker{grid-column:1/-1}.reading-toc a{font-size:12px}.reading-support{display:none}.reading-article h2{font-size:24px}.reading-article p,.reading-article li{font-size:15px;line-height:1.8}.guide-page>.hero{padding:130px 22px 30px!important}.guide-page .reading-article .step{padding:22px}body[data-route="contact"] main.contact-layout{display:flex;flex-direction:column-reverse;width:calc(100% - 36px)}body[data-route="contact"] .panel{padding:24px;width:100%}.contact-routing{margin-top:20px}.contact-fields{grid-template-columns:1fr}body[data-route="contact"] :is(input,select,textarea){font-size:16px}body:is([data-route="premium"],[data-route="affiliate"]) .product-hero{display:block;padding:125px 0 32px}.product-offer{margin-top:28px;padding:25px}body:is([data-route="premium"],[data-route="affiliate"]) .hero-title{font-size:40px}body:is([data-route="premium"],[data-route="affiliate"]) .hero-sub{font-size:16px}body[data-route="premium"] .features-grid,body[data-route="affiliate"] .card-grid{grid-template-columns:1fr}.product-jumps{gap:15px;flex-wrap:wrap}.product-jumps a{font-size:12px}body[data-route="affiliate"] .examples{grid-template-columns:1fr}.product-question summary{font-size:15px}body[data-route="tools"] .creator-tools{display:block;width:calc(100% - 36px)}.tools-sidebar{position:static;margin-bottom:25px}.tools-help{display:none}body[data-route="tools"] .tools-tabs{flex-direction:row;gap:6px}body[data-route="tools"] .tools-tab{padding:10px;flex:1;text-align:center;font-size:12px}.tools-panel{min-width:0}body[data-route="tools"] .card-grid{grid-template-columns:1fr}body[data-route="tools"] :is(.app-card,.overlay-card,.obs-panel){padding:22px}body[data-route="tools"] .app-top{flex-wrap:wrap}.chart-layout{width:calc(100% - 36px);gap:22px}body[data-route="charts"] main.charts-stage{padding:22px}body[data-route="charts"] .chart-row{grid-template-columns:30px minmax(0,1fr) 55px;gap:12px}.chart-row strong{font-size:15px}.chart-rank{font-size:22px}.chart-score{font-size:19px}body.event-page .event-hero{grid-template-columns:1fr;padding-top:125px;position:relative}body.event-page .event-hero img{position:static;width:180px;opacity:1;margin:auto}body.event-page .quick.hunt-facts{grid-template-columns:1fr}body.event-page .event-guide-layout{display:block;padding:28px 0}body.event-page .event-guide-layout aside{position:static;padding-bottom:24px}body.event-page .event-guide-layout aside nav{display:flex;flex-wrap:wrap;gap:10px 18px}body.event-page .table-scroll{max-width:100%;overflow:auto}body.event-leaderboard main{padding-top:125px}.event-rank-layout #board{padding:20px}.event-rank-aside{padding:24px}}
@media(prefers-reduced-motion:reduce){body[data-replacement] *{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}

.guide-embedded>.zob-header,.guide-embedded>.zob-footer{display:none!important}.guide-embedded>.hero{padding-top:32px!important}.guide-embedded .reading-sidebar{position:static}

.guide-page .step-body{min-width:0;flex:1}.guide-page pre{white-space:pre-wrap;overflow-wrap:anywhere}.guide-page code{white-space:normal}.guide-page .hero h1{text-shadow:none}.guide-page .section-title{font:400 26px/1.3 'Russo One',sans-serif;color:#e8edf6;letter-spacing:0}.guide-page .step-title{font:600 17px/1.5 'Segoe UI',sans-serif;color:#d8e8f4}

body[data-route="contact"] #message{min-height:190px}.reading-article [role="heading"][aria-level="2"]{scroll-margin-top:150px}

body.guide-page{--purple:#00aaff;--pink:#ff7a00;--gold:#ff9b44;--dim:#9fb6ca;--text:#d9e6f0}.guide-page .hero::before{opacity:.25}.guide-page .hero-eyebrow{color:#00bfee}.guide-page .hero h1{font-family:'Russo One',sans-serif}

.page-masthead-bot{position:absolute;right:7%;bottom:0;height:360px;width:auto;max-width:38%;object-fit:contain;pointer-events:none}
body[data-route="about"] .replacement-intro>div{max-width:62%}
.product-bot{display:block;width:auto;height:230px;max-width:100%;object-fit:contain;margin:-20px auto -10px}
@media(max-width:1000px){.page-masthead-bot{display:none}body[data-route="about"] .replacement-intro>div{max-width:none}}
@media(max-width:760px){.product-bot{height:210px}}
/* Individual compositions, reviewed together rather than globally recoloured. */
body[data-route="about"] .replacement-intro h1 span { color:#ff9638; }
body[data-route="about"] .about-opening .section-label { color:#ffac62; }
body[data-route="about"] .about-opening .mission-card-lead { padding:4px 0 4px 24px; border-left:2px solid #ff9638; }
body[data-route="about"] .page-community { border-color:#765032; background:radial-gradient(ellipse at 85% 50%,#8b420025,transparent 65%),linear-gradient(110deg,#211c19,#0c1823); }
body[data-route="about"] .page-community .page-kicker { color:#ffac62; }
body[data-route="about"] .page-community .page-action { border-color:#9a653b; background:#352519; color:#ffdab4; }
body[data-route="about"] .about-journeys .about-card:nth-of-type(2) { border-top-color:#bc7842!important; }
body[data-route="tools"] .replacement-intro h1 .tools-create-word { color:#ff9638; }
body[data-route="tools"] .app-grid .app-card.promo { border-color:#674730; background:linear-gradient(125deg,#2a201a,#0e1924); }
body[data-route="tools"] .tools-help h2 { color:#ffac62; }
body[data-route="tools"] .tools-help { border-top-color:#70482d; }
body[data-route="charts"] .replacement-intro h1 span { color:#ff9638; }
body[data-route="charts"] .chart-explainer { background:radial-gradient(ellipse at 100% 0%,#79431930,transparent 65%),#101a25; border-color:#664832; }
body[data-route="charts"] .chart-explainer .page-kicker { color:#ffb273; }
body[data-route="charts"] .chart-rising h2 { color:#ffb273; }
body[data-route="contact"] .replacement-intro h1 span { color:#ff9638; }
body[data-route="contact"] .contact-routing>.page-kicker { color:#ffb273; }
body[data-route="contact"] .contact-routing>.page-action { background:#2f231a; color:#ffce9d; border-color:#885b38; }
body[data-route="contact"] .contact-routing>.page-action:hover { background:#423020; border-color:#ff9638; }
body[data-route="affiliate"] .affiliate-intro-note { border-top-color:#66452f; }
body[data-route="affiliate"] .affiliate-intro-note svg { color:#ffac62; }
body[data-route="affiliate"] .affiliate-part .section-title { text-align:left; }
body[data-route="affiliate"] .affiliate-part .section-sub { text-align:left; }
body[data-route="affiliate"] .card-grid .info-card { background:linear-gradient(145deg,#14212c,#0a1420); border-top-color:#a16b3c; }

/* Long reads use the same quiet heading hierarchy as the rest of the site. */
body:is([data-route="privacy"],[data-route="terms"],[data-route="refund"]) .reading-article h2{color:#dfebf5;font-size:24px;letter-spacing:0;line-height:1.35;margin:32px 0 16px}
body:is([data-route="privacy"],[data-route="terms"],[data-route="refund"]) .reading-article h2:first-child{margin-top:0}
body[data-route="affiliate"] .faq .section-title{text-align:left}
body[data-route="affiliate"] .faq .section-title .accent{color:#ffac62}
@media(min-width:761px) and (max-width:1100px){
 body[data-route="tools"] .card-grid{grid-template-columns:1fr}
}
@media(max-width:760px){
 body:is([data-route="privacy"],[data-route="terms"],[data-route="refund"]) .reading-article>.panel{padding:22px 18px}
 .guide-page .reading-article .step{padding:18px}
 .reading-toc a{min-height:40px;display:flex;align-items:center;line-height:1.5}
}