:root{--bg:#0b1020;--bg2:#10182b;--card:#141f35;--line:#2a3650;--ink:#f7f9ff;--muted:#a4b1c7;--teal:#8ef7c3;--blue:#9ebcff;--radius:19px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 system-ui,-apple-system,Segoe UI,Arial,sans-serif}body:before{content:'';pointer-events:none;position:absolute;top:0;left:0;right:0;height:650px;background:radial-gradient(ellipse at 72% 5%,#35408a52,transparent 45%),radial-gradient(ellipse at 10% 20%,#12a49228,transparent 40%);z-index:-1}a{color:inherit;text-decoration:none}a:hover{color:var(--teal)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--teal);outline-offset:3px}button,input,select{font:inherit}button{cursor:pointer}p{margin:0 0 1.15rem}h1,h2,h3{letter-spacing:-.045em;line-height:1.13}h1{font-size:clamp(2.8rem,6.8vw,5.6rem);max-width:880px;margin:.4rem 0 1.3rem}h2{font-size:clamp(1.8rem,3.6vw,2.8rem);margin:0 0 .6rem}h3{font-size:1.3rem;margin:0 0 .55rem}small,.small{font-size:.82rem}.wrap{max-width:1190px;margin:auto;padding:0 24px}.topbar{border-bottom:1px solid #ffffff17;background:#0b1020b9;backdrop-filter:blur(16px);position:sticky;top:0;z-index:20}.nav{height:75px;display:flex;align-items:center;gap:26px}.logo{display:flex;align-items:center;gap:9px;font-size:1.26rem;font-weight:850;letter-spacing:-.055em;white-space:nowrap}.logo-mark{display:grid;place-items:center;width:35px;height:35px;background:linear-gradient(135deg,#8ef7c3,#79afff);border-radius:11px;color:#101929;font-weight:900}.navlinks{display:flex;gap:22px;margin:auto;font-size:.93rem;color:#c3cce0}.nav-action{margin-left:auto}.button{display:inline-flex;justify-content:center;align-items:center;gap:8px;border:1px solid transparent;border-radius:12px;padding:12px 19px;font-weight:750;line-height:1.2;background:var(--teal);color:#081b1a;transition:.16s;white-space:nowrap}.button:hover{background:#bcffe0;color:#071817;transform:translateY(-1px)}.button.secondary{background:#ffffff0b;color:#f1f5ff;border-color:#3a4760}.button.secondary:hover{background:#ffffff17;color:#fff}.button.ghost{background:none;border:1px solid #52617c;color:var(--ink)}.button[disabled]{opacity:.4;cursor:not-allowed}.hero{padding:83px 0 74px}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;font-weight:800;color:var(--teal)}.hero p{font-size:1.16rem;color:#c4d0e3;max-width:680px}.hero strong.mark{background:linear-gradient(100deg,#90efc5,#9ab7ff);color:transparent;background-clip:text}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.mini-stats{display:flex;gap:34px;flex-wrap:wrap;margin-top:37px;color:#b8c6d8;font-size:.85rem}.mini-stats b{font-size:1.05rem;color:#f4f8ff}.shell-panel{border:1px solid var(--line);border-radius:24px;background:linear-gradient(145deg,#1d2c4b,#11192b);box-shadow:0 18px 55px #0003}.hero-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:32px;align-items:center}.hero-graphic{padding:24px;transform:rotate(2deg)}.graphic-kicker{color:#93eec2;font-size:.8rem;font-weight:750;letter-spacing:.05em}.graph-row{display:flex;gap:14px;align-items:center;padding:17px 12px;margin-top:12px;border-radius:13px;background:#ffffff08;border:1px solid #ffffff13}.graph-icon{font-size:1.8rem;width:50px;height:50px;display:grid;place-items:center;background:#ffffff10;border-radius:12px}.graph-row b{display:block;font-size:.96rem}.graph-row span{color:#a5b5d3;font-size:.77rem}.section{padding:64px 0}.section-tight{padding:32px 0}.section-sub{color:var(--muted);max-width:640px;margin-bottom:29px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:25px}.tag{display:inline-block;border:1px solid #3b5470;border-radius:100px;padding:4px 11px;color:#b3d5ee;font-size:.73rem;font-weight:750;letter-spacing:.01em}.featured{background:#111a2c;border-top:1px solid #1e314a;border-bottom:1px solid #1e314a}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.tile,.article-card{background:linear-gradient(155deg,#16223a,#111a2e);border:1px solid #2d3a53;border-radius:var(--radius);padding:23px;display:flex;flex-direction:column;gap:0;transition:.15s}.tile:hover,.article-card:hover{border-color:#6378a2;transform:translateY(-2px)}.tile-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.tool-icon{width:51px;height:51px;border-radius:15px;display:grid;place-items:center;font-weight:900;font-size:1.65rem;background:#ffffff0b;border:1px solid #ffffff12}.tile h3{margin:19px 0 4px}.tile .subtitle{font-size:.82rem;color:#8fb0d4}.tile p{color:#b8c6da;font-size:.92rem;flex:1;margin:15px 0 12px}.tile-foot{display:flex;justify-content:space-between;gap:10px;align-items:center;border-top:1px solid #ffffff15;padding-top:17px;margin-top:9px}.micro{font-size:.75rem;color:#91a6c0}.tile-foot a{font-size:.88rem;color:var(--teal);font-weight:850}.features{padding-left:18px;color:#d1d9e8;font-size:.93rem}.features li{margin-bottom:8px}.toolbar{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.input{background:#141f34;border:1px solid #40506b;border-radius:12px;color:#fff;padding:13px 14px;min-width:0}.input::placeholder{color:#8295b1}.toolbar .input{flex:1;min-width:180px}.filters{display:flex;gap:8px;flex-wrap:wrap}.chip{border:1px solid #3a4a68;background:transparent;color:#b9c7d9;border-radius:999px;padding:8px 13px;font-size:.82rem}.chip.active,.chip:hover{border-color:#7ce6bc;background:#164f4b;color:#d6fff0}.callout{border:1px solid #3c4e66;border-radius:18px;background:linear-gradient(130deg,#172941,#142334);padding:30px}.quiz{display:grid;grid-template-columns:1fr 1fr;gap:38px;align-items:start}.quiz-options{display:grid;gap:9px}.quiz-opt{display:flex;align-items:center;gap:12px;background:#121f32;border:1px solid #34445e;border-radius:13px;padding:13px 15px;color:#d8e7f7;cursor:pointer}.quiz-opt input{accent-color:#8df6c2;width:17px;height:17px}.result-box{border-radius:18px;background:#101b2d;border:1px solid #3e516d;min-height:210px;padding:23px}.result-box .rank{font-size:.79rem;color:#91a8bf}.result-row{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #ffffff17;padding:12px 0}.result-row:last-child{border:none}.article-card .category{font-size:.75rem;font-weight:700;color:var(--teal)}.article-card h3{margin:9px 0}.article-card p{color:#b3bfd0;font-size:.9rem;flex:1}.article-card .more{color:#9deec8;font-weight:700;font-size:.88rem}.disclosure{color:#9db1c5;font-size:.84rem;border-left:3px solid #9eeec8;padding:2px 0 2px 13px;margin-top:26px}.footer{margin-top:56px;border-top:1px solid #28364a;padding:45px 0 30px;background:#0c1323}.footer-inner{display:flex;gap:30px;justify-content:space-between;flex-wrap:wrap}.footlinks{display:flex;gap:18px;flex-wrap:wrap;font-size:.88rem;color:#bcc9da}.footer p{font-size:.79rem;color:#8799ae;max-width:500px}.guide-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:54px}.reading{max-width:790px;color:#c9d6e8}.reading p{line-height:1.88}.reading h2{font-size:1.68rem;margin:36px 0 14px;color:#fff}.reading h3{margin:25px 0 10px}.reading ul{padding-left:20px}.reading li{margin:8px 0}.aside{align-self:start;position:sticky;top:102px;padding:23px;border:1px solid #34425b;border-radius:19px;background:#152238}.meta{color:#91a9c3;font-size:.83rem}.page-title{font-size:clamp(2.1rem,5vw,4rem);max-width:910px}.breadcrumbs{color:#8fa4bd;font-size:.82rem;padding-top:37px}.breadcrumbs a{color:#b9d9eb}.info-box{padding:23px 26px;border-radius:16px;background:#11283a;border:1px solid #355b69;margin:22px 0}.info-box strong{color:#c1ffe0}.comparison{width:100%;border-collapse:collapse;margin:18px 0 30px;display:block;overflow:auto}.comparison th,.comparison td{border-bottom:1px solid #31425a;text-align:left;padding:16px;min-width:165px}.comparison th{color:#a9f1cc}.warning{padding:20px;border:1px solid #8a6651;background:#35291d;border-radius:14px;color:#ffdda9}.hint{font-size:.81rem;color:#aabbd2}.cta-band{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.empty{padding:35px;text-align:center;color:var(--muted)}.check-card{border:1px solid #39536b;padding:20px;border-radius:15px;background:#121e33}.check-card p{color:#b9c6db}.about-cols{display:grid;grid-template-columns:1fr 1fr;gap:20px}.headline-mini{display:block;letter-spacing:.09em;text-transform:uppercase;font-size:.7rem;color:var(--teal);font-weight:800}@media(max-width:920px){.hero-grid{grid-template-columns:1fr}.hero-graphic{display:none}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-layout{grid-template-columns:1fr}.aside{position:static}.navlinks{gap:12px}}@media(max-width:640px){.wrap{padding:0 17px}.nav{gap:15px;height:67px}.navlinks{display:none}.nav-action .button{padding:10px;font-size:.82rem}.hero{padding:56px 0 40px}.hero p{font-size:1rem}.section{padding:42px 0}.grid,.quiz,.about-cols{grid-template-columns:1fr}.mini-stats{gap:15px}.tile{padding:21px}.callout{padding:23px}.footer-inner{flex-direction:column}}

/* AlpenPuls production credit: deliberately small and unobtrusive. */
.ap-production{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:9px;margin-top:16px;padding-top:12px;border-top:1px solid #ffffff10;opacity:.72;transition:opacity .18s ease}
.ap-production:hover,.ap-production:focus-within{opacity:1}
.ap-production span{font-size:10px;letter-spacing:.035em;color:#8b9ab0}
.ap-production a{display:inline-flex;align-items:center;line-height:0;border-radius:3px}
.ap-production img{display:block;width:104px;height:auto;max-height:43px;object-fit:contain}
@media(max-width:640px){.ap-production{justify-content:center;padding-top:14px;margin-top:18px}.ap-production span{font-size:10px}.ap-production img{width:96px}}

/* TOOLKLAR Update 10: topics and public category pages */
.topic-section{background:linear-gradient(140deg,#101d31,#111b30);border-block:1px solid #25354c}
.topic-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.topic-grid-roomy{grid-template-columns:repeat(3,minmax(0,1fr))}
.topic-card{display:flex;flex-direction:column;align-items:flex-start;background:#17243b;border:1px solid #324862;border-radius:18px;padding:22px;min-height:226px;transition:.18s}
.topic-card:hover,.topic-card:focus-visible{background:#20344a;border-color:#8af2c8;color:#f5fcff;transform:translateY(-2px)}
.topic-card .topic-symbol{display:grid;place-items:center;font-size:1.9rem;width:51px;height:51px;border-radius:14px;background:#ffffff12}
.topic-card h3,.topic-card h2{font-size:1.23rem;margin:18px 0 8px}
.topic-card p{color:#b4c9da;font-size:.91rem;line-height:1.65;flex:1}
.topic-more{font-size:.85rem;color:#91efc8;font-weight:700}
.topic-intro{font-size:1.15rem;line-height:1.7;max-width:880px;color:#c3d5e6;margin:0 0 30px}
.guide-columns{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:22px;align-items:start}
.content-panel{background:linear-gradient(150deg,#17263b,#10192c);border:1px solid #33465e;border-radius:18px;padding:29px;color:#c4d5e6}
.content-panel h2{font-size:1.44rem;color:#eff9ff;margin:20px 0 12px}
.content-panel h2:first-child{margin-top:0}
.content-panel p{line-height:1.8}
.content-panel.slim{position:sticky;top:94px}
.check-list{padding:0 0 0 20px;line-height:1.85}
.check-list li{margin-bottom:7px}
.topic-partner-section{background:#111a2c;border-top:1px solid #26364b}
.topic-empty{grid-column:1/-1;max-width:750px}
.topic-empty h3{font-size:1.18rem}
@media(max-width:980px){.topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-columns{grid-template-columns:1fr}.content-panel.slim{position:static}}
@media(max-width:640px){.topic-grid,.topic-grid-roomy{grid-template-columns:1fr}.topic-card{min-height:0}.content-panel{padding:22px}}