/* vanilla base reset (no framework) */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; font-family: var(--brand-font, system-ui, -apple-system, 'Segoe UI', Helvetica, Arial, sans-serif); line-height: 1.5; color: var(--brand-ink, #111); background: var(--brand-bg, #fff); }
h1, h2, h3, h4, h5, h6 { font-family: var(--brand-font-display, var(--brand-font, system-ui, sans-serif)); }
img, svg, video, canvas { max-width: 100%; height: auto; }
a { color: inherit; }
*:focus-visible { outline: 2px solid var(--brand-primary, #2563eb); outline-offset: 2px; }
/* visibility shim for framework toggles */
.hidden { display: none !important; }

/* design tokens */
:root {
  --brand-primary: #1D4ED8;
  --brand-secondary: #6B7280;
  --brand-accent: #2563EB;
  --brand-ink: #0F172A;
  --brand-slate: #4B5563;
  --brand-mist: #E5E7EB;
  --brand-border: #D1D5DB;
  --brand-surface: #FFFFFF;
  --brand-bg: #F4F5F7;
  --brand-text: #111827;
  --brand-font: Georgia, Cambria, 'Times New Roman', serif;
  --brand-font-display: 'Hoefler Text', 'Baskerville Old Face', Garamond, Georgia, serif;
}

/* state utilities */
.is-open { display: block !important; }
.is-active { display: block !important; }
[hidden] { display: none !important; }

/* framework-injected components (vanilla) */
[data-ui="cookie-banner"] { position: fixed; left: 1rem; right: 1rem; bottom: 1rem; z-index: 9999; margin: 0 auto; max-width: 56rem; border: 1px solid var(--brand-border, #e5e7eb); background: var(--brand-surface, #fff); border-radius: 1rem; padding: 1rem; box-shadow: 0 10px 30px rgba(0,0,0,.15); }
[data-ui="cookie-banner"] > div { display: flex; flex-wrap: wrap; gap: 1rem; align-items: flex-start; justify-content: space-between; }
[data-ui="cookie-banner"] > div > div:last-child { display: flex; flex-wrap: wrap; gap: .5rem; }
[data-ui="cookie-banner"] a { text-decoration: underline; }
[data-consent-action], [data-age-gate-action] { cursor: pointer; border-radius: .5rem; padding: .5rem .9rem; font-size: .8rem; border: 1px solid var(--brand-border, #d1d5db); background: transparent; color: var(--brand-ink, #111); }
[data-consent-action="reject-all"], [data-consent-action="accept-all"], [data-consent-action="save"], [data-age-gate-action="confirm"] { background: var(--brand-primary, #2563eb); color: #fff; border-color: transparent; }
[data-consent-panel] { margin-top: 1rem; border: 1px solid var(--brand-border, #e5e7eb); background: var(--brand-surface, #fff); border-radius: .75rem; padding: 1rem; font-size: .875rem; }
[data-consent-panel] > div { display: flex; flex-wrap: wrap; gap: .75rem; }
[data-ui="cookie-banner"] label { display: inline-flex; align-items: center; gap: .5rem; }
[data-ui="age-gate-overlay"] { position: fixed; inset: 0; z-index: 10000; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,.8); }
[data-ui="age-gate-overlay"] > div { width: 100%; max-width: 28rem; margin: 0 1rem; background: var(--brand-surface, #1a1a2e); color: var(--brand-ink, #fff); border-radius: 1rem; padding: 2rem; text-align: center; box-shadow: 0 20px 60px rgba(0,0,0,.4); }
[data-ui="age-gate-overlay"] > div > div:last-of-type { display: flex; flex-direction: column; gap: .75rem; }
[data-age-gate-action] { padding: .75rem 1.5rem; }

/* sections */
/* section:header */
/* section:header */
#header.header-wrap{--h-bg:var(--brand-surface);--h-ink:var(--brand-ink);background:var(--h-bg);border-bottom:1px solid var(--brand-border);position:sticky;top:0;z-index:50}
#header .header-inner{max-width:1120px;margin:0 auto;display:flex;align-items:center;gap:18px;padding:14px 18px}
#header .brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--brand-ink);min-width:260px}
#header .brand-mark{width:14px;height:14px;border-radius:4px;background:var(--brand-accent);box-shadow:0 10px 26px color-mix(in srgb,var(--brand-accent) 22%, transparent);flex:0 0 auto}
#header .brand-text{display:flex;flex-direction:column;line-height:1.05}
#header .brand-name{font-family:var(--brand-font-display);font-weight:700;letter-spacing:-0.02em;font-size:18px;text-wrap:balance}
#header .brand-tag{font-family:var(--brand-font);font-weight:400;color:var(--brand-slate);font-size:12.5px;margin-top:3px}
#header .nav{display:flex;align-items:center;gap:18px;margin-left:auto}
#header .nav-link{font-family:var(--brand-font);font-size:14.5px;color:var(--brand-ink);text-decoration:none;white-space:nowrap;line-height:1.2;padding:8px 10px;border-radius:10px;outline:none}
#header .nav-link:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-accent) 32%, transparent);background:color-mix(in srgb,var(--brand-accent) 10%, var(--brand-surface))}
#header .nav-link.nav-cta{background:var(--brand-primary);color:var(--brand-surface);border:1px solid var(--brand-primary);padding:10px 12px}
#header .nav-link.nav-cta:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-primary) 30%, transparent)}
#header .menu-toggle{display:none;margin-left:auto;align-items:center;gap:10px;border:1px solid var(--brand-border);background:var(--brand-surface);color:var(--brand-ink);padding:10px 12px;border-radius:14px;cursor:pointer;font-family:var(--brand-font);font-size:14px;outline:none}
#header .menu-toggle:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-accent) 30%, transparent)}
#header .menu-toggle-lines{width:18px;height:12px;position:relative;display:inline-block}
#header .menu-toggle-lines::before,#header .menu-toggle-lines::after{content:"";position:absolute;left:0;right:0;height:2px;background:var(--brand-ink);border-radius:3px}
#header .menu-toggle-lines::before{top:0}
#header .menu-toggle-lines::after{bottom:0}
#header .menu-toggle-lines{background:linear-gradient(var(--brand-ink),var(--brand-ink));background-size:100% 2px;background-position:center 5px;background-repeat:no-repeat}

@media (max-width: 900px){
  #header .header-inner{padding:12px 14px}
  #header .brand{min-width:200px}
  #header .nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--brand-surface);border-bottom:1px solid var(--brand-border);padding:12px 14px;gap:10px;flex-direction:column;align-items:stretch}
  #header .menu-toggle{display:flex}
  #header [data-menu-target]{}
  /* Menu target toggling is handled by the site framework (data-ui="menu-toggle").
     Keep styles ready for typical open/close by toggling [aria-expanded] or classes. */
  #header .nav[aria-hidden="false"]{display:flex}
  #header .nav-link{padding:12px 12px;border-radius:14px}
  #header .nav-link.nav-cta{padding:12px 12px}
}

@media (prefers-reduced-motion: reduce){
  #header *{scroll-behavior:auto;transition:none !important;animation:none !important}
}

::selection{background:color-mix(in srgb,var(--brand-accent) 30%, white);color:var(--brand-ink)}

/* section:footer */
/* section:footer */
#footer.site-footer{--footer-bg:var(--brand-ink);--footer-surface:rgba(255,255,255,.06);--footer-surface-2:rgba(255,255,255,.1);--footer-border:rgba(255,255,255,.14);--footer-text:rgba(255,255,255,.92);--footer-muted:rgba(255,255,255,.72);background:var(--footer-bg);color:var(--footer-text);padding:48px 0 26px;position:relative;overflow:hidden;}
#footer.site-footer::before{content:"";position:absolute;inset:-40% -20% auto -20%;height:260px;background:radial-gradient(closest-side,rgba(37,99,235,.35),transparent 70%);pointer-events:none;}
#footer .footer-inner{max-width:1140px;margin:0 auto;padding:0 20px;position:relative;}
#footer .footer-top{display:grid;grid-template-columns:1.05fr 1.65fr;gap:22px;align-items:start;margin-bottom:26px;}
#footer .footer-brand{padding:18px 18px 18px 0;}
#footer .footer-mark{display:flex;align-items:center;gap:10px;margin-bottom:14px;}
#footer .footer-mark-dot{width:12px;height:12px;border-radius:50%;background:var(--brand-accent);box-shadow:0 0 0 6px rgba(37,99,235,.18);}
#footer .footer-mark-line{height:2px;flex:1;background:linear-gradient(90deg,rgba(37,99,235,.95),rgba(255,255,255,.25));border-radius:999px;}
#footer .footer-brand-name{font-family:var(--brand-font-display);font-size:26px;letter-spacing:-.02em;margin:0 0 8px 0;font-weight:700;text-wrap:balance;}
#footer .footer-brand-tagline{margin:0;color:var(--footer-muted);font-size:15px;line-height:1.55;max-width:46ch;}
#footer .footer-cols{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px;}
#footer .footer-col{background:transparent;}
#footer .footer-col-title{margin:0 0 10px 0;font-size:14px;letter-spacing:.02em;text-transform:uppercase;color:rgba(255,255,255,.86);font-weight:700;}
#footer .footer-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;}
#footer .footer-list-item{display:flex;flex-direction:column;gap:3px;}
#footer .footer-label{font-size:12px;color:var(--footer-muted);letter-spacing:.01em;}
#footer .footer-address{font-style:normal;color:var(--footer-text);line-height:1.45;}
#footer a.footer-link{color:var(--footer-text);text-decoration:none;border-bottom:1px solid transparent;padding-bottom:2px;}
#footer a.footer-link:focus-visible{outline:3px solid rgba(37,99,235,.9);outline-offset:3px;border-bottom-color:rgba(37,99,235,.7);border-radius:6px;}
#footer a.footer-link:hover{border-bottom-color:rgba(37,99,235,.7);}
#footer .footer-bottom{display:grid;grid-template-columns:1.5fr .9fr;gap:18px;align-items:start;padding-top:18px;border-top:1px solid rgba(255,255,255,.12);}
#footer .footer-small{margin:0;color:var(--footer-muted);font-size:13px;line-height:1.55;}
#footer .footer-legal{display:grid;gap:8px;}
#footer .footer-legal-label{color:rgba(255,255,255,.88);font-weight:700;}
#footer .footer-disclaimer{margin-top:6px;color:rgba(255,255,255,.76);}
#footer .footer-policy{background:var(--footer-surface);border:1px solid var(--footer-border);border-radius:var(--brand-radius-lg,18px);padding:16px 16px;}
#footer .footer-copyright{margin-top:18px;border-top:1px solid rgba(255,255,255,.12);padding-top:14px;display:flex;justify-content:flex-start;}
#footer .footer-year{font-variant-numeric:tabular-nums;}
@media (max-width: 920px){#footer .footer-top{grid-template-columns:1fr;}
#footer .footer-cols{grid-template-columns:1fr;gap:12px;}
#footer .footer-bottom{grid-template-columns:1fr;}
#footer .footer-brand{padding-right:0;}
}
@media (prefers-reduced-motion: reduce){#footer a.footer-link{transition:none;}}
#footer *{box-sizing:border-box;}
#footer .footer-inner, #footer .footer-policy{border-radius:var(--brand-radius-lg,18px);}
#footer .footer-policy{border-radius:var(--brand-radius-lg,18px);}
#footer a.footer-link:active{color:rgba(255,255,255,1);}

/* section:hero */
/* section:hero */
#hero{--r:14px; padding:clamp(18px,4vw,42px) 0; background:var(--brand-bg); color:var(--brand-text);}
#hero .hero-wrap{max-width:1120px; margin:0 auto; padding:0 18px;}
#hero .hero-grid{display:grid; grid-template-columns:1.1fr 0.9fr; gap:28px; align-items:start;}
#hero .hero-copy{padding:6px 0;}
#hero .hero-kicker{margin:0 0 12px; font-family:var(--brand-font); font-size:13px; letter-spacing:.08em; text-transform:uppercase; color:var(--brand-slate);}
#hero .hero-title{margin:0 0 14px; font-family:var(--brand-font-display); font-weight:650; letter-spacing:-0.02em; line-height:1.05; font-size:clamp(34px,4.4vw,54px); text-wrap:balance;}
#hero .hero-lead{margin:0 0 18px; font-family:var(--brand-font); font-size:16px; line-height:1.7; color:var(--brand-text); max-width:58ch;}
#hero .hero-cta-row{display:flex; gap:12px; flex-wrap:wrap; margin:18px 0 20px;}
#hero .primary-btn,.#hero .ghost-btn{display:inline-flex; align-items:center; justify-content:center; padding:12px 16px; border-radius:var(--r); font-family:var(--brand-font); font-weight:650; font-size:15px; text-decoration:none; border:1px solid transparent; transition:transform .12s ease, box-shadow .12s ease, background-color .12s ease, border-color .12s ease, color .12s ease;}
#hero .primary-btn{background:var(--brand-primary); color:var(--brand-surface); border-color:var(--brand-primary); box-shadow:0 10px 26px rgba(29,78,216,.22);}
#hero .primary-btn:hover{transform:translateY(-1px); box-shadow:0 14px 34px rgba(29,78,216,.28);}
#hero .primary-btn:active{transform:translateY(0); box-shadow:0 10px 26px rgba(29,78,216,.22);}
#hero .ghost-btn{background:transparent; color:var(--brand-primary); border-color:var(--brand-border);}
#hero .ghost-btn:hover{background:rgba(37,99,235,.08); border-color:rgba(37,99,235,.45);}
#hero .primary-btn:focus-visible,.#hero .ghost-btn:focus-visible,.#hero a:focus-visible{outline:3px solid rgba(37,99,235,.35); outline-offset:2px;}
#hero .hero-trust{display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:12px; margin:14px 0 18px;}
#hero .trust-item{padding:14px 14px; border-radius:var(--r); background:rgba(255,255,255,.65); border:1px solid rgba(209,213,219,.65);}
#hero .trust-title{font-weight:750; font-family:var(--brand-font); margin:0 0 6px; color:var(--brand-ink);}
#hero .trust-text{font-size:13px; line-height:1.55; color:var(--brand-slate);}
#hero .hero-policy{display:flex; align-items:center; gap:10px; color:var(--brand-slate); font-size:13px;}
#hero .policy-dot{width:10px; height:10px; border-radius:50%; background:var(--brand-accent); box-shadow:0 0 0 6px rgba(37,99,235,.12);}
#hero .hero-panel{position:relative; border-radius:18px; border:1px solid rgba(209,213,219,.85); background:linear-gradient(180deg, rgba(255,255,255,.9), rgba(255,255,255,.75)); overflow:hidden;}
#hero .hero-panel::before{content:""; position:absolute; inset:-1px -1px auto -1px; height:120px; background:radial-gradient(800px 120px at 20% 20%, rgba(37,99,235,.25), transparent 55%); pointer-events:none;}
#hero .panel-inner{position:relative; padding:18px;}
#hero .panel-title{margin:4px 0 14px; font-family:var(--brand-font-display); font-size:20px; letter-spacing:-.01em; line-height:1.2;}
#hero .steps{list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:12px;}
#hero .step{display:grid; grid-template-columns:34px 1fr; gap:12px; align-items:start;}
#hero .step-num{width:34px; height:34px; border-radius:12px; display:flex; align-items:center; justify-content:center; font-weight:800; font-family:var(--brand-font-mono, ui-monospace); background:rgba(37,99,235,.12); border:1px solid rgba(37,99,235,.25); color:var(--brand-accent);}
#hero .step-head{font-weight:800; color:var(--brand-ink); margin:0 0 4px;}
#hero .step-text{color:var(--brand-slate); font-size:13px; line-height:1.55;}
#hero .panel-divider{height:1px; background:rgba(209,213,219,.85); margin:16px 0;}
#hero .panel-actions{display:flex; align-items:flex-start; justify-content:space-between; gap:14px; flex-wrap:wrap;}
#hero .small{padding:11px 14px; font-size:14px;}
#hero .panel-meta{color:var(--brand-slate); font-size:13px; margin-top:8px;}
#hero .panel-legal{margin-top:14px; padding-top:14px; border-top:1px dashed rgba(209,213,219,.95); display:flex; flex-direction:column; gap:8px;}
#hero .legal-row{display:flex; gap:10px; flex-wrap:wrap; font-size:13px; color:var(--brand-slate);}
#hero .legal-label{min-width:66px; color:var(--brand-ink); font-weight:800;}
#hero .legal-link{color:var(--brand-primary); text-decoration:none; border-bottom:1px solid rgba(37,99,235,.35);}
#hero .legal-link:hover{border-bottom-color:rgba(37,99,235,.7);}
#hero ::selection{background:rgba(37,99,235,.25);}
@media (max-width: 900px){#hero .hero-grid{grid-template-columns:1fr; gap:18px;}#hero .hero-trust{grid-template-columns:1fr;}}
@media (prefers-reduced-motion: reduce){#hero .primary-btn,#hero .ghost-btn{transition:none;}}

/* section:ticketmodell-transparenz */
/* section:ticketmodell-transparenz */
#ticketmodell-transparenz.ticketmodell-transparenz{background:var(--brand-bg);color:var(--brand-text);padding:48px 16px 56px;}
#ticketmodell-transparenz .container{max-width:1040px;margin:0 auto;}
#ticketmodell-transparenz .section-header{margin-bottom:22px;}
#ticketmodell-transparenz .eyebrow{font:600 12px/1.1 var(--brand-font);letter-spacing:.12em;text-transform:uppercase;color:var(--brand-secondary);margin:0 0 10px;}
#ticketmodell-transparenz .title{font:700 30px/1.15 var(--brand-font-display);letter-spacing:-.02em;margin:0 0 10px;text-wrap:balance;}
#ticketmodell-transparenz .subtitle{margin:0;color:var(--brand-slate);font:400 16px/1.55 var(--brand-font);max-width:68ch;}
#ticketmodell-transparenz .disclosure-grid{display:grid;grid-template-columns:1fr;gap:14px;margin-top:18px;}
#ticketmodell-transparenz .disclosure-card{background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:var(--brand-radius-lg,18px);padding:18px 16px;}
#ticketmodell-transparenz .disclosure-card.highlight{border-color:rgba(37,99,235,.35);box-shadow:0 10px 22px rgba(37,99,235,.12);}
#ticketmodell-transparenz .card-title{margin:0 0 8px;font:700 18px/1.25 var(--brand-font-display);letter-spacing:-.01em;}
#ticketmodell-transparenz .card-body{margin:0;color:var(--brand-slate);font:400 15px/1.65 var(--brand-font);}
#ticketmodell-transparenz .checklist{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:10px;}
#ticketmodell-transparenz .checklist-item{display:flex;gap:10px;align-items:flex-start;color:var(--brand-text);font:600 15px/1.45 var(--brand-font);}
#ticketmodell-transparenz .check{flex:0 0 auto;width:22px;height:22px;border-radius:50%;background:rgba(37,99,235,.14);color:var(--brand-accent);display:grid;place-items:center;font:900 14px/1 var(--brand-font);margin-top:1px;}
#ticketmodell-transparenz .actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px;}
#ticketmodell-transparenz .link-card{display:inline-flex;align-items:center;justify-content:flex-start;gap:10px;text-decoration:none;background:transparent;border:1px solid var(--brand-border);border-radius:var(--brand-radius-md,14px);padding:12px 14px;color:var(--brand-ink);font:700 14px/1.2 var(--brand-font);min-height:44px;}
#ticketmodell-transparenz .link-card:hover{border-color:rgba(37,99,235,.45);box-shadow:0 10px 20px rgba(37,99,235,.10);}
#ticketmodell-transparenz .link-card:focus-visible{outline:3px solid rgba(37,99,235,.35);outline-offset:2px;}
#ticketmodell-transparenz ::selection{background:rgba(37,99,235,.22);}
@media (min-width:720px){
  #ticketmodell-transparenz{padding:62px 16px 68px;}
  #ticketmodell-transparenz .title{font-size:38px;}
  #ticketmodell-transparenz .disclosure-grid{grid-template-columns:1fr 1fr;gap:16px;}
  #ticketmodell-transparenz .disclosure-card{padding:20px 18px;}
}
@media (prefers-reduced-motion:reduce){
  #ticketmodell-transparenz .link-card{transition:none;}
}

/* section:pakete-leistungscheck */
/* section:pakete-leistungscheck */
#pakete-leistungscheck{--pls-radius:var(--brand-radius,14px);padding:56px 0;background:var(--brand-bg);} 
#pakete-leistungscheck .pls-wrap{max-width:1100px;margin:0 auto;padding:0 20px;} 
#pakete-leistungscheck .pls-header{margin-bottom:22px;} 
#pakete-leistungscheck .pls-title{font-family:var(--brand-font-display);font-size:40px;line-height:1.05;letter-spacing:-0.02em;margin:0 0 10px;color:var(--brand-ink);text-wrap:balance;} 
#pakete-leistungscheck .pls-subtitle{margin:0;max-width:66ch;color:var(--brand-slate);font-size:16px;line-height:1.6;} 
#pakete-leistungscheck .pls-panels{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:stretch;margin-top:18px;} 
#pakete-leistungscheck .pls-panel{border:1px solid var(--brand-border);border-radius:var(--brand-radius,14px);background:var(--brand-surface);overflow:hidden;box-shadow:0 10px 28px rgba(15,23,42,.06);} 
#pakete-leistungscheck .pls-panel--included{border-color:rgba(37,99,235,.35);} 
#pakete-leistungscheck .pls-panel--excluded{border-color:rgba(107,114,128,.35);} 
#pakete-leistungscheck .pls-panel-head{display:flex;align-items:center;gap:10px;padding:16px 16px 10px;background:linear-gradient(180deg, rgba(37,99,235,.08), rgba(255,255,255,0));border-bottom:1px solid rgba(209,213,219,.7);} 
#pakete-leistungscheck .pls-panel--excluded .pls-panel-head{background:linear-gradient(180deg, rgba(107,114,128,.10), rgba(255,255,255,0));} 
#pakete-leistungscheck .pls-badge{width:30px;height:30px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:rgba(37,99,235,.14);color:var(--brand-accent);font-weight:800;font-family:var(--brand-font-mono,var(--brand-font));} 
#pakete-leistungscheck .pls-badge--muted{background:rgba(107,114,128,.16);color:var(--brand-secondary);} 
#pakete-leistungscheck .pls-panel-title{margin:0;font-family:var(--brand-font-display);font-size:22px;letter-spacing:-0.01em;color:var(--brand-ink);} 
#pakete-leistungscheck .pls-list{list-style:none;margin:0;padding:12px 16px 18px;display:flex;flex-direction:column;gap:10px;} 
#pakete-leistungscheck .pls-item{position:relative;padding-left:18px;color:var(--brand-text);font-size:15px;line-height:1.55;} 
#pakete-leistungscheck .pls-item::before{content:"";position:absolute;left:0;top:0.75em;width:9px;height:2px;background:rgba(37,99,235,.9);border-radius:99px;transform:translateY(-50%);} 
#pakete-leistungscheck .pls-panel--excluded .pls-item::before{background:rgba(107,114,128,.9);} 
#pakete-leistungscheck .pls-bottom{margin-top:18px;display:flex;gap:16px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;} 
#pakete-leistungscheck .pls-note{flex:1 1 520px;border:1px solid var(--brand-border);border-radius:var(--brand-radius,14px);background:var(--brand-surface);padding:16px 16px 16px;box-shadow:0 10px 28px rgba(15,23,42,.05);} 
#pakete-leistungscheck .pls-note-text{margin:0;color:var(--brand-slate);font-size:15px;line-height:1.6;} 
#pakete-leistungscheck .pls-cta-row{flex:0 0 auto;display:flex;align-items:center;gap:10px;padding:6px 0;} 
#pakete-leistungscheck .pls-dot{color:rgba(75,85,99,.7);} 
#pakete-leistungscheck .pls-link{color:var(--brand-accent);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;font-weight:700;font-size:14px;} 
#pakete-leistungscheck .pls-link:focus-visible{outline:3px solid rgba(37,99,235,.35);outline-offset:4px;border-radius:10px;} 
#pakete-leistungscheck .pls-compare{margin-top:22px;border-radius:var(--brand-radius,14px);border:1px solid var(--brand-border);background:rgba(255,255,255,.7);padding:18px 16px;box-shadow:0 10px 28px rgba(15,23,42,.04);} 
#pakete-leistungscheck .pls-compare-head{margin-bottom:14px;} 
#pakete-leistungscheck .pls-compare-title{margin:0 0 6px;font-family:var(--brand-font-display);color:var(--brand-ink);font-size:24px;letter-spacing:-0.015em;} 
#pakete-leistungscheck .pls-compare-sub{margin:0;color:var(--brand-slate);font-size:14px;line-height:1.6;max-width:70ch;} 
#pakete-leistungscheck .pls-compare-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;} 
#pakete-leistungscheck .pls-compare-card{border:1px solid rgba(209,213,219,.9);background:var(--brand-surface);border-radius:var(--brand-radius,14px);padding:14px 14px;} 
#pakete-leistungscheck .pls-compare-k{font-size:13px;letter-spacing:.02em;text-transform:uppercase;color:var(--brand-secondary);font-weight:800;margin-bottom:6px;} 
#pakete-leistungscheck .pls-compare-v{color:var(--brand-text);font-size:14px;line-height:1.55;} 
#pakete-leistungscheck ::selection{background:rgba(37,99,235,.22);color:var(--brand-ink);} 
#pakete-leistungscheck a{transition:color .15s ease, text-decoration-thickness .15s ease;} 
@media (max-width: 920px){
  #pakete-leistungscheck .pls-title{font-size:34px;}
  #pakete-leistungscheck .pls-panels{grid-template-columns:1fr;}
  #pakete-leistungscheck .pls-compare-grid{grid-template-columns:1fr;}
  #pakete-leistungscheck .pls-bottom{gap:12px;}
}
@media (prefers-reduced-motion: reduce){
  #pakete-leistungscheck *{scroll-behavior:auto;transition:none !important;}
}

/* section:kostenkontext */
/* section:kostenkontext */
#kostenkontext.kostenkontext{--pad-x:clamp(16px,4vw,28px);--max:1100px;--gap:18px;background:var(--brand-bg);color:var(--brand-text);padding:clamp(34px,6vw,56px) var(--pad-x) clamp(30px,5vw,46px);}
#kostenkontext.kostenkontext *{box-sizing:border-box;}
#kostenkontext.kostenkontext .kostenkontext__inner{max-width:var(--max);margin:0 auto;}
#kostenkontext.kostenkontext .kostenkontext__top{max-width:860px;margin-bottom:22px;}
#kostenkontext.kostenkontext .kostenkontext__kicker{font-family:var(--brand-font);letter-spacing:.12em;text-transform:uppercase;font-size:12px;color:var(--brand-slate);margin:0 0 10px;}
#kostenkontext.kostenkontext .kostenkontext__title{font-family:var(--brand-font-display, var(--brand-font));font-weight:700;letter-spacing:-0.02em;line-height:1.12;margin:0 0 12px;font-size:clamp(26px,3.3vw,40px);text-wrap:balance;}
#kostenkontext.kostenkontext .kostenkontext__lead{margin:0;color:var(--brand-slate);font-size:16px;line-height:1.6;}

#kostenkontext.kostenkontext .kostenkontext__accordion{display:flex;flex-direction:column;gap:12px;}
#kostenkontext.kostenkontext .cost-acc-item{border:1px solid var(--brand-border);background:var(--brand-surface);border-radius:var(--radius-lg,18px);overflow:hidden;}
#kostenkontext.kostenkontext .cost-acc-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 18px;background:transparent;border:0;cursor:pointer;text-align:left;color:var(--brand-ink);font-family:var(--brand-font);}
#kostenkontext.kostenkontext .cost-acc-trigger:focus-visible{outline:3px solid color-mix(in srgb, var(--brand-accent) 55%, white 45%);outline-offset:2px;border-radius:0;}
#kostenkontext.kostenkontext .cost-acc-trigger__label{font-weight:650;line-height:1.25;font-size:16px;}
#kostenkontext.kostenkontext .cost-acc-trigger__icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:34px;height:34px;border-radius:12px;border:1px solid var(--brand-border);color:var(--brand-primary);background:color-mix(in srgb, var(--brand-primary) 7%, white 93%);font-size:20px;}
#kostenkontext.kostenkontext .cost-acc-panel{border-top:1px solid var(--brand-border);}
#kostenkontext.kostenkontext .cost-acc-panel__content{padding:14px 18px 18px;}
#kostenkontext.kostenkontext .cost-acc-panel__text{margin:0 0 12px;color:var(--brand-slate);line-height:1.65;font-size:15px;}
#kostenkontext.kostenkontext .cost-acc-panel__text--muted{margin-top:-2px;}
#kostenkontext.kostenkontext .cost-acc-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;}
#kostenkontext.kostenkontext .cost-acc-list li{display:flex;gap:10px;align-items:flex-start;color:var(--brand-text);font-size:14.5px;line-height:1.55;}
#kostenkontext.kostenkontext .cost-acc-list__dot{margin-top:8px;width:8px;height:8px;border-radius:3px;background:color-mix(in srgb, var(--brand-accent) 75%, white 25%);border:1px solid color-mix(in srgb, var(--brand-accent) 55%, var(--brand-border) 45%);flex:0 0 auto;}

#kostenkontext.kostenkontext .kostenkontext__note{margin-top:18px;border:1px solid var(--brand-border);background:linear-gradient(180deg, color-mix(in srgb, var(--brand-primary) 6%, white 94%), var(--brand-surface));border-radius:var(--radius-lg,18px);padding:18px;}
#kostenkontext.kostenkontext .kostenkontext__note-text{margin:0;color:var(--brand-slate);line-height:1.65;font-size:15px;}
#kostenkontext.kostenkontext .kostenkontext__note-actions{margin-top:12px;display:flex;gap:12px;flex-wrap:wrap;}
#kostenkontext.kostenkontext .kostenkontext__link{display:inline-flex;align-items:center;justify-content:center;padding:11px 14px;border-radius:12px;text-decoration:none;font-weight:650;letter-spacing:0.01em;background:var(--brand-primary);color:var(--brand-surface);border:1px solid color-mix(in srgb, var(--brand-primary) 85%, white 15%);}
#kostenkontext.kostenkontext .kostenkontext__link--secondary{background:transparent;color:var(--brand-primary);border:1px solid var(--brand-border);}
#kostenkontext.kostenkontext .kostenkontext__link:focus-visible{outline:3px solid color-mix(in srgb, var(--brand-accent) 55%, white 45%);outline-offset:2px;}
#kostenkontext.kostenkontext .kostenkontext__link--secondary:focus-visible{outline-color:color-mix(in srgb, var(--brand-primary) 55%, white 45%);}

@media (prefers-reduced-motion: reduce){#kostenkontext.kostenkontext *{scroll-behavior:auto !important;transition:none !important;animation:none !important;}}
@media (max-width:720px){#kostenkontext.kostenkontext .kostenkontext__note-actions{flex-direction:column;align-items:stretch;}#kostenkontext.kostenkontext .kostenkontext__link,#kostenkontext.kostenkontext .kostenkontext__link--secondary{width:100%;}}

/* section:paket-check */
/* section:paket-check */
#paket-check{--r-sm:var(--brand-radius-sm,10px);--r-md:var(--brand-radius-md,14px);--r-lg:var(--brand-radius-lg,18px);background:var(--brand-bg);color:var(--brand-text);padding:42px 0;}
#paket-check *{box-sizing:border-box}
#paket-check .paket-check__wrap{max-width:1040px;margin:0 auto;padding:0 18px;}
#paket-check .paket-check__header{display:flex;flex-direction:column;gap:10px;margin-bottom:22px;}
#paket-check .paket-check__title{font-family:var(--brand-font-display);font-weight:700;letter-spacing:-0.02em;font-size:34px;line-height:1.1;margin:0;}
#paket-check .paket-check__subtitle{margin:0;max-width:72ch;font-size:16px;line-height:1.6;color:var(--brand-slate);}
#paket-check .paket-check__form{background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:var(--brand-radius-md,14px);padding:18px;box-shadow:0 10px 30px rgba(29,78,216,0.10);}
#paket-check .field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px;}
#paket-check .field-row--single{grid-template-columns:1fr;}
#paket-check .field{min-width:0;}
#paket-check .field__label{display:block;font-weight:700;margin:2px 0 8px;font-size:14px;color:var(--brand-ink);}
#paket-check .field__control{width:100%;appearance:none;-webkit-appearance:none;-moz-appearance:none;background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:12px;padding:12px 38px 12px 12px;font-size:15px;line-height:1.3;color:var(--brand-ink);font-family:var(--brand-font);} 
#paket-check .select-wrap{position:relative;}
#paket-check .select-wrap:after{content:"";position:absolute;right:12px;top:50%;transform:translateY(-50%);width:10px;height:10px;border-right:2px solid var(--brand-slate);border-bottom:2px solid var(--brand-slate);transform-origin:center;transform:translateY(-60%) rotate(45deg);pointer-events:none;opacity:0.85;}
#paket-check .field__control:focus-visible{outline:3px solid rgba(37,99,235,0.35);outline-offset:2px;border-color:rgba(37,99,235,0.7);}
#paket-check .paket-check__actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:10px;margin-bottom:14px;}
#paket-check .primary-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:none;border-radius:12px;padding:12px 16px;background:var(--brand-primary);color:var(--brand-surface);font-weight:800;letter-spacing:0.01em;cursor:pointer;font-size:15px;min-height:44px;}
#paket-check .primary-btn:focus-visible{outline:3px solid rgba(37,99,235,0.35);outline-offset:2px;}
#paket-check .primary-btn:disabled{opacity:0.6;cursor:not-allowed;}
#paket-check .ghost-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:12px;padding:12px 16px;background:var(--brand-surface);border:1.5px solid var(--brand-border);color:var(--brand-ink);font-weight:800;cursor:pointer;font-size:15px;min-height:44px;}
#paket-check .ghost-btn:focus-visible{outline:3px solid rgba(17,24,42,0.25);outline-offset:2px;}
#paket-check .ghost-btn:hover{border-color:rgba(37,99,235,0.45);}
#paket-check .result{margin-top:14px;border-radius:var(--brand-radius-lg,18px);background:rgba(37,99,235,0.06);border:1px solid rgba(37,99,235,0.22);padding:16px;}
#paket-check .result__inner{display:flex;flex-direction:column;gap:10px;}
#paket-check .result__tag{display:inline-flex;align-self:flex-start;gap:8px;background:rgba(37,99,235,0.14);color:var(--brand-ink);border:1px solid rgba(37,99,235,0.28);padding:6px 10px;border-radius:999px;font-weight:900;font-size:12px;letter-spacing:0.02em;}
#paket-check .result__title{margin:0;font-family:var(--brand-font-display);font-size:22px;line-height:1.2;letter-spacing:-0.015em;}
#paket-check .result__text{margin:0;color:var(--brand-slate);line-height:1.7;font-size:15px;}
#paket-check .result__list{margin:0;padding-left:18px;display:grid;gap:7px;color:var(--brand-ink);}
#paket-check .result__list li{color:var(--brand-slate);line-height:1.6;font-size:14.5px;}
#paket-check .result__fineprint{display:flex;align-items:flex-start;gap:10px;margin-top:2px;color:var(--brand-slate);font-size:13px;line-height:1.5;}
#paket-check .dot{width:10px;height:10px;border-radius:50%;background:var(--brand-primary);margin-top:4px;box-shadow:0 0 0 4px rgba(29,78,216,0.14);}
#paket-check .next-steps{margin-top:16px;padding:14px 14px 2px;border-top:1px solid var(--brand-border);}
#paket-check .next-steps__lead{margin:0 0 10px;color:var(--brand-slate);font-size:14px;font-weight:700;}
#paket-check .next-steps__links{display:flex;gap:10px;flex-wrap:wrap;}
#paket-check .link-btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 14px;border-radius:12px;background:var(--brand-surface);border:1px solid rgba(37,99,235,0.35);color:var(--brand-ink);font-weight:900;text-decoration:none;}
#paket-check .link-btn:focus-visible{outline:3px solid rgba(37,99,235,0.35);outline-offset:2px;}
#paket-check .link-btn:hover{border-color:rgba(37,99,235,0.6);}
#paket-check .link-btn--secondary{border-color:var(--brand-border);}
#paket-check .link-btn--secondary:hover{border-color:rgba(17,24,42,0.35);}
#paket-check ::selection{background:rgba(37,99,235,0.22);}
@media (max-width:820px){#paket-check{padding:34px 0;}#paket-check .field-row{grid-template-columns:1fr;}#paket-check .paket-check__title{font-size:30px;}#paket-check .paket-check__form{padding:16px;}}
@media (prefers-reduced-motion:reduce){#paket-check *{scroll-behavior:auto;transition:none!important;animation:none!important;}}

/* section:faq */
/* section:faq */
#faq.faq{--section-bg:var(--brand-bg);--section-surface:var(--brand-surface);--ink:var(--brand-ink);--muted:var(--brand-slate);--border:var(--brand-border);background:var(--section-bg);color:var(--brand-text);padding:48px 0 56px;}
#faq .faq__container{max-width:1100px;margin:0 auto;padding:0 20px;}
#faq .faq__header{margin-bottom:22px;}
#faq .faq__kicker{font-family:var(--brand-font-display);letter-spacing:.02em;text-transform:uppercase;font-size:12px;color:var(--brand-secondary);margin:0 0 10px;}
#faq .faq__title{font-family:var(--brand-font-display);font-weight:800;letter-spacing:-.02em;text-wrap:balance;margin:0;font-size:38px;line-height:1.12;color:var(--brand-ink);}
#faq .faq__lead{margin:12px 0 0;max-width:68ch;color:var(--brand-secondary);font-size:16px;line-height:1.7;}
#faq .faq__grid{display:grid;grid-template-columns:1.25fr .75fr;gap:22px;align-items:start;}
#faq .faq__accordion{background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:var(--brand-radius,18px);overflow:hidden;}
#faq .faq-item{border-bottom:1px solid var(--brand-border);}
#faq .faq-item:last-child{border-bottom:none;}
#faq .faq-item__trigger{width:100%;text-align:left;display:flex;gap:14px;align-items:center;justify-content:space-between;padding:16px 18px;background:var(--brand-surface);border:none;cursor:pointer;color:var(--brand-ink);}
#faq .faq-item__trigger:focus{outline:none;}
#faq .faq-item__trigger:focus-visible{outline:3px solid var(--brand-accent);outline-offset:2px;}
#faq .faq-item__q{font-weight:700;font-size:16px;line-height:1.35;}
#faq .faq-item__icon{flex:0 0 auto;width:28px;height:28px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:color-mix(in oklab, var(--brand-accent) 14%, var(--brand-surface));color:var(--brand-accent);font-size:18px;line-height:1;}
#faq .faq-item__panel{padding:0 18px 16px;}
#faq .faq-item__a{border-top:1px dashed color-mix(in oklab, var(--brand-border) 85%, transparent);padding-top:14px;}
#faq .faq-item__a p{margin:0 0 10px;color:var(--brand-secondary);line-height:1.7;font-size:15px;}
#faq .faq-item__a p:last-child{margin-bottom:0;}
#faq .faq-item__linkrow{margin-top:12px;}
#faq .faq-item__link{color:var(--brand-primary);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;font-weight:700;}
#faq .faq-item__link:hover{color:var(--brand-accent);}
#faq .faq__aside{display:flex;flex-direction:column;gap:16px;}
#faq .faq-aside-card{background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:18px;padding:18px 18px 16px;}
#faq .faq-aside-card__title{margin:0 0 10px;font-family:var(--brand-font-display);color:var(--brand-ink);font-weight:800;letter-spacing:-.01em;font-size:20px;line-height:1.25;}
#faq .faq-aside-card__text{margin:0;color:var(--brand-secondary);line-height:1.7;font-size:15px;}
#faq .faq-aside-card__cta{display:inline-flex;margin-top:14px;align-items:center;justify-content:center;gap:10px;padding:12px 14px;background:var(--brand-primary);color:var(--brand-surface);border:1px solid color-mix(in oklab, var(--brand-primary) 90%, var(--brand-border));border-radius:var(--brand-radius,14px);font-weight:800;text-decoration:none;}
#faq .faq-aside-card__cta:focus{outline:none;}
#faq .faq-aside-card__cta:focus-visible{outline:3px solid var(--brand-accent);outline-offset:2px;}
#faq .faq-aside-card__cta:hover{background:color-mix(in oklab, var(--brand-primary) 86%, var(--brand-accent));}
#faq .faq-aside-card__fine{margin:12px 0 0;color:color-mix(in oklab, var(--brand-slate) 92%, var(--brand-text));font-size:12.5px;line-height:1.6;}
#faq .faq__policylinks{background:transparent;border:1px dashed var(--brand-border);border-radius:18px;padding:14px;display:flex;flex-direction:column;gap:10px;}
#faq .faq__policylink{color:var(--brand-secondary);text-decoration:none;font-weight:700;line-height:1.4;}
#faq .faq__policylink:hover{color:var(--brand-ink);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;}
#faq .faq__policylink:focus{outline:none;}
#faq .faq__policylink:focus-visible{outline:3px solid var(--brand-accent);outline-offset:2px;}
#faq{box-sizing:border-box;}
#faq *{box-sizing:inherit;}
#faq ::selection{background:color-mix(in oklab, var(--brand-accent) 30%, transparent);}
@media (max-width: 920px){#faq .faq__grid{grid-template-columns:1fr;gap:14px;}#faq .faq__title{font-size:32px;} }
@media (max-width: 520px){#faq{padding:38px 0 44px;}#faq .faq__title{font-size:28px;}#faq .faq-item__trigger{padding:14px 14px;}#faq .faq-item__panel{padding:0 14px 14px;}#faq .faq__policylinks{padding:12px;} }
/* section:kontakt */
/* section:kontakt */
#kontakt{--kontainer-max:1120px;--kontainer-pad:20px;background:var(--brand-bg);color:var(--brand-text);padding:56px 0 64px;}
#kontakt .kontakt-shell{max-width:var(--kontainer-max);margin:0 auto;padding:0 var(--kontainer-pad);}
#kontakt .kontakt-header{max-width:760px;margin-bottom:26px;}
#kontakt .kontakt-kicker{display:inline-block;font-family:var(--brand-font-display);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--brand-secondary);background:rgba(255,255,255,.6);border:1px solid var(--brand-border);padding:8px 12px;border-radius:999px;}
#kontakt .kontakt-title{margin:14px 0 10px;font-family:var(--brand-font-display);font-weight:700;font-size:34px;line-height:1.1;letter-spacing:-.02em;text-wrap:balance;color:var(--brand-ink);}
#kontakt .kontakt-subtitle{margin:0;color:var(--brand-slate);font-size:16px;line-height:1.6;}
#kontakt .kontakt-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:18px;align-items:start;}
#kontakt .kontakt-card{background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:var(--brand-lg);padding:18px;}
#kontakt .kontakt-form{display:block;}
#kontakt .form-row{display:grid;gap:14px;margin:12px 0;}
#kontakt .form-row-2{grid-template-columns:1fr 1fr;}
#kontakt .field{display:flex;flex-direction:column;gap:8px;}
#kontakt label{font-size:13px;color:var(--brand-ink);font-weight:650;}
#kontakt input,#kontakt select,#kontakt textarea{width:100%;border:1px solid var(--brand-border);border-radius:var(--brand-md);padding:12px 12px;font-size:15px;font-family:var(--brand-font);background:var(--brand-surface);color:var(--brand-ink);outline:none;}
#kontakt textarea{resize:vertical;min-height:118px;}
#kontakt input::placeholder,#kontakt textarea::placeholder{color:var(--brand-secondary);opacity:.95;}
#kontakt input:focus-visible,#kontakt select:focus-visible,#kontakt textarea:focus-visible{border-color:var(--brand-accent);box-shadow:0 0 0 4px rgba(37,99,235,.18);}
#kontakt .field-hint{min-height:18px;font-size:12.5px;color:#B91C1C;}
#kontakt .kontakt-actions{display:flex;gap:18px;align-items:flex-start;margin-top:14px;}
#kontakt .primary-button{appearance:none;border:0;background:var(--brand-primary);color:var(--brand-surface);border-radius:var(--brand-md);padding:12px 16px;font-weight:750;font-size:15px;cursor:pointer;min-width:190px;box-shadow:0 10px 24px rgba(29,78,216,.18);}
#kontakt .primary-button:hover{background:#1A4ED5;}
#kontakt .primary-button:active{transform:translateY(1px);}
#kontakt .primary-button:focus-visible{outline:3px solid rgba(37,99,235,.35);outline-offset:3px;}
#kontakt .primary-button[disabled]{opacity:.75;cursor:not-allowed;box-shadow:none;}
#kontakt .kontakt-privacy{flex:1;max-width:420px;color:var(--brand-slate);}
#kontakt .kontakt-privacy-text{font-size:13px;line-height:1.55;}
#kontakt .kontakt-privacy-links{margin-top:8px;display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:13px;}
#kontakt .text-link{color:var(--brand-accent);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;}
#kontakt .text-link:focus-visible{outline:3px solid rgba(37,99,235,.35);outline-offset:3px;border-radius:6px;}
#kontakt .kontakt-status{margin-top:14px;padding:12px 12px;border-radius:var(--brand-md);border:1px solid var(--brand-border);background:rgba(255,255,255,.7);color:var(--brand-ink);}
#kontakt .kontakt-aside{display:flex;flex-direction:column;gap:14px;}
#kontakt .aside-block{background:rgba(255,255,255,.72);border:1px solid var(--brand-border);border-radius:var(--brand-lg);padding:16px;}
#kontakt .aside-title{margin:0 0 10px;font-family:var(--brand-font-display);font-size:18px;letter-spacing:-.01em;color:var(--brand-ink);}
#kontakt .aside-dl{margin:0;display:flex;flex-direction:column;gap:10px;}
#kontakt .aside-item{display:flex;flex-direction:column;gap:4px;}
#kontakt .aside-item dt{font-size:12.5px;color:var(--brand-secondary);font-weight:700;text-transform:uppercase;letter-spacing:.06em;}
#kontakt .aside-item dd{margin:0;font-size:14.5px;color:var(--brand-ink);line-height:1.45;}
#kontakt .aside-link{color:var(--brand-ink);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;}
#kontakt .aside-link:focus-visible{outline:3px solid rgba(37,99,235,.35);outline-offset:3px;border-radius:6px;}
#kontakt .aside-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;}
#kontakt .aside-list li{display:flex;gap:10px;align-items:flex-start;color:var(--brand-ink);}
#kontakt .bullet{width:10px;height:10px;border-radius:3px;background:var(--brand-accent);margin-top:4px;flex:0 0 auto;box-shadow:0 6px 16px rgba(37,99,235,.22);}
#kontakt .aside-note{margin:0;color:var(--brand-slate);font-size:14px;line-height:1.6;}
#kontakt .aside-cta{margin-top:12px;}
#kontakt .ghost-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--brand-border);background:var(--brand-surface);color:var(--brand-ink);border-radius:var(--brand-md);padding:11px 12px;font-weight:750;font-size:14.5px;text-decoration:none;}
#kontakt .ghost-button:hover{border-color:rgba(37,99,235,.6);box-shadow:0 10px 18px rgba(15,23,42,.06);}
#kontakt .ghost-button:focus-visible{outline:3px solid rgba(37,99,235,.35);outline-offset:3px;}
#kontakt ::selection{background:rgba(37,99,235,.22);}
@media (max-width: 980px){
  #kontakt{padding:46px 0 56px;}
  #kontakt .kontakt-grid{grid-template-columns:1fr;}
  #kontakt .form-row-2{grid-template-columns:1fr;}
  #kontakt .kontakt-actions{flex-direction:column;align-items:stretch;}
  #kontakt .primary-button{min-width:auto;}
  #kontakt .kontakt-privacy{max-width:none;}
  #kontakt .kontakt-title{font-size:30px;}
}
@media (prefers-reduced-motion: reduce){
  #kontakt *{scroll-behavior:auto;}
  #kontakt .primary-button:active{transform:none;}
}

/* section:blog-list */
/* section:blog-list */
#blog-list.blog-list{--pad:clamp(18px,2.8vw,28px); padding:0; background:var(--brand-bg); color:var(--brand-text);}
#blog-list.blog-list .blog-list__inner{max-width:1100px; margin:0 auto; padding:48px var(--pad) 40px;}
#blog-list.blog-list .blog-list__head{max-width:760px; margin-bottom:26px;}
#blog-list.blog-list .blog-list__eyebrow{font-family:var(--brand-font); font-size:13px; letter-spacing:0.08em; text-transform:uppercase; color:var(--brand-secondary); margin:0 0 10px;}
#blog-list.blog-list .blog-list__title{font-family:var(--brand-font-display); font-size:clamp(28px,3.2vw,42px); line-height:1.05; letter-spacing:-0.02em; text-wrap:balance; margin:0 0 12px; color:var(--brand-ink);}
#blog-list.blog-list .blog-list__subtitle{margin:0; font-size:16px; line-height:1.6; color:var(--brand-slate);}
#blog-list.blog-list .blog-list__grid{display:grid; grid-template-columns:1fr; gap:16px; margin:18px 0 26px;}
#blog-list.blog-list .blog-card{background:var(--brand-surface); border:1px solid var(--brand-border); border-radius:var(--radius-lg,18px); box-shadow:0 10px 24px rgba(17,24,39,0.06); position:relative; overflow:hidden;}
#blog-list.blog-list .blog-card--alt::before{content:""; position:absolute; inset:-2px; background:linear-gradient(135deg, rgba(37,99,235,0.14), rgba(29,78,216,0.02)); pointer-events:none;}
#blog-list.blog-list .blog-card__link{display:block; padding:18px 18px 16px; color:inherit; text-decoration:none; position:relative; z-index:1;}
#blog-list.blog-list .blog-card__meta{display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:10px;}
#blog-list.blog-list .blog-card__tag{font-size:12px; font-weight:700; letter-spacing:0.02em; padding:7px 10px; border-radius:999px; background:rgba(107,114,128,0.14); color:var(--brand-secondary); border:1px solid rgba(107,114,128,0.24);}
#blog-list.blog-list .blog-card__tag--accent{background:rgba(37,99,235,0.12); color:var(--brand-accent); border-color:rgba(37,99,235,0.22);}
#blog-list.blog-list .blog-card__time{font-family:var(--brand-font); font-size:13px; color:var(--brand-slate); white-space:nowrap;}
#blog-list.blog-list .blog-card__title{margin:0 0 10px; font-family:var(--brand-font-display); font-size:20px; line-height:1.25; letter-spacing:-0.01em; text-wrap:balance;}
#blog-list.blog-list .blog-card__excerpt{margin:0; font-size:15px; line-height:1.65; color:var(--brand-slate);}
#blog-list.blog-list .blog-card__cta{margin-top:14px; display:flex; align-items:center; gap:10px; font-weight:800; color:var(--brand-ink);}
#blog-list.blog-list .blog-card__arrow{display:inline-block; transform:translateY(-1px); color:var(--brand-accent);}
#blog-list.blog-list .blog-card__link:focus-visible{outline:3px solid rgba(37,99,235,0.45); outline-offset:3px; border-radius:var(--radius-lg,18px);}
#blog-list.blog-list .blog-list__bottom{display:flex; align-items:flex-start; justify-content:space-between; gap:14px; padding-top:10px; border-top:1px solid rgba(209,213,219,0.8);}
#blog-list.blog-list .blog-list__note{flex:1; max-width:720px;}
#blog-list.blog-list .blog-list__noteLabel{font-weight:900; color:var(--brand-ink);}
#blog-list.blog-list .blog-list__note p{margin:0; font-size:14px; line-height:1.6; color:var(--brand-slate);}
#blog-list.blog-list .blog-list__secondary{flex:0 0 auto; align-self:center; padding:12px 14px; border-radius:var(--radius-md,14px); border:1px solid rgba(37,99,235,0.35); background:var(--brand-surface); color:var(--brand-ink); text-decoration:none; font-weight:800; letter-spacing:0.01em;}
#blog-list.blog-list .blog-list__secondary:focus-visible{outline:3px solid rgba(37,99,235,0.45); outline-offset:3px;}
#blog-list.blog-list .blog-list__secondary:hover{border-color:rgba(37,99,235,0.65);}
#blog-list.blog-list ::selection{background:rgba(37,99,235,0.22); color:var(--brand-ink);} 
@media (min-width:860px){
  #blog-list.blog-list .blog-list__grid{grid-template-columns:repeat(3,1fr); gap:18px;}
  #blog-list.blog-list .blog-card__link{padding:20px 20px 18px;}
  #blog-list.blog-list .blog-card__title{font-size:19px;}
}
@media (prefers-reduced-motion: reduce){
  #blog-list.blog-list *{scroll-behavior:auto; transition:none !important; animation:none !important;}
}

/* section:article-hero */
/* section:article-hero */
#article-hero{position:relative; background:var(--brand-bg); padding:56px 16px 34px; overflow:hidden;}
#article-hero .article-hero__container{max-width:980px; margin:0 auto; position:relative; z-index:2;}
#article-hero .article-hero__bg{position:absolute; inset:-140px -80px auto -80px; height:320px; background:linear-gradient(180deg, rgba(37,99,235,0.16), rgba(255,255,255,0)); pointer-events:none;}
#article-hero .article-hero__eyebrow{display:inline-flex; align-items:center; gap:10px; font-family:var(--brand-font); font-size:14px; line-height:1.3; color:var(--brand-secondary); background:rgba(255,255,255,0.7); border:1px solid rgba(209,213,219,0.75); padding:8px 12px; border-radius:999px; backdrop-filter: blur(6px);}
#article-hero .article-hero__title{margin:14px 0 12px; font-family:var(--brand-font-display); font-size:44px; line-height:1.08; letter-spacing:-0.02em; color:var(--brand-ink); text-wrap:balance;}
#article-hero .article-hero__meta{display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin:0 0 16px;}
#article-hero .meta-chip{font-size:14px; color:var(--brand-slate); background:rgba(255,255,255,0.8); border:1px solid rgba(209,213,219,0.85); padding:8px 12px; border-radius:999px;}
#article-hero .meta-divider{width:6px; height:6px; border-radius:50%; background:rgba(37,99,235,0.55);}
#article-hero .mono{font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace; color:var(--brand-ink);}
#article-hero .article-hero__lead{margin:0 0 22px; max-width:860px; font-size:18px; line-height:1.6; color:var(--brand-text);}
#article-hero .article-hero__cta-row{display:flex; gap:12px; flex-wrap:wrap; margin:0 0 18px;}
#article-hero .btn{display:inline-flex; align-items:center; justify-content:center; gap:10px; border-radius:var(--brand-radius, 14px); text-decoration:none; font-weight:700; padding:12px 16px; border:1px solid transparent; transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease, transform 160ms ease;}
#article-hero .btn--primary{background:var(--brand-accent); color:#fff; border-color:rgba(37,99,235,0.35);}
#article-hero .btn--primary:hover{background:var(--brand-primary);}
#article-hero .btn--ghost{background:#fff; color:var(--brand-ink); border-color:var(--brand-border);}
#article-hero .btn--ghost:hover{background:rgba(37,99,235,0.06); border-color:rgba(37,99,235,0.45);}
#article-hero .btn:focus-visible{outline:3px solid rgba(37,99,235,0.35); outline-offset:3px;}
#article-hero .article-hero__trust{display:flex; align-items:flex-start; gap:14px; padding:14px 14px; border-radius:var(--brand-radius, 18px); border:1px solid rgba(209,213,219,0.9); background:rgba(255,255,255,0.85);}
#article-hero .trust-mark{width:12px; height:12px; border-radius:50%; margin-top:6px; background:var(--brand-accent); box-shadow:0 10px 26px rgba(37,99,235,0.18);}
#article-hero .trust-text{margin:0; font-size:14px; line-height:1.55; color:var(--brand-slate);}
@media (max-width:720px){#article-hero{padding-top:44px;}#article-hero .article-hero__title{font-size:34px;}#article-hero .article-hero__lead{font-size:16px;}#article-hero .article-hero__cta-row{gap:10px;}}
@media (prefers-reduced-motion: reduce){#article-hero .btn{transition:none;}}
::selection{background:rgba(37,99,235,0.22); color:var(--brand-ink);} 
/* section:article-content */
/* section:article-content */
#article-content.article-content{--radius-sm:var(--brand-radius-sm,10px);--radius-md:var(--brand-radius-md,14px);--radius-lg:var(--brand-radius-lg,18px);color:var(--brand-text);background:var(--brand-bg);padding:clamp(24px,4vw,44px) 0;}
#article-content .article-content__wrap{max-width:1100px;margin:0 auto;padding:0 18px;}
#article-content .article-content__lede{padding:0 0 18px 0;}
#article-content .article-content__kicker{font-family:var(--brand-font);font-weight:700;letter-spacing:.02em;text-transform:uppercase;color:var(--brand-secondary);font-size:12px;margin:0 0 10px 0;}
#article-content .article-content__title{font-family:var(--brand-font-display);font-size:clamp(26px,3.2vw,40px);line-height:1.08;margin:0 0 14px 0;letter-spacing:-.02em;text-wrap:balance;}
#article-content .article-content__intro{margin:0;max-width:72ch;font-size:16.5px;line-height:1.75;color:var(--brand-text);}
#article-content .article-content__grid{display:grid;grid-template-columns:1.6fr .9fr;gap:26px;align-items:start;}
#article-content .article-content__main{min-width:0;}
#article-content .prose{background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:var(--radius-lg);padding:22px 22px;box-shadow:0 10px 26px rgba(37,99,235,.08);}
#article-content .prose h3{font-family:var(--brand-font-display);font-size:20px;line-height:1.25;margin:26px 0 10px 0;letter-spacing:-.01em;color:var(--brand-ink);}
#article-content .prose h3:first-child{margin-top:4px;}
#article-content .prose p{margin:0 0 14px 0;font-size:16px;line-height:1.8;color:var(--brand-text);}
#article-content .prose strong{color:var(--brand-ink);}
#article-content .prose__list{margin:10px 0 4px 18px;padding:0;}
#article-content .prose__list li{margin:10px 0;font-size:16px;line-height:1.75;}
#article-content .article-content__aside{min-width:0;}
#article-content .aside-card{background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:var(--radius-lg);padding:18px 18px;margin-bottom:14px;}
#article-content .aside-card--secondary{background:linear-gradient(180deg, var(--brand-surface), rgba(37,99,235,.04));}
#article-content .aside-card__title{margin:0 0 12px 0;font-family:var(--brand-font-display);font-size:18px;line-height:1.2;letter-spacing:-.01em;color:var(--brand-ink);}
#article-content .aside-card__list{list-style:none;margin:0;padding:0;}
#article-content .aside-card__list li{display:flex;gap:10px;align-items:flex-start;margin:10px 0;color:var(--brand-text);font-size:15.5px;line-height:1.55;}
#article-content .aside-card__bullet{color:var(--brand-accent);font-weight:900;transform:translateY(1px);}
#article-content .aside-card__callout{margin-top:14px;padding:12px 12px;border-radius:var(--radius-md);border:1px solid rgba(37,99,235,.22);background:rgba(37,99,235,.06);}
#article-content .aside-card__callout p{margin:0;font-size:14.8px;line-height:1.6;color:var(--brand-ink);}
#article-content .aside-links{display:flex;flex-direction:column;gap:10px;}
#article-content .aside-link{display:flex;flex-direction:column;gap:3px;padding:12px 12px;border-radius:var(--radius-md);border:1px solid var(--brand-border);text-decoration:none;background:var(--brand-surface);}
#article-content .aside-link:focus-visible{outline:3px solid rgba(37,99,235,.35);outline-offset:2px;}
#article-content .aside-link__label{font-weight:800;color:var(--brand-ink);font-size:15.5px;}
#article-content .aside-link__meta{color:var(--brand-slate);font-size:13.7px;line-height:1.35;}
#article-content .prose a{color:var(--brand-accent);}
#article-content ::selection{background:rgba(37,99,235,.22);}
#article-content .prose :focus-visible{outline:3px solid rgba(37,99,235,.35);outline-offset:3px;}
@media (max-width: 920px){#article-content .article-content__grid{grid-template-columns:1fr;gap:16px;}
#article-content .prose{padding:18px 16px;}
}
@media (prefers-reduced-motion: reduce){#article-content *{scroll-behavior:auto;}}

/* section:related-articles */
#related-articles { --ra-radius-sm: var(--brand-radius-sm, 10px); --ra-radius-md: 14px; --ra-radius-lg: 18px; --ra-gap: 18px; background: var(--brand-bg); color: var(--brand-text); padding: 44px 0; }
#related-articles::selection { background: rgba(37,99,235,.25); }
#related-articles .container { width: min(980px, calc(100% - 40px)); margin: 0 auto; }
#related-articles .section-header { margin-bottom: 22px; }
#related-articles .section-title { font-family: var(--brand-font-display, "Hoefler Text", "Baskerville Old Face", Garamond, Georgia, serif); color: var(--brand-ink); font-weight: 800; letter-spacing: -0.02em; margin: 0 0 10px 0; font-size: 30px; line-height: 1.15; text-wrap: balance; }
#related-articles .section-subtitle { margin: 0; color: var(--brand-slate); font-family: var(--brand-font, Georgia, Cambria, 'Times New Roman', serif); font-size: 16px; line-height: 1.6; max-width: 72ch; }
#related-articles .articles-grid { display: grid; grid-template-columns: 1fr; gap: var(--ra-gap); }
#related-articles .article-card { background: var(--brand-surface); border: 1px solid var(--brand-border); border-radius: var(--ra-radius-md); padding: 18px 18px 16px 18px; box-shadow: 0 10px 26px rgba(29,78,216,.08); }
#related-articles .article-card--current { border-color: rgba(37,99,235,.35); box-shadow: 0 12px 30px rgba(29,78,216,.12); }
#related-articles .article-meta { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 10px; }
#related-articles .kicker { display: inline-flex; align-items: center; padding: 6px 10px; border-radius: var(--ra-radius-sm); background: rgba(37,99,235,.10); color: var(--brand-primary); font-family: var(--brand-font, Georgia, Cambria, 'Times New Roman', serif); font-weight: 700; font-size: 13px; }
#related-articles .meta-time { color: var(--brand-slate); font-size: 13px; font-family: var(--brand-font, Georgia, Cambria, 'Times New Roman', serif); }
#related-articles .article-title { margin: 0 0 8px 0; font-family: var(--brand-font, Georgia, Cambria, 'Times New Roman', serif); color: var(--brand-ink); font-weight: 800; font-size: 18px; line-height: 1.35; letter-spacing: -0.01em; text-wrap: balance; }
#related-articles .article-excerpt { margin: 0 0 14px 0; color: var(--brand-slate); font-size: 14.5px; line-height: 1.65; }
#related-articles .article-link { display: inline-flex; align-items: center; gap: 8px; color: var(--brand-primary); text-decoration: none; font-weight: 800; font-size: 14.5px; padding: 10px 12px; border-radius: var(--ra-radius-sm); border: 1px solid rgba(29,78,216,.35); background: rgba(29,78,216,.06); }
#related-articles .article-link::after { content: "→"; font-weight: 900; }
#related-articles .article-link:focus-visible { outline: 3px solid rgba(37,99,235,.35); outline-offset: 2px; }
#related-articles .article-link:hover { background: rgba(29,78,216,.10); }
@media (min-width: 760px) { #related-articles { padding: 56px 0; } #related-articles .articles-grid { grid-template-columns: 1fr 1fr; } #related-articles .article-card--current { grid-column: 1 / -1; } .section-title { font-size: 34px; } }
@media (prefers-reduced-motion: reduce) { #related-articles * { scroll-behavior: auto !important; transition: none !important; animation: none !important; } }

/* section:article-hero */
/* section:article-hero */
#article-hero{
  --hero-max: 1120px;
  padding: 56px 16px 30px;
  background: var(--brand-bg);
  color: var(--brand-text);
}

#article-hero .article-hero__inner{
  max-width: var(--hero-max);
  margin: 0 auto;
}

#article-hero .article-hero__kicker{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
  border-radius: var(--brand-radius-md, 14px);
  background: color-mix(in srgb, var(--brand-surface) 70%, var(--brand-primary) 30%);
  border: 1px solid var(--brand-border);
  font-family: var(--brand-font);
  letter-spacing: 0.02em;
  color: var(--brand-ink);
  box-shadow: 0 10px 26px color-mix(in srgb, var(--brand-accent) 18%, transparent);
}

#article-hero .article-hero__title{
  margin: 18px 0 14px;
  font-family: var(--brand-font-display);
  font-weight: 760;
  letter-spacing: -0.02em;
  line-height: 1.06;
  font-size: clamp(30px, 4.2vw, 52px);
  text-wrap: balance;
  color: var(--brand-ink);
}

#article-hero .article-hero__meta{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin: 0 0 18px;
  color: var(--brand-slate);
  font-family: var(--brand-font);
}

#article-hero .meta-item{
  display: inline-flex;
  align-items: baseline;
  gap: 8px;
}
#article-hero .meta-label{
  font-size: 13px;
  color: color-mix(in srgb, var(--brand-slate) 92%, var(--brand-ink) 8%);
}
#article-hero .meta-value{
  font-size: 14px;
  color: var(--brand-ink);
  font-weight: 650;
}

#article-hero .meta-sep{
  color: color-mix(in srgb, var(--brand-slate) 55%, var(--brand-border) 45%);
}

#article-hero .article-hero__lede{
  margin: 0;
  max-width: 74ch;
  font-size: 17px;
  line-height: 1.65;
  color: color-mix(in srgb, var(--brand-text) 86%, var(--brand-ink) 14%);
  font-family: var(--brand-font);
}

#article-hero .article-hero__actions{
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 22px;
}

#article-hero .btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--brand-radius-sm, 10px);
  padding: 12px 14px;
  border: 1px solid var(--brand-border);
  text-decoration: none;
  font-family: var(--brand-font);
  font-weight: 650;
  letter-spacing: 0.01em;
  line-height: 1;
  transition: background-color 160ms ease, border-color 160ms ease, transform 160ms ease;
}

#article-hero .btn--primary{
  background: var(--brand-primary);
  border-color: color-mix(in srgb, var(--brand-primary) 60%, var(--brand-border) 40%);
  color: var(--brand-surface);
}
#article-hero .btn--ghost{
  background: var(--brand-surface);
  color: var(--brand-ink);
  border-color: var(--brand-border);
}

#article-hero .btn:focus-visible{
  outline: 3px solid color-mix(in srgb, var(--brand-accent) 55%, white 45%);
  outline-offset: 3px;
}

#article-hero .btn:hover{
  transform: translateY(-1px);
}

#article-hero .btn--primary:hover{
  background: color-mix(in srgb, var(--brand-primary) 86%, black 14%);
}
#article-hero .btn--ghost:hover{
  border-color: color-mix(in srgb, var(--brand-accent) 35%, var(--brand-border) 65%);
  background: color-mix(in srgb, var(--brand-surface) 88%, var(--brand-accent) 12%);
}

#article-hero .article-hero__highlights{
  margin-top: 26px;
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
}

#article-hero .highlight{
  display: grid;
  grid-template-columns: 44px 1fr;
  gap: 14px;
  align-items: start;
  padding: 14px 14px;
  border-radius: var(--brand-radius-md, 14px);
  border: 1px solid var(--brand-border);
  background: color-mix(in srgb, var(--brand-surface) 88%, var(--brand-primary) 12%);
}

#article-hero .highlight:nth-child(2){
  background: color-mix(in srgb, var(--brand-surface) 90%, var(--brand-accent) 10%);
}
#article-hero .highlight:nth-child(3){
  background: color-mix(in srgb, var(--brand-surface) 90%, var(--brand-secondary) 10%);
}

#article-hero .highlight__num{
  width: 44px;
  height: 44px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  font-family: var(--brand-font);
  color: var(--brand-surface);
  background: var(--brand-primary);
  box-shadow: 0 14px 30px color-mix(in srgb, var(--brand-primary) 26%, transparent);
}

#article-hero .highlight:nth-child(2) .highlight__num{ background: var(--brand-accent); }
#article-hero .highlight:nth-child(3) .highlight__num{ background: var(--brand-secondary); }

#article-hero .highlight__title{
  font-family: var(--brand-font-display);
  font-weight: 760;
  letter-spacing: -0.01em;
  color: var(--brand-ink);
  margin-top: 2px;
}
#article-hero .highlight__text{
  margin-top: 6px;
  color: color-mix(in srgb, var(--brand-ink) 78%, var(--brand-slate) 22%);
  line-height: 1.55;
  font-size: 15px;
  font-family: var(--brand-font);
}

@media (min-width: 860px){
  #article-hero{ padding-top: 70px; }
  #article-hero .article-hero__highlights{ grid-template-columns: repeat(3, 1fr); gap: 14px; }
  #article-hero .highlight{ padding: 16px; }
}

@media (prefers-reduced-motion: reduce){
  #article-hero .btn{ transition: none; }
  #article-hero .btn:hover{ transform: none; }
}

#article-hero ::selection{ background: color-mix(in srgb, var(--brand-accent) 30%, white 70%); color: var(--brand-ink); }

/* section:article-content */
/* section:article-content */
#article-content.article-content{background:var(--brand-bg);padding:28px 0 42px;color:var(--brand-text);}
#article-content .article-container{max-width:920px;margin:0 auto;padding:0 18px;}
#article-content .article-meta{margin:0 0 18px;}
#article-content .article-kicker{display:inline-block;font-family:var(--brand-font-display);letter-spacing:.02em;text-transform:uppercase;font-size:12px;font-weight:700;color:var(--brand-primary);background:rgba(37,99,235,.10);border:1px solid rgba(37,99,235,.22);padding:7px 12px;border-radius:999px;margin-bottom:12px;}
#article-content .article-submeta{font-family:var(--brand-font);font-size:18px;line-height:1.5;color:var(--brand-slate);max-width:720px;margin:0;}
#article-content .article-divider{height:1px;background:var(--brand-border);margin-top:16px;}
#article-content .article-body{background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:var(--brand-radius-lg,18px);padding:22px 22px 10px;box-shadow:0 10px 30px rgba(15,23,42,.06);}
#article-content .article-h2{font-family:var(--brand-font-display);font-size:30px;line-height:1.15;letter-spacing:-.02em;margin:22px 0 10px;color:var(--brand-ink);text-wrap:balance;}
#article-content .article-h3{font-family:var(--brand-font-display);font-size:20px;line-height:1.25;letter-spacing:-.01em;margin:18px 0 8px;color:var(--brand-ink);text-wrap:balance;}
#article-content .p{font-size:16px;line-height:1.85;margin:10px 0;color:var(--brand-text);}
#article-content .list{margin:10px 0 14px;padding:0;list-style:none;}
#article-content .li{display:flex;gap:10px;align-items:flex-start;margin:10px 0;}
#article-content .list-dot{width:9px;height:9px;border-radius:3px;background:var(--brand-accent);margin-top:7px;flex:0 0 auto;box-shadow:0 8px 18px rgba(37,99,235,.18);}
#article-content .li-text{font-size:16px;line-height:1.75;color:var(--brand-text);}
#article-content .callout{margin:16px 0 18px;background:rgba(37,99,235,.06);border:1px solid rgba(37,99,235,.22);border-radius:var(--brand-radius-md,14px);padding:14px 14px 12px;}
#article-content .callout-title{margin:0 0 6px;font-weight:800;font-size:14px;letter-spacing:.01em;color:var(--brand-ink);text-transform:uppercase;}
#article-content .callout-text{margin:0;font-size:16px;line-height:1.75;color:var(--brand-text);}
#article-content .checkgrid{display:grid;grid-template-columns:1fr;gap:12px;margin:16px 0 10px;}
#article-content .check-item{background:var(--brand-bg);border:1px solid var(--brand-border);border-radius:var(--brand-radius-md,14px);padding:14px 14px 12px;}
#article-content .check-label{margin:0 0 6px;font-weight:800;color:var(--brand-ink);font-size:14px;}
#article-content .check-text{margin:0;font-size:16px;line-height:1.7;color:var(--brand-slate);}
#article-content .numbered{margin:10px 0 14px;padding-left:18px;color:var(--brand-text);}
#article-content .numbered-item{margin:12px 0;font-size:16px;line-height:1.75;}
#article-content .article-related{margin-top:16px;padding:0 2px;}
#article-content .related-title{font-weight:900;font-size:14px;letter-spacing:.01em;text-transform:uppercase;color:var(--brand-primary);margin:18px 0 10px;}
#article-content .related-list{list-style:none;padding:0;margin:0;}
#article-content .related-li{margin:10px 0;}
#article-content .related-link{display:inline-flex;align-items:center;gap:10px;color:var(--brand-ink);text-decoration:none;border:1px solid var(--brand-border);background:var(--brand-surface);border-radius:999px;padding:10px 12px;font-weight:700;font-size:15px;}
#article-content .related-link::before{content:"";width:10px;height:10px;border-radius:3px;background:var(--brand-accent);box-shadow:0 10px 22px rgba(37,99,235,.18);}
#article-content .related-link:focus-visible{outline:3px solid rgba(37,99,235,.35);outline-offset:2px;}
#article-content .related-link:hover{border-color:rgba(37,99,235,.55);}
#article-content ::selection{background:rgba(37,99,235,.22);}
@media (min-width:860px){
  #article-content .article-body{padding:28px 30px 12px;}
  #article-content .article-h2{font-size:36px;}
  #article-content .article-h3{font-size:22px;}
  #article-content .checkgrid{grid-template-columns:1fr 1fr;}
}
@media (prefers-reduced-motion: reduce){
  #article-content *{scroll-behavior:auto;}
}

/* section:related-articles */
/* section:related-articles */
#related-articles{padding:28px 0 38px; background:var(--brand-bg);} 
#related-articles .related-articles__inner{max-width:1120px; margin:0 auto; padding:0 20px;}
#related-articles .related-articles__header{padding:10px 0 18px;}
#related-articles .related-articles__kicker{display:inline-block; font-family:var(--brand-font); color:var(--brand-secondary); font-size:13px; letter-spacing:.04em; text-transform:uppercase;}
#related-articles .related-articles__title{margin:10px 0 10px; font-family:var(--brand-font-display); font-size:clamp(22px,2.6vw,34px); line-height:1.12; letter-spacing:-0.02em; color:var(--brand-ink); text-wrap:balance;}
#related-articles .related-articles__lede{margin:0; max-width:72ch; color:var(--brand-slate); font-size:15.5px; line-height:1.6;}
#related-articles .related-articles__grid{display:grid; grid-template-columns:1fr; gap:14px; padding-top:8px;}
#related-articles .related-article-card{background:var(--brand-surface); border:1px solid var(--brand-border); border-radius:var(--brand-radius-lg,18px); padding:16px 16px 14px; box-shadow:0 10px 26px rgba(29,78,216,.08);} 
#related-articles .related-article-card__meta{display:flex; align-items:center; gap:10px; color:var(--brand-secondary); font-size:13px;}
#related-articles .related-article-card__tag{display:inline-flex; align-items:center; padding:6px 10px; border:1px solid var(--brand-border); border-radius:999px; background:rgba(37,99,235,.04); color:var(--brand-accent); font-weight:700;}
#related-articles .related-article-card__dot{opacity:.85;}
#related-articles .related-article-card__time{white-space:nowrap;}
#related-articles .related-article-card__title{margin:12px 0 8px; font-family:var(--brand-font); font-size:18px; line-height:1.25; color:var(--brand-ink); text-wrap:balance;}
#related-articles .related-article-card__desc{margin:0 0 14px; color:var(--brand-slate); font-size:14.5px; line-height:1.6;}
#related-articles .related-article-card__link{display:inline-flex; align-items:center; gap:10px; color:var(--brand-accent); text-decoration:none; font-weight:700; border:1px solid var(--brand-border); background:var(--brand-surface); padding:10px 12px; border-radius:12px;}
#related-articles .related-article-card__link:focus-visible{outline:3px solid rgba(37,99,235,.35); outline-offset:2px;}
#related-articles .related-article-card__link:hover{background:rgba(37,99,235,.06);} 
#related-articles .related-article-card__link::after{content:"→"; font-weight:900; color:var(--brand-accent);} 
#related-articles .related-article-card--featured{position:relative; overflow:hidden;}
#related-articles .related-article-card--featured::before{content:""; position:absolute; inset:-2px; background:radial-gradient(600px 260px at 10% -20%, rgba(37,99,235,.18), rgba(37,99,235,0) 58%); pointer-events:none;}
#related-articles .related-article-card__featured-top{display:flex; align-items:center; gap:12px; position:relative; z-index:1;}
#related-articles .related-article-card__featured-badge{background:var(--brand-accent); color:var(--brand-surface); font-size:12px; font-weight:900; letter-spacing:.08em; padding:8px 10px; border-radius:999px; text-transform:uppercase;}
#related-articles .related-article-card__featured-rail{flex:1; height:1px; background:linear-gradient(90deg, rgba(29,78,216,.35), rgba(29,78,216,0));}
#related-articles .related-article-card__link--primary{border-color:rgba(37,99,235,.35); background:rgba(37,99,235,.08);} 
@media (min-width: 820px){
  #related-articles{padding:40px 0 56px;}
  #related-articles .related-articles__grid{grid-template-columns:1.2fr 1fr; gap:16px; align-items:stretch;}
  #related-articles .related-article-card--featured{grid-column:1 / -1; display:grid; grid-template-columns:1.1fr .9fr; align-items:start; gap:16px;}
  #related-articles .related-article-card--featured .related-article-card__desc{margin-bottom:18px;}
}
@media (prefers-reduced-motion: reduce){
  #related-articles .related-article-card__link:hover{background:var(--brand-surface);} 
}
#related-articles ::selection{background:rgba(37,99,235,.22);}

/* section:article-hero */
/* section:article-hero */
#article-hero.article-hero{
  --hero-max: 1080px;
  font-family: var(--brand-font);
  color: var(--brand-ink);
  background: var(--brand-bg);
}
#article-hero.article-hero *{box-sizing:border-box;}
#article-hero.article-hero::selection{background: var(--brand-accent); color: #fff;}
#article-hero.article-hero .article-hero__container{
  max-width: var(--hero-max);
  margin: 0 auto;
  padding: 56px 20px 28px;
}
#article-hero.article-hero .article-hero__kicker{
  margin:0 0 14px;
  font: 600 12px/1.2 ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--brand-secondary);
}
#article-hero.article-hero .article-hero__title{
  margin: 0;
  font-family: var(--brand-font-display);
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.07;
  font-size: clamp(30px, 3.6vw, 52px);
  text-wrap: balance;
}
#article-hero.article-hero .article-hero__meta{
  margin-top: 18px;
  display:flex;
  flex-wrap: wrap;
  gap: 10px 18px;
  padding: 14px 14px;
  border: 1px solid var(--brand-border);
  border-radius: var(--radius-md, 14px);
  background: var(--brand-surface);
}
#article-hero.article-hero .article-hero__meta-item{
  display:flex;
  gap: 8px;
  align-items: baseline;
  flex: 1 1 220px;
}
#article-hero.article-hero .article-hero__meta-label{
  color: var(--brand-slate);
  font-size: 14px;
  font-weight: 600;
}
#article-hero.article-hero .article-hero__meta-value{
  color: var(--brand-ink);
  font-size: 14px;
  font-weight: 500;
}
#article-hero.article-hero .article-hero__read-time{
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum" 1;
  font-weight: 700;
}
#article-hero.article-hero .article-hero__cta-row{
  margin-top: 18px;
  display:flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items:center;
}
#article-hero.article-hero .article-hero__btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 12px 14px;
  border-radius: var(--radius-sm, 10px);
  text-decoration:none;
  font-weight: 700;
  font-size: 15px;
  line-height: 1;
  border: 1px solid transparent;
  transition: transform 140ms ease, background-color 140ms ease, border-color 140ms ease, color 140ms ease;
}
#article-hero.article-hero .article-hero__btn:focus-visible{
  outline: 3px solid color-mix(in srgb, var(--brand-accent) 45%, #fff);
  outline-offset: 3px;
}
#article-hero.article-hero .article-hero__btn--primary{
  background: var(--brand-primary);
  color: #fff;
  border-color: var(--brand-primary);
}
#article-hero.article-hero .article-hero__btn--primary:hover{background: color-mix(in srgb, var(--brand-primary) 86%, #000);}
#article-hero.article-hero .article-hero__btn--ghost{
  background: var(--brand-surface);
  color: var(--brand-ink);
  border-color: var(--brand-border);
}
#article-hero.article-hero .article-hero__btn--ghost:hover{border-color: color-mix(in srgb, var(--brand-accent) 55%, var(--brand-border));}
#article-hero.article-hero .article-hero__note{
  margin-top: 18px;
  padding: 16px 16px;
  border-radius: var(--radius-md, 14px);
  border: 1px solid var(--brand-border);
  background: color-mix(in srgb, var(--brand-surface) 92%, var(--brand-mist) 8%);
}
#article-hero.article-hero .article-hero__note-text{
  margin:0;
  font-size: 15px;
  line-height: 1.55;
  color: var(--brand-text);
}
@media (max-width: 640px){
  #article-hero.article-hero .article-hero__container{padding: 44px 16px 22px;}
  #article-hero.article-hero .article-hero__meta{padding: 12px; gap: 10px 14px;}
  #article-hero.article-hero .article-hero__meta-item{flex-basis: 100%;}
}
@media (prefers-reduced-motion: reduce){
  #article-hero.article-hero .article-hero__btn{transition:none;}
}

