:root{color-scheme:light;--sabz-900: #0a3d17;--sabz-800: #0d5520;--sabz-700: #156b28;--sabz-600: #1f8a35;--sabz-500: #3fb950;--sabz-300: #8fe19e;--sabz-100: #c5f0cc;--sabz-50: #e8f9ec;--coral-800: #8a2812;--coral-700: #c73510;--coral-500: #ff6b4a;--coral-100: #ffd6c9;--coral-50: #fff0ec;--sky-800: #106c88;--sky-500: #4ec6e5;--sky-100: #c5ebf4;--sky-50: #e8f7fc;--yellow-800: #8a6a00;--yellow-500: #ffc94a;--yellow-300: #ffda7d;--yellow-50: #fff9e8;--ink-900: #0f3b1f;--ink-800: #1a4a2a;--muted-700: #4a6558;--muted-500: #6a8478;--white: #ffffff;--mint-50: #f0faf4;--mint-25: #f8fdfa;--cloud-50: #f5f7f9;--cloud-100: #e8edf0;--cloud-200: #d4dde2;--color-primary: var(--sabz-700);--color-primary-hover: var(--sabz-800);--color-brand: var(--sabz-500);--color-accent: var(--coral-500);--color-info: var(--sky-500);--color-gold: var(--yellow-500);--text-heading: var(--ink-900);--text-body-color: var(--ink-900);--text-muted: var(--muted-700);--text-subtle: var(--muted-500);--text-on-primary: var(--white);--surface-page: var(--mint-50);--surface-card: var(--white);--surface-subtle: var(--mint-25);--border-default: var(--cloud-100);--border-strong: var(--cloud-200);--border-focus: var(--coral-500);--feedback-pos-bg: var(--sabz-50);--feedback-pos-border: var(--sabz-100);--feedback-pos-text: var(--sabz-800);--feedback-neu-bg: var(--sky-50);--feedback-neu-border: var(--sky-100);--feedback-neu-text: var(--sky-800);--feedback-warn-bg: var(--yellow-50);--feedback-warn-border: var(--yellow-300);--feedback-warn-text: var(--yellow-800);--font-display: "Roboto", sans-serif;--font-body: "Roboto", sans-serif;--text-xs: 10px;--text-sm: 11px;--text-base: 13px;--text-md: 15px;--text-lg: 16px;--text-xl: 18px;--text-2xl: 20px;--text-3xl: 22px;--text-4xl: 24px;--text-5xl: 30px;--text-hero: 48px;--weight-regular: 400;--weight-medium: 500;--weight-bold: 700;--weight-black: 900;--leading-tight: 1.25;--leading-snug: 1.4;--leading-normal: 1.5;--leading-loose: 1.65;--space-1: 4px;--space-2: 8px;--space-3: 11px;--space-4: 14px;--space-5: 16px;--space-6: 20px;--space-7: 22px;--space-8: 28px;--space-section: 56px;--radius-sm: 5px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 13px;--radius-2xl: 14px;--radius-3xl: 16px;--radius-full: 99px;--shadow-sm: 0 2px 8px rgba(15, 59, 31, .06);--shadow-md: 0 4px 20px rgba(15, 59, 31, .1);--shadow-pop: 0 4px 0 rgba(15, 59, 31, .18);--transition-fast: .15s ease;--page-width: 1120px;--reading-width: 760px;--sidebar-width: 288px;--logo-height: 48px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--surface-page);color:var(--text-body-color);font-family:var(--font-body);font-size:var(--text-lg);font-weight:var(--weight-regular);line-height:var(--leading-loose);text-rendering:optimizeLegibility}img{max-width:100%}a{color:var(--sabz-800);text-decoration-thickness:2px;text-underline-offset:var(--space-1)}a:hover{color:var(--sabz-900)}a:focus-visible,button:focus-visible{outline:3px solid var(--border-focus);outline-offset:var(--space-1)}.skip-link{position:fixed;inset:var(--space-2) auto auto var(--space-2);z-index:10;padding:var(--space-3) var(--space-5);border-radius:var(--radius-lg);background:var(--surface-dark, var(--ink-900));color:var(--white);font-weight:var(--weight-bold);transform:translateY(-160%)}.skip-link:focus{color:var(--white);transform:translateY(0)}.shell{width:min(calc(100% - (var(--space-6) * 2)),var(--page-width));margin-inline:auto}.site-header{position:sticky;top:0;z-index:5;border-bottom:1px solid var(--border-default);background:var(--surface-page)}.header-inner{display:flex;min-height:76px;align-items:center;justify-content:space-between;gap:var(--space-6)}.brand{display:inline-flex;flex:0 0 auto;align-items:center}.brand img{display:block;width:auto;height:var(--logo-height)}.site-nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--space-5);font-size:var(--text-md);font-weight:var(--weight-bold)}.site-nav a{color:var(--text-muted);text-decoration:none}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--sabz-800)}.site-nav .nav-cta{min-height:44px;padding:0 var(--space-5);border-radius:var(--radius-xl);background:var(--color-primary);box-shadow:var(--shadow-pop);color:var(--text-on-primary);display:inline-flex;align-items:center}.site-nav .nav-cta:hover{background:var(--color-primary-hover);color:var(--text-on-primary)}.breadcrumbs{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center;padding-block:var(--space-6);color:var(--text-muted);font-size:var(--text-base);font-weight:var(--weight-medium)}.breadcrumbs a{color:var(--text-muted)}.breadcrumbs span[aria-hidden=true]{color:var(--sabz-500)}.hero{padding:var(--space-8) 0 var(--space-section)}.hero-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.7fr);gap:var(--space-8);align-items:center}.tag{display:inline-block;padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);background:var(--sabz-50);color:var(--sabz-800);font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:.08em;text-transform:uppercase}h1,h2,h3{margin-top:0;color:var(--text-heading);font-family:var(--font-display);line-height:var(--leading-tight)}h1{max-width:820px;margin-block:var(--space-4) var(--space-5);font-size:clamp(var(--text-5xl),5vw,var(--text-hero));font-weight:var(--weight-black);letter-spacing:-.025em}h2{margin-bottom:var(--space-5);font-size:var(--text-5xl);font-weight:var(--weight-black)}h3{margin-bottom:var(--space-3);font-size:var(--text-xl);font-weight:var(--weight-bold)}p,ul,ol{margin-top:0}.lead{max-width:var(--reading-width);margin-bottom:var(--space-7);color:var(--text-muted);font-size:var(--text-xl);font-weight:var(--weight-medium)}.actions{display:flex;flex-wrap:wrap;gap:var(--space-4)}.btn-main,.btn-out{min-height:52px;padding:0 var(--space-6);border-radius:var(--radius-xl);font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-bold);line-height:1;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;transition:transform var(--transition-fast),background var(--transition-fast)}.btn-main{border:0;background:var(--color-primary);box-shadow:var(--shadow-pop);color:var(--text-on-primary)}.btn-main:hover{background:var(--color-primary-hover);color:var(--text-on-primary);transform:translateY(-1px)}.btn-out{border:1.5px solid var(--border-strong);background:var(--surface-card);color:var(--text-heading)}.btn-out:hover{border-color:var(--sabz-300);background:var(--sabz-50)}.hero-card,.content-card,.side-card,.topic-card,.step-card{border:1px solid var(--border-default);border-radius:var(--radius-2xl);background:var(--surface-card);box-shadow:var(--shadow-sm)}.hero-card{padding:var(--space-7);border-top:var(--space-1) solid var(--color-brand)}.hero-card p:last-child,.step-card p:last-child,.topic-card p:last-child,.content-card>:last-child,.side-card>:last-child{margin-bottom:0}.mini-list,.checklist{margin-bottom:0;padding-left:var(--space-6)}.mini-list li,.checklist li{margin-bottom:var(--space-3)}.mini-list li:last-child,.checklist li:last-child{margin-bottom:0}.article-section{padding-bottom:var(--space-section)}.article-grid{display:grid;grid-template-columns:minmax(0,1fr) var(--sidebar-width);gap:var(--space-8);align-items:start}.article-body{min-width:0}.content-card{margin-bottom:var(--space-6);padding:var(--space-8)}.article-body p,.article-body li{color:var(--text-muted)}.article-body strong{color:var(--text-heading)}.lesson-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5);margin:var(--space-6) 0}.step-card,.topic-card,.side-card{padding:var(--space-5)}.step-number{width:32px;height:32px;margin-bottom:var(--space-4);border-radius:var(--radius-full);background:var(--sabz-700);color:var(--white);display:grid;place-items:center;font-size:var(--text-base);font-weight:var(--weight-black)}.example{margin:var(--space-6) 0;padding:var(--space-5);border:1px solid var(--feedback-neu-border);border-radius:var(--radius-lg);background:var(--feedback-neu-bg)}.example-label{margin-bottom:var(--space-2);color:var(--feedback-neu-text);font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:.08em;text-transform:uppercase}.example p{color:var(--feedback-neu-text)}.example p:last-child{margin-bottom:0}.callout{margin:var(--space-6) 0;padding:var(--space-5);border:1px solid var(--feedback-warn-border);border-radius:var(--radius-lg);background:var(--feedback-warn-bg);color:var(--feedback-warn-text)}.callout strong{color:var(--feedback-warn-text)}.positive-callout{border-color:var(--feedback-pos-border);background:var(--feedback-pos-bg);color:var(--feedback-pos-text)}.positive-callout strong{color:var(--feedback-pos-text)}.sidebar{position:sticky;top:100px;display:grid;gap:var(--space-5)}.side-card h2{margin-bottom:var(--space-4);font-size:var(--text-xl)}.side-card ul{margin-bottom:0;padding-left:var(--space-5)}.side-card li{margin-bottom:var(--space-2);font-size:var(--text-md)}.side-card li:last-child{margin-bottom:0}.related{padding:var(--space-section) 0;border-top:1px solid var(--border-default);background:var(--surface-subtle)}.related-heading{max-width:var(--reading-width)}.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-5)}.topic-card a{font-weight:var(--weight-bold)}.app-cta{padding:var(--space-section) 0;background:linear-gradient(135deg,var(--sabz-700),var(--sabz-800));color:var(--white)}.app-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-8)}.app-cta h2,.app-cta p{color:var(--white)}.app-cta h2{margin-bottom:var(--space-3)}.app-cta p{max-width:var(--reading-width);margin-bottom:0}.app-cta .btn-main{flex:0 0 auto;background:var(--white);color:var(--sabz-800)}.app-cta .btn-main:hover{background:var(--sabz-50);color:var(--sabz-900)}.site-footer{padding:var(--space-8) 0;background:var(--ink-900);color:var(--white)}.footer-inner{display:grid;grid-template-columns:minmax(180px,1fr) 2fr;gap:var(--space-8)}.footer-brand img{width:auto;height:var(--logo-height)}.footer-brand p{margin:var(--space-3) 0 0;color:var(--sabz-100);font-size:var(--text-base)}.footer-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-4) var(--space-6);align-content:center}.footer-links a{color:var(--white);font-size:var(--text-md)}.legal-note{font-size:var(--text-base)}@media (max-width: 820px){:root{--text-hero: 40px;--space-section: 44px}.header-inner{align-items:flex-start;flex-direction:column;padding-block:var(--space-4)}.site-nav{width:100%;justify-content:flex-start}.hero-grid,.article-grid{grid-template-columns:1fr}.sidebar{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 560px){:root{--text-hero: 34px;--logo-height: 42px}body{font-size:var(--text-md)}.shell{width:min(calc(100% - (var(--space-5) * 2)),var(--page-width))}.site-nav{gap:var(--space-3) var(--space-5)}.site-nav .nav-cta{width:100%;justify-content:center}.hero{padding-top:var(--space-5)}h2{font-size:var(--text-4xl)}.lead{font-size:var(--text-lg)}.actions,.actions a,.app-cta .btn-main{width:100%}.content-card{padding:var(--space-5)}.lesson-steps,.sidebar,.related-grid{grid-template-columns:1fr}.app-cta-inner,.footer-inner{align-items:stretch;flex-direction:column;grid-template-columns:1fr}.footer-links{justify-content:flex-start}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}