/* Topic pages (/stories/…): legal.css layout + the landing's reader and store buttons from site.css. */
.topic{background:#FFF6EC}
.topic .bar{max-width:1120px}
.t-nav{display:flex;align-items:center;gap:20px}
.t-nav a{color:#F8D08E;font-weight:800;font-size:15px;text-decoration:none}
.t-nav .btn-sm{color:#2A1E3A;height:40px;padding:0 18px;font-size:14px}
.t-hero{max-width:1120px;margin:0 auto;padding:20px 20px 56px;display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
.crumbs{font-size:14px;font-weight:700;color:#C9B6C4;margin-bottom:10px}.crumbs a{color:#F8D08E}
.t-hero h1{font-family:"Young Serif",serif;font-weight:400;font-size:50px;line-height:1.05;margin:0 0 18px;color:#FFF6EA}
.t-lead{font-size:19px;line-height:1.6;color:#E3D6EE;margin:0 0 14px}
.t-note{font-size:15px;color:#C9B6C4;margin:0 0 22px}
.t-hero .stores{display:flex;gap:12px;flex-wrap:wrap}
.t-phone{display:flex;justify-content:center}
.t-phone .ph-main{position:relative;left:auto;top:auto;margin:0;width:300px}
.t-facts{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:14px 0 18px}
.t-facts li{background:#FFFBF4;border-radius:16px;padding:12px 14px;box-shadow:0 0 0 1.5px #F0DFCF;margin:0;color:#3A2433;font-weight:700}
.t-facts b{display:block;font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:#C8603A}
.t-steps li{margin:8px 0}
.t-cta{margin:48px 0 8px;padding:36px 28px;border-radius:32px;text-align:center;color:#FFF6EA;background:radial-gradient(ellipse at 50% 40%,#43306A,#171027)}
.t-cta h2{margin:0 0 8px;font-size:32px;color:#FFF6EA}.t-cta p{color:#E3D6EE;margin:0 0 22px}
.t-cta .stores{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}
.t-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:16px 0}
.t-grid.big{grid-template-columns:repeat(4,1fr);gap:18px}
.t-card{display:block;text-decoration:none;color:#3A2433;font-weight:800}
.t-card img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:20px;box-shadow:0 14px 30px rgba(90,50,40,.16);margin-bottom:8px}
.t-card:hover span{color:#C8603A}
.t-hub{max-width:1120px}
@media (max-width:860px){.t-hero{grid-template-columns:1fr;text-align:center}.t-hero .stores{justify-content:center}.t-hero h1{font-size:36px}
  .t-phone .ph-main{width:260px}.t-grid,.t-grid.big{grid-template-columns:1fr 1fr}.t-nav a:not(.btn-sm){display:none}}
.topic .store,.topic .store *,.topic .btn-sm{text-decoration:none}.topic .store{color:#FFF6EA}
.t-top{overflow:hidden}
/* Animated night sky behind the header (same pieces and keyframes as the landing hero, from site.css). */
.t-top{position:relative;overflow:hidden;background:radial-gradient(ellipse at 70% 60%,#43306A 0%,#2A1E4A 45%,#171027 100%)}
.sky{position:absolute;inset:0;pointer-events:none;z-index:0}
.sky .hills{height:150px}
.t-top .bar,.t-top .t-hero,.t-top .hd{position:relative;z-index:2}
.t-top .t-hero{padding-bottom:110px}.t-top .hd{padding-bottom:110px}
@media (max-width:860px){.sky .moon{display:none}}
@media (prefers-reduced-motion:reduce){.sky *{animation:none!important}}