/* section:article-content */
/* section:article-content */
#article-content{--sec-ink:var(--brand-ink);--sec-text:var(--brand-text);--sec-bg:var(--brand-bg);--sec-surface:var(--brand-surface);--sec-border:var(--brand-border);--sec-primary:var(--brand-primary);--sec-accent:var(--brand-accent);--sec-secondary:var(--brand-secondary);padding:clamp(18px,3vw,36px) 0;background:var(--sec-bg);color:var(--sec-text);}
#article-content .article-inner{max-width:980px;margin:0 auto;padding:0 18px;}
#article-content .article-meta{margin-bottom:22px;}
#article-content .article-kicker{font:700 12px/1.2 var(--brand-font);letter-spacing:.12em;text-transform:uppercase;color:var(--brand-secondary);margin:0 0 10px;}
#article-content .article-title{font:700 clamp(22px,2.4vw,34px)/1.15 var(--brand-font-display);letter-spacing:-.02em;margin:0 0 10px;text-wrap:balance;color:var(--brand-ink);}
#article-content .article-submeta{border:1px solid var(--brand-border);background:rgba(255,255,255,.65);border-radius:var(--brand-radius,14px);padding:12px 14px;}
#article-content .article-submeta-text{margin:0;font:400 15px/1.55 var(--brand-font);color:var(--brand-slate);} 
#article-content .article-body{background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:var(--brand-radius,18px);padding:20px;box-shadow:0 10px 30px rgba(37,99,235,.08);}
#article-content .checklist-block{padding:8px 0 18px;border-bottom:1px dashed rgba(209,213,219,.9);} 
#article-content .checklist-block:last-of-type{border-bottom:0;padding-bottom:0;}
#article-content .checklist-heading{font:700 18px/1.25 var(--brand-font-display);margin:6px 0 12px;color:var(--brand-ink);letter-spacing:-.01em;}
#article-content .checklist{list-style:none;margin:0;padding:0;}
#article-content .checklist-item{display:flex;gap:10px;align-items:flex-start;padding:10px 0;border-top:1px solid rgba(209,213,219,.75);} 
#article-content .checklist-item:first-child{border-top:0;padding-top:2px;}
#article-content .checklist-item:last-child{padding-bottom:2px;}
#article-content .checklist-dot{width:12px;height:12px;border-radius:50%;margin-top:5px;background:color-mix(in oklab,var(--brand-accent) 80%, white 20%);box-shadow:0 0 0 4px rgba(37,99,235,.12);flex:0 0 auto;}
#article-content .checklist-text{font:400 16px/1.55 var(--brand-font);color:var(--brand-text);} 
#article-content .checklist-text strong{color:var(--brand-ink);font-weight:700;}
#article-content .checklist.compact .checklist-item{padding:8px 0;border-top:1px solid rgba(209,213,219,.75);} 
#article-content .two-column{display:grid;grid-template-columns:1.1fr .9fr;gap:16px;align-items:start;}
#article-content .subheading{margin:0 0 10px;font:700 16px/1.25 var(--brand-font-display);color:var(--brand-ink);} 
#article-content .note{border:1px solid rgba(37,99,235,.25);background:rgba(37,99,235,.06);border-radius:var(--brand-radius,14px);padding:14px 14px;}
#article-content .note-title{margin:0 0 6px;font:700 13px/1.2 var(--brand-font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--brand-primary);} 
#article-content .note-text{margin:0;font:400 15px/1.6 var(--brand-font);color:var(--brand-ink);} 
#article-content .numbered{margin:0;padding:0;list-style:none;display:grid;gap:10px;}
#article-content .numbered-item{display:flex;gap:12px;align-items:flex-start;border:1px solid rgba(209,213,219,.95);border-radius:var(--brand-radius,14px);padding:12px 12px;background:linear-gradient(180deg, rgba(255,255,255,.9), rgba(255,255,255,.72));}
#article-content .number{width:30px;height:30px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:rgba(37,99,235,.10);color:var(--brand-primary);font:800 12px/1 var(--brand-font-display);flex:0 0 auto;margin-top:2px;}
#article-content .numbered-text{font:400 16px/1.55 var(--brand-font);color:var(--brand-text);} 
#article-content .numbered-text strong{color:var(--brand-ink);}
#article-content .bento{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
#article-content .bento-card{border:1px solid var(--brand-border);border-radius:var(--brand-radius,14px);padding:14px 14px;background:var(--brand-surface);}
#article-content .bento-title{margin:2px 0 10px;font:700 16px/1.25 var(--brand-font-display);color:var(--brand-ink);} 
#article-content .cta-strip{display:flex;justify-content:space-between;gap:16px;align-items:center;border:1px solid rgba(37,99,235,.25);background:rgba(37,99,235,.06);border-radius:var(--brand-radius,18px);padding:16px 16px;margin:18px 0 10px;}
#article-content .cta-title{margin:0 0 6px;font:800 16px/1.3 var(--brand-font-display);color:var(--brand-ink);letter-spacing:-.01em;}
#article-content .cta-text{margin:0;font:400 15px/1.6 var(--brand-font);color:var(--brand-slate);} 
#article-content .cta-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;}
#article-content .btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;padding:11px 14px;border-radius:var(--brand-radius,12px);font:700 14px/1 var(--brand-font-display);letter-spacing:.01em;min-height:42px;}
#article-content .btn.primary{background:var(--brand-primary);color:#fff;border:1px solid rgba(29,78,216,.35);} 
#article-content .btn.primary:focus-visible{outline:3px solid rgba(37,99,235,.35);outline-offset:2px;}
#article-content .btn.ghost{background:transparent;color:var(--brand-ink);border:1px solid rgba(15,23,42,.28);} 
#article-content .btn.ghost:focus-visible{outline:3px solid rgba(37,99,235,.35);outline-offset:2px;}
#article-content .btn.primary:hover{filter:brightness(1.03);} 
#article-content .btn.ghost:hover{border-color:rgba(37,99,235,.55);background:rgba(37,99,235,.06);} 
#article-content .article-footnote{margin-top:10px;padding-top:4px;}
#article-content .article-footnote p{margin:0;font:400 14.5px/1.7 var(--brand-font);color:var(--brand-slate);} 
#article-content .article-footnote strong{color:var(--brand-ink);} 
#article-content .related-links{margin:16px 0 0;}
#article-content .related-title{margin:0 0 10px;font:700 14px/1.2 var(--brand-font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--brand-secondary);} 
#article-content .related-list{list-style:none;margin:0;padding:0;display:grid;gap:10px;}
#article-content .related-link{display:block;text-decoration:none;border:1px solid var(--brand-border);border-radius:var(--brand-radius,14px);padding:12px 12px;background:rgba(255,255,255,.7);font:400 15.5px/1.5 var(--brand-font);color:var(--brand-ink);} 
#article-content .related-link:hover{border-color:rgba(37,99,235,.55);background:rgba(37,99,235,.06);} 
#article-content .related-link:focus-visible{outline:3px solid rgba(37,99,235,.35);outline-offset:2px;}
::selection{background:rgba(37,99,235,.22);color:var(--brand-ink);} 
@media (max-width:820px){#article-content .two-column{grid-template-columns:1fr;}
#article-content .bento{grid-template-columns:1fr;}
#article-content .cta-strip{flex-direction:column;align-items:flex-start;}
#article-content .cta-actions{justify-content:flex-start;}
#article-content .article-body{padding:16px;}
}
@media (prefers-reduced-motion:reduce){#article-content *{scroll-behavior:auto;transition:none !important;animation:none !important;}}

/* section:related-articles */
/* section:related-articles */
#related-articles.related-articles{background:var(--brand-bg);color:var(--brand-text);padding:48px 0 56px;}
#related-articles .ra-container{max-width:1080px;margin:0 auto;padding:0 20px;}
#related-articles .ra-header{display:grid;gap:10px;margin-bottom:22px;}
#related-articles .ra-kicker{font:600 12px/1.2 var(--brand-font);letter-spacing:.12em;text-transform:uppercase;color:var(--brand-secondary);}
#related-articles .ra-title{margin:0;font:800 30px/1.15 var(--brand-font-display);letter-spacing:-0.02em; text-wrap:balance;}
#related-articles .ra-subtitle{margin:0;max-width:64ch;color:var(--brand-slate);font:400 15px/1.6 var(--brand-font);}
#related-articles .ra-list{display:grid;grid-template-columns:repeat(12,1fr);gap:14px;align-items:stretch;}
#related-articles .ra-card{grid-column:span 6;border:1px solid var(--brand-border);background:var(--brand-surface);border-radius:var(--brand-radius-md,14px);padding:18px 18px;position:relative;overflow:hidden;}
#related-articles .ra-card--current{background:color-mix(in srgb, var(--brand-surface) 86%, var(--brand-accent) 14%);}
#related-articles .ra-link{display:block;color:inherit;text-decoration:none;}
#related-articles .ra-link:focus-visible{outline:3px solid var(--brand-accent);outline-offset:3px;border-radius:10px;}
#related-articles .ra-card-title{margin:0 0 6px;font:750 18px/1.25 var(--brand-font);letter-spacing:-0.01em;}
#related-articles .ra-card-meta{margin:0;color:var(--brand-slate);font:400 14px/1.55 var(--brand-font);}
#related-articles .ra-current-wrap{padding:2px 0;}
#related-articles .ra-current-hint{margin:10px 0 0;color:var(--brand-primary);font:650 13px/1.4 var(--brand-font);}
#related-articles .ra-card::after{content:"";position:absolute;inset:-2px -2px auto auto;width:18px;height:18px;background:var(--brand-accent);opacity:.15;border-radius:6px;transform:rotate(18deg);}
#related-articles .ra-card--current::after{opacity:.22;}
#related-articles ::selection{background:color-mix(in srgb, var(--brand-accent) 22%, transparent);}
@media (max-width:860px){#related-articles .ra-title{font-size:26px;}#related-articles .ra-card{grid-column:span 12;}}
@media (prefers-reduced-motion:reduce){#related-articles .ra-link, #related-articles .ra-card{transition:none;}}

/* Design-system based CSS (no framework) */
:root{
  --brand-primary: #1D4ED8;
  --brand-secondary: #6B7280;
  --brand-accent: #2563EB;
  --brand-ink: #0F172A;
  --brand-slate: #4B5563;
  --brand-mist: #E5E7EB;
  --brand-border: #D1D5DB;
  --brand-surface: #FFFFFF;
  --brand-bg: #F4F5F7;
  --brand-text: #111827;
  --brand-font: Georgia, Cambria, 'Times New Roman', serif;
  --brand-font-display: 'Hoefler Text', 'Baskerville Old Face', Garamond, Georgia, serif;
}

.policy-page{background: var(--brand-bg); color: var(--brand-text); font-family: var(--brand-font);}
.policy-container{max-width: 980px; margin: 0 auto; padding: 28px 18px 34px 18px;}
.policy-header{background: var(--brand-surface); border: 1px solid var(--brand-border); border-radius: var(--radius-lg, 18px); padding: 22px 20px;}
.policy-title{margin: 0 0 10px 0; font-family: var(--brand-font-display); font-weight: 700; font-size: 30px; line-height: 1.2; color: var(--brand-ink);}
.policy-lead{margin: 0; color: var(--brand-slate); font-size: 16px; line-height: 1.6;}

.policy-section{margin-top: 16px; background: var(--brand-surface); border: 1px solid var(--brand-border); border-radius: var(--radius-md, 14px); padding: 18px 18px;}
.policy-h2{margin: 0 0 10px 0; font-size: 18px; line-height: 1.4; color: var(--brand-ink);}
.policy-p{margin: 10px 0; color: var(--brand-slate); font-size: 15.5px; line-height: 1.7;}
.policy-strong{color: var(--brand-ink); font-weight: 700;}

.policy-list{margin: 8px 0 0 18px; padding: 0; color: var(--brand-slate);}
.policy-li{margin: 10px 0; line-height: 1.7; font-size: 15.5px;}

.policy-footer{margin-top: 16px; background: var(--brand-surface); border: 1px solid var(--brand-border); border-radius: var(--radius-md, 14px); padding: 18px 18px;}
.policy-footer-title{margin-bottom: 10px;}
.policy-footer-grid{display: block;}
.policy-footer-block{margin: 10px 0;}
.policy-footer-strong{font-weight: 700; margin: 10px 0; color: var(--brand-ink);}
.policy-link{color: var(--brand-accent); text-decoration: underline; text-underline-offset: 3px;}
.policy-disclaimer{margin: 12px 0 0 0; color: var(--brand-secondary); font-size: 13.5px; line-height: 1.6;}

@media (min-width: 720px){
  .policy-container{padding-left: 0; padding-right: 0;}
  .policy-footer-grid{display: grid; grid-template-columns: 1.1fr 0.9fr; column-gap: 22px;}
  .policy-title{font-size: 34px;}
}

.policy-page{background:var(--brand-bg);color:var(--brand-text);font-family:var(--brand-font);line-height:1.6;min-height:100vh;padding:24px 14px;box-sizing:border-box}*,*::before,*::after{box-sizing:border-box}.policy-container{max-width:920px;margin:0 auto;padding:18px 18px 26px;background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:var(--radius-lg);box-shadow:0 1px 0 rgba(15,23,42,.04)}.policy-header{padding:6px 4px 14px;border-bottom:1px solid var(--brand-border)}.policy-title{margin:0 0 8px;font-family:var(--brand-font-display);font-size:28px;letter-spacing:.2px;color:var(--brand-ink)}.policy-lead{margin:0 0 6px;color:var(--brand-slate);font-size:14px}.policy-sublead{margin:0;color:var(--brand-text);font-size:15px;max-width:72ch}.policy-section{padding:16px 4px;border-bottom:1px solid var(--brand-border)}.policy-section:last-of-type{border-bottom:none}.policy-h2{margin:0 0 10px;font-size:18px;color:var(--brand-ink);font-family:var(--brand-font-display)}.policy-paragraph{margin:0;color:var(--brand-text);font-size:15px}.policy-list{margin:0;padding-left:18px}.policy-li{margin:8px 0;color:var(--brand-text);font-size:15px}.policy-contact{margin-top:10px;padding:14px;border:1px solid var(--brand-border);border-radius:var(--radius-md);background:linear-gradient(180deg, rgba(37,99,235,.04), rgba(37,99,235,0));}.policy-contact-row{display:block;margin:10px 0}.policy-contact-label{display:inline-block;min-width:160px;color:var(--brand-slate);font-size:14px}.policy-contact-value{display:inline;color:var(--brand-text);font-size:15px}.policy-link{color:var(--brand-primary);text-decoration:underline;text-underline-offset:2px}.policy-link:hover{color:var(--brand-accent)}.policy-footer{padding:14px 4px 2px}.policy-footer-text{margin:0;color:var(--brand-slate);font-size:13px}
/* Design-system based styling (DE) */
:root{
  --brand-primary:#1D4ED8;
  --brand-secondary:#6B7280;
  --brand-accent:#2563EB;
  --brand-ink:#0F172A;
  --brand-slate:#4B5563;
  --brand-mist:#E5E7EB;
  --brand-border:#D1D5DB;
  --brand-surface:#FFFFFF;
  --brand-bg:#F4F5F7;
  --brand-text:#111827;
  --brand-font: Georgia, Cambria, 'Times New Roman', serif;
  --radius-sm:10px;
  --radius-md:14px;
  --radius-lg:18px;
}

.page-root{background:var(--brand-bg); color:var(--brand-text); font-family:var(--brand-font);}
.policy-page{max-width:980px; margin:0 auto; padding:28px 20px 36px;}
.policy-header{padding:18px 0 12px;}
.policy-title{margin:0 0 10px; font-size:28px; line-height:1.15; color:var(--brand-ink); font-family:var(--brand-font-display, var(--brand-font)); font-weight:700;}
.policy-lead{margin:0; color:var(--brand-slate); font-size:16px; line-height:1.55;}

.policy-section{margin-top:18px;}
.policy-section-title{margin:0 0 10px; font-size:20px; line-height:1.25; color:var(--brand-ink);}

.policy-card{background:var(--brand-surface); border:1px solid var(--brand-border); border-radius:var(--radius-md); padding:14px 16px; box-shadow:0 1px 0 rgba(0,0,0,0.03);}
.policy-card--note{border-color:rgba(37,99,235,0.35); background:linear-gradient(180deg, rgba(37,99,235,0.06), rgba(37,99,235,0.00));}
.policy-subtitle{margin:0 0 8px; font-size:16px; line-height:1.35; color:var(--brand-ink);}
.policy-list{margin:0; padding-left:20px;}
.policy-list-item{margin:8px 0; color:var(--brand-slate); line-height:1.55; font-size:15.5px;}
.policy-note-text{margin:0 0 10px; color:var(--brand-ink); line-height:1.55; font-size:15.5px;}
.policy-paragraph{margin:0; color:var(--brand-slate); line-height:1.65; font-size:15.5px;}
.policy-paragraph + .policy-paragraph{margin-top:10px;}
.policy-paragraph--muted{color:var(--brand-secondary);}

.policy-footer{margin-top:22px;}
.policy-footer-card{background:var(--brand-surface); border:1px solid var(--brand-border); border-radius:var(--radius-lg); padding:16px;}
.policy-footer-title{margin:0 0 10px; font-size:18px; color:var(--brand-ink);}
.policy-footer-line{margin:6px 0; color:var(--brand-slate); line-height:1.5; font-size:15.5px;}
.policy-footer-muted{color:var(--brand-secondary);}
.policy-link{color:var(--brand-accent); text-decoration:underline; text-underline-offset:3px;}
.policy-link:hover{color:var(--brand-primary);}

@media (max-width:520px){
  .policy-page{padding:22px 14px 28px;}
  .policy-title{font-size:24px;}
}

.policy-page{background:var(--brand-bg);color:var(--brand-text);font-family:var(--brand-font);line-height:1.6;min-height:100vh}
.policy-wrap{max-width:980px;margin:0 auto;padding:24px}
.policy-header{padding:20px 18px 18px;border:1px solid var(--brand-border);border-radius:var(--radius-lg);background:var(--brand-surface)}
.policy-title{margin:0 0 6px 0;font-family:var(--brand-font-display);font-size:36px;line-height:1.15;color:var(--brand-ink);letter-spacing:-0.2px}
.policy-subtitle{margin:0 0 10px 0;color:var(--brand-slate);font-size:14px}
.policy-intro{margin:0;color:var(--brand-text)}
.policy-section{margin-top:18px;padding:18px;border:1px solid var(--brand-border);border-radius:var(--radius-lg);background:var(--brand-surface)}
.policy-heading{margin:0 0 10px 0;font-family:var(--brand-font-display);font-size:20px;color:var(--brand-ink)}
.policy-text{margin:10px 0;color:var(--brand-text)}
.policy-label{color:var(--brand-slate);font-weight:700}
.policy-link{color:var(--brand-primary);text-decoration:underline;outline:none}
.policy-link:focus{box-shadow:0 0 0 3px rgba(37,99,235,0.25);border-radius:6px}
.policy-list{margin:10px 0 0 18px;padding:0}
.policy-list li{margin:6px 0}
.policy-footer{margin-top:18px;padding:18px 0}
.policy-footer-card{border:1px solid var(--brand-border);border-radius:var(--radius-lg);background:var(--brand-surface);padding:18px}
.policy-footer-title{margin:0 0 10px 0;font-family:var(--brand-font-display);font-size:18px;color:var(--brand-ink)}
@media (max-width:720px){.policy-wrap{padding:16px}.policy-title{font-size:30px}.policy-section,.policy-header{padding:14px}.policy-heading{font-size:18px}}