/* Page CSS scoped to :where(.wst-s-legal) (build/scope_css_apply.py): content rules apply only inside this
   page's template or its blocks, so blocks from different pages can share a page. :where() keeps specificity unchanged.
   Chrome rules stay global. */
/* Legal page family (Terms, AUP, Digital Marketing / Domain / Hosting / Web Design Terms) — design <helmet> CSS verbatim (identical on all six pages; html/body background moved to site.css). */
    html,body{margin:0;}
    *{box-sizing:border-box;}
    a{color:#c7361d;text-decoration:none;}
    a:hover{color:#e44125;}
    @keyframes wstDraw{to{stroke-dashoffset:0;}}
    @media (prefers-reduced-motion: reduce){:where(.wst-s-legal) .wst-draw{animation:none !important;stroke-dashoffset:0 !important;}}
    [data-m="burger"]{display:none;}
    [data-m="burger"] summary{list-style:none;}
    [data-m="burger"] summary::-webkit-details-marker{display:none;}
    @media (max-width:820px){
      [data-m="nav"]{display:none !important;}
      [data-m="burger"]{display:block;}
      :where(.wst-s-legal) [data-m="toc"]{display:none !important;}
      :where(.wst-s-legal) [data-m="clients"]{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:28px 24px !important;}
      :where(.wst-s-legal) [data-m="clients"] img{max-width:100% !important;max-height:56px !important;}
      :where(.wst-s-legal) [data-m="hero-space"]{height:280px !important;}
      :where(.wst-s-legal) [data-m="hero-mark"]{top:auto !important;bottom:0 !important;height:300px !important;width:100% !important;}
      :where(.wst-s-legal) [data-m="hero-p"]{width:auto !important;}
    }
    @media (max-width:820px){
      :where(.wst-s-legal) [data-p="sec"]{padding-top:56px !important;padding-bottom:56px !important;}
      :where(.wst-s-legal) [data-p="hero"]{padding-top:56px !important;padding-bottom:48px !important;}
      :where(.wst-s-legal) [data-p="band"]{padding-top:32px !important;padding-bottom:32px !important;}
      :where(.wst-s-legal) [data-p="card"]{padding:20px !important;}
      [data-p="footer"]{padding-top:56px !important;padding-bottom:32px !important;}
    }
    @media (max-width:640px){[data-t="label"]{letter-spacing:.12em !important;}}
    @media (hover:none){:where(.wst-s-legal) [data-m="clients"] img{opacity:1 !important;}}

    /* ---- converted style-hover / dynamic states ---- */
    :where(.wst-s-legal) .legal-back:hover{color:#273449 !important;}
    /* Contents nav: the design's resize state (wide = innerWidth > 820) → media query. */
    :where(.wst-s-legal) .legal-toc{position:sticky;max-height:calc(100vh - 128px);}
    @media (max-width:820px){:where(.wst-s-legal) .legal-toc{position:static;max-height:none;}}
    /* Scrollspy (site.js toggles .is-active): active #0f1216, others #9aa0aa. */
    :where(.wst-s-legal) .legal-toc__link{color:#9aa0aa;}
    :where(.wst-s-legal) .legal-toc__link.is-active,:where(.wst-s-legal) .legal-toc__link:hover{color:#0f1216;}

    /* ---- WYSIWYG copy: the design's inline styles on <strong>/<a>/<ul>/card <p> ---- */
    :where(.wst-s-legal) .legal-main .wst-rt strong{font-weight:700;color:#0f1216;}
    :where(.wst-s-legal) .legal-main .wst-rt a{color:#ee6a24;text-decoration:underline;text-decoration-color:rgba(238,106,36,.4);text-underline-offset:3px;word-break:break-word;}
    :where(.wst-s-legal) .legal-main .wst-rt a:hover{color:#ef4137;text-decoration-color:#ef4137;}
    :where(.wst-s-legal) .legal-main .legal-links a{word-break:normal;}
    :where(.wst-s-legal) .legal-main .wst-rt ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:12px;}
    /* Dot = the design's 6px span in an 18px grid column + 6px gap. Inline-block (not absolute) so no positioned
       boxes overlap the sticky Contents nav (Chrome would composite them and the text antialiasing changes). */
    :where(.wst-s-legal) .legal-main .wst-rt li{padding-left:24px;}
    :where(.wst-s-legal) .legal-main .wst-rt li::before{content:"";display:inline-block;vertical-align:top;width:6px;height:6px;margin:11px 18px 0 -24px;border-radius:50%;background:#273449;}
    /* Address card (design: <p data-p="card">) = a blockquote in the editor. */
    :where(.wst-s-legal) .legal-main .wst-rt blockquote{margin-left:0;margin-right:0;margin-bottom:0;padding:18px 22px;border-radius:12px;background:#ffffff;border:1px solid rgba(74,80,92,.18);font-family:var(--font-mono);font-size:15px;line-height:1.6;color:#0f1216;text-wrap:wrap;}
    :where(.wst-s-legal) .legal-main .wst-rt blockquote a{color:inherit;text-decoration:none;text-decoration-color:currentColor;word-break:normal;}
    :where(.wst-s-legal) .legal-main .wst-rt blockquote a:hover{color:#c7361d;text-decoration-color:currentColor;}
    @media (max-width:820px){:where(.wst-s-legal) .legal-main .wst-rt blockquote{padding:20px;}}