:root{--mx:50%;--my:50%;--rx:0deg;--ry:0deg}
html{scroll-behavior:smooth}
body{background:
  radial-gradient(circle at 8% 18%,rgba(212,175,55,.08),transparent 28rem),
  linear-gradient(180deg,#f5f7fc 0,#f7f3e8 22rem,#f7f3e8 100%)}
.site-head{position:relative;isolation:isolate;overflow:hidden;box-shadow:0 12px 34px rgba(7,17,47,.22)}
.site-head:before{content:"";position:absolute;inset:-80%;z-index:-1;background:conic-gradient(from 30deg,transparent,rgba(212,175,55,.15),transparent 22%);animation:blog-orbit 20s linear infinite}
@keyframes blog-orbit{to{transform:rotate(1turn)}}
.hero{position:relative;overflow:hidden;isolation:isolate}
.hero:after{content:"";position:absolute;inset:auto -8rem -9rem auto;width:26rem;height:26rem;z-index:-1;border:1px solid rgba(212,175,55,.22);border-radius:50%;box-shadow:0 0 0 3rem rgba(12,26,74,.035),0 0 0 7rem rgba(212,175,55,.025);transform:perspective(800px) rotateX(62deg)}
.hero div{position:relative;z-index:1}
.hub-toolbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(190px,280px);gap:.8rem;margin:1.25rem 0 1.6rem;padding:1rem;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.82);box-shadow:0 12px 32px rgba(12,26,74,.07);backdrop-filter:blur(14px)}
.hub-toolbar label{display:grid;gap:.25rem;color:var(--navy);font-size:.78rem;font-weight:850;letter-spacing:.04em;text-transform:uppercase}
.hub-toolbar input,.hub-toolbar select{width:100%;min-height:46px;padding:.65rem .75rem;border:1px solid rgba(12,26,74,.22);border-radius:10px;background:#fff;color:var(--ink);font:650 .94rem/1.2 system-ui,sans-serif}
.hub-toolbar input:focus-visible,.hub-toolbar select:focus-visible{outline:3px solid rgba(212,175,55,.45);outline-offset:2px}
.hub-summary{margin:-.7rem 0 1.2rem;color:var(--muted);font-size:.86rem}
.topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;perspective:1100px}
.topic-card{position:relative;isolation:isolate;display:flex;flex-direction:column;min-height:230px;padding:1.2rem;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(244,247,253,.92));box-shadow:0 15px 38px rgba(12,26,74,.085);transform-style:preserve-3d;backface-visibility:hidden;will-change:transform;transition:transform .2s cubic-bezier(.2,.75,.25,1),box-shadow .2s ease,border-color .2s ease}
.topic-card:after{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:radial-gradient(circle at var(--mx) var(--my),rgba(255,255,255,.9),rgba(212,175,55,.10) 28%,transparent 58%);opacity:0;transition:opacity .18s ease}
.topic-card[data-active="true"]:after{opacity:1}
.topic-card h2{margin:.45rem 0;color:var(--navy);font:750 1.35rem/1.23 Georgia,serif}
.topic-card p{margin:.35rem 0;color:#3d4658}
.topic-card a{margin-top:auto;padding-top:.75rem;font-weight:850}
.topic-card[hidden]{display:none!important}
.topic-icon{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(212,175,55,.42);border-radius:13px;background:linear-gradient(145deg,#132963,#081437);color:#f0d06c;font-size:1.2rem;box-shadow:0 8px 18px rgba(12,26,74,.18)}
.service-positioning{margin:2rem 0;padding:1.2rem 1.3rem;border:1px solid rgba(212,175,55,.45);border-radius:18px;background:linear-gradient(135deg,#0c1a4a,#1d3473);color:#fff;box-shadow:0 18px 42px rgba(12,26,74,.18)}
.service-positioning h2{margin:0;color:#f0d06c;font:750 1.5rem/1.25 Georgia,serif}.service-positioning p{margin:.45rem 0;color:rgba(255,255,255,.84)}.service-positioning small{color:rgba(255,255,255,.68)}
.source-list{display:grid;gap:.55rem;padding:0;list-style:none}.source-list a{display:block;padding:.75rem .85rem;border:1px solid var(--line);border-radius:10px;background:#f7f9fd;font-weight:750}
.issue-map{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.issue-panel{padding:1rem;border:1px solid var(--line);border-radius:14px;background:#fafbfe}.issue-panel h2{margin-top:0!important}
.urgent-note{padding:1rem;border-inline-start:5px solid #b64a3d;border-radius:10px;background:#fff0ed}
.directory-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem}.directory-nav a{display:flex;align-items:center;min-height:60px;padding:.75rem;border:1px solid var(--line);border-radius:12px;background:#fff;text-decoration:none;font-weight:800;box-shadow:0 8px 22px rgba(12,26,74,.055)}
.motion-in{opacity:1;transform:none}html.motion-ready .motion-in:not(.is-visible){opacity:0;transform:translate3d(0,18px,0) scale(.985)}html.motion-ready .motion-in{transition:opacity .52s ease,transform .52s cubic-bezier(.2,.75,.25,1)}
@media(hover:hover) and (pointer:fine){.topic-card[data-motion="true"]{transform:perspective(1000px) rotateX(var(--rx)) rotateY(var(--ry)) translate3d(0,var(--lift,0),0)}.topic-card[data-active="true"]{--lift:-6px;border-color:rgba(212,175,55,.62);box-shadow:0 27px 58px rgba(12,26,74,.16),0 8px 19px rgba(212,175,55,.10)}}
@media(max-width:900px){.topic-grid,.directory-nav{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.hub-toolbar{grid-template-columns:1fr}.topic-grid,.directory-nav,.issue-map{grid-template-columns:1fr}.topic-card{min-height:0;will-change:auto}.hero:after{right:-15rem}.service-positioning{border-radius:14px}.article{overflow-wrap:anywhere}}
@media(hover:none),(pointer:coarse){.topic-card:active,.directory-nav a:active{transform:perspective(700px) translate3d(0,2px,0) scale(.985)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.site-head:before{animation:none}.topic-card,.motion-in{transform:none!important;transition:none!important;animation:none!important}html.motion-ready .motion-in:not(.is-visible){opacity:1}}