:root{--ink:#102c27;--jade:#0f8067;--lime:#c8ef91;--mist:#edf7f3;--sand:#f7f5ef;--amber:#f1aa43;--red:#d9564a;--text:#263a34;--muted:#677a73;--line:#d8e5df;--paper:#fff;--shadow:0 22px 70px rgba(16,44,39,.13);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;min-width:320px;line-height:1.65}a{color:inherit;text-underline-offset:3px}button{font:inherit}.skip-link{position:fixed;top:-5rem;left:1rem;z-index:999;background:#fff;padding:.7rem 1rem}.skip-link:focus{top:1rem}
.topline{min-height:34px;padding:5px max(4vw,24px);background:#071e1a;color:#b9d4cc;display:flex;justify-content:space-between;align-items:center;font-size:.7rem;letter-spacing:.04em}.topline a{color:#fff;font-weight:700}.site-header{height:78px;padding:0 max(4vw,24px);display:grid;grid-template-columns:auto 1fr auto;gap:32px;align-items:center;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:60}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-size:1.2rem;font-weight:800;letter-spacing:-.03em}.brand b{color:var(--jade)}.gem{width:40px;height:40px;display:grid;place-items:center;background:var(--ink);color:var(--lime);clip-path:polygon(50% 0,90% 22%,100% 65%,73% 100%,27% 100%,0 65%,10% 22%);font-size:.9rem}.desktop-nav{display:flex;align-items:center;justify-content:center;gap:clamp(16px,2.2vw,34px)}.desktop-nav a,.lang{font-size:.84rem;font-weight:700;text-decoration:none;color:#40554e}.desktop-nav a:hover,.lang:hover{color:var(--jade)}.nav-actions{display:flex;align-items:center;gap:14px}.method-button,.primary-button,.secondary-button,.source-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:10px;text-decoration:none;font-weight:800;font-size:.8rem}.method-button{background:var(--ink);color:#fff}.mobile-menu{display:none}
.hero{min-height:670px;padding:clamp(60px,8vw,110px) max(5vw,32px);display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.88fr);align-items:center;gap:clamp(40px,7vw,100px);background:linear-gradient(135deg,#f8f6ef 0%,#fff 50%,#e8f5f0 100%);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(15,128,103,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(15,128,103,.05) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(90deg,transparent,#000 85%,transparent)}.hero-copy,.evidence-board{position:relative;z-index:2}.eyebrow,.category-label{display:block;color:var(--jade);font-size:.7rem;font-weight:900;letter-spacing:.17em;text-transform:uppercase;margin-bottom:14px}.hero h1,.page-hero h1,.article-header h1,.review-header h1,h2,h3{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);line-height:1.08;letter-spacing:-.045em;margin:0}.hero h1{font-size:clamp(2.9rem,5.7vw,5.6rem);max-width:760px}.hero-copy>p{font-size:clamp(1rem,1.6vw,1.23rem);color:var(--muted);max-width:650px;margin:26px 0 30px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.primary-button{background:var(--jade);color:#fff;min-height:54px;padding:0 24px}.primary-button:hover{background:#0c6a56}.secondary-button{border:1px solid #b8cbc4;background:#fff;color:var(--ink);min-height:54px;padding:0 24px}.hero-trust{display:flex;gap:18px;flex-wrap:wrap;margin-top:23px;color:#546a62;font-size:.72rem;font-weight:700}.evidence-board{background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);padding:18px;transform:rotate(1deg)}.board-head,.board-foot{display:flex;justify-content:space-between;align-items:center;padding:8px 6px 18px;font-size:.68rem;font-weight:800;letter-spacing:.1em;color:#6b7c76}.board-row{display:grid;grid-template-columns:54px 1fr auto;gap:13px;align-items:center;border:1px solid var(--line);border-radius:14px;padding:14px;margin:10px 0}.board-icon,.app-symbol{display:grid;place-items:center;width:48px;height:48px;border-radius:12px;background:var(--ink);color:#fff;font-weight:900}.board-icon.jade{background:var(--jade)}.board-icon.mint{background:var(--lime);color:var(--ink)}.board-icon.amber{background:var(--amber);color:var(--ink)}.board-row div{display:flex;flex-direction:column}.board-row strong{font-size:.9rem;color:var(--ink)}.board-row small{font-size:.69rem;color:var(--muted)}.board-state{font-size:.6rem;font-weight:900;letter-spacing:.1em;border-radius:100px;padding:6px 9px}.board-state.checked{background:#dff5e8;color:#176944}.board-state.hold{background:#fff0d8;color:#9b5b0d}.board-foot{padding:16px 6px 4px;border-top:1px solid var(--line);margin-top:15px}
.law-alert{margin:-28px max(5vw,32px) 0;position:relative;z-index:5;background:#fff4e2;border:1px solid #f0d4a6;border-radius:18px;box-shadow:0 15px 50px rgba(102,68,17,.11);padding:24px 28px;display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center}.alert-mark{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:var(--amber);color:var(--ink);font-weight:900}.law-alert strong{color:var(--ink)}.law-alert p{margin:4px 0;color:#6f6049;font-size:.86rem}.law-alert a{font-weight:800;color:#80500d;font-size:.78rem}
.section{padding:clamp(70px,8vw,110px) max(5vw,32px)}.section--sand{background:var(--sand)}.section.compact{padding-top:45px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:42px}.section-heading h2,.criteria-section h2{font-size:clamp(2rem,3.7vw,3.6rem);max-width:760px}.section-heading>p{max-width:520px;color:var(--muted);margin:0}.filter-bar{display:flex;gap:8px;margin-bottom:24px}.filter-bar button{border:1px solid var(--line);background:#fff;color:#4f655e;border-radius:100px;padding:9px 14px;font-size:.74rem;font-weight:800;cursor:pointer}.filter-bar button.active{background:var(--ink);color:#fff;border-color:var(--ink)}
.app-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.app-card{min-height:440px;padding:25px;border:1px solid var(--line);border-radius:18px;background:#fff;display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease}.app-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.app-card[hidden]{display:none}.app-card-top{display:flex;justify-content:space-between;align-items:start}.status{display:inline-flex;align-items:center;gap:7px;padding:6px 9px;border-radius:100px;font-size:.62rem;font-weight:900;text-transform:uppercase;letter-spacing:.07em}.status i{width:7px;height:7px;border-radius:50%;background:currentColor}.status--checked{background:#e0f5e9;color:#176944}.status--hold{background:#fff0d8;color:#9b5b0d}.status--limited{background:#edf0f2;color:#58656c}.app-card h3{font-size:1.5rem;margin:24px 0 13px}.app-card h3 a{text-decoration:none}.app-card>p{font-size:.86rem;color:var(--muted);margin:0}.app-card dl{margin:24px 0 0;border-top:1px solid var(--line)}.app-card dl div{display:grid;grid-template-columns:85px 1fr;gap:10px;padding:9px 0;border-bottom:1px solid var(--line);font-size:.72rem}.app-card dt{font-weight:800;color:var(--ink)}.app-card dd{margin:0;color:var(--muted)}.app-card footer{display:flex;justify-content:space-between;align-items:end;margin-top:auto;padding-top:20px}.app-card footer a{font-size:.76rem;font-weight:800;color:var(--jade);text-decoration:none}.grade{display:grid;place-items:center;min-width:48px;height:48px;padding:0 9px;border-radius:11px;font-size:1.25rem;font-weight:900}.grade--checked{background:var(--lime);color:var(--ink)}.grade--hold{background:#fff0d8;color:#915510;font-size:.66rem}.grade--limited{background:#e9edef;color:#4d5b61}
.criteria-section{margin:0 max(5vw,32px) clamp(70px,8vw,110px);padding:clamp(36px,6vw,70px);background:var(--ink);border-radius:24px;color:#fff;display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}.criteria-section .eyebrow{color:var(--lime)}.criteria-section h2{color:#fff}.criteria-section p{color:#b7cdc6}.criteria-section a{color:var(--lime);font-weight:800}.criteria-section ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.criteria-section li{background:#173d35;border:1px solid rgba(255,255,255,.11);border-radius:12px;padding:16px;font-size:.85rem;font-weight:700}.criteria-section li span{color:var(--lime);margin-right:12px;font-size:.7rem}
.lesson-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.lesson-card{min-height:350px;background:#fff;border:1px solid #e6e2d8;border-radius:18px;padding:25px;display:flex;flex-direction:column}.lesson-card h3{font-size:1.22rem;margin:20px 0 14px}.lesson-card h3 a{text-decoration:none}.lesson-card p{margin:0;color:var(--muted);font-size:.85rem}.lesson-card footer{display:flex;justify-content:space-between;gap:14px;margin-top:auto;padding-top:20px;border-top:1px solid var(--line);font-size:.68rem;color:var(--muted)}.lesson-card footer a{color:var(--jade);font-weight:800;text-decoration:none}
.source-table{border:1px solid var(--line);border-radius:16px;overflow:hidden}.source-table>div,.source-table>a{display:grid;grid-template-columns:220px 1fr;gap:20px;padding:17px 22px;border-bottom:1px solid var(--line);text-decoration:none}.source-table>div{background:var(--ink);color:#fff;font-size:.66rem;font-weight:900;letter-spacing:.12em}.source-table>a:last-child{border:0}.source-table>a:hover{background:var(--mist)}.source-table strong{color:var(--ink)}.source-table span{color:var(--muted)}.faq{max-width:1050px;margin:auto}.faq details,.article-faq details{padding:20px 0;border-top:1px solid var(--line)}.faq details:last-child,.article-faq details:last-child{border-bottom:1px solid var(--line)}.faq summary,.article-faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px;color:var(--ink);font-weight:800}.faq summary:after,.article-faq summary:after{content:"+";color:var(--jade);font-size:1.2rem}.faq details[open] summary:after,.article-faq details[open] summary:after{content:"−"}.faq details p,.article-faq details p{color:var(--muted)}
.page-hero{padding:70px max(5vw,32px) 75px;background:linear-gradient(140deg,var(--sand),#fff);border-bottom:1px solid var(--line)}.page-hero h1{font-size:clamp(2.7rem,5vw,5.1rem);max-width:970px}.page-hero>p{font-size:1.14rem;color:var(--muted);max-width:780px;margin:22px 0 0}.breadcrumbs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:38px;font-size:.7rem;color:#788983}.breadcrumbs a{color:var(--jade)}
.review-header,.article-header{padding:58px max(10vw,32px);background:linear-gradient(140deg,var(--sand),#fff);border-bottom:1px solid var(--line)}.review-title-row{display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:center}.app-symbol--large{width:78px;height:78px;font-size:2rem;background:var(--jade)}.review-header h1,.article-header h1{font-size:clamp(2.5rem,4.9vw,4.8rem);max-width:1000px}.review-dek,.article-header>p{font-size:1.16rem;color:var(--muted);max-width:820px;margin:23px 0}.review-meta{display:flex;align-items:center;gap:15px;flex-wrap:wrap;color:var(--muted);font-size:.72rem}.author{display:flex;align-items:center;gap:11px;margin-top:28px}.author>span{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:var(--lime);font-size:.7rem;font-weight:900}.author div{display:flex;flex-direction:column}.author strong{color:var(--ink);font-size:.83rem}.author small{color:var(--muted);font-size:.7rem}
.review-layout{display:grid;grid-template-columns:300px minmax(0,760px);justify-content:center;gap:65px;padding:60px max(5vw,32px)}.review-layout>aside{align-self:start;position:sticky;top:130px}.verdict-box{border:1px solid var(--line);border-radius:16px;padding:23px;background:#fff}.verdict-box>span{display:block;color:var(--jade);font-size:.64rem;font-weight:900;letter-spacing:.12em}.verdict-box .grade{margin:18px 0}.verdict-box p{color:var(--muted);font-size:.82rem}.source-button{width:100%;margin-top:12px;background:var(--ink);color:#fff}.review-layout>aside>small{display:block;text-align:center;color:var(--muted);font-size:.67rem;margin-top:8px}
.article-layout{display:grid;grid-template-columns:230px minmax(0,760px);justify-content:center;gap:60px;padding:60px max(5vw,32px)}.article-layout--single{grid-template-columns:minmax(0,760px)}.toc{position:sticky;top:130px;align-self:start;border-left:2px solid var(--line);padding-left:20px;font-size:.76rem}.toc ol{padding-left:16px}.toc li{margin:8px 0}.toc a{color:var(--muted);text-decoration:none}.prose{font-size:1rem}.prose .lead{font-size:1.18rem;color:#465c54;margin:0 0 42px}.prose section{margin-bottom:44px}.prose h2{font-size:clamp(1.6rem,2.7vw,2.35rem);margin-bottom:15px}.prose p{color:#465b54}.prose a{color:var(--jade);font-weight:700}.facts-table{border:1px solid var(--line);border-radius:14px;overflow:hidden}.facts-table div{display:grid;grid-template-columns:170px 1fr;gap:20px;padding:13px 16px;border-bottom:1px solid var(--line)}.facts-table div:last-child{border:0}.facts-table dt{font-weight:800;color:var(--ink)}.facts-table dd{margin:0;color:var(--muted)}.boundary{background:#fff4e2;border-left:4px solid var(--amber);padding:24px 26px;margin:45px 0}.boundary strong{color:var(--ink)}.boundary p{margin:5px 0 0}.article-faq,.sources{margin-top:50px}.article-faq h2,.sources h2{margin-bottom:20px}.sources{border-top:1px solid var(--line);padding-top:35px}.sources li{margin:7px 0}.related .app-grid{grid-template-columns:repeat(2,1fr)}
.format-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.format-card{min-height:330px;border:1px solid var(--line);border-radius:18px;padding:28px;background:#fff;display:flex;flex-direction:column}.format-icon{width:64px;height:64px;border-radius:16px;display:grid;place-items:center;background:var(--mist);color:var(--jade);font-size:1.5rem;font-weight:900}.format-card h3{font-size:1.45rem;margin:24px 0 14px}.format-card h3 a{text-decoration:none}.format-card p{color:var(--muted);font-size:.86rem}.format-card>a{margin-top:auto;color:var(--jade);font-size:.76rem;font-weight:800;text-decoration:none}.format-check{padding:60px max(8vw,32px);display:grid;grid-template-columns:.7fr 1.3fr;gap:55px;background:var(--mist)}.format-check h2{font-size:2.4rem}.format-check ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.format-check li{background:#fff;border:1px solid var(--line);border-radius:10px;padding:15px;font-size:.83rem;font-weight:700}.format-check li span{color:var(--jade);font-size:.68rem;margin-right:10px}
.policy{max-width:800px;margin:auto}.page-record{margin-top:50px;border-top:1px solid var(--line)}.page-record div{display:grid;grid-template-columns:180px 1fr;padding:13px 0;border-bottom:1px solid var(--line)}.page-record dt{font-weight:800;color:var(--ink)}.page-record dd{margin:0;color:var(--muted)}.not-found{min-height:55vh}.not-found .primary-button{margin-top:22px}
.legal-band{margin:0;padding:32px max(5vw,32px);background:#fff4e2;border-top:1px solid #efd5ad;display:grid;grid-template-columns:auto 1fr auto;gap:22px;align-items:center}.legal-band strong{color:var(--ink)}.legal-band p{margin:0;color:#725f43;font-size:.82rem}.legal-band a{color:#80500d;font-weight:800;font-size:.76rem}.site-footer{background:#071e1a;color:#aec8c0;padding:60px max(5vw,32px)}.footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px}.brand--footer{color:#fff}.footer-grid>div p{max-width:480px;font-size:.82rem}.footer-grid nav{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.footer-grid nav a{color:#d7e5e1;font-size:.8rem}.copyright{border-top:1px solid rgba(255,255,255,.12);margin:38px 0 0;padding-top:22px;font-size:.7rem}
@media(max-width:1100px){.desktop-nav{display:none}.mobile-menu{display:block;position:relative}.mobile-menu summary{list-style:none;font-weight:800;color:var(--ink);cursor:pointer}.mobile-menu nav{position:absolute;right:0;top:35px;width:230px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px;box-shadow:var(--shadow);display:grid}.mobile-menu nav a{padding:9px;text-decoration:none}.hero{grid-template-columns:1fr .85fr}.lesson-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.topline{justify-content:center}.topline a{display:none}.site-header{height:68px;padding:0 18px;gap:14px}.nav-actions{margin-left:auto}.nav-actions .lang,.method-button{display:none}.hero{grid-template-columns:1fr;padding:60px 22px 78px}.hero h1{font-size:clamp(2.65rem,13vw,4.3rem)}.evidence-board{transform:none;margin-top:20px}.law-alert{margin:-30px 22px 0;grid-template-columns:auto 1fr}.law-alert a{grid-column:1/3}.section{padding:65px 22px}.section-heading{display:block}.section-heading>p{margin-top:18px}.app-grid{grid-template-columns:1fr}.criteria-section{margin:0 22px 65px;grid-template-columns:1fr;padding:38px 24px;gap:35px}.source-table>div,.source-table>a{grid-template-columns:1fr;gap:4px}.page-hero{padding:50px 22px}.review-header,.article-header{padding:45px 22px}.review-title-row{grid-template-columns:1fr}.review-layout,.article-layout{display:block;padding:40px 22px}.review-layout>aside,.toc{position:relative;top:auto;margin-bottom:42px}.format-grid{grid-template-columns:1fr}.format-check{grid-template-columns:1fr;padding:45px 22px}.legal-band{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.related .app-grid{grid-template-columns:1fr}}
@media(max-width:560px){.hero-actions{display:grid}.primary-button,.secondary-button{width:100%}.hero-trust{display:grid}.board-row{grid-template-columns:46px 1fr}.board-state{grid-column:2}.lesson-grid{grid-template-columns:1fr}.criteria-section{margin-left:12px;margin-right:12px}.criteria-section ol,.format-check ol{grid-template-columns:1fr}.filter-bar{overflow:auto;padding-bottom:3px}.filter-bar button{white-space:nowrap}.facts-table div,.page-record div{grid-template-columns:1fr;gap:4px}.footer-grid nav{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.app-card{transition:none}}

/* Shared teenpattigem.com design language: framed media hero, overlay copy and trust strip. */
.hero-shell{padding:62px max(5vw,32px) 42px;background:#f7f3f7}
.hero-shell .hero{min-height:620px;padding:clamp(28px,4vw,58px);grid-template-columns:minmax(0,1fr) minmax(420px,.9fr);gap:clamp(28px,5vw,70px);background:radial-gradient(circle at 80% 25%,#177d67 0%,#0e5b4c 34%,#0a352e 72%);border:1px solid #77aa86;border-radius:22px;box-shadow:0 28px 70px rgba(16,44,39,.22)}
.hero-shell .hero:before{background-image:radial-gradient(rgba(200,239,145,.22) 1px,transparent 1px);background-size:26px 26px;mask-image:linear-gradient(90deg,transparent,#000 75%)}
.hero-shell .hero-copy{background:rgba(7,30,26,.9);border:1px solid rgba(200,239,145,.34);border-radius:18px;padding:clamp(28px,4vw,52px);box-shadow:0 18px 50px rgba(0,0,0,.2)}
.hero-shell .hero .eyebrow{color:var(--lime)}
.hero-shell .hero h1{font-size:clamp(2.7rem,5.1vw,5rem);color:#fff}
.hero-shell .hero-copy>p{font-size:clamp(1rem,1.5vw,1.18rem);color:#c7dcd5}
.hero-shell .primary-button{background:var(--lime);color:var(--ink)}
.hero-shell .primary-button:hover{background:#d7f6aa}
.hero-shell .secondary-button{border-color:rgba(255,255,255,.55)}
.hero-shell .hero-trust{color:#d1e2dd}
.hero-shell .evidence-board{border-color:#b5d1c8;transform:rotate(1deg)}
.trust-strip{margin:0 auto 42px;width:min(1120px,calc(100% - 64px));min-height:56px;padding:12px 22px;border-radius:14px;background:linear-gradient(90deg,#071e1a,#0f8067);color:#fff;display:grid;grid-template-columns:repeat(4,1fr);align-items:center;gap:12px;font-size:.75rem;font-weight:800}
.law-alert{margin:0 max(5vw,32px)}

@media(max-width:820px){.hero-shell{padding:24px 14px}.hero-shell .hero{grid-template-columns:1fr;padding:14px}.hero-shell .hero-copy{padding:32px 22px}.hero-shell .hero h1{font-size:clamp(2.55rem,12.5vw,4.2rem)}.hero-shell .evidence-board{transform:none;margin-top:8px}.trust-strip{width:calc(100% - 28px);margin-bottom:35px;grid-template-columns:repeat(2,1fr)}.law-alert{margin:0 22px}}
@media(max-width:560px){.trust-strip{grid-template-columns:1fr}.trust-strip span{min-height:32px;display:flex;align-items:center}}