:root{
  --navy:#10272b;
  --navy-2:#16383b;
  --ink:#132529;
  --muted:#617074;
  --paper:#fbfcfa;
  --white:#ffffff;
  --mint:#dff5ec;
  --mint-2:#edf9f4;
  --green:#0f7a61;
  --green-dark:#0b5b49;
  --coral:#ff795f;
  --coral-soft:#fff0ec;
  --sand:#f6f0e5;
  --line:#dce5e1;
  --shadow:0 18px 50px rgba(16,39,43,.09);
  --radius:22px;
  --radius-sm:14px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit}
button,input,select{font:inherit}
.wrap{width:min(1160px,calc(100% - 34px));margin:auto}
.narrow{width:min(820px,calc(100% - 34px));margin:auto}
.announcement{background:var(--navy);color:#d9ece8;font-size:.88rem;text-align:center;padding:8px 14px}
.site-header{position:sticky;top:0;z-index:50;background:rgba(251,252,250,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(220,229,225,.85)}
.header-inner{height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.brand{display:flex;align-items:center;gap:11px;font-weight:900;text-decoration:none;letter-spacing:-.035em;font-size:1.12rem}
.brand-mark{width:34px;height:34px;border-radius:11px;background:var(--green);display:grid;place-items:center;color:#fff;box-shadow:0 8px 18px rgba(15,122,97,.22)}
.brand-mark svg{width:19px;height:19px}
.nav{display:flex;gap:24px;align-items:center}
.nav a{text-decoration:none;color:#42575b;font-size:.94rem;font-weight:680}
.nav a:hover{color:var(--green)}
.nav .nav-cta{color:#fff;background:var(--green);padding:10px 14px;border-radius:12px}
.mobile-toggle{display:none;border:0;background:none;font-size:1.5rem;color:var(--ink)}
.hero{padding:70px 0 44px;overflow:hidden;position:relative}
.hero:after{content:"";position:absolute;width:430px;height:430px;border-radius:50%;background:radial-gradient(circle,#dff5ec 0%,rgba(223,245,236,0) 70%);right:-90px;top:-110px;z-index:-1}
.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:54px;align-items:center}
.eyebrow{display:inline-flex;align-items:center;gap:8px;background:var(--mint);color:var(--green-dark);padding:7px 11px;border-radius:999px;font-size:.8rem;font-weight:850;letter-spacing:.02em}
.dot{width:7px;height:7px;background:var(--coral);border-radius:50%}
h1{font-size:clamp(2.8rem,6.8vw,5.7rem);line-height:.93;letter-spacing:-.064em;margin:20px 0 22px;max-width:770px}
.hero h1 em{font-style:normal;color:var(--green)}
.hero-copy{font-size:1.18rem;color:#496166;max-width:690px;margin:0 0 26px}
.actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:13px;padding:13px 17px;text-decoration:none;font-weight:850;border:1px solid var(--green);background:var(--green);color:#fff;cursor:pointer;transition:.18s transform,.18s box-shadow,.18s background}
.btn:hover{transform:translateY(-1px);box-shadow:0 9px 20px rgba(15,122,97,.18);background:var(--green-dark)}
.btn.secondary{background:#fff;color:var(--green)}
.btn.ghost{background:transparent;color:var(--ink);border-color:var(--line)}
.hero-proof{display:flex;gap:18px;flex-wrap:wrap;margin-top:24px;color:#617074;font-size:.9rem}
.hero-proof span{display:flex;gap:7px;align-items:center}
.check{color:var(--green);font-weight:900}
.hero-panel{background:var(--navy);color:#fff;border-radius:30px;padding:26px;box-shadow:0 30px 70px rgba(16,39,43,.18);position:relative;overflow:hidden}
.hero-panel:before{content:"";position:absolute;width:220px;height:220px;border-radius:50%;background:rgba(255,121,95,.12);right:-60px;top:-70px}
.hero-panel h2{font-size:1.9rem;letter-spacing:-.035em;margin:8px 0 6px;position:relative}
.hero-panel p{color:#bdd2cf;margin-top:0;position:relative}
.mini-path{display:grid;gap:10px;margin-top:20px;position:relative}
.mini-path-row{display:flex;gap:12px;align-items:center;background:#16383b;border:1px solid #275054;border-radius:15px;padding:12px 13px}
.mini-icon{flex:0 0 38px;height:38px;border-radius:12px;background:#21494b;display:grid;place-items:center;font-weight:900;color:#99e2cd}
.mini-path-row strong{display:block}
.mini-path-row small{color:#a9c0bd}
.hero-panel .btn{width:100%;margin-top:18px;background:var(--coral);border-color:var(--coral);color:#281d1a}
.hero-panel .btn:hover{background:#ff8a74}
.trust-strip{padding:18px 0 42px}
.trust-box{border:1px solid var(--line);background:#fff;border-radius:18px;padding:16px 18px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.trust-item{text-align:center;padding:5px 10px}
.trust-item strong{display:block;font-size:1.02rem}
.trust-item span{font-size:.82rem;color:var(--muted)}
section{padding:62px 0}
.section-kicker{font-size:.77rem;text-transform:uppercase;letter-spacing:.1em;font-weight:900;color:var(--green);margin-bottom:8px}
.section-title{font-size:clamp(2rem,4.3vw,3.45rem);line-height:1.03;letter-spacing:-.047em;margin:0 0 13px}
.section-copy{font-size:1.05rem;color:var(--muted);max-width:740px;margin:0 0 28px}
.path-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.path-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:23px;position:relative;transition:.2s transform,.2s box-shadow,.2s border}
.path-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:#c4d8d0}
.path-card .number{width:36px;height:36px;border-radius:12px;background:var(--mint);display:grid;place-items:center;font-weight:900;color:var(--green);margin-bottom:22px}
.path-card h3{font-size:1.35rem;letter-spacing:-.025em;margin:0 0 7px}
.path-card p{color:var(--muted);margin:0 0 19px}
.path-card a{font-weight:850;color:var(--green);text-decoration:none}
.path-card.featured{background:var(--navy);color:#fff;border-color:var(--navy)}
.path-card.featured p{color:#bfd1cf}
.path-card.featured .number{background:#21494b;color:#a6e3d1}
.path-card.featured a{color:#a6e3d1}
.quiz-section{background:var(--mint-2)}
.quiz-shell{display:grid;grid-template-columns:.72fr 1.28fr;gap:26px;align-items:stretch}
.quiz-intro{background:var(--green);color:#fff;border-radius:var(--radius);padding:28px}
.quiz-intro .section-kicker{color:#bde9db}
.quiz-intro h2{font-size:2.1rem;line-height:1.05;letter-spacing:-.04em;margin:8px 0 13px}
.quiz-intro p{color:#d6eee7}
.quiz-intro ul{padding-left:20px;color:#e4f4ef}
.quiz-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:27px;box-shadow:0 10px 35px rgba(16,39,43,.05)}
.quiz-progress{height:7px;background:#edf1ef;border-radius:999px;overflow:hidden;margin-bottom:22px}
.quiz-progress>div{height:100%;width:25%;background:var(--coral);transition:.25s width}
.quiz-step{display:none}
.quiz-step.active{display:block}
.quiz-step h3{font-size:1.55rem;letter-spacing:-.028em;margin:0 0 18px}
.quiz-options{display:grid;gap:10px}
.quiz-option{border:1px solid var(--line);background:#fff;border-radius:13px;padding:13px 14px;text-align:left;cursor:pointer;font-weight:720;color:var(--ink)}
.quiz-option:hover{border-color:#a8c9bd;background:#f8fcfa}
.quiz-option.selected{border-color:var(--green);background:var(--mint-2);box-shadow:inset 0 0 0 1px var(--green)}
.quiz-controls{display:flex;justify-content:space-between;gap:10px;margin-top:20px}
.quiz-result{display:none}
.quiz-result.active{display:block}
.result-badge{display:inline-block;background:var(--coral-soft);color:#a23a28;border-radius:999px;padding:6px 10px;font-size:.78rem;font-weight:900}
.result-box{background:#f7faf8;border:1px solid var(--line);border-radius:16px;padding:17px;margin:14px 0}
.result-box h4{font-size:1.35rem;margin:0 0 7px}
.comparison-wrap{overflow:auto;border-radius:18px;border:1px solid var(--line);background:#fff}
.compare{width:100%;border-collapse:collapse;min-width:780px}
.compare th,.compare td{padding:16px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.compare th{background:#f2f8f5;font-size:.84rem;color:#496166}
.compare tr:last-child td{border-bottom:0}
.tag{display:inline-flex;align-items:center;background:var(--mint);color:var(--green-dark);border-radius:999px;padding:5px 9px;font-size:.76rem;font-weight:850}
.tag.coral{background:var(--coral-soft);color:#9d3f2f}
.provider-link{font-weight:850;color:var(--green);text-decoration:none}
.provider-note{font-size:.8rem;color:var(--muted);margin-top:5px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}
.feature-stack{display:grid;gap:12px}
.feature{display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px}
.feature-icon{flex:0 0 38px;height:38px;border-radius:12px;background:var(--sand);display:grid;place-items:center;font-weight:900}
.feature h3{margin:0 0 4px;font-size:1rem}
.feature p{margin:0;color:var(--muted);font-size:.92rem}
.callout{background:linear-gradient(135deg,var(--navy) 0%,#163f3e 100%);color:#fff;border-radius:30px;padding:34px;display:grid;grid-template-columns:1.15fr .85fr;gap:26px;align-items:center}
.callout h2{font-size:clamp(2rem,4vw,3.1rem);line-height:1.02;letter-spacing:-.045em;margin:0 0 12px}
.callout p{color:#c8dbd7;margin:0}
.callout-card{background:#fff;color:var(--ink);border-radius:18px;padding:18px}
.callout-card strong{font-size:1.15rem}
.callout-card .btn{width:100%;margin-top:12px}
.faq{display:grid;gap:10px}
.faq details{background:#fff;border:1px solid var(--line);border-radius:14px;padding:0 17px}
.faq summary{cursor:pointer;font-weight:820;padding:16px 0}
.faq details p{color:var(--muted);margin-top:0}
.article-hero{padding:56px 0 28px}
.breadcrumbs{font-size:.86rem;color:var(--muted);margin-bottom:18px}
.breadcrumbs a{text-decoration:none}
.article h1{font-size:clamp(2.55rem,6vw,4.7rem);line-height:.98;letter-spacing:-.055em;margin:0 0 20px}
.article h2{font-size:1.85rem;letter-spacing:-.03em;margin-top:40px}
.article h3{font-size:1.25rem;margin-top:28px}
.article p,.article li{color:#445b60}
.info-box{background:var(--mint-2);border:1px solid #cce6db;border-radius:16px;padding:17px 18px;margin:22px 0}
.warn-box{background:#fff8e8;border:1px solid #f0dfb2;border-radius:16px;padding:17px 18px;margin:22px 0}
.cta-box{background:var(--navy);color:#fff;border-radius:22px;padding:24px;margin:32px 0}
.cta-box p{color:#c8dbd7}
.cards-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.link-card{background:#fff;border:1px solid var(--line);border-radius:17px;padding:20px;text-decoration:none;display:block}
.link-card:hover{border-color:#afcfc3;box-shadow:var(--shadow)}
.link-card strong{display:block;font-size:1.1rem;margin-bottom:4px}
.link-card span{color:var(--muted);font-size:.9rem}
.footer{background:var(--navy);color:#c7d9d5;padding:46px 0 90px;margin-top:54px}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:32px}
.footer a{color:#fff;text-decoration:none}
.footer p{max-width:480px}
.footer small{color:#93aaa6}
.mobile-sticky{display:none}
.disclosure{font-size:.82rem;color:var(--muted);margin-top:10px}
.badge-row{display:flex;gap:8px;flex-wrap:wrap;margin:13px 0}
.price{font-size:1.45rem;font-weight:900;letter-spacing:-.03em}
.muted{color:var(--muted)}
@media(max-width:900px){
  .hero-grid,.quiz-shell,.split,.callout{grid-template-columns:1fr}
  .path-grid{grid-template-columns:1fr 1fr}
  .trust-box{grid-template-columns:1fr 1fr}
  .nav{display:none;position:absolute;left:17px;right:17px;top:72px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch;gap:5px}
  .nav.open{display:flex}
  .nav a{padding:10px}
  .mobile-toggle{display:block}
}
@media(max-width:640px){
  .announcement{font-size:.78rem}
  .header-inner{height:64px}
  .nav{top:64px}
  .hero{padding-top:48px}
  h1{font-size:clamp(2.55rem,14vw,4.2rem)}
  .hero-copy{font-size:1.04rem}
  .path-grid,.cards-2,.footer-grid{grid-template-columns:1fr}
  .trust-box{grid-template-columns:1fr 1fr;padding:10px}
  .trust-item{padding:8px 4px}
  section{padding:48px 0}
  .quiz-intro,.quiz-card,.callout{padding:21px}
  .mobile-sticky{display:block;position:fixed;bottom:12px;left:12px;right:12px;z-index:60}
  .mobile-sticky .btn{width:100%;box-shadow:0 8px 30px rgba(16,39,43,.25)}
}

/* v6: einheitliches Zahnlogo & identischer Footer auf allen Seiten */
.footer .brand{display:inline-flex;margin-bottom:10px}
.footer .brand-mark{box-shadow:none}


/* v10 Premium Trust Pass */
.review-wrap{margin-top:-8px;margin-bottom:10px}
.review-box{display:flex;align-items:center;gap:13px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px 16px;box-shadow:0 8px 24px rgba(16,39,43,.045)}
.review-seal{flex:0 0 38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--mint);color:var(--green);font-weight:950;font-size:1.1rem}
.review-copy{min-width:0;flex:1}.review-copy strong{display:block;line-height:1.25}.review-copy span{display:block;color:var(--muted);font-size:.84rem;margin-top:2px}
.review-box>a{color:var(--green);font-weight:820;text-decoration:none;font-size:.88rem;white-space:nowrap}
.homepage-review{margin-top:-26px;margin-bottom:20px}
.method-section{padding-top:18px;padding-bottom:28px}
.method-snippet{display:flex;align-items:center;justify-content:space-between;gap:26px;background:linear-gradient(135deg,#edf9f4,#fff);border:1px solid #cfe8dd;border-radius:20px;padding:22px 24px;margin-top:24px}
.method-snippet h3{font-size:1.35rem;letter-spacing:-.025em;margin:2px 0 5px}.method-snippet p{margin:0;color:var(--muted);max-width:720px}.method-snippet .btn{flex:0 0 auto}
.related-section{padding-top:28px}.related-title{font-size:2rem;margin-bottom:18px}
.expert-card{display:grid;grid-template-columns:auto 1fr;gap:18px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px;margin-bottom:30px;box-shadow:0 12px 32px rgba(16,39,43,.055)}
.expert-icon{width:46px;height:46px;border-radius:15px;background:var(--green);color:#fff;display:grid;place-items:center;font-size:1.25rem;font-weight:950}.expert-card h2{margin:3px 0 8px!important}.expert-card p{margin:0 0 8px}.expert-card a{font-weight:850;color:var(--green);text-decoration:none}
.method-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.method-grid article{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px}.method-grid article>span{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:11px;background:var(--mint);color:var(--green);font-weight:900}.method-grid h2{font-size:1.25rem!important;margin:12px 0 5px!important}.method-grid p{margin:0}
.footer-grid{grid-template-columns:2fr 1fr 1fr 1.15fr}
@media(max-width:900px){.footer-grid{grid-template-columns:1.5fr 1fr 1fr}.method-snippet{align-items:flex-start;flex-direction:column}.method-snippet .btn{width:100%}}
@media(max-width:640px){.review-box{align-items:flex-start;flex-wrap:wrap}.review-box>a{width:100%;padding-left:51px}.homepage-review{margin-top:-18px}.method-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}}


/* v11: EHiP Partnerintegration */
.partner-section{padding-top:18px;padding-bottom:28px}
.partner-card{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px;box-shadow:0 12px 32px rgba(16,39,43,.055);margin:26px 0}
.partner-card h2,.partner-card h3{margin:5px 0 8px!important;letter-spacing:-.028em}.partner-card p{margin:0;color:var(--muted)}
.partner-label{display:inline-flex;align-items:center;gap:7px;background:var(--coral-soft);color:#963d2f;border-radius:999px;padding:6px 10px;font-size:.75rem;font-weight:900;text-transform:uppercase;letter-spacing:.04em}
.partner-brand{font-size:1.25rem;font-weight:950;color:#1f5f8a;letter-spacing:-.03em;margin:8px 0 2px}
.partner-points{display:flex;gap:8px;flex-wrap:wrap;margin:13px 0 0}.partner-points span{background:var(--mint-2);border:1px solid #d2e9df;color:var(--green-dark);border-radius:999px;padding:5px 9px;font-size:.78rem;font-weight:800}
.partner-action{min-width:210px}.partner-action .btn{width:100%;text-align:center}.partner-action small{display:block;color:var(--muted);font-size:.74rem;line-height:1.35;margin-top:8px;text-align:center}
.partner-disclaimer{font-size:.78rem;color:var(--muted)!important;margin-top:10px!important}
@media(max-width:700px){.partner-card{grid-template-columns:1fr;gap:18px}.partner-action{min-width:0}.partner-action small{text-align:left}}


/* v12 — Premium Editorial Pass: privacy-first, Apple-inspirierte Ruhe ohne Fremdassets */
:root{
  --surface:rgba(255,255,255,.82);
  --surface-strong:#ffffff;
  --hairline:rgba(19,37,41,.095);
  --shadow-soft:0 1px 2px rgba(16,39,43,.025),0 14px 42px rgba(16,39,43,.065);
  --shadow-lift:0 2px 4px rgba(16,39,43,.035),0 24px 64px rgba(16,39,43,.10);
}
body{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",sans-serif;background:linear-gradient(180deg,#fbfcfa 0,#fbfcfa 72%,#f7faf8 100%);letter-spacing:-.006em}
h1,h2,h3,.section-title{text-wrap:balance}
p{text-wrap:pretty}
a,button{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid rgba(15,122,97,.28);outline-offset:4px;border-radius:8px}
.site-header{background:rgba(251,252,250,.82);backdrop-filter:saturate(180%) blur(22px);-webkit-backdrop-filter:saturate(180%) blur(22px);border-bottom:1px solid var(--hairline);box-shadow:0 1px 0 rgba(255,255,255,.65)}
.announcement{background:linear-gradient(90deg,#10272b,#173d3d 52%,#10272b);font-size:.82rem;letter-spacing:.01em;padding:7px 14px}
.nav a{font-weight:650;transition:color .18s ease,background .18s ease}
.nav .nav-cta,.btn{border-radius:999px}
.nav .nav-cta{padding:9px 15px;box-shadow:0 7px 18px rgba(15,122,97,.14)}
.hero{padding:88px 0 58px}
.hero:before{content:"";position:absolute;inset:0 0 auto 0;height:420px;background:radial-gradient(65% 70% at 15% 0%,rgba(223,245,236,.78),transparent 68%);z-index:-2;pointer-events:none}
.hero-grid{gap:64px}
h1{font-weight:800}
.hero-copy{font-size:1.2rem;line-height:1.62}
.hero-panel{border-radius:34px;padding:30px;border:1px solid rgba(255,255,255,.065);box-shadow:0 35px 90px rgba(16,39,43,.17)}
.mini-path-row{border-color:rgba(255,255,255,.09);background:rgba(255,255,255,.045);backdrop-filter:blur(8px)}
.btn{padding:12px 18px;transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s ease,background .18s ease}
.btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(15,122,97,.19)}
.trust-strip{padding-top:12px}
.trust-box{border:1px solid var(--hairline);border-radius:24px;padding:17px 20px;background:var(--surface);backdrop-filter:blur(16px);box-shadow:0 12px 36px rgba(16,39,43,.04)}
.trust-item+ .trust-item{border-left:1px solid var(--hairline)}
section{padding:72px 0}
.path-grid{gap:18px}
.path-card,.link-card,.feature,.method-grid article,.comparison-wrap,.quiz-card{border-color:var(--hairline);box-shadow:0 10px 32px rgba(16,39,43,.035)}
.path-card,.link-card,.method-grid article{border-radius:24px}
.path-card{padding:26px;transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s ease,border-color .2s ease}
.path-card:hover,.link-card:hover,.method-grid article:hover{transform:translateY(-4px);box-shadow:var(--shadow-lift)}
.quiz-section{background:linear-gradient(180deg,#edf9f4,#f5fbf8)}
.quiz-intro,.quiz-card{border-radius:28px}
.quiz-option{border-color:var(--hairline);border-radius:16px;transition:transform .16s ease,border-color .16s ease,background .16s ease}
.quiz-option:hover{transform:translateY(-1px)}
.article-hero{padding:76px 0 36px;position:relative;overflow:hidden}
.article-hero:after{content:"";position:absolute;left:50%;top:-210px;transform:translateX(-50%);width:min(980px,95vw);height:420px;background:radial-gradient(ellipse,rgba(223,245,236,.68),transparent 68%);z-index:-1;pointer-events:none}
.article h1{font-weight:800;max-width:800px}
.article p,.article li{line-height:1.72}
.review-wrap{margin-top:-4px;margin-bottom:16px}
.review-box{border:1px solid var(--hairline);border-radius:20px;padding:13px 15px;background:var(--surface);backdrop-filter:blur(16px);box-shadow:var(--shadow-soft)}
.review-seal{background:linear-gradient(145deg,#dff5ec,#cdeee2);box-shadow:inset 0 0 0 1px rgba(15,122,97,.08)}
.review-copy strong{font-size:.94rem;letter-spacing:-.01em}
.review-copy span{font-size:.81rem}
.review-box>a{font-size:.82rem}
.homepage-review{margin-top:-24px;margin-bottom:24px}
.info-box,.warn-box{border-radius:20px;padding:19px 20px}
.comparison-wrap{border-radius:22px}
.compare th{background:linear-gradient(180deg,#f5faf7,#eef7f3)}
.compare th,.compare td{padding:17px 15px}
.method-snippet{border-radius:24px;padding:25px 26px;background:linear-gradient(135deg,rgba(237,249,244,.95),#fff 72%);box-shadow:0 12px 36px rgba(16,39,43,.04)}
.method-grid{gap:18px}
.method-grid article{padding:23px;transition:transform .24s ease,box-shadow .24s ease}
.editorial-standard{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:start;background:linear-gradient(135deg,#10272b,#173f3f);color:#fff;border-radius:26px;padding:25px 26px;margin:24px 0;box-shadow:0 24px 60px rgba(16,39,43,.14)}
.editorial-standard-icon{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#dff5ec;color:#0f7a61;font-weight:950;font-size:1.1rem}
.editorial-standard .section-kicker{color:#a6e3d1;margin:1px 0 5px}
.editorial-standard h2{font-size:1.42rem!important;margin:0 0 7px!important;color:#fff}
.editorial-standard p{margin:0;color:#c8dbd7!important}
.partner-card{border-color:var(--hairline);border-radius:26px;padding:27px;background:linear-gradient(140deg,#fff 0%,#fbfdfc 100%);box-shadow:var(--shadow-soft);transition:transform .26s ease,box-shadow .26s ease}
.partner-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lift)}
.partner-label{letter-spacing:.055em}
.cta-box,.callout{border-radius:30px;box-shadow:0 26px 70px rgba(16,39,43,.13)}
.footer{margin-top:72px;padding-top:54px;border-top:1px solid rgba(255,255,255,.04)}
.footer a{opacity:.95}.footer a:hover{opacity:1;text-decoration:underline;text-underline-offset:3px}
@media(max-width:900px){.trust-item+ .trust-item{border-left:0}.trust-item:nth-child(even){border-left:1px solid var(--hairline)}.hero{padding-top:64px}.hero-grid{gap:38px}}
@media(max-width:640px){section{padding:54px 0}.article-hero{padding:54px 0 28px}.trust-box{border-radius:20px}.trust-item:nth-child(even){border-left:1px solid var(--hairline)}.review-box>a{padding-left:51px}.editorial-standard{grid-template-columns:1fr;padding:22px}.editorial-standard-icon{width:42px;height:42px}.partner-card{padding:22px}.hero-panel{border-radius:28px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}


/* v13 — Apple-inspired editorial redesign: stronger hierarchy, whitespace & bento layout */
:root{
  --v13-bg:#f5f5f7;
  --v13-card:#ffffff;
  --v13-text:#1d1d1f;
  --v13-sub:#6e6e73;
  --v13-dark:#0d1f22;
  --v13-green:#08785f;
  --v13-green-soft:#e8f7f1;
  --v13-border:rgba(0,0,0,.075);
  --v13-shadow:0 22px 70px rgba(0,0,0,.075);
  --v13-shadow-hover:0 30px 90px rgba(0,0,0,.115);
}
html{background:var(--v13-bg)}
body{background:var(--v13-bg);color:var(--v13-text);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Helvetica Neue",Arial,sans-serif;font-feature-settings:"kern" 1,"liga" 1;letter-spacing:-.012em}
.wrap{width:min(1220px,calc(100% - 44px))}.narrow{width:min(900px,calc(100% - 44px))}
.announcement{background:#111;color:rgba(255,255,255,.82);font-size:.76rem;line-height:1.25;padding:7px 16px;letter-spacing:.005em}
.site-header{top:0;background:rgba(245,245,247,.74);border-bottom:1px solid rgba(0,0,0,.06);box-shadow:none;backdrop-filter:saturate(180%) blur(28px);-webkit-backdrop-filter:saturate(180%) blur(28px)}
.header-inner{height:58px}.brand{font-size:1rem;font-weight:740;letter-spacing:-.03em}.brand-mark{width:30px;height:30px;border-radius:10px;box-shadow:none}.brand-mark svg{width:17px;height:17px}.nav{gap:22px}.nav a{font-size:.84rem;font-weight:590;color:#3b3b40}.nav .nav-cta{background:var(--v13-green);padding:8px 14px;border-radius:999px;color:#fff;box-shadow:none}
main>section{padding:108px 0}section{padding:96px 0}
.hero{padding:112px 0 86px;background:radial-gradient(900px 460px at 50% 0%,rgba(8,120,95,.13),transparent 68%),linear-gradient(180deg,#fff 0%,var(--v13-bg) 100%)}
.hero:before,.hero:after{display:none}
.hero-grid{grid-template-columns:1fr;gap:56px;align-items:start}
.hero-grid>div:first-child{max-width:1050px;margin:0 auto;text-align:center}
.eyebrow{background:rgba(255,255,255,.74);border:1px solid rgba(0,0,0,.06);box-shadow:0 10px 35px rgba(0,0,0,.045);color:#4b4b50;padding:8px 13px;font-size:.78rem;font-weight:680;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.dot{background:var(--v13-green);width:6px;height:6px}
h1{font-size:clamp(3.7rem,8.7vw,7.5rem);line-height:.91;letter-spacing:-.074em;font-weight:760;margin:26px auto 28px;max-width:1100px;color:var(--v13-text)}
.hero h1 em{color:var(--v13-green);font-style:normal}
.hero-copy{font-size:clamp(1.17rem,2.1vw,1.48rem);line-height:1.5;color:var(--v13-sub);max-width:790px;margin:0 auto 30px;letter-spacing:-.02em}
.actions{justify-content:center}.hero-proof{justify-content:center;color:var(--v13-sub);font-size:.83rem;gap:22px}
.btn{border:0;background:var(--v13-green);border-radius:999px;padding:13px 20px;font-size:.93rem;font-weight:700;box-shadow:none;transition:transform .24s cubic-bezier(.2,.8,.2,1),box-shadow .24s ease,background .2s ease}
.btn:hover{transform:translateY(-2px);background:#06644f;box-shadow:0 14px 32px rgba(8,120,95,.2)}
.btn.secondary{background:#fff;color:var(--v13-green);border:1px solid rgba(0,0,0,.07);box-shadow:0 8px 30px rgba(0,0,0,.045)}.btn.ghost{background:#fff;color:var(--v13-text);border:1px solid rgba(0,0,0,.08)}
.hero-panel{width:min(1000px,100%);margin:0 auto;background:linear-gradient(145deg,#0d1f22 0%,#15383a 100%);border-radius:40px;padding:38px 40px;box-shadow:0 34px 100px rgba(13,31,34,.20);text-align:center;border:1px solid rgba(255,255,255,.08)}
.hero-panel:before{width:420px;height:420px;right:-120px;top:-190px;background:radial-gradient(circle,rgba(135,232,199,.15),transparent 68%)}
.hero-panel h2{font-size:clamp(2rem,4vw,3.25rem);letter-spacing:-.05em;margin:8px auto 8px;max-width:760px}.hero-panel p{max-width:690px;margin-left:auto;margin-right:auto}
.mini-path{grid-template-columns:repeat(3,1fr);gap:12px;margin:28px 0 24px}.mini-path-row{display:block;text-align:left;min-height:122px;padding:17px 18px;border:1px solid rgba(255,255,255,.08);border-radius:22px;background:rgba(255,255,255,.055)}.mini-icon{margin-bottom:14px}.mini-path-row strong{display:block;font-size:1rem}.mini-path-row small{display:block;margin-top:5px;color:#a8bfbc;line-height:1.35}
.trust-strip{padding:0;background:transparent}.trust-box{margin-top:-20px;border:1px solid var(--v13-border);border-radius:22px;background:rgba(255,255,255,.84);box-shadow:0 14px 48px rgba(0,0,0,.055);padding:15px 18px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.trust-item strong{font-size:.9rem;color:var(--v13-text)}.trust-item span{font-size:.76rem;color:var(--v13-sub)}
.homepage-review{margin-top:24px;margin-bottom:0}.review-box{max-width:720px;margin:0 auto;border:0;background:transparent;box-shadow:none;padding:8px 0}.review-seal{width:30px;flex-basis:30px;height:30px;background:var(--v13-green-soft);box-shadow:none}.review-copy strong{font-size:.86rem}.review-copy span{font-size:.76rem;color:var(--v13-sub)}.review-box>a{font-size:.78rem}
.section-kicker{font-size:.74rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase;color:var(--v13-green)}
.section-title{font-size:clamp(3rem,6vw,5.6rem);line-height:.94;letter-spacing:-.065em;font-weight:740;max-width:980px;margin:7px 0 18px;color:var(--v13-text)}.section-copy{font-size:clamp(1.05rem,1.7vw,1.25rem);line-height:1.56;color:var(--v13-sub);max-width:720px;margin-bottom:38px}
.path-grid{grid-template-columns:1.12fr .88fr;grid-auto-rows:minmax(190px,auto);gap:18px}.path-card{border:0;border-radius:34px;padding:34px;background:#fff;box-shadow:none;min-height:220px}.path-card.featured{grid-row:span 2;background:linear-gradient(155deg,#0d1f22 0%,#163d3c 100%);min-height:458px;display:flex;flex-direction:column;justify-content:flex-end}.path-card .number{width:42px;height:42px;border-radius:14px}.path-card.featured .number{position:absolute;top:34px;left:34px}.path-card h3{font-size:clamp(1.65rem,3vw,2.5rem);letter-spacing:-.045em}.path-card p{font-size:1rem;line-height:1.55}.path-card:hover{transform:translateY(-5px) scale(1.004);box-shadow:var(--v13-shadow-hover)}
.quiz-section{background:#000;padding:118px 0}.quiz-shell{grid-template-columns:.78fr 1.22fr;gap:12px;background:#111;border-radius:42px;padding:12px;box-shadow:0 35px 110px rgba(0,0,0,.24)}.quiz-intro{background:linear-gradient(145deg,#0e735c,#0a4d40);border-radius:32px;padding:36px}.quiz-intro h2{font-size:clamp(2.2rem,4vw,3.7rem);letter-spacing:-.055em}.quiz-card{border:0;border-radius:32px;padding:36px;box-shadow:none}.quiz-step h3{font-size:clamp(1.55rem,3vw,2.2rem);letter-spacing:-.04em}.quiz-option{border:0;background:#f5f5f7;border-radius:18px;padding:16px 17px;font-size:.98rem}.quiz-option:hover{background:#ececef}.quiz-option.selected{background:var(--v13-green-soft);box-shadow:inset 0 0 0 1.5px var(--v13-green)}
.comparison-wrap{border:0;border-radius:30px;background:#fff;box-shadow:0 15px 55px rgba(0,0,0,.055)}.compare th{background:#f5f5f7;color:#6e6e73;font-weight:650}.compare th,.compare td{padding:19px 18px;border-bottom:1px solid rgba(0,0,0,.065)}
.method-section{padding-top:0}.method-snippet{border:0;border-radius:32px;background:#fff;padding:34px 36px;box-shadow:none}.method-snippet h3{font-size:clamp(1.65rem,3vw,2.4rem);letter-spacing:-.045em}.method-snippet p{color:var(--v13-sub)}
.split{grid-template-columns:.95fr 1.05fr;gap:58px}.feature-stack{gap:14px}.feature{border:0;border-radius:24px;background:#fff;padding:22px 23px;box-shadow:none}.feature-icon{background:#f5f5f7}.feature h3{font-size:1.08rem}.feature p{color:var(--v13-sub)}
.callout{background:#000;border-radius:40px;padding:48px;box-shadow:none}.callout h2{font-size:clamp(2.7rem,5.2vw,4.7rem);letter-spacing:-.065em}.callout-card{border-radius:28px;padding:26px}
.faq{gap:12px}.faq details{border:0;border-radius:22px;background:#fff;padding:0 22px}.faq summary{padding:20px 0;font-size:1rem}.faq details p{color:var(--v13-sub)}
.partner-section{padding-top:0}.partner-card{border:0;border-radius:34px;padding:36px;background:linear-gradient(145deg,#fff,#eef7ff);box-shadow:none}.partner-card:hover{transform:translateY(-4px);box-shadow:var(--v13-shadow)}.partner-brand{font-size:1.45rem}.partner-card h2,.partner-card h3{font-size:clamp(1.8rem,3.5vw,2.8rem)!important;letter-spacing:-.05em}.partner-points span{background:rgba(255,255,255,.72);border:1px solid rgba(0,0,0,.06)}
.cards-2{gap:14px}.link-card{border:0;border-radius:28px;padding:28px;background:#fff;min-height:142px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:none;transition:transform .24s ease,box-shadow .24s ease}.link-card strong{font-size:1.25rem;letter-spacing:-.03em}.link-card span{color:var(--v13-sub)}.link-card:hover{transform:translateY(-4px);box-shadow:var(--v13-shadow)}
.article-hero{padding:96px 0 58px;background:radial-gradient(760px 360px at 50% 0%,rgba(8,120,95,.11),transparent 72%),#fff}.article-hero:after{display:none}.breadcrumbs{text-align:center;font-size:.78rem;color:var(--v13-sub)}.article-hero .eyebrow{display:flex;width:max-content;margin:0 auto}.article h1{font-size:clamp(3.2rem,7vw,6.1rem);line-height:.93;letter-spacing:-.068em;font-weight:750;max-width:900px;margin:22px auto 24px;text-align:center}.article-hero .hero-copy{text-align:center;max-width:760px;margin:0 auto;color:var(--v13-sub)}
.article .review-wrap{margin-top:22px}.article section{padding:72px 0}.article section>.narrow{font-size:1.04rem}.article h2{font-size:clamp(2rem,4vw,3.2rem);line-height:1.05;letter-spacing:-.05em;margin-top:58px;color:var(--v13-text)}.article h3{letter-spacing:-.03em}.article p,.article li{color:#4e4e53;line-height:1.72}.info-box,.warn-box{border:0;border-radius:24px;padding:23px 24px}.info-box{background:var(--v13-green-soft)}.warn-box{background:#fff4d8}.cta-box{border-radius:34px;padding:34px;background:#111;box-shadow:none}.article .method-snippet{margin-top:32px}.related-section{background:#fff}.related-title{font-size:clamp(2.4rem,5vw,4rem)}
.method-grid{gap:14px}.method-grid article{border:0;border-radius:28px;padding:28px;background:#fff;box-shadow:none}.method-grid article:hover{box-shadow:var(--v13-shadow);transform:translateY(-3px)}.editorial-standard{border-radius:34px;padding:34px;background:#111;box-shadow:none}
.footer{background:#111;color:#b8b8bd;margin-top:0;padding:70px 0 100px;border-top:0}.footer-grid{gap:42px}.footer a{color:#f5f5f7}.footer small{color:#8e8e93}
.mobile-sticky .btn{box-shadow:0 14px 44px rgba(0,0,0,.18)}
@keyframes v13HeroRise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
.hero .eyebrow{animation:v13HeroRise .55s ease both}.hero h1{animation:v13HeroRise .65s .06s ease both}.hero .hero-copy{animation:v13HeroRise .65s .12s ease both}.hero .actions{animation:v13HeroRise .65s .18s ease both}.hero .hero-proof{animation:v13HeroRise .65s .24s ease both}.hero-panel{animation:v13HeroRise .75s .28s ease both}
@media(max-width:900px){
  .wrap,.narrow{width:min(100% - 30px,900px)}
  main>section,section{padding:78px 0}
  .hero{padding:82px 0 64px}.hero-panel{padding:30px}.mini-path{grid-template-columns:1fr}
  .path-grid{grid-template-columns:1fr}.path-card.featured{grid-row:auto;min-height:340px}
  .quiz-shell,.split{grid-template-columns:1fr}.quiz-shell{border-radius:34px}.quiz-intro,.quiz-card{border-radius:26px}
  .nav{top:58px;background:rgba(255,255,255,.96);border:1px solid rgba(0,0,0,.08);border-radius:18px;box-shadow:0 18px 60px rgba(0,0,0,.12)}
  .trust-box{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
  .announcement{font-size:.7rem}.header-inner{height:54px}.nav{top:54px}.brand{font-size:.92rem}
  .hero{padding:66px 0 50px}h1{font-size:clamp(3.05rem,16vw,4.7rem)}.hero-copy{font-size:1.08rem}.hero-panel{border-radius:30px;padding:25px 20px}.hero-panel h2{font-size:2rem}.mini-path-row{min-height:auto}
  main>section,section{padding:64px 0}.section-title{font-size:clamp(2.7rem,13vw,4rem)}
  .trust-box{grid-template-columns:1fr 1fr;padding:12px}.trust-item{padding:10px 7px}.trust-item+ .trust-item{border-left:0}.trust-item:nth-child(even){border-left:1px solid rgba(0,0,0,.06)}
  .path-card{border-radius:28px;padding:27px}.path-card.featured{min-height:300px}.path-card.featured .number{top:27px;left:27px}
  .quiz-section{padding:70px 0}.quiz-shell{padding:8px}.quiz-intro,.quiz-card{padding:24px}
  .callout{border-radius:30px;padding:28px 22px}.callout h2{font-size:2.55rem}
  .article-hero{padding:68px 0 42px}.article h1{font-size:clamp(3rem,14vw,4.5rem)}.article section{padding:54px 0}.article h2{font-size:2.15rem;margin-top:45px}
  .partner-card,.method-snippet,.editorial-standard{border-radius:28px;padding:25px}.footer{padding-top:56px}
}
@media(prefers-reduced-motion:reduce){.hero .eyebrow,.hero h1,.hero .hero-copy,.hero .actions,.hero .hero-proof,.hero-panel{animation:none!important}}


/* =========================================================
   v14 STUDIO — bespoke editorial design system
   Premium, calm, dental-specific, not a literal Apple clone.
   ========================================================= */
:root{
  --studio-bg:#f2f0ea;
  --studio-paper:#fbfaf7;
  --studio-ink:#0b0c0c;
  --studio-sub:#666963;
  --studio-line:rgba(11,12,12,.12);
  --studio-line-soft:rgba(11,12,12,.075);
  --studio-forest:#123f37;
  --studio-mint:#c9f4df;
  --studio-acid:#d8f06a;
  --studio-blue:#dfe8ff;
  --studio-warm:#f4d8c8;
  --studio-radius:34px;
  --studio-radius-lg:48px;
  --studio-ease:cubic-bezier(.2,.8,.2,1);
}

body.studio-v14{
  background:var(--studio-bg);
  color:var(--studio-ink);
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Helvetica Neue",Inter,Arial,sans-serif;
  letter-spacing:-.018em;
  text-rendering:optimizeLegibility;
}
body.studio-v14::before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;
  background-image:radial-gradient(rgba(10,11,11,.07) .55px,transparent .55px);
  background-size:9px 9px;opacity:.12;
}
.studio-v14 .wrap{width:min(1280px,calc(100% - 56px))}
.studio-v14 .narrow{width:min(920px,calc(100% - 56px))}

/* Top chrome */
.studio-v14 .announcement{
  background:var(--studio-ink);color:rgba(255,255,255,.76);padding:7px 18px;
  font-size:.72rem;font-weight:620;letter-spacing:.055em;text-transform:uppercase;
}
.studio-v14 .site-header{background:transparent;border:0;box-shadow:none;padding:12px 0;backdrop-filter:none;-webkit-backdrop-filter:none}
.studio-v14 .header-inner{
  height:64px;padding:0 13px 0 15px;border:1px solid var(--studio-line-soft);border-radius:999px;
  background:rgba(251,250,247,.83);box-shadow:0 12px 34px rgba(13,18,16,.055);
  backdrop-filter:saturate(140%) blur(24px);-webkit-backdrop-filter:saturate(140%) blur(24px);
}
.studio-v14 .brand{gap:10px;font-size:.98rem;font-weight:760;letter-spacing:-.035em}
.studio-v14 .brand-mark{width:34px;height:34px;border-radius:50%;background:var(--studio-forest);box-shadow:none}
.studio-v14 .brand-mark svg{width:18px;height:18px}
.studio-v14 .nav{gap:6px}
.studio-v14 .nav a{padding:9px 12px;border-radius:999px;font-size:.79rem;font-weight:620;color:#343633;transition:.2s var(--studio-ease)}
.studio-v14 .nav a:hover{background:rgba(11,12,12,.055);color:var(--studio-ink)}
.studio-v14 .nav .nav-cta{background:var(--studio-ink);color:#fff;padding:10px 16px}
.studio-v14 .nav .nav-cta:hover{background:var(--studio-forest);color:#fff}

/* Homepage hero */
.studio-v14 .hero{
  padding:72px 0 98px;min-height:calc(100svh - 90px);display:flex;align-items:center;
  background:transparent;overflow:visible;
}
.studio-v14 .hero-grid{grid-template-columns:minmax(0,1.12fr) minmax(420px,.88fr);gap:54px;align-items:center}
.studio-v14 .hero-grid>div:first-child{text-align:left;max-width:none;margin:0}
.studio-v14 .hero .eyebrow{
  margin:0;background:transparent;border:0;box-shadow:none;padding:0;color:var(--studio-sub);
  font-size:.75rem;font-weight:720;letter-spacing:.085em;text-transform:uppercase;
}
.studio-v14 .hero .dot{background:var(--studio-forest);width:8px;height:8px}
.studio-v14 h1,.studio-v14 .hero h1{
  max-width:810px;margin:26px 0 28px;font-size:clamp(4.4rem,7.3vw,7.6rem);line-height:.88;
  letter-spacing:-.082em;font-weight:780;color:var(--studio-ink);
}
.studio-v14 .hero h1 em{display:block;color:var(--studio-forest);font-weight:610}
.studio-v14 .hero-copy{max-width:690px;margin:0 0 32px;font-size:clamp(1.08rem,1.65vw,1.33rem);line-height:1.48;color:#555952}
.studio-v14 .hero .actions{justify-content:flex-start;gap:10px}
.studio-v14 .btn{
  min-height:48px;padding:13px 20px;border-radius:999px;background:var(--studio-ink);color:#fff;border:1px solid var(--studio-ink);
  font-size:.9rem;font-weight:720;letter-spacing:-.015em;box-shadow:none;transition:.25s var(--studio-ease);
}
.studio-v14 .btn:hover{background:var(--studio-forest);border-color:var(--studio-forest);transform:translateY(-2px);box-shadow:0 16px 40px rgba(18,63,55,.14)}
.studio-v14 .btn.secondary,.studio-v14 .btn.ghost{background:transparent;color:var(--studio-ink);border-color:var(--studio-line)}
.studio-v14 .btn.secondary:hover,.studio-v14 .btn.ghost:hover{background:var(--studio-paper);border-color:rgba(11,12,12,.18);box-shadow:none}
.studio-v14 .hero-proof{justify-content:flex-start;margin-top:24px;gap:19px;color:#6a6d67;font-size:.78rem}
.studio-v14 .hero-proof .check{color:var(--studio-forest)}
.studio-v14 .hero-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:34px}
.studio-v14 .hero-meta span{font-size:.68rem;font-weight:670;letter-spacing:.045em;text-transform:uppercase;border:1px solid var(--studio-line-soft);border-radius:999px;padding:7px 10px;background:rgba(251,250,247,.6);color:#5c5f59}

/* Bespoke career visual */
.studio-v14 .career-visual{
  min-height:590px;margin:0;padding:0;border-radius:var(--studio-radius-lg);overflow:hidden;position:relative;
  color:#fff;background:linear-gradient(160deg,#0a0d0c 0%,#143b34 58%,#1c5348 100%);
  box-shadow:0 42px 120px rgba(12,29,25,.19);border:1px solid rgba(255,255,255,.07);text-align:left;
}
.studio-v14 .career-visual::before{content:"";position:absolute;inset:0;background:radial-gradient(520px 320px at 88% 14%,rgba(201,244,223,.16),transparent 62%);pointer-events:none}
.studio-v14 .visual-topline{position:absolute;z-index:5;top:26px;left:30px;right:30px;display:flex;justify-content:space-between;font-size:.67rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.58)}
.studio-v14 .career-canvas{position:absolute;inset:62px 18px 120px;min-height:420px}
.studio-v14 .career-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.studio-v14 .career-lines path,.studio-v14 .career-lines circle{fill:none;stroke:rgba(255,255,255,.14);stroke-width:1.1;vector-effect:non-scaling-stroke}
.studio-v14 .career-lines circle:last-child{stroke-dasharray:3 7;opacity:.65}
.studio-v14 .career-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:136px;height:136px;border-radius:50%;background:var(--studio-mint);color:#103b33;display:flex;align-items:center;justify-content:center;flex-direction:column;box-shadow:0 24px 70px rgba(0,0,0,.2)}
.studio-v14 .career-tooth svg{width:42px;height:42px}.studio-v14 .career-center>span{font-size:.87rem;font-weight:830;letter-spacing:.05em;margin-top:3px}.studio-v14 .career-center small{font-size:.62rem;opacity:.7}
.studio-v14 .career-node{position:absolute;width:190px;padding:14px 15px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(255,255,255,.075);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.studio-v14 .career-node>span{display:block;font-size:.62rem;letter-spacing:.12em;color:#bfe8d8;margin-bottom:6px}.studio-v14 .career-node strong{display:block;font-size:.95rem;letter-spacing:-.025em}.studio-v14 .career-node small{display:block;margin-top:3px;color:rgba(255,255,255,.58);font-size:.72rem}
.studio-v14 .node-a{left:8%;top:7%}.studio-v14 .node-b{right:7%;top:7%}.studio-v14 .node-c{left:50%;bottom:10%;transform:translateX(-50%)}
.studio-v14 .visual-footer{position:absolute;left:30px;right:30px;bottom:24px;display:flex;align-items:end;justify-content:space-between;border-top:1px solid rgba(255,255,255,.12);padding-top:17px;padding-bottom:2px}
.studio-v14 .visual-footer strong{display:block;font-size:.92rem}.studio-v14 .visual-footer span{display:block;margin-top:3px;font-size:.7rem;color:rgba(255,255,255,.54)}
.studio-v14 .visual-arrow{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;text-decoration:none;background:#fff;color:#111;font-size:1.25rem;transition:.22s var(--studio-ease)}
.studio-v14 .visual-arrow:hover{transform:rotate(-5deg) scale(1.05)}

/* Trust rail */
.studio-v14 .trust-strip{padding:0 0 18px;background:transparent}
.studio-v14 .trust-box{margin:0;border:0;border-top:1px solid var(--studio-line);border-bottom:1px solid var(--studio-line);border-radius:0;background:transparent;box-shadow:none;padding:17px 0;backdrop-filter:none}
.studio-v14 .trust-item{text-align:left;padding:0 22px 0 0}.studio-v14 .trust-item+ .trust-item{border-left:1px solid var(--studio-line-soft);padding-left:22px}
.studio-v14 .trust-item strong{font-size:.79rem;font-weight:720;text-transform:uppercase;letter-spacing:.055em}.studio-v14 .trust-item span{font-size:.74rem;color:var(--studio-sub)}

/* Section language */
.studio-v14 main>section,.studio-v14 section{position:relative;padding:118px 0}
.studio-v14 main>section[data-section-index]::before{content:attr(data-section-index);position:absolute;top:34px;left:max(28px,calc((100vw - 1280px)/2));font-size:.64rem;font-weight:760;letter-spacing:.14em;color:#85877f}
.studio-v14 .section-kicker{font-size:.69rem;font-weight:760;letter-spacing:.12em;color:var(--studio-forest);text-transform:uppercase;margin-bottom:12px}
.studio-v14 .section-title{max-width:1030px;font-size:clamp(3.35rem,6.2vw,6.35rem);line-height:.91;letter-spacing:-.076em;font-weight:750;margin:0 0 24px}
.studio-v14 .section-copy{max-width:750px;font-size:clamp(1.05rem,1.6vw,1.23rem);line-height:1.55;color:var(--studio-sub);margin-bottom:46px}

/* Career bento */
.studio-v14 .path-grid{grid-template-columns:1.2fr .8fr .8fr;grid-template-rows:minmax(360px,auto);gap:14px}
.studio-v14 .path-card,.studio-v14 .path-card.featured{grid-row:auto;min-height:360px;padding:31px;border-radius:var(--studio-radius);border:1px solid var(--studio-line-soft);background:var(--studio-paper);box-shadow:none;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden}
.studio-v14 .path-card::after{content:"";position:absolute;width:180px;height:180px;border:1px solid var(--studio-line-soft);border-radius:50%;right:-56px;top:-62px}
.studio-v14 .path-card.featured{background:var(--studio-forest);color:#fff;border-color:var(--studio-forest)}
.studio-v14 .path-card.featured::after{border-color:rgba(255,255,255,.18);box-shadow:0 0 0 38px rgba(255,255,255,.025),0 0 0 78px rgba(255,255,255,.02)}
.studio-v14 .path-card .number,.studio-v14 .path-card.featured .number{position:absolute;top:27px;left:29px;width:auto;height:auto;margin:0;background:transparent;color:inherit;font-size:.67rem;font-weight:760;letter-spacing:.14em}
.studio-v14 .path-card h3{font-size:clamp(1.8rem,2.65vw,3rem);line-height:.96;letter-spacing:-.055em;margin-bottom:11px}
.studio-v14 .path-card p{font-size:.94rem;line-height:1.48;color:#636760;max-width:390px}.studio-v14 .path-card.featured p{color:rgba(255,255,255,.68)}
.studio-v14 .path-card a{font-size:.81rem;margin-top:16px;color:var(--studio-forest)}.studio-v14 .path-card.featured a{color:var(--studio-mint)}
.studio-v14 .path-card:hover{transform:translateY(-4px);box-shadow:0 28px 70px rgba(11,12,12,.08);border-color:rgba(11,12,12,.13)}

/* Finder as a product surface */
.studio-v14 .quiz-section{background:var(--studio-ink);padding:34px 0 118px}
.studio-v14 .quiz-section::before{color:rgba(255,255,255,.42)!important;top:44px!important}
.studio-v14 .quiz-shell{grid-template-columns:.78fr 1.22fr;gap:0;padding:0;border-radius:var(--studio-radius-lg);overflow:hidden;background:#131514;border:1px solid rgba(255,255,255,.1);box-shadow:0 44px 120px rgba(0,0,0,.26)}
.studio-v14 .quiz-intro{border-radius:0;padding:48px 44px;background:var(--studio-mint);color:#102c27}
.studio-v14 .quiz-intro .section-kicker{color:#34594f}.studio-v14 .quiz-intro h2{font-size:clamp(2.8rem,4.4vw,4.8rem);line-height:.92;letter-spacing:-.07em;color:#102c27}.studio-v14 .quiz-intro p,.studio-v14 .quiz-intro ul{color:#31574e}
.studio-v14 .quiz-card{border-radius:0;padding:50px 46px;background:#f8f7f3;box-shadow:none}
.studio-v14 .quiz-progress{height:4px;background:#deded8}.studio-v14 .quiz-progress>div{background:var(--studio-forest)}
.studio-v14 .quiz-step h3{font-size:clamp(1.8rem,3vw,2.75rem);line-height:1.02;letter-spacing:-.05em}
.studio-v14 .quiz-options{gap:8px}.studio-v14 .quiz-option{border:1px solid var(--studio-line-soft);background:#fff;border-radius:16px;padding:16px 17px;font-size:.94rem;font-weight:650;transition:.18s var(--studio-ease)}
.studio-v14 .quiz-option:hover{background:#f0efe9;border-color:rgba(11,12,12,.14);transform:translateX(2px)}.studio-v14 .quiz-option.selected{background:var(--studio-mint);border-color:#a0d7c0;box-shadow:none}

/* Tables & utility surfaces */
.studio-v14 .comparison-wrap{border-radius:var(--studio-radius);border:1px solid var(--studio-line-soft);background:var(--studio-paper);box-shadow:none;overflow:hidden}
.studio-v14 .compare th{background:#e9e7e0;color:#5f625d;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em}.studio-v14 .compare th,.studio-v14 .compare td{padding:20px 18px;border-bottom:1px solid var(--studio-line-soft)}
.studio-v14 .provider-link{color:var(--studio-forest)}
.studio-v14 .method-section{padding-top:20px}.studio-v14 .method-snippet{border-radius:var(--studio-radius);border:1px solid var(--studio-line-soft);padding:34px 36px;background:var(--studio-paper);box-shadow:none}.studio-v14 .method-snippet h3{font-size:clamp(1.8rem,3vw,3rem);letter-spacing:-.055em}
.studio-v14 .split{gap:70px}.studio-v14 .feature-stack{gap:1px;border-top:1px solid var(--studio-line)}.studio-v14 .feature{border:0;border-bottom:1px solid var(--studio-line);border-radius:0;background:transparent;padding:22px 0}.studio-v14 .feature-icon{background:var(--studio-paper);border:1px solid var(--studio-line-soft);border-radius:50%}.studio-v14 .feature h3{font-size:1.04rem}.studio-v14 .feature p{color:var(--studio-sub)}
.studio-v14 .callout{border-radius:var(--studio-radius-lg);padding:48px 50px;background:var(--studio-forest);box-shadow:none}.studio-v14 .callout h2{font-size:clamp(3rem,5vw,5rem);line-height:.9;letter-spacing:-.075em}.studio-v14 .callout-card{border-radius:26px;background:var(--studio-mint);color:#102c27}
.studio-v14 .faq details{border-radius:0;border-top:1px solid var(--studio-line);background:transparent;padding:0}.studio-v14 .faq details:last-child{border-bottom:1px solid var(--studio-line)}.studio-v14 .faq summary{padding:21px 0;font-size:1rem}.studio-v14 .faq details p{padding:0 0 23px;color:var(--studio-sub)}
.studio-v14 .partner-card{border-radius:var(--studio-radius-lg);padding:42px 44px;background:var(--studio-blue);border:0;box-shadow:none}.studio-v14 .partner-card h2,.studio-v14 .partner-card h3{font-size:clamp(2.2rem,4vw,4rem)!important;letter-spacing:-.065em}.studio-v14 .partner-points span{background:rgba(255,255,255,.52);border-color:rgba(11,12,12,.08)}
.studio-v14 .cards-2{gap:10px}.studio-v14 .link-card{min-height:160px;border-radius:24px;border:1px solid var(--studio-line-soft);background:var(--studio-paper);padding:25px 26px;box-shadow:none}.studio-v14 .link-card strong{font-size:1.24rem;letter-spacing:-.035em}.studio-v14 .link-card:hover{box-shadow:0 22px 60px rgba(11,12,12,.065);transform:translateY(-3px)}

/* Article system — more like a premium editorial publication */
.studio-v14 .article-hero{padding:86px 0 66px;background:transparent;overflow:visible}
.studio-v14 .article-hero .narrow{width:min(1080px,calc(100% - 56px));text-align:left}
.studio-v14 .article-hero .breadcrumbs{text-align:left;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:#777a74;margin-bottom:26px}
.studio-v14 .article-hero .eyebrow{margin:0;background:transparent;border:0;box-shadow:none;padding:0;text-transform:uppercase;letter-spacing:.09em;font-size:.69rem;color:var(--studio-forest)}
.studio-v14 .article h1{max-width:1000px;margin:22px 0 26px;text-align:left;font-size:clamp(4rem,7vw,7.2rem);line-height:.88;letter-spacing:-.078em;font-weight:760}
.studio-v14 .article-hero .hero-copy{text-align:left;max-width:790px;margin:0;font-size:clamp(1.15rem,1.8vw,1.4rem);color:#5b5f58}
.studio-v14 .article .review-wrap{margin:0 auto 22px}.studio-v14 .article .review-box{max-width:920px;margin:0;padding:15px 0;border-top:1px solid var(--studio-line);border-bottom:1px solid var(--studio-line);border-radius:0;background:transparent;box-shadow:none}
.studio-v14 .review-seal{width:32px;height:32px;flex-basis:32px;background:var(--studio-mint);box-shadow:none}.studio-v14 .review-copy strong{font-size:.83rem}.studio-v14 .review-copy span{font-size:.73rem;color:var(--studio-sub)}
.studio-v14 .article section{padding:76px 0}.studio-v14 .article section>.narrow{font-size:1.05rem}
.studio-v14 .article h2{font-size:clamp(2.45rem,4.6vw,4.3rem);line-height:.96;letter-spacing:-.062em;margin-top:72px}.studio-v14 .article h3{font-size:1.35rem;letter-spacing:-.035em}.studio-v14 .article p,.studio-v14 .article li{color:#50534e;line-height:1.76}
.studio-v14 .info-box,.studio-v14 .warn-box{border-radius:26px;border:1px solid var(--studio-line-soft);padding:24px 26px}.studio-v14 .info-box{background:var(--studio-mint)}.studio-v14 .warn-box{background:#f5e8b4}
.studio-v14 .cta-box{border-radius:var(--studio-radius);padding:34px 36px;background:var(--studio-ink);box-shadow:none}.studio-v14 .related-section{background:#e6e3dc}.studio-v14 .related-title{font-size:clamp(3rem,5.5vw,5rem)}
.studio-v14 .method-grid article{border-radius:24px;border:1px solid var(--studio-line-soft);background:var(--studio-paper);box-shadow:none}.studio-v14 .editorial-standard{border-radius:var(--studio-radius);background:var(--studio-forest);box-shadow:none}

/* Footer */
.studio-v14 .footer{margin-top:0;padding:74px 0 96px;background:var(--studio-ink);color:#a9aca7}.studio-v14 .footer-grid{gap:52px}.studio-v14 .footer .brand-mark{background:var(--studio-mint);color:var(--studio-forest)}.studio-v14 .footer a{color:#f6f5f1}.studio-v14 .footer strong{color:#fff;font-size:.8rem;text-transform:uppercase;letter-spacing:.07em}

/* Refined motion */
.studio-v14 .reveal{opacity:0;transform:translateY(18px);transition:opacity .65s var(--studio-ease),transform .65s var(--studio-ease)}
.studio-v14 .reveal.is-visible{opacity:1;transform:none}
.studio-v14 a:focus-visible,.studio-v14 button:focus-visible{outline:3px solid rgba(18,63,55,.35);outline-offset:3px}

@media(max-width:1050px){
  .studio-v14 .hero{min-height:auto;padding-top:62px}.studio-v14 .hero-grid{grid-template-columns:1fr;gap:44px}.studio-v14 h1,.studio-v14 .hero h1{max-width:980px}.studio-v14 .career-visual{min-height:540px}.studio-v14 .path-grid{grid-template-columns:1fr 1fr}.studio-v14 .path-card.featured{grid-column:1/-1}.studio-v14 .quiz-shell{grid-template-columns:1fr}.studio-v14 .quiz-intro,.studio-v14 .quiz-card{padding:38px}.studio-v14 .split{grid-template-columns:1fr;gap:36px}
}
@media(max-width:900px){
  .studio-v14 .wrap,.studio-v14 .narrow{width:min(100% - 30px,920px)}
  .studio-v14 .site-header{padding:8px 0}.studio-v14 .header-inner{height:58px}.studio-v14 .nav{top:72px;right:15px;left:15px;padding:8px;border-radius:22px;background:rgba(251,250,247,.97);border:1px solid var(--studio-line-soft);box-shadow:0 20px 60px rgba(0,0,0,.12)}.studio-v14 .nav a{padding:12px 13px}
  .studio-v14 main>section[data-section-index]::before{left:18px}.studio-v14 .article-hero .narrow{width:min(100% - 30px,920px)}
  .studio-v14 .trust-box{grid-template-columns:1fr 1fr}.studio-v14 .trust-item{padding:7px 10px 7px 0}.studio-v14 .trust-item+ .trust-item{padding-left:14px}
}
@media(max-width:640px){
  .studio-v14 .announcement{font-size:.62rem;padding:6px 12px}.studio-v14 .site-header{padding:7px 0}.studio-v14 .header-inner{height:54px;padding:0 9px}.studio-v14 .brand{font-size:.88rem}.studio-v14 .brand-mark{width:31px;height:31px}
  .studio-v14 .hero{padding:50px 0 70px}.studio-v14 h1,.studio-v14 .hero h1{font-size:clamp(3.45rem,16.2vw,5rem);line-height:.89}.studio-v14 .hero-copy{font-size:1.03rem}.studio-v14 .hero-meta{display:none}
  .studio-v14 .career-visual{min-height:500px;border-radius:34px}.studio-v14 .career-canvas{inset:60px 6px 118px}.studio-v14 .career-lines{opacity:.7}.studio-v14 .career-center{width:112px;height:112px}.studio-v14 .career-tooth svg{width:35px;height:35px}.studio-v14 .career-node{width:150px;padding:11px 12px}.studio-v14 .career-node strong{font-size:.82rem}.studio-v14 .career-node small{font-size:.64rem}.studio-v14 .node-a{left:2%;top:6%}.studio-v14 .node-b{right:2%;top:6%}.studio-v14 .node-c{bottom:8%}.studio-v14 .visual-topline{left:20px;right:20px}.studio-v14 .visual-footer{left:20px;right:20px}.studio-v14 .visual-footer strong{font-size:.82rem}
  .studio-v14 main>section,.studio-v14 section{padding:84px 0}.studio-v14 main>section[data-section-index]::before{top:24px}.studio-v14 .section-title{font-size:clamp(2.9rem,13vw,4.4rem)}
  .studio-v14 .path-grid{grid-template-columns:1fr}.studio-v14 .path-card.featured{grid-column:auto}.studio-v14 .path-card,.studio-v14 .path-card.featured{min-height:310px;border-radius:28px;padding:26px}.studio-v14 .path-card .number,.studio-v14 .path-card.featured .number{top:24px;left:26px}
  .studio-v14 .quiz-section{padding:30px 0 78px}.studio-v14 .quiz-shell{border-radius:32px}.studio-v14 .quiz-intro,.studio-v14 .quiz-card{padding:26px}.studio-v14 .quiz-intro h2{font-size:2.9rem}
  .studio-v14 .trust-box{grid-template-columns:1fr 1fr}.studio-v14 .trust-item strong{font-size:.68rem}.studio-v14 .trust-item span{font-size:.66rem}
  .studio-v14 .article-hero{padding:56px 0 38px}.studio-v14 .article h1{font-size:clamp(3.3rem,15vw,4.8rem);line-height:.9}.studio-v14 .article-hero .hero-copy{font-size:1.05rem}.studio-v14 .article h2{font-size:2.5rem;margin-top:55px}.studio-v14 .article section{padding:58px 0}.studio-v14 .partner-card,.studio-v14 .callout,.studio-v14 .method-snippet,.studio-v14 .editorial-standard{border-radius:28px;padding:26px}
}
@media(prefers-reduced-motion:reduce){.studio-v14 .reveal{opacity:1;transform:none;transition:none}}


/* v15 refinement: quieter trust signals and improved cost-page contrast */
.studio-v14 .article-meta{
  max-width:920px;
  margin:0 auto 18px;
  padding:12px 0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  border-top:1px solid var(--studio-line-soft);
  border-bottom:1px solid var(--studio-line-soft);
  color:var(--studio-sub);
  font-size:.75rem;
  letter-spacing:.015em;
}
.studio-v14 .article-meta a{
  color:var(--studio-ink);
  text-decoration:none;
  font-weight:720;
  white-space:nowrap;
}
.studio-v14 .article-meta a:hover{opacity:.62}
.studio-v14 .cost-cta{
  background:linear-gradient(145deg,#eef4ef 0%,#f7f5ef 100%);
  color:var(--studio-ink);
  border:1px solid var(--studio-line-soft);
  box-shadow:none;
}
.studio-v14 .cost-cta h2{color:var(--studio-ink)}
.studio-v14 .cost-cta p{color:#4f5753}
.studio-v14 .cost-cta .btn{
  background:var(--studio-forest);
  border-color:var(--studio-forest);
  color:#fff;
}
.studio-v14 .cost-cta .btn:hover{background:var(--studio-ink);border-color:var(--studio-ink)}
@media(max-width:640px){
  .studio-v14 .article-meta{align-items:flex-start;flex-direction:column;gap:6px}
}


/* =========================================================
   v16 REFINEMENT — centered trust strip, light article CTAs,
   transparent provider-selection explanation
   ========================================================= */

/* 1) Trust bar: centered and intentionally narrower than the hero */
.studio-v14 .trust-box{
  width:min(1040px,calc(100% - 56px));
  margin-inline:auto;
}

/* 2) Article CTAs: light editorial cards instead of heavy dark blocks */
.studio-v14 .article .cta-box{
  position:relative;
  overflow:hidden;
  background:linear-gradient(145deg,#f8f7f3 0%,#edf4ef 100%);
  color:var(--studio-ink);
  border:1px solid var(--studio-line-soft);
  box-shadow:none;
}
.studio-v14 .article .cta-box::before{
  content:"";
  position:absolute;
  width:190px;
  height:190px;
  right:-82px;
  top:-92px;
  border-radius:50%;
  background:rgba(201,244,223,.52);
  pointer-events:none;
}
.studio-v14 .article .cta-box>*{position:relative;z-index:1}
.studio-v14 .article .cta-box h2,
.studio-v14 .article .cta-box h3{color:var(--studio-ink)}
.studio-v14 .article .cta-box p{color:#4f5753}
.studio-v14 .article .cta-box .btn{
  background:var(--studio-forest);
  border-color:var(--studio-forest);
  color:#fff;
}
.studio-v14 .article .cta-box .btn:hover{
  background:var(--studio-ink);
  border-color:var(--studio-ink);
}
.studio-v14 .article .cta-box .btn.secondary{
  background:transparent;
  color:var(--studio-ink);
  border-color:rgba(11,12,12,.18);
}
.studio-v14 .article .cta-box .btn.secondary:hover{
  background:#fff;
  color:var(--studio-ink);
}

/* 3) Provider-selection rationale */
.studio-v14 .selection-note{
  margin:0 0 22px;
  padding:22px 24px;
  border-left:3px solid var(--studio-forest);
  background:rgba(251,250,247,.66);
}
.studio-v14 .selection-note strong{
  display:block;
  margin-bottom:5px;
  font-size:.78rem;
  text-transform:uppercase;
  letter-spacing:.075em;
  color:var(--studio-forest);
}
.studio-v14 .selection-note p{
  margin:0;
  font-size:.94rem;
  line-height:1.6;
  color:#555a54;
}
.studio-v14 .source-note{
  margin:12px 2px 0;
  font-size:.73rem;
  line-height:1.5;
  color:#777b75;
}

@media(max-width:900px){
  .studio-v14 .trust-box{width:min(100% - 30px,920px)}
}
@media(max-width:640px){
  .studio-v14 .selection-note{padding:19px 18px}
}

/* =========================================================
   v17 REFINEMENT — neutral hierarchy, consistent brand mark,
   current-section navigation
   ========================================================= */

/* Career choices: equal visual weight. No route is pre-selected. */
.studio-v14 .path-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  grid-template-rows:minmax(340px,auto);
}
.studio-v14 .path-card,
.studio-v14 .path-card.featured{
  grid-column:auto;
  grid-row:auto;
  min-height:340px;
  background:var(--studio-paper);
  color:var(--studio-ink);
  border:1px solid var(--studio-line-soft);
}
.studio-v14 .path-card::after,
.studio-v14 .path-card.featured::after{
  border-color:var(--studio-line-soft);
  box-shadow:none;
}
.studio-v14 .path-card .number,
.studio-v14 .path-card.featured .number{
  color:var(--studio-forest);
}
.studio-v14 .path-card p,
.studio-v14 .path-card.featured p{
  color:#636760;
}
.studio-v14 .path-card a,
.studio-v14 .path-card.featured a{
  color:var(--studio-forest);
}

/* Provider format CTA: every provider gets the same visual status. */
.studio-v14 .article .cta-box .actions .provider-choice{
  background:rgba(255,255,255,.72);
  color:var(--studio-ink);
  border:1px solid rgba(11,12,12,.16);
  box-shadow:none;
}
.studio-v14 .article .cta-box .actions .provider-choice:hover{
  background:var(--studio-forest);
  border-color:var(--studio-forest);
  color:#fff;
}

/* One brand-mark system everywhere: mint field + forest tooth.
   It remains legible on both light and dark surfaces. */
.studio-v14 .brand-mark,
.studio-v14 .footer .brand-mark{
  background:var(--studio-mint);
  color:var(--studio-forest);
  border:1px solid rgba(18,63,55,.10);
  box-shadow:none;
}
.studio-v14 .career-center{
  border:1px solid rgba(255,255,255,.20);
}

/* Current top-level section: clearly visible, still understated. */
.studio-v14 .nav a.is-current,
.studio-v14 .nav a[aria-current="page"]{
  color:var(--studio-forest);
  background:rgba(18,63,55,.085);
  border-radius:999px;
  padding:8px 11px;
  font-weight:760;
}
.studio-v14 .nav a.is-current:hover,
.studio-v14 .nav a[aria-current="page"]:hover{
  color:var(--studio-forest);
  background:rgba(18,63,55,.13);
}

@media(max-width:1050px){
  .studio-v14 .path-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:900px){
  .studio-v14 .path-grid{grid-template-columns:1fr 1fr}
  .studio-v14 .path-card:last-child{grid-column:1/-1}
  .studio-v14 .nav a.is-current,
  .studio-v14 .nav a[aria-current="page"]{padding:12px 13px}
}
@media(max-width:640px){
  .studio-v14 .path-grid{grid-template-columns:1fr}
  .studio-v14 .path-card:last-child{grid-column:auto}
}


/* =========================================================
   v18 — 10/10 FOUNDATION
   Authority, accessibility, reading UX and source clarity.
   ========================================================= */
:root{
  --focus:#006a55;
  --source-bg:#eef4f1;
  --signal:#b9e9d6;
}
.skip-link{position:fixed;left:18px;top:14px;z-index:9999;transform:translateY(-160%);background:#fff;color:#0b0c0c;border:1px solid rgba(11,12,12,.2);border-radius:999px;padding:10px 15px;font-weight:800;box-shadow:0 12px 36px rgba(0,0,0,.12);transition:transform .18s ease}
.skip-link:focus{transform:translateY(0)}
:focus-visible{outline:3px solid rgba(0,106,85,.38);outline-offset:3px;border-radius:8px}
.studio-v14 a:focus-visible,.studio-v14 button:focus-visible{outline-color:rgba(18,63,55,.45)}
.studio-v14 h2[id],.studio-v14 h3[id]{scroll-margin-top:110px}
.studio-v14 .article-meta{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.studio-v14 .article-meta a{font-weight:700;text-decoration:none;color:var(--studio-forest)}

/* Article navigation and editorial hierarchy */
.studio-v14 .article-toc{margin:26px auto 4px;border-top:1px solid var(--studio-line);border-bottom:1px solid var(--studio-line);padding:15px 0;display:flex;align-items:center;gap:16px;overflow:auto;scrollbar-width:none}
.studio-v14 .article-toc::-webkit-scrollbar{display:none}
.studio-v14 .article-toc>strong{flex:0 0 auto;font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;color:#777b74}
.studio-v14 .article-toc a{flex:0 0 auto;text-decoration:none;font-size:.82rem;font-weight:680;color:#343a36;padding:7px 10px;border-radius:999px}
.studio-v14 .article-toc a:hover{background:rgba(18,63,55,.08);color:var(--studio-forest)}
.studio-v14 .quick-answer{margin:0 0 34px;padding:25px 26px;border:1px solid var(--studio-line-soft);border-radius:28px;background:linear-gradient(135deg,rgba(201,244,223,.42),rgba(251,250,247,.9) 68%);box-shadow:0 12px 38px rgba(13,18,16,.045)}
.studio-v14 .quick-answer-label{display:block;font-size:.66rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase;color:var(--studio-forest);margin-bottom:8px}
.studio-v14 .quick-answer strong{display:block;font-size:1.25rem;letter-spacing:-.03em;line-height:1.25;margin-bottom:7px}
.studio-v14 .quick-answer p{margin:0!important;color:#565b55!important;max-width:760px}
.studio-v14 .facts-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:24px 0 34px}
.studio-v14 .fact{border:1px solid var(--studio-line-soft);border-radius:22px;background:rgba(251,250,247,.72);padding:18px 19px;min-height:132px}
.studio-v14 .fact span{display:block;font-size:.64rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#7b7e77;margin-bottom:11px}
.studio-v14 .fact strong{display:block;font-size:1.08rem;line-height:1.2;letter-spacing:-.025em}
.studio-v14 .fact small{display:block;margin-top:7px;color:#656a64;line-height:1.45}
.studio-v14 .decision-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:22px 0 30px}
.studio-v14 .decision-card{border:1px solid var(--studio-line-soft);border-radius:24px;background:var(--studio-paper);padding:22px 23px}
.studio-v14 .decision-card .mini-label{display:block;font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.09em;color:var(--studio-forest);margin-bottom:8px}
.studio-v14 .decision-card h3{margin:0 0 8px;font-size:1.18rem;letter-spacing:-.03em}
.studio-v14 .decision-card p{margin:0!important;color:#60655f!important}
.studio-v14 .checklist{margin:18px 0 34px;padding:0;list-style:none;display:grid;gap:8px}
.studio-v14 .checklist li{position:relative;padding:12px 14px 12px 42px;border:1px solid var(--studio-line-soft);border-radius:16px;background:rgba(251,250,247,.6)}
.studio-v14 .checklist li::before{content:"✓";position:absolute;left:14px;top:11px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:var(--studio-mint);color:var(--studio-forest);font-size:.72rem;font-weight:900}

/* Sources are deliberately calm and traceable */
.studio-v14 .sources-block{margin-top:48px;padding-top:26px;border-top:1px solid var(--studio-line)}
.studio-v14 .sources-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:14px}
.studio-v14 .sources-head h2{margin:0!important;font-size:1.3rem!important;letter-spacing:-.03em}
.studio-v14 .sources-head span{font-size:.72rem;color:#767a73}
.studio-v14 .source-list{display:grid;gap:8px}
.studio-v14 .source-link{display:flex;align-items:center;justify-content:space-between;gap:16px;text-decoration:none;padding:14px 15px;border:1px solid var(--studio-line-soft);border-radius:16px;background:rgba(255,255,255,.48);transition:.18s ease}
.studio-v14 .source-link:hover{background:#fff;border-color:rgba(18,63,55,.18);transform:translateY(-1px)}
.studio-v14 .source-link strong{font-size:.86rem;line-height:1.3}.studio-v14 .source-link span{font-size:.74rem;color:#737771;white-space:nowrap}
.studio-v14 .evidence-note{margin:12px 0 0;font-size:.74rem;color:#767a73;line-height:1.55}

/* Authority without shouting */
.studio-v14 .quality-rail{margin:28px 0 4px;display:flex;gap:8px;flex-wrap:wrap}
.studio-v14 .quality-rail span{font-size:.69rem;font-weight:700;color:#5f645e;border:1px solid var(--studio-line-soft);border-radius:999px;padding:6px 9px;background:rgba(251,250,247,.5)}
.studio-v14 .data-card{border:1px solid var(--studio-line-soft);border-radius:28px;padding:24px 25px;margin:24px 0;background:var(--studio-paper)}
.studio-v14 .data-card .data-kicker{font-size:.66rem;text-transform:uppercase;letter-spacing:.1em;font-weight:800;color:var(--studio-forest)}
.studio-v14 .data-card .data-number{display:block;font-size:clamp(2.2rem,5vw,4.3rem);font-weight:760;letter-spacing:-.07em;line-height:.95;margin:12px 0 9px}
.studio-v14 .data-card p{margin:0!important;color:#626760!important}
.studio-v14 .data-card small{display:block;margin-top:10px;color:#7b7e78;line-height:1.45}

/* Comparison tables: premium + accessible */
.studio-v14 .compare caption{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.studio-v14 .compare th[scope="row"]{font-weight:780;color:var(--studio-ink);background:rgba(251,250,247,.55)}
.studio-v14 .comparison-wrap:focus-within{outline:2px solid rgba(18,63,55,.22);outline-offset:2px}

/* New route cards */
.studio-v14 .route-more{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:22px 0 8px}
.studio-v14 .route-more a{display:flex;min-height:190px;flex-direction:column;justify-content:space-between;text-decoration:none;border:1px solid var(--studio-line-soft);border-radius:25px;padding:21px;background:var(--studio-paper);transition:.2s ease}
.studio-v14 .route-more a:hover{transform:translateY(-3px);box-shadow:0 18px 44px rgba(13,18,16,.07)}
.studio-v14 .route-more small{font-size:.67rem;text-transform:uppercase;letter-spacing:.1em;color:#737871}.studio-v14 .route-more strong{font-size:1.25rem;letter-spacing:-.035em}.studio-v14 .route-more span{font-size:.82rem;color:var(--studio-forest);font-weight:750}

/* Accessibility and mobile */
.studio-v14 .mobile-toggle{min-width:44px;min-height:44px;align-items:center;justify-content:center;border-radius:50%}
@media(max-width:900px){
  .studio-v14 .facts-grid{grid-template-columns:1fr 1fr}
  .studio-v14 .route-more{grid-template-columns:1fr 1fr}
  .studio-v14 .article-toc{width:100%}
}
@media(max-width:640px){
  .studio-v14 .facts-grid,.studio-v14 .decision-grid,.studio-v14 .route-more{grid-template-columns:1fr}
  .studio-v14 .quick-answer{padding:21px 19px;border-radius:23px}
  .studio-v14 .sources-head{display:block}.studio-v14 .sources-head span{display:block;margin-top:4px}
  .studio-v14 .source-link{align-items:flex-start}.studio-v14 .source-link span{white-space:normal;text-align:right}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.skip-link,.studio-v14 .source-link,.studio-v14 .route-more a{transition:none!important}}


/* v19: readable TOC + quieter evidence disclosure */
.studio-v14 .article-toc{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px 10px;
  overflow:visible;
  scrollbar-width:auto;
  padding:16px 0;
}
.studio-v14 .article-toc>strong{
  flex:0 0 100%;
  margin-bottom:2px;
}
.studio-v14 .article-toc a{
  flex:0 1 auto;
  white-space:normal;
  line-height:1.25;
  border:1px solid rgba(28,54,48,.09);
  background:rgba(255,255,255,.46);
}
.studio-v14 .article-toc a:hover{
  background:rgba(18,63,55,.08);
}
.studio-v14 .sources-collapsible{
  margin-top:48px;
  padding:0;
  border-top:1px solid var(--studio-line);
  border-bottom:1px solid var(--studio-line);
}
.studio-v14 .sources-collapsible>summary{
  list-style:none;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:18px 0;
  color:#333b36;
}
.studio-v14 .sources-collapsible>summary::-webkit-details-marker{display:none}
.studio-v14 .sources-collapsible>summary::after{
  content:'+';
  flex:0 0 auto;
  width:28px;height:28px;
  border:1px solid rgba(28,54,48,.13);
  border-radius:999px;
  display:grid;place-items:center;
  font-size:1rem;line-height:1;
  transition:transform .2s ease;
}
.studio-v14 .sources-collapsible[open]>summary::after{content:'−'}
.studio-v14 .sources-summary-title{
  font-size:.92rem;
  font-weight:760;
  letter-spacing:-.01em;
}
.studio-v14 .sources-summary-meta{
  margin-left:auto;
  font-size:.72rem;
  color:#767a73;
  font-weight:500;
}
.studio-v14 .sources-collapsible .source-list{
  padding:4px 0 12px;
}
.studio-v14 .sources-collapsible .evidence-note{
  margin:0 0 18px;
}
@media (max-width:720px){
  .studio-v14 .article-toc{gap:7px}
  .studio-v14 .article-toc a{font-size:.79rem;padding:7px 9px}
  .studio-v14 .sources-collapsible>summary{align-items:flex-start;flex-wrap:wrap;gap:5px 12px}
  .studio-v14 .sources-summary-meta{margin-left:0;flex:1 1 60%}
  .studio-v14 .sources-collapsible>summary::after{margin-left:auto;position:absolute;right:0}
  .studio-v14 .sources-collapsible>summary{position:relative;padding-right:40px}
}


/* =========================================================
   v20 MOBILE POLISH — based on full iPhone walkthrough
   Fixes mobile overlap, Safari skip-link ghosting, comparison
   discoverability, navigation ergonomics and small-text contrast.
   ========================================================= */

/* Robust skip link: fully hidden until keyboard focus.
   This avoids the partial "Zum Inhalt..." ghost seen on iOS Safari. */
.skip-link:not(:focus){
  position:absolute!important;
  width:1px!important;height:1px!important;
  padding:0!important;margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  clip-path:inset(50%)!important;
  white-space:nowrap!important;
  border:0!important;
  transform:none!important;
}
.skip-link:focus{
  position:fixed!important;
  left:16px!important;top:12px!important;
  width:auto!important;height:auto!important;
  margin:0!important;padding:10px 15px!important;
  overflow:visible!important;
  clip:auto!important;clip-path:none!important;
  white-space:normal!important;
  transform:none!important;
}

/* Mobile-only comparison cards. Desktop keeps the full semantic table. */
.mobile-compare-cards{display:none}
.mobile-provider-card{
  border:1px solid var(--studio-line-soft);
  border-radius:24px;
  background:var(--studio-paper);
  overflow:hidden;
}
.mobile-provider-head{
  padding:19px 20px 17px;
  background:#e9e7e0;
  border-bottom:1px solid var(--studio-line-soft);
}
.mobile-provider-head span{
  display:block;
  font-weight:800;
  font-size:1.08rem;
  letter-spacing:-.025em;
  color:var(--studio-ink);
}
.mobile-provider-head small{
  display:block;
  margin-top:3px;
  color:#62665f;
  font-size:.74rem;
  line-height:1.35;
}
.mobile-provider-card dl{margin:0}
.mobile-provider-card dl>div{
  display:grid;
  grid-template-columns:112px minmax(0,1fr);
  gap:13px;
  padding:15px 20px;
  border-bottom:1px solid var(--studio-line-soft);
}
.mobile-provider-card dt{
  font-size:.68rem;
  line-height:1.35;
  text-transform:uppercase;
  letter-spacing:.075em;
  font-weight:800;
  color:#535751;
}
.mobile-provider-card dd{
  min-width:0;
  margin:0;
  color:#313531;
  line-height:1.45;
}
.mobile-provider-card>a{
  display:flex;
  min-height:50px;
  align-items:center;
  justify-content:space-between;
  padding:13px 20px 15px;
  text-decoration:none;
  font-weight:800;
  color:var(--studio-forest);
}

/* Improve contrast of the bespoke dark career graphic. */
.studio-v14 .visual-topline{color:rgba(255,255,255,.74)}
.studio-v14 .career-node small{color:rgba(255,255,255,.72)}
.studio-v14 .visual-footer span{color:rgba(255,255,255,.70)}

@media(max-width:640px){
  /* The desktop announcement duplicates trust information and becomes
     tiny/dense on phones. Keep it on larger screens, remove it here. */
  .studio-v14 .announcement{display:none!important}

  /* The fixed Finder CTA obscured headings, copy, tables and the Finder
     itself on iOS. The hero + menu already provide persistent access. */
  .studio-v14 .mobile-sticky,.mobile-sticky{display:none!important}

  /* Less decorative noise and less dead space on small screens. */
  .studio-v14 main>section[data-section-index]::before{display:none!important}
  .studio-v14 main>section,.studio-v14 section{padding:68px 0}
  .studio-v14 .hero{padding:38px 0 64px}

  /* Keep the premium scale, but fit more useful copy above the fold. */
  .studio-v14 h1,.studio-v14 .hero h1{
    font-size:clamp(3.15rem,14.4vw,4.45rem);
    line-height:.90;
  }
  .studio-v14 .article h1{
    font-size:clamp(2.95rem,13.4vw,4.2rem);
    line-height:.91;
  }
  .studio-v14 .section-title{font-size:clamp(2.65rem,11.8vw,3.9rem)}
  .studio-v14 .article h2{font-size:2.25rem;line-height:.98}

  /* Mobile career navigator: preserve the graphic, but give the lower
     route its own lane above the footer so nothing collides. */
  .studio-v14 .career-visual{min-height:560px;border-radius:32px}
  .studio-v14 .career-canvas{inset:62px 10px 148px;min-height:0}
  .studio-v14 .career-lines{opacity:.52}
  .studio-v14 .career-center{top:46%;width:104px;height:104px}
  .studio-v14 .career-center small{font-size:.59rem}
  .studio-v14 .career-node{width:144px;padding:11px 12px;border-radius:16px}
  .studio-v14 .career-node strong{font-size:.79rem}
  .studio-v14 .career-node small{font-size:.64rem;line-height:1.3}
  .studio-v14 .node-a{left:0;top:5%}
  .studio-v14 .node-b{right:0;top:5%}
  .studio-v14 .node-c{left:50%;bottom:0;transform:translateX(-50%)}
  .studio-v14 .visual-footer{left:20px;right:20px;bottom:22px;align-items:center;padding-top:14px}
  .studio-v14 .visual-footer>div{max-width:calc(100% - 62px)}
  .studio-v14 .visual-footer strong{font-size:.79rem;line-height:1.25}
  .studio-v14 .visual-footer span{font-size:.66rem;line-height:1.35}
  .studio-v14 .visual-arrow{width:44px;height:44px;flex:0 0 44px}

  /* Trust labels were below comfortable phone reading size. */
  .studio-v14 .trust-item strong{font-size:.74rem;line-height:1.25}
  .studio-v14 .trust-item span{font-size:.72rem;line-height:1.3}

  /* Tables were technically swipeable, but looked truncated. On phone
     show explicit provider/route cards instead; desktop tables remain. */
  .studio-v14 .comparison-wrap.has-mobile-alt{display:none}
  .mobile-compare-cards{display:grid;gap:12px;margin:0 0 16px}
  .mobile-provider-card dl>div{grid-template-columns:104px minmax(0,1fr)}

  /* More compact article navigation without clipped labels. */
  .studio-v14 .article-toc{
    gap:6px;
    margin-top:18px;
    padding:13px 0;
  }
  .studio-v14 .article-toc a{
    width:100%;
    padding:10px 12px;
    border-radius:14px;
    font-size:.80rem;
    line-height:1.3;
  }

  /* Footer links get phone-sized tap rhythm. */
  .studio-v14 .footer{padding:58px 0 calc(78px + env(safe-area-inset-bottom))}
  .studio-v14 .footer a{display:inline-block;padding:3px 0}
  .studio-v14 .footer-grid{gap:34px}

  /* iOS browser chrome can make bottom spacing feel cramped. */
  .studio-v14 .related-section:last-child{padding-bottom:72px}
}
@media(max-width:380px){
  .mobile-provider-card dl>div{grid-template-columns:1fr;gap:5px}
  .studio-v14 .career-node{width:136px}
  .studio-v14 .brand{font-size:.82rem}
}

/* v21: micro-fix for the mobile career navigator center node.
   The ZFA circle should sit optically centered between the three route cards,
   and the inner label must remain comfortably inside the circle. */
@media(max-width:640px){
  .studio-v14 .career-canvas{inset:62px 10px 150px;min-height:0}
  .studio-v14 .career-center{
    top:44.5%;
    width:112px;
    height:112px;
    padding-top:2px;
    gap:4px;
    z-index:2;
  }
  .studio-v14 .career-center>span{
    font-size:.92rem;
    line-height:1;
    margin-top:0;
  }
  .studio-v14 .career-center small{
    display:block;
    max-width:84px;
    text-align:center;
    font-size:.58rem;
    line-height:1.15;
  }
  .studio-v14 .node-c{bottom:16px}
}

/* v23 — ZFA Karriereatlas */
.atlas-page .atlas-hero{padding-bottom:42px}
.atlas-map-section{padding:18px 0 74px}
.atlas-map{position:relative;min-height:760px;border-radius:42px;overflow:hidden;background:linear-gradient(145deg,#10282a 0%,#173f3d 54%,#0f2527 100%);box-shadow:0 34px 90px rgba(12,30,31,.16);isolation:isolate}
.atlas-map::before,.atlas-map::after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.09);left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none}.atlas-map::before{width:430px;height:430px}.atlas-map::after{width:610px;height:610px}
.atlas-origin{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:172px;height:172px;border-radius:50%;background:#d8f5e8;color:#113c35;display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:4;box-shadow:0 28px 80px rgba(0,0,0,.25);text-align:center}.atlas-origin strong{font-size:1.45rem;line-height:1}.atlas-origin small{font-size:.73rem;margin-top:6px;opacity:.72}.atlas-tooth svg{width:44px;height:44px;margin-bottom:6px}
.atlas-branch{position:absolute;top:48px;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;font-weight:800;color:#b9e2d3}.atlas-branch.clinical{left:72px}.atlas-branch.management{right:72px}
.atlas-node{position:absolute;width:250px;min-height:126px;padding:20px 22px;border-radius:24px;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.075);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);color:#fff;text-decoration:none;z-index:3;transition:.22s transform,.22s background,.22s border-color}.atlas-node:hover{transform:translateY(-4px);background:rgba(255,255,255,.11);border-color:rgba(255,255,255,.24)}.atlas-node small{display:block;color:#a9d9c8;font-size:.67rem;letter-spacing:.08em;text-transform:uppercase;margin-bottom:7px}.atlas-node strong{display:block;font-size:1.35rem;letter-spacing:-.04em}.atlas-node span{display:block;color:rgba(255,255,255,.66);font-size:.82rem;line-height:1.35;margin-top:5px}
.atlas-node.n1{left:58px;top:120px}.atlas-node.n2{left:58px;top:318px}.atlas-node.n3{left:58px;bottom:78px}.atlas-node.n4{right:58px;top:120px}.atlas-node.n5{right:58px;top:318px}.atlas-node.n6{right:58px;bottom:78px}
.atlas-table-wrap{overflow-x:auto;border:1px solid var(--studio-line-soft);border-radius:24px;background:#fff;margin:20px 0 34px}.atlas-table{width:100%;border-collapse:collapse;min-width:760px}.atlas-table th,.atlas-table td{padding:18px 20px;text-align:left;border-bottom:1px solid var(--studio-line-soft);vertical-align:top}.atlas-table th{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:#6c706b;background:#f7f7f4}.atlas-table tr:last-child td{border-bottom:0}.atlas-table a{text-decoration:none;color:var(--studio-forest)}
.atlas-callout,.atlas-inline-cta{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:32px 34px;border-radius:30px;background:#f3f4ef;border:1px solid var(--studio-line-soft);margin:34px 0}.atlas-callout h3,.atlas-inline-cta h2{margin:3px 0 8px;letter-spacing:-.04em}.atlas-callout p,.atlas-inline-cta p{margin:0;max-width:700px;color:#656a65}.atlas-decision{margin-top:18px}
@media(max-width:900px){.atlas-map{min-height:980px}.atlas-origin{top:50%;width:150px;height:150px}.atlas-node{width:220px}.atlas-node.n1,.atlas-node.n2,.atlas-node.n3{left:28px}.atlas-node.n4,.atlas-node.n5,.atlas-node.n6{right:28px}.atlas-branch.clinical{left:36px}.atlas-branch.management{right:36px}}
@media(max-width:640px){.atlas-map-section{padding-top:8px}.atlas-map{min-height:1110px;border-radius:32px}.atlas-map::before{width:300px;height:300px}.atlas-map::after{width:440px;height:440px}.atlas-origin{top:50%;width:132px;height:132px}.atlas-origin strong{font-size:1.2rem}.atlas-origin small{font-size:.66rem}.atlas-tooth svg{width:36px;height:36px}.atlas-branch{top:26px;font-size:.6rem}.atlas-branch.clinical{left:18px}.atlas-branch.management{right:18px}.atlas-node{width:calc(50% - 26px);min-height:126px;padding:16px 15px;border-radius:19px}.atlas-node strong{font-size:1.05rem}.atlas-node span{font-size:.72rem}.atlas-node small{font-size:.58rem}.atlas-node.n1{left:14px;top:78px}.atlas-node.n4{right:14px;top:78px}.atlas-node.n2{left:14px;top:270px}.atlas-node.n5{right:14px;top:270px}.atlas-node.n3{left:14px;bottom:84px}.atlas-node.n6{right:14px;bottom:84px}.atlas-callout,.atlas-inline-cta{display:block;padding:26px 22px}.atlas-callout .btn,.atlas-inline-cta .btn{margin-top:18px;width:100%;text-align:center}.atlas-table-wrap{border-radius:18px}.atlas-table{min-width:680px}}


/* =========================================================
   v24 NAVIGATION & CONVERSION ARCHITECTURE
   Calm top bar, scalable mega menu, high-intent paths first.
   ========================================================= */
.studio-v14 .header-inner{overflow:visible}
.studio-v14 .nav-v24{gap:5px;align-items:center;overflow:visible}
.studio-v14 .nav-v24>.nav-link,
.studio-v14 .nav-trigger{
  appearance:none;border:0;background:transparent;color:#383b38;
  font:inherit;font-size:.82rem;font-weight:650;line-height:1;
  padding:10px 10px;border-radius:999px;cursor:pointer;text-decoration:none;
  display:inline-flex;align-items:center;gap:5px;transition:background .18s ease,color .18s ease;
}
.studio-v14 .nav-trigger span{font-size:.72rem;opacity:.55;transition:transform .18s ease}
.studio-v14 .nav-v24>.nav-link:hover,.studio-v14 .nav-trigger:hover{background:rgba(20,63,55,.055);color:var(--studio-forest)}
.studio-v14 .nav-group{position:relative}
.studio-v14 .nav-group.is-current>.nav-trigger,
.studio-v14 .nav-v24>.nav-link.is-current{background:rgba(20,63,55,.08);color:var(--studio-forest)}
.studio-v14 .nav-group.is-current>.nav-trigger::before,
.studio-v14 .nav-v24>.nav-link.is-current::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--studio-forest);margin-right:1px}
.studio-v14 .mega-menu{
  position:absolute;top:calc(100% + 14px);left:50%;transform:translate(-50%,8px);
  width:min(860px,calc(100vw - 42px));padding:10px;opacity:0;visibility:hidden;pointer-events:none;
  background:rgba(252,251,248,.98);border:1px solid rgba(15,45,39,.09);border-radius:27px;
  box-shadow:0 34px 90px rgba(17,29,25,.15);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);
  transition:opacity .16s ease,transform .18s ease,visibility .16s ease;z-index:80
}
.studio-v14 .nav-group:hover>.mega-menu,
.studio-v14 .nav-group:focus-within>.mega-menu,
.studio-v14 .nav-group.open>.mega-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}
.studio-v14 .nav-group:hover>.nav-trigger span,.studio-v14 .nav-group.open>.nav-trigger span{transform:rotate(180deg)}
.studio-v14 .mega-menu-inner{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:8px}
.studio-v14 .mega-menu-inner>div{min-width:0;padding:20px;border-radius:20px}
.studio-v14 .mega-lead{background:var(--studio-forest);color:#fff;display:flex;flex-direction:column}
.studio-v14 .mega-kicker{display:block;margin-bottom:12px;font-size:.62rem;line-height:1;text-transform:uppercase;letter-spacing:.12em;font-weight:800;color:#768079}
.studio-v14 .mega-lead .mega-kicker{color:rgba(211,244,228,.72)}
.studio-v14 .mega-lead>strong{font-size:1.35rem;line-height:1.03;letter-spacing:-.035em;max-width:250px}
.studio-v14 .mega-lead>p{font-size:.78rem;line-height:1.45;color:rgba(255,255,255,.66);margin:10px 0 20px;max-width:280px}
.studio-v14 .mega-feature{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 13px;border-radius:14px;background:rgba(255,255,255,.1);color:#fff!important;text-decoration:none;font-size:.76rem;font-weight:800}
.studio-v14 .mega-feature:hover{background:rgba(255,255,255,.15)}
.studio-v14 .mega-col{display:flex;flex-direction:column;gap:4px}
.studio-v14 .mega-col>a,.studio-v14 .mega-static{display:block;padding:10px 11px;border-radius:13px;text-decoration:none;color:var(--studio-ink);transition:background .16s ease}
.studio-v14 .mega-col>a:hover{background:rgba(20,63,55,.055)}
.studio-v14 .mega-col strong,.studio-v14 .mega-static strong{display:block;font-size:.81rem;line-height:1.2;letter-spacing:-.015em}
.studio-v14 .mega-col small,.studio-v14 .mega-static small{display:block;margin-top:3px;font-size:.66rem;line-height:1.28;color:#7c807a}
.studio-v14 .mega-static{opacity:.48}
.studio-v14 .mega-menu-compact{width:min(800px,calc(100vw - 42px))}
.studio-v14 .footer-grid-v24{grid-template-columns:1.55fr 1fr 1fr 1fr}

@media(max-width:940px){
  .studio-v14 .nav-v24{gap:1px}.studio-v14 .nav-v24>.nav-link,.studio-v14 .nav-trigger{font-size:.77rem;padding:9px 7px}
}
@media(max-width:760px){
  .studio-v14 .nav-v24{
    position:absolute;left:14px;right:14px;top:calc(100% + 8px);display:none;flex-direction:column;align-items:stretch;
    max-height:calc(100vh - 92px);overflow:auto;padding:10px;background:rgba(252,251,248,.99);border:1px solid rgba(15,45,39,.09);
    border-radius:24px;box-shadow:0 28px 80px rgba(17,29,25,.16);-webkit-overflow-scrolling:touch
  }
  .studio-v14 .nav-v24.open{display:flex}
  .studio-v14 .nav-v24>.nav-link,.studio-v14 .nav-trigger{width:100%;justify-content:space-between;padding:14px 15px;border-radius:15px;font-size:.91rem;text-align:left}
  .studio-v14 .nav-v24>.nav-link.is-current,.studio-v14 .nav-group.is-current>.nav-trigger{background:rgba(20,63,55,.07)}
  .studio-v14 .nav-group{width:100%}
  .studio-v14 .mega-menu,.studio-v14 .mega-menu-compact{
    position:static;width:auto;transform:none!important;opacity:1;visibility:visible;pointer-events:auto;display:none;
    margin:0 4px 8px;padding:6px;background:#f6f4ef;border:0;border-radius:18px;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none
  }
  .studio-v14 .nav-group.open>.mega-menu{display:block}
  .studio-v14 .nav-group:hover>.mega-menu:not(.x),.studio-v14 .nav-group:focus-within>.mega-menu:not(.x){display:none}
  .studio-v14 .nav-group.open>.mega-menu{display:block}
  .studio-v14 .mega-menu-inner{grid-template-columns:1fr;gap:2px}
  .studio-v14 .mega-menu-inner>div{padding:13px}
  .studio-v14 .mega-lead{background:var(--studio-forest)}
  .studio-v14 .mega-lead>strong{font-size:1.08rem}.studio-v14 .mega-lead>p{margin:7px 0 12px}
  .studio-v14 .mega-feature{margin-top:0}
  .studio-v14 .mega-col{gap:1px}.studio-v14 .mega-col>a,.studio-v14 .mega-static{padding:9px 8px}
  .studio-v14 .nav-v24>.nav-cta{margin-top:2px;text-align:center;justify-content:center;padding:14px 16px}
  .studio-v14 .footer-grid-v24{grid-template-columns:1fr 1fr}
}
@media(max-width:520px){.studio-v14 .footer-grid-v24{grid-template-columns:1fr}}

/* =========================================================
   v25 DESKTOP MEGA-MENU INTERACTION FIX
   Keep the dropdown reachable while the pointer crosses the
   intentional visual gap between top navigation and panel.
   ========================================================= */
@media(min-width:761px){
  .studio-v14 .nav-group::after{
    content:"";
    position:absolute;
    left:-10px;
    right:-10px;
    top:100%;
    height:18px;
    background:transparent;
    pointer-events:auto;
  }
  .studio-v14 .mega-menu{
    top:calc(100% + 10px);
  }
  .studio-v14 .nav-group.open>.mega-menu{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:translate(-50%,0);
  }
}

/* v26 — Karriereatlas: DH and Bachelor Professional are separate routes. */
.atlas-map{min-height:900px}
.atlas-origin{top:47%}
.atlas-node.n3{left:58px;bottom:76px}
.atlas-node.n6{right:58px;bottom:76px}
.atlas-node.n7{left:50%;bottom:76px;transform:translateX(-50%)}
.atlas-node.n7:hover{transform:translateX(-50%) translateY(-4px)}
@media(max-width:900px){
  .atlas-map{min-height:1080px}
  .atlas-origin{top:50%}
  .atlas-node.n7{left:50%;right:auto;bottom:54px;transform:translateX(-50%)}
}
@media(max-width:640px){
  .atlas-map{min-height:1180px}
  .atlas-origin{top:58%}
  .atlas-node.n3{left:14px;top:462px;bottom:auto}
  .atlas-node.n6{right:14px;top:462px;bottom:auto}
  .atlas-node.n7{left:50%;top:842px;bottom:auto;width:calc(100% - 56px);transform:translateX(-50%);text-align:center}
  .atlas-node.n7:hover{transform:translateX(-50%)}
}


/* =========================================================
   v27 REVENUE-FIRST INFORMATION ARCHITECTURE
   Direct hub navigation: no mega-menu, no dead future items.
   ========================================================= */
.studio-v14 .nav-v27{display:flex;align-items:center;gap:3px}
.studio-v14 .nav-v27>.nav-link{position:relative;padding:10px 11px;border-radius:999px;color:var(--studio-ink);font-size:.79rem;font-weight:760;text-decoration:none;white-space:nowrap;transition:background .16s ease,color .16s ease}
.studio-v14 .nav-v27>.nav-link:hover{background:rgba(20,63,55,.055);color:var(--studio-forest)}
.studio-v14 .nav-v27>.nav-link.is-current{background:rgba(20,63,55,.08);color:var(--studio-forest)}
.studio-v14 .nav-v27>.nav-link.is-current::after{content:"";position:absolute;left:18px;right:18px;bottom:4px;height:2px;border-radius:2px;background:var(--studio-forest)}
.studio-v14 .nav-v27>.nav-money{font-weight:840}
.studio-v14 .nav-v27>.nav-money::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#4e9c7a;margin-right:7px;vertical-align:1px}
.studio-v14 .footer-grid-v27{grid-template-columns:1.5fr 1fr 1fr 1fr}
.conversion-next{padding:0 0 54px}
.conversion-next-inner{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:28px 30px;border:1px solid rgba(17,48,42,.09);border-radius:26px;background:#f6f4ef}
.conversion-next-inner>div:first-child{max-width:650px}.conversion-next-inner>div>span{display:block;margin-bottom:8px;font-size:.66rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase;color:#668078}
.conversion-next h2{margin:0 0 7px!important;font-size:clamp(1.45rem,2.3vw,2.15rem)!important;line-height:1.02!important}.conversion-next p{margin:0;color:#666b65}
.conversion-next-inline{padding:48px 0 0}.conversion-next-inline .conversion-next-inner{padding:30px}
.compare-hub-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:34px 0 18px}.compare-hub-card{display:flex;min-height:275px;flex-direction:column;justify-content:flex-end;padding:30px;border:1px solid rgba(17,48,42,.09);border-radius:28px;background:#fff;color:var(--studio-ink);text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.compare-hub-card:hover{transform:translateY(-3px);box-shadow:0 22px 60px rgba(11,24,20,.08)}.compare-hub-card>span{margin-bottom:auto;font-size:.66rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase;color:#688178}.compare-hub-card h2{margin:24px 0 9px!important;font-size:clamp(1.9rem,3vw,2.75rem)!important}.compare-hub-card p{color:#696d68}.compare-hub-card b{margin-top:18px;color:var(--studio-forest)}.compare-hub-card-primary{background:var(--studio-forest);color:#fff;border-color:var(--studio-forest)}.compare-hub-card-primary>span,.compare-hub-card-primary p{color:rgba(255,255,255,.7)}.compare-hub-card-primary b{color:var(--studio-mint)}
.compare-hub-secondary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:0 0 28px}.compact-partner{margin:34px 0}.hub-gap{margin-top:58px}.money-card{border-color:rgba(20,63,55,.2)!important;background:#f6f8f5!important}
@media(max-width:980px){.studio-v14 .nav-v27{gap:0}.studio-v14 .nav-v27>.nav-link{font-size:.73rem;padding:9px 7px}.studio-v14 .footer-grid-v27{grid-template-columns:1fr 1fr}.compare-hub-secondary{grid-template-columns:1fr}}
@media(max-width:760px){
 .studio-v14 .nav-v27{position:absolute;left:14px;right:14px;top:calc(100% + 8px);display:none;flex-direction:column;align-items:stretch;max-height:calc(100vh - 92px);overflow:auto;padding:10px;background:rgba(252,251,248,.99);border:1px solid rgba(15,45,39,.09);border-radius:24px;box-shadow:0 28px 80px rgba(17,29,25,.16);-webkit-overflow-scrolling:touch}
 .studio-v14 .nav-v27.open{display:flex}.studio-v14 .nav-v27>.nav-link,.studio-v14 .nav-v27>.nav-cta{width:100%;padding:14px 15px;border-radius:15px;font-size:.91rem;text-align:left;justify-content:flex-start}.studio-v14 .nav-v27>.nav-link.is-current::after{display:none}.studio-v14 .nav-v27>.nav-link.is-current{background:rgba(20,63,55,.07)}.studio-v14 .nav-v27>.nav-cta{text-align:center;justify-content:center;margin-top:3px}
 .conversion-next{padding-bottom:42px}.conversion-next-inner{align-items:flex-start;flex-direction:column;padding:23px 22px}.conversion-next-inner>.btn{width:100%;text-align:center}.compare-hub-grid{grid-template-columns:1fr}.compare-hub-card{min-height:240px;padding:25px}.compare-hub-secondary{grid-template-columns:1fr}.studio-v14 .footer-grid-v27{grid-template-columns:1fr 1fr}
}
@media(max-width:520px){.studio-v14 .footer-grid-v27{grid-template-columns:1fr}}


/* v28 final revenue/UX polish */
.studio-v14 .nav-v27>.nav-link[aria-current="page"]{
  background:rgba(20,63,55,.085);
  color:var(--studio-forest);
}
.studio-v14 .nav-v27>.nav-link[aria-current="page"]::after{
  content:"";position:absolute;left:18px;right:18px;bottom:4px;height:2px;border-radius:2px;background:var(--studio-forest)
}
.result-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.result-actions .btn{margin:0}
.finder-restart{margin-top:15px;border:0;background:transparent;color:var(--studio-muted);font:inherit;font-size:.78rem;font-weight:760;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.finder-restart:hover{color:var(--studio-forest)}
@media(max-width:760px){
  .studio-v14 .nav-v27>.nav-link[aria-current="page"]::after{display:none}
  .result-actions{display:grid;grid-template-columns:1fr;gap:8px}
  .result-actions .btn{width:100%;justify-content:center;text-align:center}
}

/* v28 mobile hardening: long German compound words and decorative elements
   must never create page-level horizontal scrolling. */
@media(max-width:760px){
  html,body{max-width:100%;overflow-x:hidden}
  .studio-v14 .article-hero,
  .studio-v14 .article-hero .narrow,
  .studio-v14 .article .narrow{min-width:0;max-width:100%}
  .studio-v14 .article h1{
    max-width:100%;
    -webkit-hyphens:auto;
    hyphens:auto;
    overflow-wrap:break-word;
    word-break:normal;
  }
  .atlas-table-wrap{max-width:100%;overscroll-behavior-inline:contain}
}

/* =========================================================
   v29 FINAL VISUAL HARMONISATION
   Cleaner active navigation + cohesive high-intent cards.
   ========================================================= */
/* Revenue intent should be signalled by hierarchy, not by a decorative dot. */
.studio-v14 .nav-v27>.nav-money::before{
  content:none!important;
  display:none!important;
}

/* Keep the active tab calm and premium: tint + underline only. */
.studio-v14 .nav-v27>.nav-link.is-current,
.studio-v14 .nav-v27>.nav-link[aria-current="page"]{
  background:rgba(20,63,55,.065);
}

/* Provider hub: one visual family. The primary route is accented with a
   restrained mint tint rather than a near-black block. */
.compare-hub-card{
  background:linear-gradient(180deg,#fbfaf6 0%,#f5f5f1 100%);
  border-color:rgba(17,48,42,.10);
  box-shadow:0 14px 42px rgba(11,24,20,.035);
}
.compare-hub-card-primary{
  background:linear-gradient(145deg,#e1f1e9 0%,#cfe7dd 100%);
  color:var(--studio-ink);
  border-color:rgba(20,63,55,.16);
  box-shadow:0 18px 48px rgba(20,63,55,.075);
}
.compare-hub-card-primary>span{
  color:#537267;
}
.compare-hub-card-primary p{
  color:#5f6c66;
}
.compare-hub-card-primary b{
  color:var(--studio-forest);
}
.compare-hub-card:hover{
  border-color:rgba(20,63,55,.18);
  box-shadow:0 22px 58px rgba(11,24,20,.07);
}
.compare-hub-card-primary:hover{
  box-shadow:0 24px 62px rgba(20,63,55,.11);
}


/* v30: scalable revenue hub + ZMP comparison */
.compare-hub-grid-3{grid-template-columns:repeat(3,minmax(0,1fr));}
.compare-hub-grid-3 .compare-hub-card{background:linear-gradient(145deg,#edf6f1 0%,#e2efe8 100%);border-color:rgba(20,63,55,.13);}
.compare-hub-grid-3 .compare-hub-card:nth-child(1),
.compare-hub-grid-3 .compare-hub-card:nth-child(2),
.compare-hub-grid-3 .compare-hub-card:nth-child(3){background:linear-gradient(145deg,#edf6f1 0%,#e2efe8 100%);border-color:rgba(20,63,55,.13);}
.conversion-dual{display:flex;gap:10px;flex-wrap:wrap}.conversion-dual .btn{min-width:170px;text-align:center}
@media(max-width:1100px){.compare-hub-grid-3{grid-template-columns:1fr 1fr}.compare-hub-grid-3 .compare-hub-card:last-child{grid-column:1/-1}}
@media(max-width:700px){.compare-hub-grid-3{grid-template-columns:1fr}.compare-hub-grid-3 .compare-hub-card:last-child{grid-column:auto}.conversion-dual{width:100%;flex-direction:column}.conversion-dual .btn{width:100%}}


/* v31 — B2B cooperation page, deliberately light and conversion-focused */
.studio-v14 .coop-hero-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:30px}.studio-v14 .coop-text-link{font-size:.86rem;font-weight:760;color:var(--studio-forest);text-decoration:none;border-bottom:1px solid rgba(18,63,55,.22);padding-bottom:2px}.studio-v14 .coop-text-link:hover{border-color:var(--studio-forest)}
.studio-v14 .coop-principles{display:grid;grid-template-columns:1fr auto;gap:32px;align-items:center;margin:46px 0;padding:32px 34px;border:1px solid rgba(18,63,55,.12);border-radius:30px;background:linear-gradient(135deg,#edf6f1 0%,#f7f7f2 100%)}.studio-v14 .coop-principles h2{margin:6px 0 10px!important}.studio-v14 .coop-principles p{margin:0!important;max-width:720px}.studio-v14 .btn-soft{background:#fff!important;color:var(--studio-forest)!important;border:1px solid rgba(18,63,55,.14)!important;box-shadow:none!important;white-space:nowrap}
.studio-v14 .coop-contact{display:grid;grid-template-columns:1fr auto;gap:34px;align-items:center;margin:56px 0 14px;padding:38px 40px;border-radius:34px;background:linear-gradient(145deg,#e9f5ef 0%,#f6f7f3 60%,#edf4f1 100%);border:1px solid rgba(18,63,55,.11)}.studio-v14 .coop-contact h2{margin:7px 0 10px!important}.studio-v14 .coop-contact p{margin:0!important;max-width:740px}.studio-v14 .coop-contact-action{display:flex;min-width:260px;flex-direction:column;align-items:stretch;gap:8px}.studio-v14 .coop-contact-action .btn{text-align:center}.studio-v14 .coop-contact-action small{text-align:center;color:#727872}.studio-v14 .coop-page .decision-card strong,.studio-v14 .coop-page .checklist strong{color:var(--studio-ink)}
@media(max-width:760px){.studio-v14 .coop-principles,.studio-v14 .coop-contact{grid-template-columns:1fr;padding:25px 22px;border-radius:26px}.studio-v14 .coop-principles .btn,.studio-v14 .coop-contact-action,.studio-v14 .coop-contact-action .btn{width:100%}.studio-v14 .coop-hero-actions{align-items:stretch;flex-direction:column}.studio-v14 .coop-hero-actions .btn{text-align:center}.studio-v14 .coop-text-link{text-align:center;align-self:center}}

/* =========================================================
   v32 MOBILE MENU FIX
   Solid drawer + backdrop, reliable close state, no page bleed-through.
   ========================================================= */
.mobile-nav-backdrop{display:none}
@media(max-width:760px){
  body.mobile-menu-open{overflow:hidden;touch-action:none}
  .mobile-nav-backdrop{
    display:block;position:fixed;inset:0;z-index:45;border:0;padding:0;
    background:rgba(13,26,22,.28);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);
    cursor:default;
  }
  .mobile-nav-backdrop[hidden]{display:none!important}
  .studio-v14 .nav-v27.mobile-drawer{
    position:fixed!important;z-index:1000!important;
    top:var(--mobile-nav-top,76px)!important;left:14px!important;right:14px!important;
    display:none!important;flex-direction:column;align-items:stretch;gap:4px;
    width:auto!important;max-height:calc(100dvh - var(--mobile-nav-top,76px) - 14px)!important;
    overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;
    padding:10px!important;margin:0!important;
    background:#fbfaf7!important;border:1px solid rgba(15,45,39,.10)!important;
    border-radius:22px!important;box-shadow:0 24px 70px rgba(11,24,20,.22)!important;
  }
  .studio-v14 .nav-v27.mobile-drawer.open{display:flex!important}
  .studio-v14 .nav-v27.mobile-drawer>.nav-link,
  .studio-v14 .nav-v27.mobile-drawer>.nav-cta{
    flex:0 0 auto;width:100%;min-height:48px;padding:14px 15px!important;
    border-radius:14px;font-size:.94rem;line-height:1.2;text-align:left;justify-content:flex-start;
  }
  .studio-v14 .nav-v27.mobile-drawer>.nav-cta{justify-content:center;text-align:center;margin-top:4px}
  .studio-v14 .mobile-toggle{position:relative;z-index:1001;display:inline-flex!important}
}


/* =========================================================
   v33 RESPONSIVE FINAL FIX
   Keep the navigation breakpoint consistent with the hamburger
   and prevent comparison cards / long German labels overflowing.
   ========================================================= */
@media(max-width:900px){
  /* v27 has higher specificity than the old generic .nav rule,
     therefore it must explicitly be hidden until JS adds .open. */
  .studio-v14 .nav-v27{
    display:none!important;
    position:absolute;
    left:14px;
    right:14px;
    top:calc(100% + 8px);
    flex-direction:column;
    align-items:stretch;
    max-height:calc(100vh - 92px);
    overflow:auto;
    padding:10px;
  }
  .studio-v14 .nav-v27.open{display:flex!important}

  body.mobile-menu-open{overflow:hidden;touch-action:none}
  .mobile-nav-backdrop{
    display:block;position:fixed;inset:0;z-index:45;border:0;padding:0;
    background:rgba(13,26,22,.28);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);
    cursor:default;
  }
  .mobile-nav-backdrop[hidden]{display:none!important}
  .studio-v14 .nav-v27.mobile-drawer{
    position:fixed!important;z-index:1000!important;
    top:var(--mobile-nav-top,76px)!important;left:14px!important;right:14px!important;
    display:none!important;flex-direction:column;align-items:stretch;gap:4px;
    width:auto!important;max-width:none!important;
    max-height:calc(100dvh - var(--mobile-nav-top,76px) - 14px)!important;
    overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;
    padding:10px!important;margin:0!important;
    background:#fbfaf7!important;border:1px solid rgba(15,45,39,.10)!important;
    border-radius:22px!important;box-shadow:0 24px 70px rgba(11,24,20,.22)!important;
  }
  .studio-v14 .nav-v27.mobile-drawer.open{display:flex!important}
  .studio-v14 .nav-v27.mobile-drawer>.nav-link,
  .studio-v14 .nav-v27.mobile-drawer>.nav-cta{
    flex:0 0 auto;width:100%;min-width:0;min-height:48px;
    padding:14px 15px!important;border-radius:14px;font-size:.94rem;
    line-height:1.2;text-align:left;justify-content:flex-start;white-space:normal;
  }
  .studio-v14 .nav-v27.mobile-drawer>.nav-cta{
    justify-content:center;text-align:center;margin-top:4px
  }
  .studio-v14 .mobile-toggle{position:relative;z-index:1001;display:inline-flex!important}
}

/* Comparison hub: grid children and headings may shrink and wrap. */
.compare-hub-grid,
.compare-hub-grid-3,
.compare-hub-card{min-width:0;max-width:100%}
.compare-hub-card>*{min-width:0;max-width:100%}
.compare-hub-card h2{
  overflow-wrap:anywhere;
  word-break:normal;
  hyphens:auto;
}
@media(max-width:1100px){
  .compare-hub-grid-3 .compare-hub-card h2{
    font-size:clamp(1.65rem,3.3vw,2.25rem)!important;
    line-height:1.02!important;
    letter-spacing:-.045em;
  }
}
@media(max-width:820px){
  .compare-hub-grid-3{grid-template-columns:1fr!important}
  .compare-hub-grid-3 .compare-hub-card:last-child{grid-column:auto!important}
}
@media(max-width:520px){
  .compare-hub-card{padding:23px;min-height:225px}
  .compare-hub-card h2{
    font-size:clamp(1.55rem,8.5vw,2rem)!important;
    overflow-wrap:break-word;
  }
}


/* =========================================================
   v34 AUTHORITATIVE RESPONSIVE FIX
   Cache-independent asset filename + one breakpoint for header/nav.
   ========================================================= */
html,body{max-width:100%;overflow-x:clip}
@supports not (overflow:clip){html,body{overflow-x:hidden}}

/* Every potentially shrinking grid/flex child is allowed to get narrower. */
.studio-v14 .wrap,.studio-v14 .narrow,
.studio-v14 .header-inner,.studio-v14 main,.studio-v14 section,
.studio-v14 .compare-hub-grid,.studio-v14 .compare-hub-grid-3,
.studio-v14 .compare-hub-card,.studio-v14 .compare-hub-card>*,
.studio-v14 .compare-hub-secondary,.studio-v14 .link-card,
.studio-v14 .partner-card,.studio-v14 .partner-card>*,
.studio-v14 .conversion-next-inner,.studio-v14 .conversion-next-inner>*{min-width:0;max-width:100%}

.studio-v14 .compare-hub-card h2,
.studio-v14 .link-card strong,
.studio-v14 .article h1,
.studio-v14 .article h2{
  max-width:100%;
  overflow-wrap:anywhere;
  word-break:normal;
  -webkit-hyphens:auto;
  hyphens:auto;
}

/* Desktop is explicit. */
@media(min-width:901px){
  body.studio-v14 #primary-navigation{display:flex!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}
  body.studio-v14 .mobile-toggle{display:none!important}
}

/* Tablet / narrow-window navigation: CLOSED is the default state. */
@media(max-width:900px){
  body.studio-v14 .header-inner{position:relative}
  body.studio-v14 .mobile-toggle{
    display:inline-flex!important;align-items:center;justify-content:center;
    position:relative;z-index:1001;flex:0 0 44px;width:44px;height:44px
  }
  body.studio-v14 #primary-navigation,
  body.studio-v14 #primary-navigation:not(.open){
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
  }
  body.studio-v14 #primary-navigation.open{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
  }
  body.studio-v14 #primary-navigation.mobile-drawer{
    position:fixed!important;
    z-index:1000!important;
    top:var(--mobile-nav-top,76px)!important;
    left:14px!important;right:14px!important;
    width:auto!important;max-width:none!important;
    flex-direction:column!important;align-items:stretch!important;gap:4px!important;
    max-height:calc(100dvh - var(--mobile-nav-top,76px) - 14px)!important;
    overflow:auto!important;overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
    padding:10px!important;margin:0!important;
    background:#fbfaf7!important;
    border:1px solid rgba(15,45,39,.10)!important;
    border-radius:22px!important;
    box-shadow:0 24px 70px rgba(11,24,20,.22)!important;
  }
  body.studio-v14 #primary-navigation.mobile-drawer.open{display:flex!important}
  body.studio-v14 #primary-navigation.mobile-drawer>.nav-link,
  body.studio-v14 #primary-navigation.mobile-drawer>.nav-cta{
    width:100%!important;min-width:0!important;min-height:48px!important;
    padding:14px 15px!important;border-radius:14px!important;
    font-size:.94rem!important;line-height:1.2!important;
    text-align:left!important;justify-content:flex-start!important;
    white-space:normal!important
  }
  body.studio-v14 #primary-navigation.mobile-drawer>.nav-cta{
    justify-content:center!important;text-align:center!important;margin-top:4px!important
  }
  body.mobile-menu-open{overflow:hidden!important;touch-action:none}
  .mobile-nav-backdrop{
    display:block;position:fixed;inset:0;z-index:45;border:0;padding:0;
    background:rgba(13,26,22,.28);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)
  }
  .mobile-nav-backdrop[hidden]{display:none!important}

  /* One column before cards become cramped. */
  .studio-v14 .compare-hub-grid-3{grid-template-columns:1fr!important}
  .studio-v14 .compare-hub-grid-3 .compare-hub-card:last-child{grid-column:auto!important}
  .studio-v14 .compare-hub-card{width:100%!important;min-height:225px!important;padding:25px!important}
  .studio-v14 .compare-hub-card h2{
    font-size:clamp(1.75rem,5.2vw,2.35rem)!important;
    line-height:1.02!important;letter-spacing:-.045em!important
  }

  /* Editorial headlines must fit narrow Safari windows, not just phones. */
  .studio-v14 .article-hero .narrow,
  .studio-v14 .article section>.narrow,
  .studio-v14 .narrow{width:min(calc(100% - 30px),920px)!important}
  .studio-v14 .article h1{
    font-size:clamp(2.75rem,8.3vw,4.25rem)!important;
    line-height:.94!important;letter-spacing:-.06em!important
  }
  .studio-v14 .article h2{font-size:clamp(2rem,6vw,3.2rem)!important;line-height:1!important}
}

@media(max-width:640px){
  .studio-v14 .wrap,.studio-v14 .narrow,
  .studio-v14 .article-hero .narrow,
  .studio-v14 .article section>.narrow{width:calc(100% - 28px)!important}
  .studio-v14 .article h1{
    font-size:clamp(2.35rem,11vw,3.35rem)!important;
    line-height:.95!important;letter-spacing:-.055em!important
  }
  .studio-v14 .compare-hub-card{padding:22px!important}
  .studio-v14 .compare-hub-card h2{font-size:clamp(1.6rem,8vw,2rem)!important}
  .studio-v14 .partner-card{grid-template-columns:1fr!important;padding:24px!important}
}

/* =========================================================
   v35 FINAL: semantic closed state + overflow-proof comparison hub
   ========================================================= */
@media(max-width:900px){
  body.studio-v14 #primary-navigation[hidden]{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}
  body.studio-v14 #primary-navigation.open{display:flex!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}
}
@media(max-width:1180px){
  .studio-v14 .compare-hub-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .studio-v14 .compare-hub-grid-3 .compare-hub-card:last-child{grid-column:1/-1}
  .studio-v14 .compare-hub-grid-3 .compare-hub-card h2{font-size:clamp(1.6rem,3vw,2.15rem)!important;line-height:1.03!important;overflow-wrap:anywhere!important}
}
@media(max-width:900px){
  .studio-v14 .compare-hub-grid-3{grid-template-columns:1fr!important}
  .studio-v14 .compare-hub-grid-3 .compare-hub-card:last-child{grid-column:auto!important}
}

/* v37 — final polish: all three comparison cards use the same mint surface; career navigator bottom spacing increased to prevent overlap. */


/* =========================================================
   v38 FINAL AUDIT POLISH
   Responsive, conversion and SEO-facing UI hardening after desktop,
   miniature-window and 320–390px mobile QA.
   ========================================================= */
/* Keep the finder anchor clear of the sticky header when CTA links jump to it. */
#finder{scroll-margin-top:92px}
@media(max-width:640px){#finder{scroll-margin-top:74px}}

/* Grid children must be allowed to shrink all the way to a 320px viewport. */
.studio-v14 .quiz-shell,
.studio-v14 .quiz-intro,
.studio-v14 .quiz-card,
.studio-v14 .quiz-step,
.studio-v14 .quiz-options{min-width:0;max-width:100%}
.studio-v14 .quiz-intro h2,
.studio-v14 .quiz-step h3{max-width:100%;overflow-wrap:normal;word-break:normal}
@media(max-width:380px){
  .studio-v14 .quiz-intro,.studio-v14 .quiz-card{padding-left:18px!important;padding-right:18px!important}
}

/* Prefer meaningful German breakpoints over arbitrary mid-word wrapping. */
.studio-v14 .compare-hub-grid-3 .compare-hub-card h2{
  overflow-wrap:normal!important;
  word-break:normal!important;
  -webkit-hyphens:auto!important;
  hyphens:auto!important;
}


/* =========================================================
   PRIVACY-FIRST ANALYTICS CONSENT
   Basic consent mode: analytics tag is loaded only after opt-in.
   ========================================================= */
.dw-consent{position:fixed;inset:0;z-index:5000;display:flex;align-items:flex-end;justify-content:center;padding:18px;background:rgba(13,26,22,.28);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
.dw-consent-card{width:min(920px,100%);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:30px;align-items:end;padding:26px 28px;border-radius:28px;background:#fbfaf7;border:1px solid rgba(15,45,39,.12);box-shadow:0 28px 90px rgba(11,24,20,.24);color:var(--studio-ink,#151817)}
.dw-consent-copy{min-width:0}.dw-consent-kicker{display:block;margin-bottom:8px;font-size:.64rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase;color:var(--studio-forest,#143f37)}
.dw-consent-copy strong{display:block;font-size:1.25rem;line-height:1.15;letter-spacing:-.035em}.dw-consent-copy p{margin:9px 0 8px;max-width:680px;font-size:.82rem;line-height:1.5;color:#626760}.dw-consent-copy a{font-size:.76rem;font-weight:760;color:var(--studio-forest,#143f37)}
.dw-consent-actions{display:flex;gap:8px;align-items:center}.dw-consent-actions button,.privacy-settings-link{font:inherit;cursor:pointer}
.dw-consent-actions button{min-height:46px;padding:12px 17px;border-radius:999px;font-size:.82rem;font-weight:760;white-space:nowrap}
.dw-consent-accept{border:1px solid var(--studio-ink,#151817);background:var(--studio-ink,#151817);color:#fff}.dw-consent-accept:hover{background:var(--studio-forest,#143f37);border-color:var(--studio-forest,#143f37)}
.dw-consent-reject{border:1px solid rgba(15,45,39,.16);background:transparent;color:var(--studio-ink,#151817)}.dw-consent-reject:hover{background:#f0efe9}
.privacy-settings-link{grid-column:1/-1;justify-self:start;border:0;background:transparent;padding:0;margin-top:-28px;color:#f6f5f1;text-decoration:underline;text-underline-offset:3px;font-size:.75rem;opacity:.78}.privacy-settings-link:hover{opacity:1}
@media(max-width:700px){.dw-consent{padding:10px}.dw-consent-card{grid-template-columns:1fr;gap:16px;padding:22px 20px;border-radius:24px}.dw-consent-actions{display:grid;grid-template-columns:1fr}.dw-consent-actions button{width:100%}.privacy-settings-link{margin-top:0}}


/* v41 — EHiP trust proof from current AWIN/Fernstudium Direkt offer */
.partner-proof{display:flex;align-items:center;gap:8px 10px;flex-wrap:wrap;margin:10px 0 13px;padding:10px 12px;background:linear-gradient(135deg,#f1faf6,#fff);border:1px solid #d3eadf;border-radius:14px}
.partner-proof-badge{display:inline-flex;align-items:center;gap:5px;background:var(--mint);color:var(--green-dark);border-radius:999px;padding:5px 9px;font-size:.78rem;font-weight:900;line-height:1.2}
.partner-proof-rating{color:var(--ink);font-size:.82rem;font-weight:850;line-height:1.25}
.partner-proof small{flex-basis:100%;color:var(--muted);font-size:.69rem;line-height:1.35}
@media(max-width:520px){.partner-proof{align-items:flex-start}.partner-proof-rating{width:100%}}