/* Approved design A: shared identity and editorial scale. */
:root{--navy:#16333b;--navy2:#254b50;--gold:#a4773d;--ink:#16333b;--muted:#405359;--line:#d4d9d4;--bg:#f6f3ec;--soft:#e3e9df;--cream:#eee0ca}
html{scroll-behavior:auto;scroll-padding-top:24px}body{background:var(--bg);color:var(--ink);font-weight:450;line-height:1.75}h1,h2,h3{font-family:Georgia,serif;font-weight:400}figure{margin:0}img{max-width:100%}[hidden]{display:none!important}
.shell{max-width:1440px;padding-left:44px;padding-right:44px}.topline{font-size:14px;letter-spacing:0;background:var(--ink)}.topline .shell{padding-top:10px;padding-bottom:10px}.header{position:static;background:var(--bg)}.masthead{min-height:126px;padding-top:22px;padding-bottom:22px;gap:25px}.brand{font-family:Georgia,serif;font-weight:400;gap:15px;letter-spacing:-1.7px;line-height:1;width:auto}.brand-symbol{width:65px;height:65px;flex:none;display:block}.brand-words{font:400 40px/1 Georgia,serif;letter-spacing:-1.7px;white-space:nowrap}.brand small{font-family:Inter,Arial,sans-serif;font-size:14px;letter-spacing:0;margin-top:9px;color:var(--ink)}.header-tools{font-size:16px}.nav-border{border-top:1px solid var(--line);border-bottom:1px solid var(--ink)}.main-nav{gap:0 20px}.main-nav a{font-size:16px;font-weight:600;padding:16px 0}.main-nav a.active{color:#795222}.menu-toggle{color:var(--ink);border-color:var(--ink);border-radius:0}.eyebrow{color:#795222;font-size:14px;letter-spacing:.07em;font-weight:700}.hero{padding:60px 0;background:var(--bg)}.hero-grid{grid-template-columns:1.1fr 1fr;gap:42px 60px;align-items:center}.hero h1{font-family:Georgia,serif;font-weight:400;line-height:1.11;letter-spacing:-1.5px;font-size:clamp(40px,4.2vw,62px);max-width:none}.lead{font-size:20px;line-height:1.75;color:var(--ink);max-width:1000px}.hero .lead{font-size:19px}.hero-visual{border:1px solid #c3cec2;box-shadow:10px 10px 0 #e5e6dc;background:#dce7df}.hero-visual img{display:block;width:100%;height:auto}.hero-side{grid-column:1/-1;border:0;border-top:1px solid var(--line);padding:26px 0 0;background:transparent;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 28px}.hero-side h2{font:400 29px/1.3 Georgia,serif;grid-column:1/-1;margin:0 0 10px}.hero-side>p{grid-column:1/-1;margin:0 0 15px;font-size:18px}.hero-side .quick-link{font-size:16px;border-top:1px solid #bfcac0;align-items:start}.btn{border-radius:0;font-weight:600;background:var(--ink);border-color:var(--ink);min-height:48px}.btn.secondary{border-color:#7e9089}.actions{gap:14px}.trust-bar{background:#fffefa;border-color:var(--line)}.trust-row{grid-template-columns:repeat(3,minmax(0,1fr));padding-top:17px;padding-bottom:17px}.trust-row span{font-size:15px}.section{padding:60px 0}.section.white{background:#fffefa}.section-head h2,.section-title{font:400 38px/1.25 Georgia,serif;letter-spacing:-.6px}.section-head p{font-size:18px;line-height:1.75;max-width:1000px}.text-link{color:var(--ink);text-decoration:underline;text-decoration-color:var(--gold);font-weight:600;font-size:17px}.cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:36px}.card{background:transparent;border:0;border-top:2px solid var(--ink);border-radius:0;padding:20px 0 0}.card-top{font-size:14px;letter-spacing:.03em;color:#795222;margin-bottom:18px}.card-picture{display:block;margin-bottom:23px}.card-visual{border:1px solid #c3cec2;background:#e3e7dc}.card-visual img{display:block;width:100%;height:auto}.card h2,.card h3{font:400 29px/1.3 Georgia,serif;letter-spacing:-.4px;margin-bottom:16px}.card p{font-size:18px;line-height:1.75;color:var(--muted)}.card .text-link{font-size:16px}.cards>.card:only-child:has(.card-picture){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 38px}.cards>.card:only-child:has(.card-picture) .card-picture{grid-column:1;grid-row:1/6;margin:0}.cards>.card:only-child:has(.card-picture)>:not(.card-picture){grid-column:2}.cards>.card:only-child:has(.card-picture) .card-top{align-self:start}.cards>.card:only-child:has(.card-picture) .text-link{align-self:end;justify-self:start}.band{background:#e3e9df}.band h2{font:400 30px/1.3 Georgia,serif}.band p{font-size:18px;line-height:1.75}.page-head{background:var(--bg);padding:30px 0 43px;border-bottom:1px solid var(--line)}.page-head h1{font:400 clamp(38px,4.3vw,62px)/1.12 Georgia,serif;letter-spacing:-1.2px;max-width:1200px}.page-head .lead{font-size:21px;line-height:1.7;max-width:1100px}.breadcrumbs{font-size:14px;margin-bottom:30px}.article-meta{font-size:15px;margin-top:25px}.visual-heading>.shell{display:grid;grid-template-columns:1.2fr .8fr;column-gap:45px;align-items:start}.visual-heading .breadcrumbs{grid-column:1/-1}.visual-heading .eyebrow,.visual-heading h1,.visual-heading .lead{grid-column:1}.visual-heading h1{font-size:clamp(36px,3.6vw,53px)}.heading-visual{grid-column:2;grid-row:2/5;align-self:center;border:1px solid #c3cec2}.heading-visual img{display:block;width:100%}.body-narrow{max-width:1440px;padding-top:40px;padding-bottom:65px}.reading-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:55px}.reading-layout:not(:has(.reading-index)){display:block}.reading-content{min-width:0}.reading-index{position:sticky;top:24px;align-self:start;border-top:2px solid var(--ink);padding-top:14px}.reading-index summary{font-size:15px;font-weight:650;cursor:pointer}.reading-index nav{padding-top:10px}.reading-index a{display:block;text-decoration:none;font-size:15px;line-height:1.55;padding:11px 0;border-bottom:1px solid var(--line)}.reading-index a:hover{text-decoration:underline}.article-visual{margin:0 0 34px;border:1px solid #c3cec2;max-width:860px}.article-visual img{display:block;width:100%}.own-visual figcaption{padding:10px 15px;font-size:14px;background:#fffefa;color:var(--muted)}.prose>p,.prose>ul,.prose>ol,.prose>blockquote,.prose>h2,.prose>h3,.prose>.sources{max-width:1050px}.prose p,.prose li,.body-narrow p,.body-narrow li{font-size:19px;line-height:1.8}.prose p{margin-bottom:25px}.prose h2,.body-narrow h2{font:400 32px/1.3 Georgia,serif;letter-spacing:-.35px;margin:38px 0 18px;scroll-margin-top:24px}.prose h3{font:400 26px/1.35 Georgia,serif;scroll-margin-top:24px}.prose h2:first-child{margin-top:0}.content-figure{border:1px solid #c3cec2;margin:32px 0;max-width:1050px;background:#fffefa}.content-figure img{display:block;width:100%;height:auto}.content-figure figcaption{font-size:16px;line-height:1.7;padding:15px 22px}.table-wrap{border:1px solid #c6d0c6;margin:28px 0}.prose table{font-size:17px;line-height:1.7}.prose th{background:#dce7df}.prose th,.prose td{padding:17px 16px;border-color:#becbc1}.download-box{background:#e3e9df;border-color:#bdc9bc;border-radius:0;padding:29px}.download-box h2{font:400 28px/1.3 Georgia,serif;margin-top:0}.download-box p{font-size:18px}.sources h2{font-family:Inter,Arial,sans-serif;font-weight:600;font-size:18px}.sources a{font-size:15px;line-height:1.7}.source-group h2,.learning-chapter h2{font-family:Georgia,serif;font-weight:400;font-size:32px;line-height:1.3}.learning-chapter h3{font-family:Georgia,serif;font-weight:400;font-size:26px;line-height:1.35}.learning-page p,.learning-page li{font-size:19px;line-height:1.8}.learning-topics{border-color:var(--ink)}.learning-topics a{font-size:18px}.learning-table{font-size:17px}.link-list strong{font-weight:600}.info-grid{gap:35px}.app-card .app-name{font:400 36px/1.25 Georgia,serif}.footer{background:var(--ink)}.footer-brand{display:flex;gap:12px;align-items:center;font:400 32px/1 Georgia,serif;letter-spacing:-1px}.footer-brand .brand-symbol{width:48px;height:48px}.footer-brand .brand-words{font-size:32px}.footer-main{gap:32px;padding-top:45px;padding-bottom:40px}.footer-main strong{font-size:15px;letter-spacing:0}.footer-main>div>a:not(.footer-brand){font-size:16px}.footer p{font-size:16px}.footer-note{color:#f0d3a6}.footer-bottom{font-size:14px;flex-wrap:wrap}.search-form input{border-color:#7e9089;border-radius:0}.preview-bar{position:static}.note{border-color:var(--gold)}
@media(min-width:901px){.main-nav{display:flex;flex-direction:row;overflow:visible;max-height:none}.menu-toggle{display:none}}
@media(min-width:1500px){.hero{padding:65px 0}.hero h1{font-size:64px}.hero-grid{gap:45px 75px}.shell{max-width:1530px;padding-left:55px;padding-right:55px}.body-narrow{max-width:1530px}.reading-layout{grid-template-columns:220px minmax(0,1fr);gap:60px}}
@media(max-width:1100px){.shell{padding-left:29px;padding-right:29px}.hero-grid{gap:30px}.hero h1{font-size:45px}.brand-words{font-size:35px}.brand-symbol{width:59px;height:59px}.main-nav a{font-size:15px}.main-nav{gap:0 15px}.reading-layout{grid-template-columns:180px minmax(0,1fr);gap:32px}.visual-heading>.shell{column-gap:30px}.visual-heading h1{font-size:40px}.footer-main{grid-template-columns:1fr 1fr}.footer-main>div:first-child{grid-column:1/-1}}
@media(max-width:900px){.header{position:static}.masthead{min-height:110px}.about-link{display:none}.menu-toggle{display:flex}.nav-border{border-top:0}.main-nav{display:none;padding-top:8px;padding-bottom:16px}.main-nav.open{display:flex}.main-nav a{padding:12px 0;font-size:16px}.hero-grid{grid-template-columns:1fr}.hero h1{max-width:900px}.hero-visual{max-width:680px;margin-right:10px}.hero-side{grid-template-columns:1fr}.hero-side .quick-link{font-size:17px}.visual-heading>.shell{display:block}.heading-visual{max-width:650px;margin-top:28px}.reading-layout{display:block}.reading-index{position:static;margin-bottom:30px}.reading-index summary{font-size:17px}.reading-index a{font-size:16px}.article-visual{max-width:850px}.section-head h2,.section-title{font-size:34px}.cards{gap:28px}.cards>.card:only-child:has(.card-picture){gap:0 26px}.card h2,.card h3{font-size:28px}}
@media(max-width:620px){.shell{padding-left:20px;padding-right:20px}.masthead{flex-wrap:nowrap;gap:12px;padding-top:22px;padding-bottom:22px;min-height:100px}.brand{width:auto;gap:10px}.brand-symbol{width:46px;height:46px}.brand-words{font-size:30px;letter-spacing:-1.4px}.brand small{font-size:11px;margin-top:7px;white-space:nowrap}.header-tools{width:auto;gap:12px;justify-content:flex-end}.search-link{gap:0}.search-link svg{width:22px;height:22px}.search-link span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.menu-toggle{font-size:13px;padding:7px 9px;min-height:44px;white-space:nowrap}.hero{padding:36px 0 40px}.hero h1{font-size:42px;letter-spacing:-1px}.hero .lead{font-size:18px}.hero .btn{width:auto;text-align:left}.hero-visual{box-shadow:7px 7px 0 #e5e6dc}.hero-side{padding-top:22px}.hero-side h2{font-size:28px}.trust-row{grid-template-columns:1fr;gap:10px}.section{padding:42px 0}.section-head h2,.section-title{font-size:33px}.section-head p{font-size:18px}.cards{grid-template-columns:1fr;gap:36px}.cards>.card:only-child:has(.card-picture){display:flex;gap:0}.cards>.card:only-child:has(.card-picture) .card-picture{margin-bottom:22px}.card h2,.card h3{font-size:29px}.card p{font-size:18px}.card-top{font-size:14px}.page-head{padding-top:25px;padding-bottom:35px}.page-head h1,.visual-heading h1{font-size:40px;letter-spacing:-.8px}.page-head .lead{font-size:19px}.breadcrumbs{font-size:14px;line-height:1.6}.body-narrow{padding-top:28px;padding-bottom:45px}.prose p,.prose li,.body-narrow p,.body-narrow li,.learning-page p,.learning-page li{font-size:18px;line-height:1.8}.prose h2,.body-narrow h2,.learning-chapter h2{font-size:29px}.prose h3,.learning-chapter h3{font-size:25px}.prose table{font-size:16px;table-layout:auto;min-width:560px}.prose .table-wrap{overflow:auto}.prose table:not(.table-wrap table){display:block;overflow-x:auto}.article-meta{font-size:14px;gap:9px 15px}.content-figure figcaption{font-size:15px;padding:14px 17px}.band-row{display:block}.band .btn{margin-top:22px}.band h2{font-size:28px}.footer-main{grid-template-columns:1fr;gap:26px}.footer-main>div:first-child{grid-column:auto}.footer-bottom{font-size:13px}.learning-topics{grid-template-columns:1fr}.learning-topics a{font-size:18px}.info-grid,.intro-grid{grid-template-columns:1fr}.link-list{grid-template-columns:1fr}}
@media(max-width:370px){.brand-words{font-size:26px}.brand-symbol{width:38px;height:38px}.brand{gap:8px}.brand small{font-size:10px}.header-tools{gap:8px}.search-link{display:none}.hero h1,.page-head h1{font-size:35px}}

@media(max-width:900px){html:not(.js) .main-nav{display:flex}html:not(.js) .menu-toggle{display:none}}

@media(min-width:901px){.reading-index{max-height:calc(100vh - 48px);overflow-y:auto;scrollbar-width:thin;padding-right:9px}}

.heading-visual img,.article-visual img{height:auto}

.app-card .project-card-logo{display:block;width:72px;height:72px;object-fit:contain;margin:0 0 22px}

/* Approved H2 style shared by all public pages, the CMS and future content. */
:root{--content-h2-font:400 35px/1.28 Georgia,serif;--content-h2-space:64px}
#inhalt h2,.admin-body .admin-main h2,.admin-body #rich-editor h2{position:relative;font:var(--content-h2-font);letter-spacing:-.35px;color:var(--ink);margin:var(--content-h2-space) 0 24px;padding-top:23px;scroll-margin-top:36px}
#inhalt h2::before,.admin-body .admin-main h2::before,.admin-body #rich-editor h2::before{content:"";position:absolute;left:0;top:0;width:64px;height:5px;background:var(--gold)}
#inhalt h2:first-child,.admin-body .admin-main h2:first-child,.admin-body #rich-editor h2:first-child{margin-top:8px}
#inhalt h2:target::before{width:96px}
#inhalt :is(.card,.hero-side,.download-box,.sources)>h2{margin-top:16px}
.admin-body .admin-panel>h2:first-child{margin-top:0}
@media(max-width:620px){:root{--content-h2-font:400 30px/1.3 Georgia,serif;--content-h2-space:52px}#inhalt h2,.admin-body .admin-main h2,.admin-body #rich-editor h2{letter-spacing:-.2px;margin-bottom:20px}}