:root{--ink:#142536;--muted:#607187;--line:#dce3ea;--accent:#0c6f78;--accent2:#39b6d2;--nav:#09223a;--soft:#eef6f7;--panel:#fff;--aside:#f1f4f7;--shadow:0 24px 70px rgba(0,16,32,.28)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px/1.7 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#031424 url('assets/cyber-grc-background.svg') center top/cover fixed no-repeat;min-height:100vh}a{color:#0d6680;text-decoration:none}a:hover{color:#083e57}.page-wrap{max-width:1540px;margin:0 auto;padding:34px 28px 48px}.shell{display:grid;grid-template-columns:250px minmax(0,1fr);max-width:1280px;margin:auto;background:var(--panel);border:1px solid rgba(255,255,255,.5);border-radius:17px;overflow:hidden;box-shadow:var(--shadow)}.side{background:linear-gradient(180deg,#f5f7f9,#edf1f4);padding:38px 27px;border-right:1px solid var(--line);min-height:760px}.side .eyebrow,.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.14em;font-weight:800;color:var(--accent)}.side-back{display:block;margin:17px 0;color:#0d6680}.side-meta{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0;margin:24px 0}.side-label{display:block;font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:#718093;font-weight:800;margin-bottom:4px}.side-nav{display:flex;flex-direction:column;gap:7px;margin-top:24px}.side-nav a{padding:7px 8px;border-left:3px solid transparent;color:#445a70}.side-nav a:hover{border-left-color:var(--accent2);background:#fff;border-radius:0 7px 7px 0}.side-note{margin-top:30px;border:1px solid #cfdbe4;background:rgba(255,255,255,.7);border-radius:11px;padding:16px;font-size:13px;color:#4f6275}.side-note strong{display:block;color:#0e5970;margin-bottom:6px}.article{padding:38px 46px 46px;background:#fff;min-width:0}.crumb{color:#62748b;font-size:14px;margin-bottom:13px}.pills{display:flex;gap:7px;flex-wrap:wrap}.pill{display:inline-block;background:#e7f1f3;color:#0b6770;border-radius:999px;padding:5px 11px;font-size:12px;font-weight:750}.page-hero{padding:24px 0 31px;border-bottom:1px solid var(--line)}.page-hero h1{font-size:44px;line-height:1.08;margin:6px 0 12px;letter-spacing:-.025em}.lead{font-size:19px;line-height:1.75;color:#40566e;max-width:860px;margin:0}.section{padding:40px 0;border-bottom:1px solid var(--line)}.section:last-child{border-bottom:0}.section-kicker{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-weight:850}.section h2{font-size:27px;line-height:1.22;margin:4px 0 11px}.section-intro{color:#53677c;max-width:880px;margin:0 0 24px}.triad{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.mini-card,.link-card,.source-card{border:1px solid var(--line);border-radius:13px;background:#fff;padding:19px;box-shadow:0 5px 18px rgba(20,40,60,.035)}.mini-card .num{font-size:11px;font-weight:850;color:var(--accent);letter-spacing:.1em}.mini-card h3{margin:4px 0 7px;font-size:17px;color:#0e5870}.mini-card p{margin:0;color:#5a6d81;font-size:14px}.flow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;align-items:stretch}.flow-step{position:relative;background:#f6f9fa;border:1px solid var(--line);border-radius:12px;padding:17px 14px;text-align:center;color:#35516a;font-weight:700;font-size:14px}.flow-step:not(:last-child):after{content:"→";position:absolute;right:-14px;top:50%;transform:translateY(-50%);z-index:2;color:#6aa2b6;font-size:21px}.example{background:linear-gradient(125deg,#eff7f7,#f8fafc);border:1px solid #d5e2e6;border-left:4px solid var(--accent);border-radius:11px;padding:18px 20px;color:#40566b}.key-message{background:linear-gradient(125deg,#0a2944,#116274);border-radius:15px;color:#fff;padding:27px 30px}.key-message .section-kicker{color:#8ed6df}.key-message h2{color:#fff;margin:5px 0 8px}.key-message p{color:#e5f1f4;margin:0;font-size:17px}.links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.link-card{display:flex;justify-content:space-between;gap:12px;align-items:center;color:#135d73;font-weight:700}.link-card small{display:block;color:#8190a0;font-weight:500}.sources{display:grid;gap:9px}.source-card{padding:14px 16px;font-size:14px}.source-card strong{display:block;color:#154c62}.source-card span{color:#61748a}.catalog-shell{max-width:1360px;margin:auto;background:rgba(246,249,251,.97);border:1px solid rgba(255,255,255,.5);border-radius:17px;box-shadow:var(--shadow);padding:36px}.catalog-hero h1{font-size:42px;margin:6px 0 8px}.catalog-hero p{color:#5a6d82;max-width:900px}.card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:24px}.card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px;min-height:190px;box-shadow:0 5px 18px rgba(20,40,60,.04);display:flex;flex-direction:column}.card .eyebrow{margin-bottom:6px}.card h3{font-size:18px;line-height:1.35;margin:0 0 10px;color:#0e5d74}.card p{color:#64758a;margin:0}.card .spacer{flex:1}.card:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(11,42,62,.1)}.category-title{margin:37px 0 0;font-size:26px}.hero-home{max-width:1360px;margin:auto;padding:58px 50px;background:linear-gradient(120deg,rgba(5,31,53,.96),rgba(12,89,105,.92));color:#fff;border-radius:17px;box-shadow:var(--shadow)}.hero-home h1{font-size:49px;line-height:1.06;margin:7px 0 17px;max-width:850px}.hero-home p{font-size:20px;color:#d9edf1;max-width:850px}.search{max-width:760px;margin-top:25px;background:#fff;border-radius:11px;padding:4px}.search input{width:100%;border:0;padding:15px;font-size:16px;border-radius:8px}.home-section{max-width:1360px;margin:28px auto;background:rgba(246,249,251,.97);padding:32px;border-radius:17px;box-shadow:var(--shadow)}.home-section h2{font-size:28px;margin:0 0 15px}.footer{max-width:1360px;margin:18px auto 34px;color:#bed0dc;font-size:13px;padding:0 4px}.reg-alert{background:#fff7e8;border:1px solid #efd9a9;border-left:4px solid #cf8c1a;border-radius:10px;padding:17px 19px;color:#654e27}.criteria-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.criterion{background:#f7f9fb;border:1px solid var(--line);border-radius:10px;padding:13px 15px}.criterion strong{color:#155b71}.timeline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.timebox{border-radius:12px;background:#f0f7f8;border:1px solid #d0e2e5;padding:16px}.timebox strong{display:block;color:#0b6770;font-size:18px}.timebox span{color:#53677b;font-size:13px}.glossary-list{columns:2;column-gap:30px}.glossary-item{break-inside:avoid;margin-bottom:16px;border-bottom:1px solid var(--line);padding-bottom:10px}.glossary-item strong{display:block;color:#0d5d73}.status-note{font-size:12px;color:#78899a}.site-badge{display:inline-flex;gap:6px;align-items:center;font-size:11px;color:#5e7184;background:#f2f5f7;border-radius:999px;padding:5px 9px}
@media(max-width:1180px){.card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.shell{grid-template-columns:220px minmax(0,1fr)}.article{padding:34px}.triad{grid-template-columns:1fr}.flow{grid-template-columns:1fr}.flow-step:not(:last-child):after{content:"↓";right:auto;left:50%;top:auto;bottom:-19px}.criteria-grid{grid-template-columns:1fr}.timeline{grid-template-columns:1fr}}
@media(max-width:820px){.topin{overflow:auto}.brand{white-space:nowrap}.shell{grid-template-columns:1fr}.side{display:none}.page-wrap{padding:18px 12px}.article{padding:27px 22px}.page-hero h1{font-size:36px}.card-grid{grid-template-columns:1fr}.catalog-shell,.home-section{padding:22px}.hero-home{padding:38px 25px}.hero-home h1{font-size:38px}.links{grid-template-columns:1fr}.glossary-list{columns:1}}


/* relational framework elements */
.asset-banner{margin:24px 0 4px;padding:22px 24px;border-radius:14px;background:linear-gradient(120deg,#e9f2f4,#f7fafb);border:1px solid #cadde3;display:flex;justify-content:space-between;align-items:center;gap:25px}.asset-banner h2{margin:3px 0 6px;color:#0d5369}.asset-banner p{margin:0;color:#536b7d}.asset-banner>a{white-space:nowrap;background:#0d6674;color:#fff;padding:10px 15px;border-radius:9px;font-weight:750}.management-callout{margin-top:22px;border:1px solid #c9d7e0;border-left:4px solid #567b96;border-radius:10px;background:#f3f6f8;padding:17px 19px}.management-callout strong{display:block;color:#173f58;margin-bottom:5px}.management-callout span{color:#566b7d}.framework-stack{display:grid;gap:9px}.framework-stack>div{display:grid;grid-template-columns:220px 1fr;gap:20px;padding:14px 18px;border:1px solid var(--line);border-radius:10px;background:#f8fafb}.framework-stack b{color:#0b6875}.framework-stack span{color:#53697d}.hub{height:360px;max-width:670px;margin:26px auto;position:relative;background:radial-gradient(circle at center,rgba(13,102,116,.09),transparent 48%)}.hub-center,.hub-item{position:absolute;display:flex;align-items:center;justify-content:center;border-radius:50%;font-weight:800;box-shadow:0 8px 24px rgba(13,47,67,.12)}.hub-center{width:142px;height:142px;left:calc(50% - 71px);top:calc(50% - 71px);background:linear-gradient(135deg,#0a2944,#116274);color:#fff;font-size:22px}.hub-item{width:100px;height:100px;background:#fff;border:2px solid #bfd4dc;color:#155b70;font-size:13px;text-align:center}.hub-item:after{content:"";position:absolute;width:80px;height:2px;background:#b7cad2;z-index:-1}.hub .h1{left:4%;top:12%}.hub .h2{left:4%;bottom:12%}.hub .h3{left:calc(50% - 50px);top:0}.hub .h4{right:4%;top:12%}.hub .h5{right:4%;bottom:12%}.hub .h6{left:calc(50% - 50px);bottom:0}.hub .h1:after,.hub .h2:after{left:88px;transform:rotate(22deg)}.hub .h4:after,.hub .h5:after{right:88px;transform:rotate(-22deg)}.hub .h3:after{top:92px;transform:rotate(90deg)}.hub .h6:after{bottom:92px;transform:rotate(90deg)}
@media(max-width:820px){.asset-banner{display:block}.asset-banner>a{display:inline-block;margin-top:14px}.framework-stack>div{grid-template-columns:1fr;gap:2px}.hub{transform:scale(.8);transform-origin:center;margin-left:-10%;margin-right:-10%}}


/* =========================================================
   V2.1 — Visual learning system
   Graphical framework pages rendered with HTML/CSS/SVG.
   ========================================================= */

:root{--teal:#0c8f8d;--cyan:#59b6c9;--blue:#1455a4;--violet:#5c5ab0;--visual-soft:#f6f9fb;--visual-line:#d7e1e8}

/* More infographic-like surface */
.shell{max-width:1360px;grid-template-columns:265px minmax(0,1fr)}
.article{padding:38px 52px 50px}
.side{background:linear-gradient(180deg,#f4f6f8 0%,#eef2f5 100%)}
.page-hero{position:relative}
.page-hero:after{content:"";position:absolute;right:0;top:8px;width:150px;height:70px;background:radial-gradient(circle at 30% 50%,rgba(12,143,141,.13),transparent 50%),radial-gradient(circle at 75% 30%,rgba(20,85,164,.10),transparent 45%);pointer-events:none}

/* Icon-based understanding cards */
.triad{gap:16px}
.mini-card{min-height:178px;padding:20px 20px 18px;position:relative;background:linear-gradient(145deg,#fff,#f8fafc);overflow:hidden}
.mini-card:after{content:"";position:absolute;right:-32px;bottom:-42px;width:105px;height:105px;border-radius:50%;background:rgba(12,143,141,.045)}
.mini-icon{width:54px;height:54px;border-radius:50%;background:linear-gradient(145deg,#e8f3f5,#edf1fa);display:flex;align-items:center;justify-content:center;margin:7px 0 9px;color:var(--blue)}
.mini-icon svg,.card-icon svg,.merksatz-icon svg,.side-merksatz-icon svg,.home-merksatz-icon svg,.wheel-center-icon svg,.framework-wheel-center svg{width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.mini-card .num{position:absolute;right:16px;top:14px;background:var(--blue);color:#fff;border-radius:999px;padding:3px 8px;font-size:10px}
.mini-card:nth-child(2) .num,.mini-card:nth-child(5) .num{background:var(--teal)}
.mini-card:nth-child(3) .num,.mini-card:nth-child(6) .num{background:var(--violet)}

/* Process wheel — replaces linear box chains */
.process-wheel{position:relative;width:min(720px,100%);aspect-ratio:1/1;margin:25px auto 12px;isolation:isolate}
.wheel-ring{position:absolute;inset:14%;border:3px solid #cbd9e1;border-radius:50%;background:conic-gradient(from -18deg,rgba(20,85,164,.10),rgba(12,143,141,.13),rgba(92,90,176,.09),rgba(20,85,164,.10));box-shadow:inset 0 0 0 14px #fff}
.wheel-ring:after{content:"";position:absolute;inset:11%;border:1px dashed #c7d6df;border-radius:50%;background:#fff}
.wheel-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:31%;height:31%;border-radius:50%;background:linear-gradient(145deg,#fff,#f3f7fa);border:2px solid #d5e1e7;box-shadow:0 15px 35px rgba(16,50,75,.12);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;z-index:3;color:#193f61;padding:15px}
.wheel-center-icon{color:var(--blue);display:block;margin-bottom:8px}.wheel-center-icon svg{width:58px;height:58px;stroke-width:2}
.wheel-center strong{font-size:16px;line-height:1.2;text-transform:uppercase;letter-spacing:.035em}
.wheel-node{position:absolute;transform:translate(-50%,-50%);width:126px;height:126px;border-radius:50%;background:#fff;border:2px solid #d2e0e7;box-shadow:0 8px 22px rgba(13,48,71,.09);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:11px;z-index:4;color:#143b5b}
.process-wheel-dense .wheel-node{width:102px;height:102px;padding:7px}.process-wheel-dense .wheel-label{font-size:10px}.process-wheel-dense .wheel-node-icon{display:none}.process-wheel-dense .wheel-num{font-size:11px}
.wheel-num{font-weight:850;color:var(--blue);font-size:12px;line-height:1}.wheel-node-icon{color:var(--teal);margin:5px 0 3px}.wheel-node-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.wheel-label{font-size:11px;line-height:1.22;font-weight:750;max-width:100px}
.wheel-arrow{position:absolute;left:50%;top:50%;width:95%;height:24px;transform:translate(-50%,-50%) rotate(var(--a));text-align:right;color:var(--blue);font-size:26px;line-height:20px;z-index:2;pointer-events:none}
.wheel-caption{text-align:center;color:#6b7d8d;font-size:13px;max-width:720px;margin:0 auto 10px}

/* Bullseye merksatz */
.key-message{display:grid;grid-template-columns:72px minmax(0,1fr);gap:20px;align-items:center;background:linear-gradient(120deg,#f7fbfc,#edf5f7);border:1px solid #ccdde3;color:var(--ink);padding:24px 27px}
.key-message .section-kicker{color:var(--accent)}.key-message h2{color:#163a58;margin:4px 0 6px}.key-message p{color:#435d71;font-size:16px}.merksatz-icon{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff;border:2px solid #cbdde4;color:var(--blue);box-shadow:0 8px 20px rgba(18,65,91,.07)}.merksatz-icon svg{width:42px;height:42px}
.side-merksatz{margin-top:24px;padding:16px;border-radius:12px;background:#fff;border:1px solid #d3dfe6;color:#445d70}.side-merksatz-icon{display:block;color:var(--blue);margin-bottom:5px}.side-merksatz-icon svg{width:34px;height:34px}.side-merksatz strong{display:block;font-size:11px;letter-spacing:.12em;color:var(--accent)}.side-merksatz p{font-size:12px;line-height:1.7;margin:7px 0 0}

/* Catalog and home cards as visual tiles */
.card{position:relative;padding-top:20px}.card-icon{width:46px;height:46px;border-radius:12px;background:#eef4f8;display:flex;align-items:center;justify-content:center;color:var(--blue);margin:7px 0 10px}.card-icon svg{width:27px;height:27px}.card:hover .card-icon{background:#e5f3f3;color:var(--teal)}

/* Home infographic */
.home-framework-visual{padding:34px 38px}.home-framework-visual>h2{font-size:30px;margin:4px 0 5px}.home-visual-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(480px,.95fr);gap:34px;align-items:center;margin-top:20px}.home-pillars{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;align-items:stretch}.pillar{position:relative;border:1px solid var(--visual-line);background:#fff;border-radius:13px;padding:18px 12px;text-align:center;min-height:160px}.pillar:after{content:"→";position:absolute;right:-15px;top:50%;transform:translateY(-50%);color:#6ba8ba;font-size:22px;font-weight:700;z-index:2}.pillar:nth-child(5):after{display:none}.pillar-num{display:inline-flex;width:30px;height:30px;border-radius:50%;align-items:center;justify-content:center;background:var(--blue);color:#fff;font-weight:800;font-size:12px;margin-bottom:10px}.pillar:nth-child(even) .pillar-num{background:var(--teal)}.pillar strong{display:block;color:#153b5d;margin-bottom:6px}.pillar small{color:#607286;font-size:11px;line-height:1.45}.home-merksatz{grid-column:1/-1;display:flex;gap:15px;align-items:center;background:#f6fafb;border:1px solid #d5e2e7;border-radius:12px;padding:14px 17px}.home-merksatz-icon{color:var(--blue)}.home-merksatz-icon svg{width:40px;height:40px}.home-merksatz b{font-size:11px;color:var(--accent);letter-spacing:.12em}.home-merksatz p{margin:3px 0 0;color:#324f66;font-weight:650;font-size:14px}
.framework-wheel{position:relative;aspect-ratio:1/1;max-width:560px;margin:auto}.framework-wheel-ring{position:absolute;inset:13%;border:44px solid rgba(12,143,141,.14);border-radius:50%;box-shadow:inset 0 0 0 1px #bfd5dc,0 0 0 1px #bfd5dc}.framework-wheel-ring:before{content:"";position:absolute;inset:-46px;border-radius:50%;background:conic-gradient(#1455a4 0 14%,#0c8f8d 14% 42%,#20a88a 42% 58%,#5c5ab0 58% 78%,#1455a4 78% 100%);z-index:-1}.framework-wheel-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:40%;height:40%;border-radius:50%;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#173f61;box-shadow:0 8px 24px rgba(11,49,73,.12)}.framework-wheel-center svg{width:68px;height:68px;color:var(--blue);margin-bottom:7px}.framework-wheel-center strong{font-size:14px;line-height:1.2}.fw-node{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);width:105px;min-height:66px;border-radius:12px;background:#fff;border:1px solid #cadce3;box-shadow:0 7px 18px rgba(10,44,67,.10);display:flex;align-items:center;justify-content:center;text-align:center;padding:8px;color:#13556d;font-weight:750;font-size:11px;z-index:3}.fw-node:hover{background:#eaf5f5;color:#0a6366}

@media(max-width:1180px){.home-visual-grid{grid-template-columns:1fr}.home-pillars{grid-template-columns:repeat(5,1fr)}.process-wheel{max-width:650px}}
@media(max-width:820px){.key-message{grid-template-columns:1fr}.merksatz-icon{width:54px;height:54px}.home-pillars{grid-template-columns:1fr 1fr}.pillar:after{display:none}.home-merksatz{grid-column:1/-1}.home-visual-grid{display:block}.framework-wheel{margin-top:28px}.process-wheel{width:680px;transform:scale(.75);transform-origin:top left;margin-bottom:-150px}.section{overflow:hidden}}


/*  navigation infographics */
.catalog-merksatz{display:flex;align-items:center;gap:18px;margin:22px 0 26px;padding:18px 21px;border:1px solid #d2e0e6;border-radius:13px;background:linear-gradient(120deg,#fff,#f3f8f9)}.catalog-merksatz .merksatz-icon{flex:0 0 58px;width:58px;height:58px}.catalog-merksatz p{margin:2px 0 0;color:#38566b;font-weight:650;max-width:960px}.topic-map{position:relative;height:500px;max-width:760px;margin:22px auto 35px;background:radial-gradient(circle,rgba(12,143,141,.10),transparent 53%)}.topic-map-ring{position:absolute;inset:13%;border:2px dashed #a9c6d0;border-radius:50%;box-shadow:0 0 0 24px rgba(12,143,141,.035)}.tm-center,.tm-node{position:absolute;left:var(--x,50%);top:var(--y,50%);transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;text-align:center}.tm-center{width:170px;height:170px;border-radius:50%;background:linear-gradient(145deg,#0c6f78,#123f67);color:#fff;font-weight:850;letter-spacing:.04em;box-shadow:0 15px 30px rgba(12,64,85,.20)}.tm-node{width:128px;height:88px;border-radius:18px;background:#fff;border:2px solid #cfe0e6;color:#155b70;font-weight:800;box-shadow:0 8px 20px rgba(12,55,80,.09)}.tm-node:hover{background:#eaf5f5}.role-loop{position:relative;height:390px;max-width:720px;margin:22px auto 30px}.role-loop:before{content:"";position:absolute;inset:16%;border:3px solid #cbdbe3;border-radius:50%;background:conic-gradient(rgba(20,85,164,.12),rgba(12,143,141,.13),rgba(92,90,176,.12),rgba(20,85,164,.12))}.role-loop-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:150px;height:150px;border-radius:50%;background:#fff;border:2px solid #cedde5;display:flex;align-items:center;justify-content:center;text-align:center;color:#173f61;font-weight:850;box-shadow:0 10px 25px rgba(11,49,72,.12)}.role-stage{position:absolute;width:130px;height:86px;border-radius:16px;background:#fff;border:1px solid #cedde4;box-shadow:0 8px 20px rgba(11,49,72,.09);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#174b67}.role-stage b{color:var(--teal);font-size:12px}.role-stage span{font-weight:800}.rs1{left:50%;top:3%;transform:translateX(-50%)}.rs2{right:5%;top:25%}.rs3{right:12%;bottom:3%}.rs4{left:12%;bottom:3%}.rs5{left:5%;top:25%}@media(max-width:820px){.topic-map,.role-loop{transform:scale(.78);transform-origin:top left;width:128%;margin-bottom:-70px}}


/* =========================================================
   V2.1 — didactic cycle + example split layout
   ========================================================= */
.application-stage{display:grid;grid-template-columns:minmax(520px,.92fr) minmax(360px,.78fr);gap:34px;align-items:center;margin-top:18px}
.application-stage .process-wheel{width:min(560px,100%);margin:14px auto 10px}
.application-stage .wheel-node{width:136px;height:136px;padding:11px 10px}
.application-stage .wheel-label{font-size:11px;line-height:1.15;font-weight:800;max-width:114px}
.application-stage .wheel-desc{display:block;margin-top:5px;font-size:9.5px;line-height:1.2;font-weight:560;color:#60778a;max-width:108px}
.application-stage .process-wheel-dense .wheel-node{width:112px;height:112px;padding:6px}
.application-stage .process-wheel-dense .wheel-label{font-size:9.5px;max-width:94px}
.application-stage .process-wheel-dense .wheel-desc{font-size:8px;line-height:1.12;margin-top:3px;max-width:94px}
.application-stage .process-wheel-dense .wheel-node-icon{display:block;margin:2px 0 1px}
.application-stage .process-wheel-dense .wheel-node-icon svg{width:18px;height:18px}
.application-stage .wheel-ring{inset:15%}
.application-stage .wheel-center{width:29%;height:29%;padding:12px}
.application-stage .wheel-center strong{font-size:14px}
.application-stage .wheel-center-icon svg{width:48px;height:48px}
.cycle-example{align-self:stretch;border:1px solid #c9dfe5;border-radius:17px;background:linear-gradient(145deg,#f8fcfd,#edf7f8);padding:25px 24px;box-shadow:0 12px 30px rgba(12,65,82,.08);display:flex;flex-direction:column;justify-content:center}
.cycle-example .section-kicker{margin-bottom:4px}.cycle-example h3{font-size:22px;line-height:1.2;margin:2px 0 17px;color:#183d5c}.example-timeline{display:grid;gap:0}.example-step{display:grid;grid-template-columns:42px minmax(0,1fr);gap:13px;padding:11px 0;position:relative}.example-step:not(:last-child):after{content:"";position:absolute;left:20px;top:45px;bottom:-5px;border-left:1px dashed #9ac4cc}.example-step-icon{width:40px;height:40px;border-radius:50%;background:#dff1f1;color:var(--teal);display:flex;align-items:center;justify-content:center;z-index:1}.example-step-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.example-step b{display:block;color:#0d6e76;font-size:14px;margin-bottom:2px}.example-step p{margin:0;color:#3d566a;font-size:12.5px;line-height:1.45}.example-result{margin-top:14px;padding:13px 14px;border-radius:11px;background:#fff;border:1px solid #cfe1e5;color:#36556b;font-size:12.5px}.example-result strong{color:#0d6e76}.application-caption{grid-column:1/-1;text-align:left;color:#687d8d;font-size:12.5px;margin:-8px 0 0 5px}.section#anwenden{padding-bottom:42px}
@media(max-width:1120px){.application-stage{grid-template-columns:1fr}.cycle-example{max-width:760px;margin:auto}.application-stage .process-wheel{width:min(600px,100%)}}
@media(max-width:820px){.application-stage{display:block}.application-stage .process-wheel{width:620px;transform:scale(.76);transform-origin:top left;margin-bottom:-130px}.cycle-example{margin-top:16px}.application-caption{margin-top:10px}}

/*  visual fit corrections after rendered QA */
.application-stage .wheel-node{width:142px;height:142px}
.application-stage .wheel-label,.application-stage .wheel-desc{overflow-wrap:anywhere;hyphens:auto}
.application-stage .process-wheel-dense .wheel-node{width:116px;height:116px}
.application-stage .process-wheel-dense .wheel-label{font-size:9px;line-height:1.08;max-width:98px}
.application-stage .process-wheel-dense .wheel-desc{font-size:7.6px;line-height:1.08;max-width:98px}
#lernen .application-stage .wheel-node{width:154px;height:154px}


/* =========================================================
   V2.1 — approved cycle + example composition
   ========================================================= */
.application-stage{display:grid;grid-template-columns:minmax(500px,.96fr) minmax(430px,1.04fr);gap:30px;align-items:start;margin-top:18px}
.application-stage .process-wheel{width:min(520px,100%);margin:10px auto 0;overflow:visible}
.application-stage .wheel-ring{inset:17%;border-width:2px;box-shadow:inset 0 0 0 13px #fff}
.application-stage .wheel-ring:after{inset:10%}
.application-stage .wheel-center{width:31%;height:31%;padding:15px;z-index:4}
.application-stage .wheel-center strong{font-size:14px;line-height:1.15}
.application-stage .wheel-center-icon svg{width:50px;height:50px}
.application-stage .wheel-node{width:146px;height:146px;padding:12px 11px;z-index:5;border:1.7px solid #cbdbe4;box-shadow:0 10px 24px rgba(16,55,82,.10)}
.application-stage .wheel-num{font-size:11px;background:#155aa8;color:#fff;border-radius:999px;padding:4px 7px;margin-bottom:3px}
.application-stage .wheel-node:nth-of-type(even) .wheel-num{background:#0d8f8d}
.application-stage .wheel-node-icon{margin:2px 0 3px}
.application-stage .wheel-node-icon svg{width:26px;height:26px}
.application-stage .wheel-label{font-size:12px;line-height:1.15;font-weight:850;max-width:122px;color:#153c5b;overflow-wrap:normal;hyphens:auto}
.application-stage .wheel-desc{display:block;margin-top:5px;font-size:10px;line-height:1.28;font-weight:560;color:#5d7285;max-width:118px;overflow:visible!important;white-space:normal!important;text-overflow:clip!important;-webkit-line-clamp:unset!important;line-clamp:unset!important}
.application-stage .wheel-arrow{z-index:7;width:82%;font-size:28px;color:#0d4f9b;text-shadow:0 0 2px #fff;pointer-events:none}
.application-stage .process-wheel-dense .wheel-node{width:122px;height:122px;padding:7px}
.application-stage .process-wheel-dense .wheel-label{font-size:9.5px;max-width:102px}
.application-stage .process-wheel-dense .wheel-desc{font-size:8px;line-height:1.18;max-width:100px}
.application-stage .process-wheel-dense .wheel-node-icon{display:block}
.cycle-example{align-self:start;border:1px solid #bcdce2;border-radius:16px;background:linear-gradient(145deg,#fbfeff,#edf8f8);padding:24px 24px 20px;box-shadow:none;display:block;min-height:100%;overflow:visible}
.cycle-example h3{font-size:23px;line-height:1.18;margin:3px 0 15px;color:#173b5a}
.example-step{grid-template-columns:46px minmax(0,1fr);gap:14px;padding:12px 0;min-height:0;overflow:visible}
.example-step:not(:last-child):after{left:22px;top:49px;bottom:-7px;border-left:1px dashed #91c2c9}
.example-step-icon{width:44px;height:44px;background:#def2f1}
.example-step-icon svg{width:24px;height:24px}
.example-step b{font-size:14px;line-height:1.25;color:#0c777b;margin-bottom:3px}
.example-step p{font-size:12.5px;line-height:1.46;color:#344f65;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;display:block!important;-webkit-line-clamp:unset!important;line-clamp:unset!important;max-height:none!important}
.example-result{margin-top:14px;padding:13px 15px;font-size:12.5px;line-height:1.45;background:#fff;border-color:#cce1e5}
.application-caption{grid-column:1/2;text-align:center;margin:8px 0 0;color:#697f90}
.section#anwenden{overflow:visible;padding-bottom:44px}

/* stable home relationship panel; removes floating/overlapping node artefacts */
.home-relationship-panel{min-height:310px;border:1px solid #cbdde4;border-radius:16px;background:linear-gradient(145deg,#f9fcfd,#eaf5f6);padding:30px;display:flex;flex-direction:column;justify-content:center;box-shadow:0 10px 26px rgba(12,58,78,.07)}
.home-relationship-panel h3{font-size:24px;margin:5px 0 10px;color:#173d5c}
.home-relationship-panel p{color:#536b7e;max-width:560px;margin:0 0 20px}
.relationship-chain{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.relationship-chain a{position:relative;background:#fff;border:1px solid #c9dbe3;border-radius:11px;padding:10px 13px;color:#0e6472;font-weight:800;box-shadow:0 5px 14px rgba(14,56,76,.05)}
.relationship-chain a:not(:last-child):after{content:"→";margin-left:16px;color:#72aebd}

@media(max-width:1120px){.application-stage{grid-template-columns:1fr}.application-stage .process-wheel{width:min(560px,100%)}.cycle-example{max-width:760px;margin:10px auto 0}.application-caption{grid-column:1/-1}.home-visual-grid{grid-template-columns:1fr}}
@media(max-width:820px){.application-stage{display:block}.application-stage .process-wheel{width:620px;transform:scale(.72);transform-origin:top left;margin-bottom:-155px}.cycle-example{margin-top:18px;padding:20px}.example-step p{font-size:13px}.relationship-chain{display:grid;grid-template-columns:1fr 1fr}.relationship-chain a:not(:last-child):after{display:none}}


/*  final fit — approved second mockup */
.application-stage{grid-template-columns:minmax(455px,.96fr) minmax(395px,1.04fr);gap:24px}
.application-stage .process-wheel{width:min(500px,100%)}
.application-stage .wheel-node{width:140px;height:140px;padding:11px 10px}
.application-stage .wheel-label{font-size:11.7px;max-width:118px}
.application-stage .wheel-desc{font-size:9.6px;line-height:1.24;max-width:116px}
.application-stage .wheel-arrow{left:var(--x)!important;top:var(--y)!important;width:auto!important;height:auto!important;transform:translate(-50%,-50%) rotate(var(--rot))!important;font-size:25px!important;line-height:1!important;z-index:8!important;color:#0d4f9b!important;background:#fff;border-radius:999px;padding:0 2px;text-shadow:none!important}
.cycle-example{padding:23px 22px 19px}
.cycle-example h3{font-size:22px}
.example-step{grid-template-columns:44px minmax(0,1fr);gap:13px;padding:11px 0}
.example-step-icon{width:42px;height:42px}
.example-step p{font-size:12px;line-height:1.43}
.example-result{font-size:12px}
@media(max-width:1120px){.application-stage{grid-template-columns:1fr}.application-stage .process-wheel{width:min(520px,100%)}}

/*  didactic cycle rule: scan left, understand right */
.application-stage .wheel-label,.application-stage .wheel-desc{hyphens:none!important;word-break:normal!important;overflow-wrap:normal!important}
.application-stage .wheel-desc{font-size:10px;line-height:1.22;max-width:116px}
.cycle-example .example-step p{line-height:1.42}
\n/* compact, safe wheel typography */
.application-stage .wheel-node{padding:13px 12px!important;justify-content:center!important;gap:0!important}
.application-stage .wheel-num{margin:0 0 2px!important;line-height:1!important}
.application-stage .wheel-node-icon{margin:1px 0 2px!important;line-height:1!important}
.application-stage .wheel-label{margin:0!important;line-height:1.08!important;max-width:116px!important}
.application-stage .wheel-desc{margin-top:3px!important;line-height:1.13!important;max-width:116px!important;font-size:9.5px!important}
.application-stage .process-wheel-dense .wheel-node{padding:9px 8px!important}
.application-stage .process-wheel-dense .wheel-label{max-width:98px!important;line-height:1.05!important}
.application-stage .process-wheel-dense .wheel-desc{max-width:98px!important;font-size:8.5px!important;line-height:1.08!important;margin-top:2px!important}
.cycle-example .example-step p{overflow:visible!important;display:block!important;max-height:none!important;-webkit-line-clamp:unset!important;line-clamp:unset!important}
.cycle-example{overflow:visible!important}


/* visual balance, concrete examples, didactic depth */
.application-stage .wheel-node{justify-content:flex-start!important;padding-top:8px!important;padding-bottom:14px!important;}
.application-stage .wheel-num{margin-top:0!important;margin-bottom:1px!important;}
.application-stage .wheel-node-icon{margin:0 0 1px!important;}
.application-stage .wheel-label{margin:0!important;line-height:1.04!important;}
.application-stage .wheel-desc{margin-top:2px!important;line-height:1.10!important;padding:0 4px!important;}
.application-stage .process-wheel-dense .wheel-node{padding-top:6px!important;padding-bottom:9px!important;}
.example-insight{margin-top:16px;padding:14px 16px;border:1px solid #efd48a;border-radius:12px;background:#fff8dc;color:#34465a;font-size:12.5px;line-height:1.7;}
.example-insight strong{color:#735b00;margin-right:3px;}
.deepening-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px;}
.deepening-card{border:1px solid #dbe6ec;border-radius:14px;background:#f9fbfc;padding:18px 19px;}
.deepening-card h3{margin:0 0 7px;color:#173b5a;font-size:17px;}
.deepening-card p{margin:0;color:#52697c;font-size:14px;line-height:1.75;}
@media(max-width:760px){.deepening-grid{grid-template-columns:1fr}}


/* capability integration, role redesign, wheel optical centering */
.application-stage .wheel-center{justify-content:flex-start!important;padding-top:22px!important;padding-bottom:10px!important;}
.application-stage .wheel-center-icon{margin-top:0!important;margin-bottom:3px!important;}
.application-stage .wheel-center strong{margin-top:0!important;}

.capability-links-section{background:linear-gradient(135deg,rgba(12,143,141,.035),rgba(20,85,164,.025));border-radius:16px;padding-left:22px!important;padding-right:22px!important;}
.capability-link-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:20px}
.capability-link-card{position:relative;display:flex;flex-direction:column;min-height:145px;padding:18px 42px 18px 18px;border:1px solid #cfe0e6;border-radius:14px;background:#fff;box-shadow:0 5px 16px rgba(14,50,72,.05)}
.capability-link-card:hover{background:#f2f9f9;border-color:#9fcfd0;transform:translateY(-1px)}
.capability-link-card .capability-link-type{font-size:10px;font-weight:850;letter-spacing:.14em;color:var(--teal);margin-bottom:5px}
.capability-link-card strong{color:#14576d;font-size:16px;line-height:1.2;margin-bottom:7px}.capability-link-card small{color:#63768a;line-height:1.45;font-size:13px}.capability-link-card>b{position:absolute;right:17px;top:50%;transform:translateY(-50%);color:var(--blue);font-size:20px}
.capability-overview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:28px 0}
.capability-overview-card{display:flex;flex-direction:column;min-height:220px;padding:24px;border:1px solid #cfe0e6;border-radius:16px;background:#fff;box-shadow:0 7px 20px rgba(14,50,72,.06)}
.capability-overview-card h3{color:#14576d;margin:7px 0 8px;font-size:20px;line-height:1.2}.capability-overview-card p{color:#61758a;margin:0;flex:1}.capability-overview-card span{margin-top:16px;color:var(--teal);font-weight:800}
.capability-explainer{padding:26px;margin:24px 0;border:1px solid #d2e1e7;border-radius:16px;background:linear-gradient(120deg,#fff,#f2f8f9)}
.capability-triad{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:12px;margin-top:22px}.capability-triad span{padding:18px;border:1px solid #d2e1e7;border-radius:12px;background:#fff;text-align:center;color:#50677b}.capability-triad b{display:block;color:#0b7577;font-size:11px;letter-spacing:.12em;margin-bottom:5px}.capability-triad i{font-style:normal;color:#4b8eb2;font-size:22px}
.important-box{display:flex;gap:13px;align-items:flex-start;margin:22px 0;padding:17px 20px;border:1px solid #efc562;border-radius:13px;background:linear-gradient(110deg,#fffaf0,#fff4d7);color:#4c4025}.important-box strong{white-space:nowrap;color:#77540b}.important-box p{margin:0}
.roles-system{padding:30px 20px;margin:8px 0 28px;border:1px solid #d7e3e8;border-radius:18px;background:linear-gradient(145deg,#fff,#f4f8fa)}
.roles-cycle{position:relative;width:min(760px,100%);aspect-ratio:1.75/1;margin:18px auto 22px}.roles-cycle-ring{position:absolute;left:15%;right:15%;top:12%;bottom:12%;border-radius:50%;border:40px solid rgba(12,143,141,.09);background:conic-gradient(rgba(20,85,164,.13),rgba(12,143,141,.15),rgba(32,168,138,.12),rgba(92,90,176,.11),rgba(20,85,164,.13));box-shadow:inset 0 0 0 2px #c9dce4}
.roles-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:190px;height:190px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#fff;border:2px solid #ccdce4;box-shadow:0 12px 28px rgba(14,50,72,.10);color:#173f61}.roles-center strong{font-size:18px;line-height:1.15}.roles-center small{margin-top:8px;color:#60758a;max-width:130px}
.roles-node{position:absolute;width:175px;min-height:88px;padding:14px 15px;border:1px solid #cddde5;border-radius:15px;background:#fff;box-shadow:0 8px 20px rgba(14,50,72,.08);text-align:center;color:#174f68;display:flex;flex-direction:column;justify-content:center}.roles-node b{font-size:13px;color:#0b7c7c}.roles-node span{font-size:12px;color:#60758a;margin-top:4px}.rn1{left:50%;top:0;transform:translateX(-50%)}.rn2{right:1%;top:25%}.rn3{right:10%;bottom:0}.rn4{left:10%;bottom:0}.rn5{left:1%;top:25%}
.catalog-jump{display:inline-block;margin-top:12px;font-weight:800;color:var(--teal)}
@media(max-width:980px){.capability-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.roles-cycle{transform:scale(.82);transform-origin:top center;margin-bottom:-50px}.capability-link-grid{grid-template-columns:1fr}}
@media(max-width:700px){.capability-overview-grid{grid-template-columns:1fr}.capability-triad{grid-template-columns:1fr}.capability-triad i{transform:rotate(90deg)}.roles-cycle{transform:scale(.62);width:155%;margin-left:-27%;margin-bottom:-120px}}

/*  final optical refinements */
.application-stage .wheel-center{justify-content:center!important;padding:8px 12px 28px!important;}
.application-stage .wheel-center-icon{margin:0 0 3px!important;}
.roles-card-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-top:24px}
.roles-card-grid .card{min-width:0}
@media(max-width:1200px){.roles-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.roles-card-grid{grid-template-columns:1fr}}

/*  final role/capability bridge */
.roles-capability-bridge{margin:26px 0 30px;padding:26px 22px;border:1px solid #d6e3e8;border-radius:17px;background:linear-gradient(145deg,#fff,#f5f9fa)}
.roles-capability-bridge h2{margin:4px 0 10px;font-size:25px;color:#173b5a}
.roles-capability-bridge .section-intro{margin-bottom:18px}

/* connected practices, DORA/BaFin coverage, robust role layout */
.application-stage .wheel-center{justify-content:center!important;padding:0 12px 42px!important;}
.application-stage .wheel-center-icon{margin:0 0 1px!important;}
.application-stage .wheel-center strong{line-height:1.08!important;}
.roles-flow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;align-items:stretch;margin:22px 0 16px}
.role-flow-card{position:relative;padding:18px 14px;border:1px solid #ccdce4;border-radius:14px;background:#fff;text-align:center;color:#174f68;box-shadow:0 6px 18px rgba(14,50,72,.06)}
.role-flow-card:not(:last-child):after{content:'→';position:absolute;right:-16px;top:50%;transform:translateY(-50%);z-index:4;color:#56a8b8;font-size:22px;font-weight:800}
.role-flow-card b{display:block;color:#0b7c7c;margin-bottom:5px}.role-flow-card span{font-size:12px;color:#60758a}.roles-feedback{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:15px;padding:18px;border:1px solid #d8e4e9;border-radius:14px;background:#f7fafb;color:#536b7e}.roles-feedback strong{color:#173b5a}.roles-feedback i{font-style:normal;font-size:28px;color:#1455a4}.change-triggers{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:9px;margin:22px 0}.change-trigger{padding:15px 9px;border:1px solid #d6e2e8;border-radius:12px;background:#fff;text-align:center;font-size:11px;color:#4f6579}.change-trigger strong{display:block;color:#14576d;margin-bottom:5px;font-size:12px}.change-hub{padding:15px;border-radius:12px;background:linear-gradient(90deg,#0b6f72,#0c8f8d);color:#fff;text-align:center;font-weight:850;margin:8px 0 18px}.practice-bridge{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.practice-bridge a{padding:16px;border:1px solid #d4e1e7;border-radius:13px;background:#fff;color:#135d73;font-weight:800}.practice-bridge small{display:block;color:#6a7c8d;font-weight:500;margin-top:5px}.reg-special-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}.reg-special{padding:18px;border:1px solid #d7e2e8;border-radius:14px;background:#fff}.reg-special h3{margin:4px 0 8px;color:#14576d}.reg-special p{font-size:13px;color:#60758a}.reg-special a{font-weight:800}.coverage-table{width:100%;border-collapse:collapse;font-size:13px}.coverage-table th,.coverage-table td{padding:10px 12px;border-bottom:1px solid #dce5ea;text-align:left;vertical-align:top}.coverage-table th{color:#14576d;background:#f4f8fa}.status-covered{color:#0a7c65;font-weight:800}.status-reg{color:#8a6500;font-weight:800}
@media(max-width:1000px){.roles-flow,.change-triggers,.reg-special-grid{grid-template-columns:1fr 1fr}.role-flow-card:after{display:none}}
@media(max-width:700px){.roles-flow,.change-triggers,.reg-special-grid,.practice-bridge{grid-template-columns:1fr}.roles-feedback{grid-template-columns:1fr}.roles-feedback i{transform:rotate(90deg);text-align:center}}

/* content depth and visual balance */
.application-stage .wheel-center{justify-content:center!important;padding:0 12px 52px!important;}
.application-stage .wheel-center-icon{margin:0 0 1px!important;}
.application-stage .wheel-center strong{line-height:1.06!important;}
.framework-system-map{margin:22px 0;padding:24px;border:1px solid #d6e3e8;border-radius:17px;background:linear-gradient(145deg,#fff,#f5f9fa)}
.system-chain{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;align-items:stretch;margin-top:18px}.system-chain a,.system-chain div{padding:14px 10px;border:1px solid #d6e2e8;border-radius:12px;background:#fff;text-align:center;color:#14576d;font-weight:800;font-size:12px}.system-chain small{display:block;margin-top:6px;color:#63778a;font-weight:500}.system-chain-arrow{display:none}.depth-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}.depth-card{padding:18px;border:1px solid #d7e2e8;border-radius:14px;background:#fff}.depth-card h3{margin:0 0 7px;color:#14576d}.depth-card p{margin:0;color:#60758a}.scope-note{margin-top:18px;padding:16px 18px;border-left:4px solid #0c8f8d;background:#f3f9f9;border-radius:8px;color:#496478}.scope-note strong{color:#0b6f72}
@media(max-width:1000px){.system-chain{grid-template-columns:repeat(2,minmax(0,1fr))}.depth-grid{grid-template-columns:1fr}}@media(max-width:650px){.system-chain{grid-template-columns:1fr}}


/*  INCIDENT PATHS */
.path-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:22px 0}.path-card{position:relative;display:block;padding:20px 46px 20px 20px;border:1px solid rgba(42,67,82,.16);border-radius:16px;background:rgba(255,255,255,.78);text-decoration:none;color:inherit}.path-card:hover{transform:translateY(-1px);box-shadow:0 10px 28px rgba(24,43,54,.08)}.path-card .path-label{font-size:.72rem;font-weight:800;letter-spacing:.08em;color:#63737d}.path-card h3{margin:7px 0 8px}.path-card p{margin:0}.path-card b{position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:1.35rem}.path-card-regulatory{border-style:dashed}.important-box{margin-top:18px;padding:17px 20px;border-radius:14px;background:#fff4c7;border:1px solid rgba(185,143,0,.24)}.important-box strong{display:block;margin-bottom:5px}.important-box p{margin:0}@media(max-width:760px){.path-grid{grid-template-columns:1fr}}

/* Suchergebnisse unmittelbar am Suchfeld */
.search-results-inline{margin-top:18px;text-align:left}
.search-results-inline[hidden]{display:none}
.search-results-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin:0 0 12px}
.search-results-head h2{margin:0;font-size:1.05rem}
.search-results-head span{font-size:.86rem;opacity:.72}
.search-results-inline .card-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-height:520px;overflow:auto;padding:2px}
.search-results-inline .card{min-height:0}
.search-empty{grid-column:1/-1;padding:18px 20px;border-radius:16px;background:rgba(255,255,255,.86);border:1px solid rgba(23,43,58,.12)}
.search-empty p{margin:6px 0 0}
@media(max-width:900px){.search-results-inline .card-grid{grid-template-columns:1fr}}

/* Suchtreffer: besserer Textkontrast auf weißen Karten */
.search-results-inline .card p{color:#245b78}


/* verbindliche optische QS für Kreisgrafiken */
.application-stage .wheel-node,
.application-stage .process-wheel-dense .wheel-node{
  justify-content:center!important;
  align-items:center!important;
  padding-top:10px!important;
  padding-bottom:10px!important;
  text-align:center!important;
}
.application-stage .wheel-num{margin:0 0 2px!important;}
.application-stage .wheel-node-icon{margin:1px 0 2px!important;}
.application-stage .wheel-label{margin:0!important;}
.application-stage .wheel-desc{margin-top:3px!important;padding:0 3px!important;}
.application-stage .wheel-center{
  justify-content:center!important;
  align-items:center!important;
  padding:12px!important;
  text-align:center!important;
}
.application-stage .wheel-center-icon{margin:0 0 4px!important;}
/* Schutz gegen schmale Inhaltskollaps: Hauptartikel darf nie auf intrinsische Minimalbreite schrumpfen */
.shell{grid-template-columns:265px minmax(0,1fr)!important;}
.article{width:100%;min-width:0!important;}
.section,.framework-system-map,.application-stage{min-width:0;max-width:100%;}
@media(max-width:820px){.shell{grid-template-columns:1fr!important;}}


/* five-pass review: stable cycle composition and optical centering */
.cycle-visual{min-width:0;display:flex;flex-direction:column;align-items:center;align-self:start}
.cycle-visual .process-wheel{flex:0 0 auto}
.cycle-visual .application-caption{width:100%;max-width:520px;text-align:center;margin:10px auto 0;color:#687d8d;font-size:12.5px}
.application-stage .wheel-node,.application-stage .process-wheel-dense .wheel-node{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;padding:10px!important}
.application-stage .wheel-num{flex:0 0 auto;margin:0 0 3px!important}
.application-stage .wheel-node-icon{flex:0 0 auto;margin:0 0 3px!important}
.application-stage .wheel-label{flex:0 0 auto;margin:0!important;line-height:1.10!important;max-width:116px!important}
.application-stage .wheel-desc{flex:0 0 auto;margin:4px 0 0!important;line-height:1.16!important;max-width:116px!important;padding:0 2px!important}
.application-stage .wheel-center{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;padding:12px!important}
.application-stage .wheel-center-icon{margin:0 0 4px!important}
.capability-link-grid>:last-child:nth-child(odd){grid-column:1/-1;width:calc(50% - 6px);justify-self:center}
@media(max-width:980px){.capability-link-grid>:last-child:nth-child(odd){grid-column:auto;width:auto;justify-self:stretch}}
@media(max-width:820px){.cycle-visual{align-items:flex-start}.cycle-visual .application-caption{max-width:100%;text-align:left;margin-top:10px}}


/* Mittelkreis als übergeordnete Wirkung/Ziel des Kreislaufs */
.application-stage .wheel-center{
  width:36%!important;
  height:36%!important;
  min-width:0;
  background:linear-gradient(145deg,#d9f1eb 0%,#d7edf4 55%,#e5f3f7 100%)!important;
  border:2px solid #8fc9c4!important;
  box-shadow:0 14px 34px rgba(16,74,88,.14)!important;
  color:#153f5a!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  padding:14px!important;
}
.application-stage .wheel-center-icon{
  color:#087d7d!important;
  margin:0 0 5px!important;
}
.application-stage .wheel-center-icon svg{
  width:52px!important;
  height:52px!important;
}
.application-stage .wheel-center strong{
  max-width:132px;
  font-size:15px!important;
  line-height:1.08!important;
  letter-spacing:.035em!important;
  text-wrap:balance;
}
.application-stage .process-wheel-dense .wheel-center{
  width:34%!important;
  height:34%!important;
}
@media(max-width:820px){
  .application-stage .wheel-center{width:35%!important;height:35%!important}
  .application-stage .wheel-center strong{font-size:14px!important}
}


/* robuste Textverteilung in Kreisen */
.application-stage .wheel-node-long .wheel-label{font-size:10.4px!important;line-height:1.06!important;max-width:112px!important}
.application-stage .wheel-node-long .wheel-desc{font-size:9.4px!important;line-height:1.10!important;max-width:112px!important;margin-top:3px!important}
.application-stage .wheel-node-verylong{padding:8px!important}
.application-stage .wheel-node-verylong .wheel-label{font-size:2.4px!important;max-width:110px!important}
.application-stage .wheel-node-verylong .wheel-desc{font-size:8.9px!important;line-height:1.08!important;max-width:110px!important}
.application-stage .wheel-center-long strong{font-size:13.6px!important;line-height:1.04!important;max-width:142px!important}
.application-stage .wheel-center{overflow:hidden}
.application-stage .wheel-node{overflow:hidden}

/* Merksatz ohne Icon darf nicht in der 72px-Iconspalte landen */
.key-message:has(> .merksatz-body:only-child){grid-template-columns:minmax(0,1fr)}
.key-message .merksatz-body{min-width:0;width:100%}

/* robuste Textverteilung in Praxis- und Hinweiskästen */
.cycle-example,.example-step,.example-insight,.key-message,.mini-card,.section-card{
  min-width:0;
}
.cycle-example h3,.cycle-example p,.example-step p,.example-insight,.key-message p,.mini-card p,.section-card p{
  overflow-wrap:break-word;
  word-break:normal;
  hyphens:auto;
}

/* Begriffe & Abkürzungen */
.top a.utility-link{opacity:.96}
.home-glossary-help{padding-top:0}
.home-help-card{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:24px 28px;border:1px solid #c9dfe5;border-radius:16px;background:linear-gradient(120deg,#f7fbfc,#edf6f7);box-shadow:0 10px 26px rgba(12,65,82,.07);color:var(--ink)}
.home-help-card:hover{border-color:#97cbd2;transform:translateY(-1px)}
.home-help-card h2{margin:4px 0 6px;color:#173d5b}.home-help-card p{margin:0;color:#4b6274}.home-help-action{flex:0 0 auto;color:#0b7480;font-weight:800;white-space:nowrap}
.glossary-tools{padding-bottom:22px}.glossary-search input{width:100%;border:1px solid #abcbd4;border-radius:14px;padding:15px 17px;font:inherit;color:#173d5b;background:#fbfdfe;box-shadow:inset 0 1px 2px rgba(12,65,82,.03)}
.glossary-search input:focus{outline:2px solid rgba(38,159,175,.22);border-color:#54aeb8}.glossary-status{min-height:22px;margin:10px 2px 8px;color:#62778a;font-size:13px;font-weight:700}
.glossary-alpha{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px}.glossary-alpha button{min-width:34px;height:34px;border-radius:9px;border:1px solid #c8dce3;background:#fff;color:#195b72;font-weight:800;cursor:pointer}.glossary-alpha button:hover{background:#e9f5f6;border-color:#94c8cf}
.glossary-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.glossary-entry{min-width:0;padding:19px 20px;border:1px solid #d4e1e6;border-radius:14px;background:#fff;box-shadow:0 7px 18px rgba(18,65,91,.045);scroll-margin-top:95px}
.glossary-entry:target{border-color:#4faab5;box-shadow:0 0 0 3px rgba(79,170,181,.12),0 8px 20px rgba(18,65,91,.06)}.glossary-entry[hidden]{display:none!important}.glossary-entry h3{margin:0 0 3px;color:#173e5d;font-size:20px}
.glossary-long{color:#0b7580;font-size:13px;line-height:1.35;font-weight:800;margin-bottom:9px}.glossary-entry p{margin:0;color:#455d70;line-height:1.72;overflow-wrap:break-word;hyphens:auto}.glossary-more{display:inline-block;margin-top:10px;font-size:13px;font-weight:800;color:#0b7480}
.term-help{margin-top:15px;padding:10px 13px;border-radius:10px;background:#f0f7f8;color:#5a7080;font-size:13px}.term-help a{color:#0b7480;font-weight:800}
@media(max-width:900px){.glossary-list{grid-template-columns:1fr}.home-help-card{align-items:flex-start;flex-direction:column}.home-help-action{white-space:normal}}


.pyramid-intro{max-width:1280px;margin:28px auto 34px;display:grid;grid-template-columns:minmax(280px,.78fr) minmax(520px,1.35fr);gap:28px;align-items:center;padding:30px 34px;background:linear-gradient(135deg,rgba(7,29,50,.96),rgba(18,55,73,.93));border:1px solid rgba(128,211,225,.28);border-radius:18px;box-shadow:var(--shadow);color:#eef7fa}
.pyramid-intro h2{font-size:clamp(28px,3vw,46px);line-height:1.08;margin:8px 0 16px;color:#fff}.pyramid-intro p{color:#d3e2e9}.pyramid-intro .pyramid-reg{font-size:14px;color:#a9cbd5;border-left:3px solid #55c2d7;padding-left:14px}.pyramid-visual img{width:100%;height:auto;display:block;border-radius:14px}
@media(max-width:900px){.pyramid-intro{grid-template-columns:1fr;padding:24px}.pyramid-visual{order:-1}}

/*  layout refinement: pyramid hero */
.pyramid-intro{
  max-width:1484px;
  min-height:620px;
  grid-template-columns:minmax(330px,.72fr) minmax(650px,1.75fr);
  gap:38px;
  padding:38px 44px;
  background:linear-gradient(135deg,rgba(25,68,87,.96),rgba(37,88,103,.94));
  border-color:rgba(139,220,231,.42);
}
.pyramid-visual{min-height:540px;display:flex;align-items:center;justify-content:center}
.pyramid-visual img{width:100%;max-height:570px;object-fit:contain}
.pyramid-intro h2{font-size:clamp(30px,3vw,48px)}
.pyramid-intro p{font-size:16px;line-height:1.75}
@media(max-width:1100px){.pyramid-intro{grid-template-columns:1fr;min-height:auto}.pyramid-visual{min-height:0}.pyramid-visual img{max-height:none}}

/* komplett neu aufgebauter Pyramidenbereich */
.pyramid-v08{box-sizing:border-box;width:calc(100% - 0px);max-width:1484px;min-height:650px;margin:28px auto 34px;padding:34px 38px;display:grid;grid-template-columns:minmax(330px,.72fr) minmax(720px,1.75fr);gap:38px;align-items:center;background:linear-gradient(135deg,#f8fbfc 0%,#eef7f8 100%);border:1px solid #bddbe1;border-radius:18px;box-shadow:0 16px 38px rgba(4,43,65,.13);color:#173d5b}
.pyramid-v08 .pyramid-copy{padding:8px 0 8px 8px}.pyramid-v08 .eyebrow{color:#087b86}.pyramid-v08 h2{margin:10px 0 22px;color:#102f4d;font-size:clamp(38px,3.25vw,56px);line-height:1.06;letter-spacing:-.025em}.pyramid-v08 p{margin:0 0 18px;color:#29485d;font-size:17px;line-height:1.75}.pyramid-v08 .pyramid-reg{margin-top:24px;padding:5px 0 5px 17px;border-left:3px solid #1695a4;color:#29485d;font-size:15.5px;line-height:1.75}.pyramid-v08 .pyramid-reg strong{color:#173d5b}
.pyramid-v08 .pyramid-visual{min-width:0;min-height:560px;display:flex;align-items:center;justify-content:center;background:transparent}.pyramid-v08 .pyramid-svg{display:block;width:100%;height:auto;max-height:590px;font-family:Inter,"Segoe UI",Arial,sans-serif}.pyramid-v08 .reg-label rect{fill:#f8fcfd;stroke:#15899b;stroke-width:1.7}.pyramid-v08 .reg-label text{fill:#125f72;font-size:18px;font-weight:800;text-anchor:middle;font-family:Inter,"Segoe UI",Arial,sans-serif}.pyramid-v08 .outcome{fill:#123d5d;font-size:23px;font-weight:900;text-anchor:middle;letter-spacing:.02em}.pyramid-v08 .pyr-text text{text-anchor:middle;fill:#fff}.pyramid-v08 .pyr-text .tier{font-size:31px;font-weight:900;letter-spacing:.02em}.pyramid-v08 .pyr-text .sub{font-size:16px;font-weight:600}.pyramid-v08 .cycle{fill:#126d79;font-size:15px;font-weight:900;text-anchor:middle;letter-spacing:.01em}
@media(max-width:1200px){.pyramid-v08{grid-template-columns:1fr;min-height:auto}.pyramid-v08 .pyramid-copy{max-width:850px}.pyramid-v08 .pyramid-visual{min-height:0}.pyramid-v08 .pyramid-svg{max-height:none}}
@media(max-width:700px){.pyramid-v08{padding:24px 18px}.pyramid-v08 h2{font-size:36px}.pyramid-v08 p{font-size:16px}.pyramid-v08 .pyramid-svg{min-width:700px;transform-origin:left top}.pyramid-v08 .pyramid-visual{overflow-x:auto;justify-content:flex-start}}
/*  visual fine-tuning after full-page render */
.pyramid-v08{min-height:720px}
.pyramid-v08 .pyramid-visual{min-height:620px}
.pyramid-v08 .pyramid-svg{max-height:640px}
.pyramid-v08 .pyr-text .tier{font-size:29px}
@media(max-width:1200px){.pyramid-v08{min-height:auto}.pyramid-v08 .pyramid-visual{min-height:0}}

/* CSS-realisiertes Hausmodell */
.framework-house-intro { max-width:1484px;margin:28px auto 34px;padding:44px 46px 30px;
  display:grid;grid-template-columns:minmax(330px,.68fr) minmax(690px,1.45fr);
  grid-template-areas:"copy stage" "cycle cycle" "fragility fragility";gap:24px 42px;
  background:linear-gradient(135deg,rgba(7,35,54,.96),rgba(9,58,73,.94));
  border:1px solid rgba(71,180,202,.55);border-radius:18px;
  box-shadow:0 18px 46px rgba(0,16,32,.24);color:#eef8fa;overflow:hidden }
.house-copy { grid-area:copy;align-self:center }
.house-copy h2 { font-size:clamp(34px,3.1vw,52px);line-height:1.1;margin:12px 0 22px;color:#fff }
.house-copy p { font-size:16px;line-height:1.72;color:#d8e8ed }
.house-copy .house-reg { margin-top:26px;padding:4px 0 4px 16px;border-left:3px solid #25b9ca;color:#c5dce3 }
.house-stage { grid-area:stage;position:relative;min-height:535px;display:flex;align-items:center;justify-content:center;padding:48px 52px 20px }
.reg-frame { position:absolute;inset:20px 26px 8px;border:1px dashed rgba(65,190,211,.52);border-radius:36px }
.reg-badge { position:absolute;padding:7px 14px;border:1px solid rgba(63,190,211,.72);border-radius:8px;background:#07394d;color:#bcebf2;font-size:14px;font-weight:800;letter-spacing:.02em;white-space:nowrap }
.reg-iso { top:-18px;left:17% }
.reg-bsi { top:-18px;left:50%;transform:translateX(-50%) }
.reg-nist { top:7%;right:-18px }
.reg-dora { top:16%;left:-25px }
.reg-dsgvo { top:51%;right:-28px }
.reg-ai { bottom:-18px;left:50%;transform:translateX(-50%) }
.house-model { position:relative;z-index:2;width:min(620px,82%);margin-top:18px }
.house-roof { position:relative;margin:0 auto -4px;width:94%;height:142px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:25px;color:#082f48;text-align:center;filter:drop-shadow(0 10px 7px rgba(0,13,25,.24)) }
.house-roof:before { content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(160deg,#f0f8f8,#a9d5d8);clip-path:polygon(50% 0,100% 76%,97% 100%,3% 100%,0 76%);border-radius:3px }
.roof-title { font-size:27px;font-weight:900;letter-spacing:.02em }
.roof-sub { margin-top:0px;font-size:13px;font-weight:600 }
.house-pillars { display:grid;grid-template-columns:repeat(3,1fr);justify-items:center;align-items:center;width:98%;margin:0 auto }
.house-pillar { position:relative;display:block;width:36px;height:255px }
.pillar-shaft { width:36px;height:255px;display:flex;flex-direction:column;align-items:center }
.pillar-cap { width:36px;height:14px;flex:0 0 auto;background:linear-gradient(#7bc3cb,#3e94a1);border-radius:2px;box-shadow:inset 0 -3px rgba(0,47,61,.22) }
.pillar-rod { width:13px;flex:1 1 auto;background:linear-gradient(90deg,#4b95a0,#79c1cb 50%,#4b95a0);box-shadow:inset 1px 0 rgba(255,255,255,.18),inset -1px 0 rgba(0,30,38,.18) }
.pillar-box { position:absolute;right:calc(100% + 6px);top:50%;transform:translateY(-50%);width:116px;padding:10px 7px;text-align:center;background:#fff;border:1px solid #dce5e8;border-radius:5px;box-shadow:0 3px 10px rgba(0,16,28,.12) }
.pillar-icon { height:26px;font-size:22px;line-height:24px;color:#246f80;font-weight:300;margin-bottom:1px }
.pillar-people { font-size:22px }
.pillar-box h3 { margin:2px 0 3px;color:#111;font-size:14px;letter-spacing:.01em;hyphens:auto }
.pillar-line { display:block;width:28px;height:1px;margin:2px auto 5px;background:#cfd8db }
.pillar-box p { margin:1px 0;color:#1a1a1a;font-size:10px;line-height:1.2;hyphens:auto;overflow-wrap:break-word }
.pillar-foot { width:36px;height:16px;flex:0 0 auto;background:linear-gradient(#4b9ca7,#276d7b);border-radius:2px;box-shadow:0 5px 0 #1d5c69 }
.house-foundation { width:94%;min-height:83px;margin:7px auto 0;padding:16px 18px 13px;text-align:center;background:linear-gradient(145deg,#486f84,#31586f);border:1px solid rgba(194,231,237,.35);border-radius:3px;box-shadow:0 9px 10px rgba(0,14,28,.25);color:#fff }
.foundation-title { font-size:25px;font-weight:900;letter-spacing:.03em }
.foundation-sub { margin-top:5px;font-size:13px;color:#e1eef2 }
.house-fragility-note { grid-area:fragility;text-align:center;max-width:620px;margin:-18px auto 0;padding:0 20px;font-size:12.5px;line-height:1.5;color:#a9c3cc;font-style:italic }
.house-cycle { grid-area:cycle;border-top:1px solid rgba(73,174,194,.28);padding:20px 12px 4px;display:flex;align-items:center;justify-content:center;gap:15px;flex-wrap:wrap;color:#9ddde7;font-size:13px;font-weight:850;letter-spacing:.02em }
.house-cycle b { font-size:22px;font-weight:400;color:#31b4c6 }
/*  targeted house refinement */
.house-model { transform:translateY(-26px); }
.house-foundation { min-height:64px;
  padding:10px 18px 8px; }
.foundation-title { font-size:24px;
  line-height:1.08; }
.foundation-sub { margin-top:3px;
  line-height:1.2; }
/* Top regulatory labels: equal visible free spaces across the upper edge.
   ISO and BSI are intentionally positioned by their boxes, not by equal text-center spacing. */
.reg-iso { top:-18px;
  left:18%;
  transform:none; }
.reg-bsi { top:-18px;
  left:auto;
  right:18%;
  transform:none; }

/* ---- Responsive Anpassungen ---- */
@media(max-width:1100px) {
  .framework-house-intro { grid-template-columns:1fr;grid-template-areas:"copy" "stage" "cycle" "fragility";padding:30px }
  .house-stage { min-height:520px }
  .house-copy h2 { font-size:40px }
}
@media(max-width:720px) {
  .framework-house-intro { padding:24px 18px }
  .house-stage { padding:40px 25px 16px;min-height:470px }
  .house-model { width:86% }
  .house-pillars { width:99% }
  .pillar-shaft { width:22px;height:190px }
  .pillar-cap,.pillar-foot { width:22px }
  .house-pillar { width:22px;height:190px }
  .pillar-box { right:calc(100% + 4px);width:82px;padding:6px 5px }
  .pillar-box h3 { font-size:13px }
  .pillar-box p { font-size:9.5px }
  .house-roof { height:115px }
  .roof-title { font-size:20px }
  .roof-sub { font-size:10px }
  .foundation-sub { font-size:11px }
  .reg-badge { font-size:11px;padding:5px 8px }
}
@media(max-width:1100px) {
  .house-model { transform:translateY(-18px) }
}
@media(max-width:720px) {
  .house-model { transform:translateY(-10px) }
  .house-foundation { min-height:58px;padding:8px 12px 7px }
  .foundation-title { font-size:21px }
}

/* three-layer navigation content styles. Global header styles are centralized in framework-author.js. */
.layer-card{border-top:3px solid #168b87}.layer-card .card-icon{display:inline-grid}
.layers-visual{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:24px 0}.layer-panel{border:1px solid var(--line);border-radius:15px;padding:24px;background:#fff;box-shadow:0 5px 18px rgba(20,40,60,.04)}.layer-panel .layer-no{font-size:11px;letter-spacing:.13em;color:var(--accent);font-weight:850}.layer-panel h3{font-size:23px;margin:5px 0 7px;color:#0e5d74}.layer-panel p{color:#5b6e82}.layer-question{margin-top:14px;padding-top:13px;border-top:1px solid var(--line);font-weight:700;color:#334f68}.layer-arrow{text-align:center;color:#168b87;font-weight:900;font-size:22px}
.side-fachstand{margin-top:14px;padding-top:13px;border-top:1px solid var(--line)}.side-fachstand strong{font-size:15px;color:#20364c}
@media(max-width:1100px){.layers-visual{grid-template-columns:1fr}}

/* : Capability-Definition innerhalb des hellen Catalog-Shells */
#v21-capability-definition .capability-triad > div{
  padding:18px;
  border:1px solid #d2e1e7;
  border-radius:12px;
  background:#fff;
  text-align:center;
  color:#50677b;
}
#v21-capability-definition .capability-triad > div strong{
  display:block;
  color:#142536;
  margin-bottom:6px;
}
#v21-capability-definition .capability-triad > div small{
  display:block;
  line-height:1.45;
}
@media(max-width:1200px){
  #v21-capability-definition .capability-triad{grid-template-columns:1fr}
  #v21-capability-definition .capability-triad i{transform:none}
}

/*  search filters */
.search-filters{max-width:760px;margin:10px 0 0;display:flex;gap:7px;flex-wrap:wrap}.search-filters button{border:1px solid rgba(183,214,222,.72);background:rgba(255,255,255,.12);color:#e9f5f7;border-radius:999px;padding:6px 11px;font:700 12px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;cursor:pointer}.search-filters button:hover,.search-filters button.active{background:#fff;color:#0b6170;border-color:#fff}.status-card{min-height:0}.status-card h3{color:#0e5d74}

/* V2.1 — start-page release status */
.hero-home{position:relative}
.hero-home>h1,.hero-home>p{max-width:calc(100% - 300px)}
.framework-status-card{position:absolute;top:46px;right:46px;width:230px;padding:22px 20px 18px;background:rgba(247,250,252,.98);border:1px solid rgba(207,224,229,.95);border-radius:12px;color:#15324b;box-shadow:0 12px 28px rgba(0,18,34,.14)}
.framework-status-title{font-size:11px;line-height:1.2;letter-spacing:.15em;font-weight:850;color:#0c6f78;margin-bottom:14px}
.framework-status-row{padding:11px 0;border-top:1px solid #d9e3e8}
.framework-status-row span{display:block;font-size:9.5px;line-height:1.2;letter-spacing:.14em;font-weight:850;color:#718093;margin-bottom:4px}
.framework-status-row strong{display:block;font-size:15px;line-height:1.25;color:#17324c}
.framework-status-row small{display:block;margin-top:5px;color:#a24b23;font-size:10px;font-weight:750}
.framework-status-card.is-warning{border-color:#d69a67;background:#fff8f1}
@media(max-width:1180px){.hero-home>h1,.hero-home>p{max-width:100%}.framework-status-card{position:static;width:min(100%,760px);margin:22px 0 0;display:grid;grid-template-columns:1.2fr repeat(3,1fr);gap:0;align-items:start}.framework-status-title{margin:0;padding:11px 12px 11px 0}.framework-status-row{border-top:0;border-left:1px solid #d9e3e8;padding:11px 12px}}
@media(max-width:620px){.framework-status-card{display:block}.framework-status-title{padding:0 0 12px}.framework-status-row{border-left:0;border-top:1px solid #d9e3e8;padding:10px 0}}

/* V2.1 – QS-Anpassungen Startseite */
.home-glossary-help{
  background:transparent;
  box-shadow:none;
  padding:0;
  border-radius:0;
}
.home-glossary-help .home-help-card{
  width:100%;
  box-sizing:border-box;
}

/* Version/status box remains part of the start page only. */

.node-content-lift > span{transform:translateY(-13px);}

.center-text-lift > strong{transform:translateY(-15px);}

/* V2.9 – responsive refinement of approved house model */
@media(max-width:720px){
  .pillar-box{width:98px;padding:6px 6px}
  .pillar-box h3{font-size:12.5px}
  .pillar-box p{font-size:9.2px;line-height:1.18;hyphens:auto;overflow-wrap:normal}
  .house-cycle{gap:8px;font-size:10.5px;letter-spacing:.015em;padding-left:4px;padding-right:4px}
  .house-cycle b{font-size:17px}
  .house-fragility-note{margin:-17px auto 0;font-size:11.5px}
}

/* V2.9 – status warning must remain invisible while hidden */
.framework-status-row small[hidden]{display:none!important}

/* =========================================================
   V2.9 - einheitliche Kreislauf-Typografie
   Redaktionell gekürzte Texte statt individueller Minischrift
   ========================================================= */

.application-stage .wheel-node {
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  padding:10px!important;
  overflow:hidden!important;
}

.application-stage .wheel-label {
  margin:0!important;
  max-width:116px!important;
  font-size:11px!important;
  line-height:1.10!important;
  font-weight:850!important;
  hyphens:none!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
}

.application-stage .wheel-desc {
  margin:3px 0 0!important;
  padding:0 2px!important;
  max-width:116px!important;
  font-size:9px!important;
  line-height:1.14!important;
  font-weight:560!important;
  hyphens:none!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
  white-space:normal!important;
}

/* Einziger bewusst kompakter Sonderfall: 9-Schritt-Kreislauf */
.application-stage .process-wheel-dense .wheel-label {
  max-width:98px!important;
  font-size:9px!important;
  line-height:1.06!important;
}

.application-stage .process-wheel-dense .wheel-desc {
  max-width:98px!important;
  font-size:8px!important;
  line-height:1.10!important;
  margin-top:2px!important;
}

/* V2.9 – strikt einheitliche Typografie normaler Kreisläufe */
.application-stage .process-wheel:not(.process-wheel-dense) .wheel-node .wheel-label {
  font-size:11px!important;
  line-height:1.10!important;
  font-weight:850!important;
}

.application-stage .process-wheel:not(.process-wheel-dense) .wheel-node .wheel-desc {
  font-size:9px!important;
  line-height:1.14!important;
  font-weight:560!important;
}

/* Icons ebenfalls einheitlich */
.application-stage .process-wheel:not(.process-wheel-dense) .wheel-node-icon svg {
  width:26px!important;
  height:26px!important;
}

.application-stage .process-wheel:not(.process-wheel-dense) .wheel-num {
  font-size:11px!important;
}