/* Shared visual system and accessibility layer for every ATOM template. */
:root{--atom-ink:#081725;--atom-cyan:#57e5e1;--atom-coral:#ff6c52;--atom-lime:#c8ff61;--atom-radius:18px;--atom-shadow:0 24px 70px rgba(4,17,29,.14)}
html{font-synthesis:none;text-rendering:optimizeLegibility}
body{-webkit-font-smoothing:antialiased}
img,video{max-width:100%}
a,button{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible{outline:3px solid var(--atom-coral);outline-offset:4px}
.skip-link{position:fixed;z-index:10000;left:18px;top:14px;padding:11px 16px;color:var(--atom-ink);background:var(--atom-lime);border-radius:999px;font-weight:800;transform:translateY(-180%);transition:transform .2s}
.skip-link:focus{transform:none}
main{isolation:isolate}
.site-header,.header{box-shadow:0 10px 35px rgba(2,12,21,.08)}
.nav-links a{letter-spacing:-.01em}
.btn,.button,.nav-cta,.nav-contact{border-radius:999px}
.article-card,.link-card,.hero-console,.category-card,.media-note,.price-panel{box-shadow:0 1px 0 rgba(255,255,255,.04);transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}
.article-card:hover,.link-card:hover,.category-card:hover,.media-note:hover{box-shadow:var(--atom-shadow)}
.article-card p,.link-card p,.section-copy,.lead{line-height:1.82}
.article-card h2,.article-card h3,.link-card h3,h1,h2{text-wrap:balance}
.floating,.floating-call{bottom:max(18px,env(safe-area-inset-bottom));box-shadow:0 18px 50px rgba(3,14,24,.28)}
@media(max-width:720px){
  body{word-break:normal;overflow-wrap:anywhere}
  .container,.shell{width:min(calc(100% - 32px),var(--max,1240px))}
  h1{line-height:1.08}
  .article-card,.wide-content,.link-card{border-radius:14px}
  .floating,.floating-call{left:16px;right:16px;justify-content:center;text-align:center}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.skip-link{transition:none}}
@media(prefers-contrast:more){a:focus-visible,button:focus-visible{outline-width:4px}.article-card,.link-card,.category-card{border-color:currentColor}}
