/* Hayalows Version 3 shared layer (Oct 2026): tokens, type, nav, frames, CTA band, footer.
   Used by the homepage (with home.css) and every studio page. Every rule is scoped to body.v3. */
body.v3 {
  --paper:#F6F3EC; --surface:#FFFFFF; --raised:#FBF9F4; --ink:#14191A; --muted:#626A63;
  --line:#E3DDD0; --accent:#1F5A41; --accent-hover:#17472F; --accent-soft:#E6EFE9;
  --amber:#E9B872; --dark:#0F1A15; --dark-text:#F6F3EC; --dark-muted:#A9B3AC;
  --wrap:1120px; --header-height:64px;
  --ease:cubic-bezier(.2,.8,.2,1);
  --pad:clamp(88px,12vw,168px);
  --shadow:0 1px 1px rgb(15 48 33/.04),0 2px 4px rgb(15 48 33/.04),0 8px 16px -4px rgb(15 48 33/.07),0 28px 56px -16px rgb(15 48 33/.16);
  margin:0;
  background:var(--paper);
  color:var(--ink);
  font:400 17px/1.6 Inter,system-ui,Arial,sans-serif;
  font-feature-settings:"cv11","ss01";
  overflow-x:clip}
body.v3 ::selection {background:var(--accent-soft);color:var(--ink)}
body.v3 *:focus-visible {outline:2px solid var(--accent);outline-offset:3px}
body.v3 .container,body.v3 .v3-wrap {width:min(100% - 40px,var(--wrap));margin-inline:auto}
@media(min-width:760px){body.v3 .container,body.v3 .v3-wrap {width:min(100% - 64px,var(--wrap))}}
body.v3 .muted {color:var(--muted)}
body.v3 h1,body.v3 h2,body.v3 h3 {color:var(--ink);margin:0;font-feature-settings:"cv11","ss01"}
body.v3 h1 {font-size:clamp(2.6rem,6vw,4.75rem);line-height:1.02;font-weight:600;letter-spacing:-.035em;text-wrap:balance}
body.v3 h2 {font-size:clamp(1.9rem,3.6vw,3rem);line-height:1.06;font-weight:600;letter-spacing:-.025em;text-wrap:balance}
body.v3 h3 {font-size:1.25rem;line-height:1.3;font-weight:600;letter-spacing:-.01em}
body.v3 h1>span,body.v3 h2>span {color:var(--muted)}
body.v3 p {line-height:1.6;margin:0}
body.v3 .v3-label,body.v3 .label {display:block;margin:0;font-size:12.5px;line-height:1.5;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
body.v3 .v3-small {font-size:14px;color:var(--muted)}
body.v3 .v3-small a {color:var(--ink)}

/* Buttons and links */
body.v3 .v3-btn {display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 22px;border-radius:999px;background:var(--accent);color:#fff;font:500 16px/1 Inter,system-ui,sans-serif;text-decoration:none;border:0;transition:background-color .16s var(--ease),transform .16s var(--ease)}
body.v3 .v3-btn:hover {background:var(--accent-hover);color:#fff;transform:translateY(-1px)}
body.v3 .v3-textlink {display:inline-flex;align-items:center;gap:6px;color:var(--ink);font-weight:500;font-size:15px;text-decoration:none;min-height:44px}
body.v3 .v3-textlink:hover {color:var(--accent)}
body.v3 .v3-arr {display:inline-block;transition:transform .2s var(--ease)}
body.v3 .v3-textlink:hover .v3-arr {transform:translateX(3px)}

/* Nav: sticky, frosted, hairline after scroll */
body.v3 .site-header {position:sticky;top:0;z-index:30;height:64px;min-height:64px;background:color-mix(in srgb,var(--paper) 72%,transparent);-webkit-backdrop-filter:blur(14px) saturate(1.4);backdrop-filter:blur(14px) saturate(1.4);border-bottom:1px solid transparent;border-image:none;box-shadow:none;transition:border-color .2s var(--ease)}
@supports not (background:color-mix(in srgb,red,blue)){body.v3 .site-header {background:rgba(246,243,236,.85)}}
body.v3 .site-header.is-scrolled {border-bottom:1px solid var(--line);border-image:none;box-shadow:none;background:color-mix(in srgb,var(--paper) 72%,transparent)}
body.v3 .header-inner {height:64px;min-height:64px}
body.v3 .brand {font-size:19px;font-weight:600;letter-spacing:-.02em;color:var(--ink)}
body.v3 .brand img {width:28px;height:28px}
body.v3 .brand-period {color:var(--accent)}
body.v3 .site-nav a {font-size:15px;font-weight:500;color:var(--muted)}
body.v3 .site-nav a:hover {color:var(--ink)}
body.v3 .header-contact {min-height:38px;padding:0 16px;gap:8px;font-size:14.5px;font-weight:500;background:var(--accent);color:#fff;border-radius:999px}
body.v3 .header-contact:hover {background:var(--accent-hover)}
@media(max-width:960px){
  body.v3 .site-nav {background:var(--paper)}
  body.v3 .site-nav a {font-size:22px;color:var(--ink)}
  body.v3 .site-nav.is-open {height:calc(100dvh - 64px);top:64px}
  body.v3 .menu-toggle {border-color:var(--line)}
  body.v3 .menu-toggle span {background:var(--ink)}
}

/* Hairline guides and crosshairs (hero + bento only) */
body.v3 .v3-guides {position:absolute;inset:0;width:min(100% - 40px,var(--wrap));margin-inline:auto;pointer-events:none;z-index:0;border-inline:1px solid var(--line)}
@media(min-width:760px){body.v3 .v3-guides {width:min(100% - 64px,var(--wrap));background:linear-gradient(to right,transparent calc(33.333% - .5px),var(--line) calc(33.333% - .5px) calc(33.333% + .5px),transparent 0 calc(66.666% - .5px),var(--line) 0 calc(66.666% + .5px),transparent 0)}}
body.v3 .v3-plus {position:absolute;left:var(--x);top:var(--y);width:13px;height:13px;transform:translate(-50%,-50%)}
body.v3 .v3-plus::before,body.v3 .v3-plus::after {content:"";position:absolute;background:#B9B09E}
body.v3 .v3-plus::before {left:6px;top:0;width:1px;height:13px}
body.v3 .v3-plus::after {top:6px;left:0;height:1px;width:13px}
@media(max-width:759px){body.v3 .v3-plus {display:none}}

/* Sections */
body.v3 .v3-section {position:relative;padding:var(--pad) 0}
body.v3 .v3-section+.v3-section {padding-top:0}
body.v3 .v3-head {margin-bottom:clamp(36px,5vw,56px)}
body.v3 .v3-head>.v3-label {display:flex;align-items:center;gap:16px;margin-bottom:24px}
body.v3 .v3-head>.v3-label::after {content:"";flex:1;height:1px;background:var(--line)}
body.v3 .v3-head-row {display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px 40px}
body.v3 .v3-head-row h2 {max-width:20ch}
body.v3 .v3-side {max-width:32ch;color:var(--muted);font-size:16px}

/* Work in CSS browser frames */
body.v3 .v3-work {display:grid;gap:40px 24px}
@media(min-width:640px){body.v3 .v3-work {grid-template-columns:1fr 1fr}body.v3 .v3-work-card:first-child {grid-column:1/-1}}
@media(min-width:961px){body.v3 .v3-work {grid-template-columns:repeat(3,1fr)}body.v3 .v3-work-card:first-child {grid-column:auto}}
body.v3 .v3-work-card {display:block;color:var(--ink);text-decoration:none;min-width:0}
body.v3 .v3-frame {overflow:hidden;border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:var(--shadow);margin-bottom:18px;transition:transform .3s var(--ease)}
body.v3 .v3-work-card:hover .v3-frame {transform:translateY(-3px)}
body.v3 .v3-frame-bar {display:flex;align-items:center;gap:6px;height:36px;padding:0 12px;border-bottom:1px solid var(--line);background:var(--raised)}
body.v3 .v3-frame-bar i {width:9px;height:9px;border-radius:50%;background:#DAD3C4;flex:none}
body.v3 .v3-frame-bar span {flex:0 1 auto;min-width:0;margin:0 auto;padding:2px 12px;max-width:72%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;border:1px solid var(--line);border-radius:999px;background:var(--surface);font-size:11.5px;color:var(--muted);line-height:1.5}
body.v3 .v3-frame img {display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
body.v3 .v3-work-card .v3-label {margin-bottom:6px}
body.v3 .v3-work-card h3 {margin-bottom:6px}
body.v3 .v3-work-card p:last-child {color:var(--muted);font-size:16px}
body.v3 #work .v3-small {margin-top:40px}

/* FAQ */
body.v3 .v3-faq-grid {display:grid;gap:32px}
@media(min-width:861px){body.v3 .v3-faq-grid {grid-template-columns:1fr 1.6fr;gap:64px}}
body.v3 .v3-faq-grid h2 {margin:16px 0 12px}
body.v3 .v3-faq-list {border-top:1px solid var(--line)}
body.v3 .v3-faq-list details {border-bottom:1px solid var(--line)}
body.v3 .v3-faq-list summary {display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:60px;padding:14px 0;cursor:pointer;list-style:none;font-size:17px;font-weight:500}
body.v3 .v3-faq-list summary::-webkit-details-marker {display:none}
body.v3 .v3-faq-list summary span {font-size:20px;color:var(--muted);transition:transform .2s var(--ease)}
body.v3 .v3-faq-list details[open] summary span {transform:rotate(45deg)}
body.v3 .v3-faq-list details p {padding:0 0 20px;color:var(--muted);max-width:60ch;font-size:16px}

/* Dark CTA band + footer */
body.v3 .v3-cta {background:var(--dark);color:var(--dark-text);padding:clamp(72px,10vw,128px) 0}
body.v3 .v3-cta h2 {color:var(--dark-text);max-width:16ch}
body.v3 .v3-cta h2>span,body.v3 .v3-cta .v3-label {color:var(--dark-muted)}
body.v3 .v3-cta .v3-label {margin-bottom:20px}
body.v3 .v3-cta-grid {display:grid;gap:32px;align-items:end}
@media(min-width:861px){body.v3 .v3-cta-grid {grid-template-columns:1.5fr 1fr}}
body.v3 .v3-cta-actions {display:flex;flex-direction:column;align-items:flex-start;gap:12px}
body.v3 .v3-cta .v3-btn {background:#F6F3EC;color:var(--dark)}
body.v3 .v3-cta .v3-btn:hover {background:#fff;color:var(--dark)}
body.v3 .v3-cta-email {color:var(--dark-text);font-weight:500;text-underline-offset:4px}
body.v3 .v3-cta-actions p {color:var(--dark-muted);font-size:14px}
body.v3 .enquiry-disclosure {padding:0}
body.v3 .enquiry-disclosure>details>summary {color:var(--muted);font-size:15px;border-bottom:1px solid var(--line)}
body.v3 .studio-footer.site-footer {background:var(--dark);color:var(--dark-text);border-top:1px solid #1E2B25;border-image:none;padding:56px 0 24px}
body.v3 .studio-footer .brand {color:var(--dark-text)}
body.v3 .studio-footer .brand img {border-radius:7px;box-shadow:0 0 0 1px rgb(246 243 236/.22)}
body.v3 .studio-footer-top p,body.v3 .studio-footer-top .small {color:var(--dark-muted)}
body.v3 .studio-footer .label {color:var(--dark-muted);opacity:.8}
body.v3 .studio-footer-top nav a,body.v3 .studio-footer-contact a {color:var(--dark-text);font-size:14.5px}
body.v3 .studio-footer-bottom {border-top-color:#22302A;color:var(--dark-muted)}
body.v3 .studio-footer *:focus-visible {outline-color:var(--dark-text)}

/* Reveals (only when JS + IntersectionObserver are present) */
html.js body.v3 .v3-reveal {opacity:0;transform:translateY(12px);transition:opacity .5s var(--ease) var(--d,0ms),transform .5s var(--ease) var(--d,0ms)}
html.js body.v3 .v3-reveal.is-in {opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){
  html.js body.v3 .v3-reveal {opacity:1;transform:none;transition:none}
  body.v3 *,body.v3 *::before,body.v3 *::after {transition:none!important;animation:none!important}
}

/* ---------- Studio pages (body.v3-page) ---------- */
body.v3-page main {display:block}
body.v3-page .v3-page-hero {position:relative;isolation:isolate;overflow:clip;padding:clamp(40px,7vw,96px) 0 clamp(48px,6vw,80px);border-bottom:1px solid var(--line)}
body.v3-page .v3-page-hero::before {content:"";position:absolute;z-index:-1;pointer-events:none;width:min(720px,90vw);aspect-ratio:2/1;right:-12%;top:-30%;background:radial-gradient(closest-side at 35% 50%,rgb(31 90 65/.12),transparent),radial-gradient(closest-side at 70% 55%,rgb(233 184 114/.2),transparent);filter:blur(40px)}
body.v3-page .v3-crumb {display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 28px;font-size:14px;color:var(--muted)}
body.v3-page .v3-crumb a {color:var(--muted);text-decoration:none;min-height:32px;display:inline-flex;align-items:center}
body.v3-page .v3-crumb a:hover {color:var(--ink)}
body.v3-page .v3-crumb [aria-hidden] {color:#C2B9A6}
body.v3-page .v3-page-hero .v3-label {margin-bottom:18px}
body.v3-page .v3-page-hero h1 {font-size:clamp(2.4rem,5.2vw,4.25rem);max-width:18ch}
body.v3-page .v3-page-hero h1>span {display:block}
body.v3-page .v3-lead {margin-top:24px;max-width:56ch;font-size:clamp(1.1rem,1.6vw,1.3rem);line-height:1.5;color:var(--muted)}
body.v3-page .v3-page-section {padding:clamp(56px,8vw,112px) 0}
body.v3-page .v3-page-section+.v3-page-section {border-top:1px solid var(--line)}
body.v3-page .v3-cta {margin-top:0}
body.v3-page .v3-links {display:flex;flex-wrap:wrap;gap:4px 28px;margin-top:20px}

/* Cards */
body.v3-page .v3-card {padding:28px;border:1px solid var(--line);border-radius:16px;background:var(--surface);min-width:0}
body.v3-page .v3-card h2 {font-size:1.35rem;line-height:1.3;letter-spacing:-.015em;margin:12px 0 10px}
body.v3-page .v3-card p {color:var(--muted);font-size:16px}
body.v3-page .v3-card .v3-textlink {margin-top:12px;font-size:14.5px}
body.v3-page .v3-cards {display:grid;gap:12px;margin-top:clamp(40px,6vw,64px)}
@media(min-width:861px){body.v3-page .v3-cards {grid-template-columns:repeat(3,1fr)}}

/* About */
body.v3-page .v3-about {display:grid;gap:40px;align-items:start}
@media(min-width:861px){body.v3-page .v3-about {grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);gap:72px}}
body.v3-page .v3-person {padding:0;overflow:hidden;box-shadow:var(--shadow)}
body.v3-page .v3-person img {display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;object-position:center bottom;border-bottom:1px solid var(--line);background:var(--raised)}
body.v3-page .v3-person-body {padding:24px 28px 28px}
body.v3-page .v3-person h2 {font-size:1.5rem;margin:12px 0 2px}
body.v3-page .v3-person .v3-role {font-size:14.5px;color:var(--muted);margin-bottom:16px}
body.v3-page .v3-person blockquote {margin:0 0 8px;padding:16px 0 0;border-top:1px solid var(--line)}
body.v3-page .v3-person blockquote p {color:var(--ink);font-size:17px;font-weight:500;line-height:1.45;letter-spacing:-.01em}
body.v3-page .v3-story h2 {max-width:18ch;margin-bottom:24px}
body.v3-page .v3-story p {max-width:62ch;color:#3B423F;font-size:17px}
body.v3-page .v3-story p+p {margin-top:16px}

/* Case studies */
body.v3-page .v3-case-frame {margin:0;box-shadow:var(--shadow)}
body.v3-page .v3-case-frame img {aspect-ratio:auto;max-height:680px;object-fit:contain;background:var(--raised)}
body.v3-page .v3-meta {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 32px;margin:32px 0 0;padding:24px 0;border-block:1px solid var(--line)}
@media(min-width:761px){body.v3-page .v3-meta {grid-template-columns:auto auto 1fr;align-items:center;gap:20px 64px}}
body.v3-page .v3-meta dt {font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:500}
body.v3-page .v3-meta dd {margin:4px 0 0;font-weight:500}
body.v3-page .v3-meta .v3-meta-link {grid-column:1/-1}
@media(min-width:761px){body.v3-page .v3-meta .v3-meta-link {grid-column:auto;justify-self:end}}
body.v3-page .v3-rows {margin-top:clamp(48px,7vw,88px);border-top:1px solid var(--line)}
body.v3-page .v3-row {display:grid;gap:10px 48px;padding:28px 0;border-bottom:1px solid var(--line)}
@media(min-width:761px){body.v3-page .v3-row {grid-template-columns:minmax(0,1fr) minmax(0,2fr);padding:36px 0}}
body.v3-page .v3-row h2 {font-size:1.25rem;line-height:1.3;letter-spacing:-.01em}
body.v3-page .v3-row p {max-width:62ch;color:#3B423F}
body.v3-page .v3-back {margin-top:32px}

/* Prices */
body.v3-page .v3-table {overflow-x:auto;border:1px solid var(--line);border-radius:16px;background:var(--surface)}
body.v3-page .v3-table table {width:100%;min-width:560px;border-collapse:collapse;font-size:16px}
body.v3-page .v3-table th,body.v3-page .v3-table td {padding:18px 24px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
body.v3-page .v3-table thead th {background:var(--raised);font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:500}
body.v3-page .v3-table tbody tr:last-child>* {border-bottom:0}
body.v3-page .v3-table tbody th {font-weight:600}
body.v3-page .v3-table td {color:var(--muted)}
body.v3-page .v3-table td:last-child {color:var(--ink);font-weight:500;white-space:nowrap}
body.v3-page .v3-table-note {margin-top:16px}

/* Contact + pay: restyle the existing form and payment markup */
body.v3-page .contact-page-grid,body.v3-page .payment-studio-grid {padding-block:clamp(48px,7vw,96px)}
body.v3-page .contact-form {padding:clamp(20px,3vw,32px)!important;border:1px solid var(--line)!important;border-radius:16px;background:var(--surface)!important;box-shadow:var(--shadow)!important}
body.v3-page .contact-form h2,body.v3-page .contact-sidebar h2 {font-size:clamp(1.5rem,2.4vw,1.9rem)}
body.v3-page .form-heading>span {font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:500}
body.v3-page .form-field label {color:var(--ink);font-weight:500}
body.v3-page .form-field input,body.v3-page .form-field select,body.v3-page .form-field textarea {border:1px solid #CFC7B6;border-radius:10px;background:var(--surface);color:var(--ink);font-family:inherit}
body.v3-page .form-field input:focus,body.v3-page .form-field select:focus,body.v3-page .form-field textarea:focus {border-color:var(--accent);outline:2px solid var(--accent-soft);outline-offset:0}
body.v3-page .form-contact-details {border-color:var(--line)}
body.v3-page .form-contact-details summary,body.v3-page .text-action {color:var(--accent)}
body.v3-page .field-help,body.v3-page .form-note {color:var(--muted)}
body.v3-page .button-primary,body.v3-page .button-dark,body.v3-page .contact-sidebar .studio-button {background:var(--accent);color:#fff;border-color:var(--accent);border-radius:999px;box-shadow:none;font-weight:500}
body.v3-page .button-primary:hover,body.v3-page .button-dark:hover,body.v3-page .contact-sidebar .studio-button:hover {background:var(--accent-hover);color:#fff}
body.v3-page .button-secondary {border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:999px}
body.v3-page .button-secondary:hover {border-color:#BDB5A4}
body.v3-page .contact-sidebar,body.v3-page .payment-next {border:1px solid var(--line);background:var(--raised);border-radius:16px;color:var(--ink)}
body.v3-page .contact-sidebar dt {color:var(--muted);font-size:12.5px;letter-spacing:.08em;font-weight:500}
body.v3-page .contact-sidebar p,body.v3-page .payment-next p,body.v3-page .payment-next ol {color:var(--muted);font-size:16px}
body.v3-page .contact-sidebar a:not(.studio-button),body.v3-page .payment-next a {color:var(--ink);font-weight:500}
body.v3-page .contact-sidebar a:not(.studio-button):hover,body.v3-page .payment-next a:hover {color:var(--accent)}
body.v3-page .payment-route {border:1px solid var(--line);border-radius:16px;background:var(--surface);box-shadow:var(--shadow)}
body.v3-page .payment-option-kicker,body.v3-page .dialog-eyebrow {color:var(--muted);font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;font-weight:500}
body.v3-page .payment-route-title {color:var(--ink);font-weight:600;letter-spacing:-.015em}
body.v3-page .payment-route-hint,body.v3-page .payment-route-body>p,body.v3-page .route-checks {color:var(--muted)}
body.v3-page .ussd-option {padding:20px 22px;gap:16px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}
body.v3-page .ussd-code {padding:6px 12px;justify-self:start;font-variant-numeric:tabular-nums;color:var(--ink);background:var(--raised);border:1px solid var(--line);border-radius:8px}
body.v3-page .studio-ussd>.label {margin-bottom:12px}
body.v3-page .payment-dialog {border:1px solid var(--line);background:var(--surface);color:var(--ink);box-shadow:var(--shadow)}
body.v3-page .payment-dialog::backdrop {background:rgb(15 26 21/.55)}

/* Legal pages: calm long-form */
body.v3-page .policy-notice {max-width:68ch;margin-top:28px;padding:16px 20px;border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:0 12px 12px 0;background:var(--surface);font-size:15.5px;color:#3B423F}
body.v3-page .policy-layout {padding:clamp(48px,7vw,96px) 0 clamp(72px,10vw,128px);gap:clamp(32px,6vw,80px)}
body.v3-page .policy-toc summary {color:var(--muted);font-size:12.5px;font-weight:500;letter-spacing:.08em}
body.v3-page .policy-toc nav {border-left:1px solid var(--line)}
body.v3-page .policy-toc a {min-height:38px;padding-left:16px;margin-left:-1px;border-left:1px solid transparent;color:var(--muted);font-size:14.5px}
body.v3-page .policy-toc a:hover {color:var(--ink);border-left-color:var(--accent);background:transparent}
body.v3-page .policy-content {max-width:62ch}
body.v3-page .policy-notice {max-width:62ch}
body.v3-page .policy-content section {padding:0 0 40px}
body.v3-page .policy-content section+section {padding-top:40px;border-top:1px solid var(--line)}
body.v3-page .policy-content h2 {font-size:clamp(1.35rem,2vw,1.6rem);line-height:1.25;letter-spacing:-.018em;margin-bottom:14px}
body.v3-page .policy-content p,body.v3-page .policy-content li {color:#3B423F;font-size:17px;line-height:1.7}
body.v3-page .policy-content p+p,body.v3-page .policy-content p+ul,body.v3-page .policy-content ul+p {margin-top:14px}
body.v3-page .policy-content ul {padding-left:1.2rem;margin:10px 0 0}
body.v3-page .policy-content li+li {margin-top:6px}
body.v3-page .policy-content a {color:var(--accent);text-underline-offset:3px}
body.v3-page .policy-contact {margin-top:16px;padding:20px 22px;border:1px solid var(--line);border-left:0;border-radius:12px;background:var(--surface)}
body.v3-page .policy-contact p+p {margin-top:8px}
@media(max-width:900px){body.v3-page .policy-toc {position:static;padding:4px 16px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}body.v3-page .policy-toc nav {border-left:0;padding-bottom:8px}body.v3-page .policy-toc a {padding-left:0}}