:root{--ts-navy:#07152d;--ts-navy-soft:#0d203d;--ts-gold:#d2ad62;--ts-cream:#f6efdF;--ts-muted:#c2c6d0}
.three-skies-page{background:radial-gradient(ellipse at 50% 0,#12294a 0,var(--ts-navy) 58%);color:var(--ts-cream)}
.three-skies-page .master-shell{max-width:1480px;margin:auto}
.three-skies-page main{padding:clamp(1rem,4vw,4rem)}
.ts-hero{display:flex;flex-direction:column;gap:clamp(1rem,2.5vw,2rem);padding:clamp(1rem,3vw,2.5rem);border:1px solid #cda85a55;border-radius:24px;background:linear-gradient(145deg,#101f3d,#081329);box-shadow:0 24px 70px #0007;overflow:hidden}.ts-hero-copy{order:2;max-width:1050px;margin:0 auto;text-align:center}.ts-hero-copy .ts-lead{margin-left:auto;margin-right:auto}.ts-cover{order:1}
.ts-kicker{color:var(--ts-gold);letter-spacing:.16em;font-size:.76rem;font-weight:700;text-transform:uppercase}.ts-status,.ts-pending{display:inline-flex;align-items:center;gap:.55rem;border:1px solid #d2ad6270;border-radius:999px;padding:.55rem .9rem;color:#f1d58f;background:#d2ad6215;font-size:.83rem;font-weight:700;letter-spacing:.035em}.ts-hero h1{max-width:850px;margin:.7rem 0;color:#fff4d7;font-family:Georgia,'Times New Roman',serif;font-size:clamp(2.5rem,5.3vw,5rem);line-height:1.02}.ts-hero h1 span{display:block;color:var(--ts-gold);font-size:.62em;margin-top:.45em}.ts-subtitle{font-family:Georgia,serif;font-size:clamp(1.25rem,2.5vw,1.8rem);color:#f1dfb5}.ts-lead{max-width:700px;font-size:1.08rem;line-height:1.8;color:#e1e3e8}.ts-button,.ts-cta-row a{display:inline-flex;align-items:center;justify-content:center;gap:.8rem;border:1px solid var(--ts-gold);border-radius:999px;padding:.9rem 1.25rem;color:#111b2d;background:linear-gradient(135deg,#efd58e,#b88b3d);font-weight:700;text-decoration:none}.ts-cover{margin:0;width:100%;max-width:1320px;padding:5px;border:1px solid #dab86788;border-radius:16px;background:#07152d;box-shadow:0 25px 65px #0009;transform:none}.ts-cover img{display:block;width:100%;height:auto;border-radius:12px}.ts-cover figcaption{padding:.6rem .25rem .15rem;text-align:center;color:#d9c18d;font-size:.76rem}
.ts-section{max-width:1180px;margin:clamp(3.5rem,8vw,7rem) auto}.ts-section h2{margin:.35rem 0 1rem;color:#fff4d7;font:clamp(2rem,3.5vw,3rem)/1.12 Georgia,serif}.ts-section>p:not(.ts-kicker){max-width:850px;color:#d8dce5;line-height:1.8}.ts-method{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;margin:1.8rem 0}.ts-method span{padding:1rem;border:1px solid #d2ad6244;border-radius:12px;background:#ffffff08;color:#f4e1b6;text-align:center}.ts-note{font-size:.88rem;color:#afb9cb!important}.ts-traditions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem;margin-top:2rem}.ts-tradition{overflow:hidden;border:1px solid #d2ad6255;border-radius:18px;background:linear-gradient(160deg,#112544,#09152b 74%);box-shadow:0 18px 44px #0004}.ts-tradition>img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.ts-card-copy{padding:1.35rem}.ts-card-copy h3{margin:.5rem 0;color:#fff1ce;font:1.65rem/1.1 Georgia,serif}.ts-card-copy p:not(.ts-kicker){color:#d1d6e0;line-height:1.65}.ts-card-copy .ts-pending{font-size:.72rem}.ts-dialogue{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.ts-dialogue>div{padding:clamp(1.3rem,3vw,2.2rem);border:1px solid #d2ad6255;border-radius:18px;background:#ffffff08}.ts-summary{text-align:center;padding:clamp(2rem,5vw,4rem);border-block:1px solid #d2ad6244}.ts-summary>p{margin-inline:auto}.ts-summary .ts-pending{margin-top:1rem}.ts-text-link{display:block;margin-top:2rem;color:#eed28a}.ts-offers{padding:clamp(1.5rem,4vw,3rem);border:1px solid #d2ad6255;border-radius:18px;background:linear-gradient(130deg,#101f3b,#09152b)}.ts-cta-row{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.4rem}.ts-cta-row a{padding:.78rem 1rem;font-size:.9rem}.ts-footer{padding:2rem clamp(1rem,4vw,4rem);border-top:1px solid #d2ad6244}.ts-footer,.ts-footer p{color:#c8cfdb}
/* Localized campaign card shared by the six horoscope hubs. */
.hh-three-skies{margin:1.5rem 0 2rem}.hh-three-skies-link{display:grid;grid-template-columns:minmax(180px,280px) 1fr;align-items:center;gap:clamp(1.3rem,4vw,3rem);min-height:230px;padding:clamp(1rem,3vw,2rem);overflow:hidden;border:1px solid #cba55d88;border-radius:20px;background:linear-gradient(105deg,#07152df2,#101d3bed),url('/three-skies/images/three-skies-cover.webp') center/cover;box-shadow:0 18px 50px #0005;color:#fff4d7;text-decoration:none;transition:transform .2s ease,border-color .2s ease}.hh-three-skies-link:hover,.hh-three-skies-link:focus-visible{transform:translateY(-3px);border-color:#f1d58f;outline:2px solid #f1d58f;outline-offset:3px}.hh-three-skies-link img{width:100%;aspect-ratio:16/9;max-height:260px;object-fit:cover;border-radius:10px;filter:drop-shadow(0 12px 20px #0008)}.hh-three-skies-copy .hh-eyebrow{color:#d9b66a;letter-spacing:.14em}.hh-three-skies-copy h2{font:clamp(1.7rem,3.5vw,2.7rem)/1.08 Georgia,serif;color:#fff0cb}.hh-three-skies-copy p{max-width:720px;color:#e0e3e9;line-height:1.65}.hh-three-skies-badge{display:inline-block;border:1px solid #d2ad6288;border-radius:999px;padding:.4rem .7rem;color:#f2d994;font-size:.77rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}
@media(max-width:800px){.three-skies-page main{padding:.8rem}.ts-hero{padding:1rem;gap:1.25rem}.ts-cover{width:100%}.ts-traditions{grid-template-columns:1fr}.ts-tradition{display:grid;grid-template-columns:minmax(110px,.8fr) 1.2fr}.ts-tradition>img{height:100%;min-height:240px;aspect-ratio:auto}.ts-card-copy{padding:1rem}.ts-dialogue{grid-template-columns:1fr}.ts-method{grid-template-columns:1fr}.hh-three-skies-link{grid-template-columns:1fr;gap:.8rem}.hh-three-skies-link img{height:auto;max-height:none;object-position:center}.hh-three-skies-copy h2{font-size:1.75rem}}
@media(max-width:420px){.ts-tradition{grid-template-columns:1fr}.ts-tradition>img{height:auto;min-height:0;aspect-ratio:4/3}.ts-cta-row{display:grid;grid-template-columns:1fr}.ts-cta-row a{width:100%}.ts-hero h1{font-size:2.45rem}.ts-cover{width:100%}}
@media(prefers-reduced-motion:reduce){.hh-three-skies-link{transition:none}}

.hh-three-skies-index{margin:-1.2rem 0 2rem;text-align:center}.hh-three-skies-index a{color:#e8c779;font-weight:700;text-underline-offset:4px}.hh-three-skies-index a:focus-visible{outline:2px solid #f1d58f;outline-offset:4px}

/* October 2026 sign-by-sign horoscope reuses the existing Western zodiac artwork. */
.ts-signs-intro{max-width:900px;margin:0 auto 1.6rem;text-align:center}
.ts-signs-note{margin:1rem auto 0!important;color:#b8c2d1!important;font-size:.9rem}
.ts-sign-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.ts-sign-card{min-width:0;padding:1.15rem;border:1px solid #d2ad6255;border-radius:18px;background:linear-gradient(155deg,#112544,#09152b 78%);box-shadow:0 14px 36px #0003}
.ts-sign-head{display:grid;grid-template-columns:76px minmax(0,1fr);align-items:center;gap:.9rem}
.ts-sign-head img{display:block;width:76px;height:76px;object-fit:cover;border:1px solid #d2ad6277;border-radius:50%;background:#07152d}
.ts-sign-head .ts-kicker{margin:0;font-size:.62rem;letter-spacing:.11em}
.ts-sign-head h3{margin:.25rem 0;color:#fff1ce;font:1.5rem/1.1 Georgia,serif}
.ts-sign-title{margin:.3rem 0 0;color:#e8c779;font-weight:700;line-height:1.3}
.ts-sign-copy{color:#d8dce5;line-height:1.65}
.ts-sign-focus{display:grid;gap:.4rem;margin:1rem 0 0;padding:0;list-style:none}
.ts-sign-focus li{display:grid;grid-template-columns:74px minmax(0,1fr);gap:.45rem;padding-top:.45rem;border-top:1px solid #d2ad6233;color:#d1d6e0;font-size:.9rem;line-height:1.45}
.ts-sign-focus b{color:#f0d48f;font-size:.8rem}
@media(max-width:900px){.ts-sign-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.ts-sign-grid{grid-template-columns:1fr}.ts-sign-card{padding:1rem}.ts-signs{margin-top:3rem}}

/* October monthly dossiers: existing zodiac artwork, a single accessible reading. */
.ts-sign-picker{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.85rem;margin:1.8rem 0}
.ts-sign-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;min-width:0;min-height:130px;padding:.75rem .35rem;border:1px solid #d2ad6244;border-radius:18px;background:#0c1c35;color:#f4e5c2;font:inherit;font-size:.88rem;cursor:pointer;transition:background .18s,border-color .18s,transform .18s}
.ts-sign-tab .symbol{display:block;width:82px;height:82px}
.ts-sign-tab .zodiac-art{display:block;width:100%;height:100%;object-fit:contain;border-radius:50%}
.ts-sign-tab:hover{border-color:#d2ad62;transform:translateY(-2px)}
.ts-sign-tab.active{border-color:#edcb80;background:linear-gradient(145deg,#354463,#142b48);box-shadow:0 0 0 2px #d2ad6233}
.ts-sign-tab:focus-visible,.ts-month-panel:focus-visible,.ts-three-layers summary:focus-visible{outline:3px solid #f6d481;outline-offset:4px}
.ts-signs-note{max-width:72ch;font-size:.9rem;color:#b8c9dd}
.ts-month-panel{max-width:850px;margin:2rem auto 0;padding:clamp(1.2rem,3vw,2.5rem);animation:ts-reveal .2s ease-out}
.ts-month-panel[hidden]{display:none!important}
.ts-dossier-head{display:flex;align-items:center;gap:1.4rem;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid #d2ad6244}
.ts-dossier-head img{width:110px;height:110px;object-fit:contain;flex-shrink:0;border-radius:50%}
.ts-dossier-head h3{font-size:clamp(1.5rem,3vw,2rem);line-height:1.25;margin:.5rem 0}
.ts-reading-block{margin:1.6rem 0}
.ts-reading-block h4{color:#f0d193;font-size:1.08rem;margin:0 0 .65rem}
.ts-reading-block p{font-size:1rem;line-height:1.85;max-width:70ch;margin:.7rem 0;color:#e0e8f3}
.ts-windows ol{list-style:none;padding:0;display:grid;gap:.85rem}
.ts-windows li{padding:.85rem 1rem;border-left:2px solid #d2ad62;background:#ffffff05;border-radius:0 10px 10px 0}
.ts-windows li strong{color:#f0d193}
.ts-windows li p{font-size:.93rem;margin:.35rem 0 0}
.ts-three-layers{border-top:1px solid #d2ad6244;border-bottom:1px solid #d2ad6244;padding:1.1rem 0}
.ts-three-layers summary{color:#f0d193;font-size:1.05rem;cursor:pointer;min-height:44px;align-content:center}
.ts-three-layers .ts-reading-block h4{font-size:.8rem;letter-spacing:.1em}
.ts-three-layers .ts-reading-block p{font-size:.93rem;color:#c4d2e3}
.ts-final-advice{padding:1.3rem;border-radius:14px;background:linear-gradient(125deg,#d2ad621c,#2241614a)}
@keyframes ts-reveal{from{opacity:.4;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:760px){.ts-sign-picker{grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem}.ts-sign-tab{min-height:115px;font-size:.8rem}.ts-sign-tab .symbol{width:70px;height:70px}}
@media(max-width:460px){.ts-sign-picker{grid-template-columns:repeat(3,minmax(0,1fr))}.ts-dossier-head{gap:.75rem;align-items:flex-start}.ts-dossier-head img{width:64px;height:64px}.ts-dossier-head .ts-kicker{font-size:.63rem}.ts-dossier-head h3{font-size:1.35rem}.ts-month-panel{padding:1rem}.ts-reading-block p{line-height:1.8}.ts-final-advice{padding:1rem}}
@media(prefers-reduced-motion:reduce){.ts-month-panel{animation:none}.ts-sign-tab{transition:none}.ts-sign-tab:hover{transform:none}}
.ts-signs,.ts-month-panel{scroll-margin-top:100px}
/* Long localized labels remain usable at 320px. */
.ts-sign-tab{overflow-wrap:anywhere;hyphens:auto}
.ts-signs-intro,.ts-reading-block,.ts-dossier-head h3,.ts-section h2,.ts-cta-row a{overflow-wrap:break-word}
@media(max-width:375px){.ts-sign-tab{font-size:.76rem}.ts-sign-tab .symbol{width:64px;height:64px}.ts-dossier-head{flex-direction:column}.ts-dossier-head img{width:72px;height:72px}.ts-dossier-head h3{font-size:1.4rem}}
.ts-hero-copy,.ts-dialogue>*,.ts-method>*{min-width:0;max-width:100%}
.ts-hero h1,.ts-kicker,.ts-status,.ts-pending{overflow-wrap:anywhere}
.ts-status,.ts-pending,.ts-button{max-width:100%}