@font-face{font-family:"Space Grotesk";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/SpaceGrotesk-Regular.woff2") format("woff2")}@font-face{font-family:"Space Grotesk";font-style:normal;font-weight:500;font-display:swap;src:url("../fonts/SpaceGrotesk-Medium.woff2") format("woff2")}@font-face{font-family:"Space Grotesk";font-style:normal;font-weight:700;font-display:swap;src:url("../fonts/SpaceGrotesk-Bold.woff2") format("woff2")}@font-face{font-family:"IBM Plex Sans Arabic";font-style:normal;font-weight:400;font-display:swap;src:url("../fonts/IBMPlexSansArabic-Regular.woff2") format("woff2")}@font-face{font-family:"IBM Plex Sans Arabic";font-style:normal;font-weight:500;font-display:swap;src:url("../fonts/IBMPlexSansArabic-Medium.woff2") format("woff2")}@font-face{font-family:"IBM Plex Sans Arabic";font-style:normal;font-weight:700;font-display:swap;src:url("../fonts/IBMPlexSansArabic-Bold.woff2") format("woff2")}:root{--sand: #F4E6C4;--saffron: #E2B714;--terracotta: #B34E36;--marigold: #D9912A;--teal: #2F8F9D;--night: #152029;--ink: #21313B;--white: #FFFFFF;--muted: #4a5d6a;--kicker: #7a6330;--terracotta-tint: rgba(179,78,54,.06);--terracotta-dark: #9a4430;--marigold-dark: #c47f24;--saffron-dark: #c9a212;--teal-dark: #205f67;--teal-darker: #1a4f56;--code-text: #e5e7eb;--code-muted: #6a7c89;--article-text-dark: #c9cdd1;--article-heading-dark: #d4d8dc;--radius-xs: 2px;--radius-sm: 4px;--radius-md: 9px;--radius-lg: 16px;--radius-xl: 18px;--radius-2xl: 22px;--radius-full: 999px;--shadow-sm: 0 4px 10px rgba(0,0,0,0.18);--shadow-md: 0 7px 18px rgba(0,0,0,0.04);--shadow-lg: 0 10px 24px rgba(0,0,0,0.04);--shadow-xl: 0 16px 40px rgba(0,0,0,0.22);--shadow-hover: 0 12px 26px rgba(0,0,0,0.10);--shadow-button: 0 8px 18px rgba(0,0,0,0.25);--shadow-cta-saffron: 0 4px 12px rgba(226, 183, 20, 0.3);--shadow-cta-teal: 0 4px 12px rgba(47, 143, 157, 0.3);--container-width: 1100px;--article-width: 760px;--transition-fast: 0.06s ease;--transition-normal: 0.16s ease;--transition-slow: 0.18s ease;--text-2xl: clamp(26px, 4vw, 34px);--text-xl: 20px;--text-lg: 18px;--text-md: 16px;--text-sm: 14px;--text-xs: 12px;--text-2xs: 10px;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--font-regular: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--leading-none: 1;--leading-tight: 1.15;--leading-heading: 1.2;--leading-snug: 1.5;--leading-normal: 1.6;--leading-relaxed: 1.7;--leading-loose: 1.85;--bg: var(--sand);--bg-gradient: radial-gradient(1200px 600px at 10% -10%, rgba(227, 183, 20, 0.15), transparent 60%), linear-gradient(180deg, #FFFDF6 0%, var(--sand) 100%);--text: var(--ink);--text-heading: var(--night);--text-muted: var(--muted);--surface: var(--white);--surface-elevated: #FFFDF6;--border: rgba(21, 32, 41, 0.08);--border-strong: rgba(21, 32, 41, 0.15);--header-bg: rgba(244, 230, 196, 0.96);--card-bg: #FFFDF6;--card-shadow: var(--shadow-md)}[data-theme=dark]{--bg: var(--night);--bg-gradient: radial-gradient(1200px 600px at 10% -10%, var(--teal-tint), transparent 60%), linear-gradient(180deg, var(--surface-elevated) 0%, var(--night) 100%);--text: #e5e7eb;--text-heading: #e5e7eb;--text-muted: #9ca3af;--surface: var(--ink);--surface-elevated: #1a2833;--border: rgba(255, 255, 255, 0.08);--border-strong: rgba(255, 255, 255, 0.15);--header-bg: rgba(21, 32, 41, 0.96);--card-bg: #1a2833;--card-bg-featured: var(--ink);--card-shadow: 0 7px 18px rgba(0, 0, 0, 0.3);--kicker: var(--saffron);--terracotta-tint: rgba(179,78,54,.12);--teal-tint: rgba(47, 143, 157, 0.12);--footer-bg: #1a2a35}body,.site-header,.site-footer,.card,.archive-entry,.feature-card,.callout,.filter-select,.filters{transition:background-color .25s ease,color .25s ease,border-color .25s ease}*,*::before,*::after{box-sizing:border-box}html,body{margin:0;padding:0;color:var(--text);background:var(--bg-gradient);min-height:100vh;font-size:var(--text-md)}html[dir=ltr],.lang-en{font-family:"Space Grotesk",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:var(--leading-relaxed)}html[dir=rtl],.lang-ar{font-family:"IBM Plex Sans Arabic",system-ui,sans-serif;font-size:var(--text-md);line-height:var(--leading-loose)}a{color:inherit;text-decoration:none}a:hover{color:var(--teal)}.wrap{max-width:var(--container-width);margin:0 auto;padding:18px 20px 48px}@media(max-width: 640px){.wrap{padding-inline:16px}}.site-header{position:sticky;top:0;z-index:50;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:var(--header-bg);border-bottom:1px solid var(--border)}.nav-inner{max-width:var(--container-width);margin:0 auto;padding:10px 20px;display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);flex-wrap:nowrap}.nav-left{display:flex;align-items:center;gap:10px;min-width:0;flex:1 1 auto;overflow:hidden}.logo{width:28px;height:28px;border-radius:var(--radius-sm);object-fit:cover;box-shadow:var(--shadow-sm)}.logo-link{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit}.logo-link:hover{color:inherit}.site-branding{display:flex;flex-direction:column;line-height:var(--leading-heading);min-width:0}.site-title{font-weight:700;font-size:clamp(14px,2.5vw,16px);letter-spacing:.08em;text-transform:uppercase;color:var(--text-heading);margin:0}.lang-ar .site-title{font-size:clamp(16px,2.8vw,18px)}.site-tagline{font-size:clamp(11px,2vw,13px);color:var(--text-muted);margin:0}.lang-ar .site-tagline{font-size:clamp(13px,2.2vw,15px)}.nav-right{display:flex;align-items:center;gap:18px;font-size:var(--text-sm);color:var(--text-muted)}.site-nav{display:flex;gap:14px}.nav-link{position:relative;padding-bottom:2px;font-weight:500;font-size:var(--text-md);color:var(--text-muted);text-decoration:none}.lang-ar .nav-link{font-size:17px}.nav-link::after{content:"";position:absolute;inset-inline-start:0;bottom:0;width:0;height:2px;background:var(--teal);transition:width var(--transition-slow)}.nav-link:hover::after,.nav-link.active::after{width:100%}.nav-link:hover{color:var(--text-heading)}.lang-theme-toggle{font-size:var(--text-sm);border-radius:var(--radius-full);padding:4px 10px;border:1px solid var(--border-strong);background:var(--surface-elevated);display:flex;align-items:center;gap:var(--space-sm)}.lang-theme-toggle .separator{opacity:.3;color:var(--text-muted)}.lang-theme-toggle .lang-btn{color:var(--text);text-decoration:none;opacity:.5;transition:opacity .15s ease}.lang-theme-toggle .lang-btn:hover{opacity:.8;color:var(--text)}.lang-theme-toggle .lang-btn.active{opacity:1;font-weight:700;color:var(--text-heading);text-decoration:underline;text-underline-offset:2px}.lang-theme-toggle .theme-btn{font-size:var(--text-sm);padding:0;margin:0;background:none;border:none;cursor:pointer;line-height:var(--leading-none);transition:transform .15s ease}.lang-theme-toggle .theme-btn:hover{transform:scale(1.15)}.lang-theme-toggle .theme-btn:active{transform:scale(0.9)}.nav-toggle{display:none;width:40px;height:40px;padding:8px;background:rgba(0,0,0,0);border:none;cursor:pointer;border-radius:var(--radius-sm)}.nav-toggle:hover{background:rgba(21,32,41,.06)}.nav-toggle-icon{display:block;position:relative;width:24px;height:2px;background:var(--text-muted);border-radius:var(--radius-xs);transition:all var(--transition-normal)}.nav-toggle-icon::before,.nav-toggle-icon::after{content:"";position:absolute;width:24px;height:2px;background:var(--text-muted);border-radius:var(--radius-xs);transition:all var(--transition-normal);inset-inline-start:0}.nav-toggle-icon::before{top:-7px}.nav-toggle-icon::after{top:7px}.nav-toggle[aria-expanded=true] .nav-toggle-icon{background:rgba(0,0,0,0)}.nav-toggle[aria-expanded=true] .nav-toggle-icon::before{top:0;transform:rotate(45deg)}.nav-toggle[aria-expanded=true] .nav-toggle-icon::after{top:0;transform:rotate(-45deg)}@media(max-width: 768px){.nav-inner{padding-inline:14px}.nav-toggle{display:flex;align-items:center;justify-content:center;flex-shrink:0}.site-tagline{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-right{display:none;width:100%;flex-direction:column;align-items:stretch;gap:12px;padding-block:16px;border-block-start:1px solid var(--border);max-height:70vh;overflow-y:auto}.nav-right.is-open{display:flex}.site-nav{flex-direction:column;gap:var(--space-sm)}.nav-link{padding:10px 14px;background:var(--surface);border-radius:var(--radius-sm)}.nav-link::after{display:none}.nav-link.active{background:rgba(47,143,157,.12);color:var(--teal);font-weight:600;border-inline-start:3px solid var(--teal)}}.hero-home{margin-top:16px;margin-bottom:var(--space-xl);border-radius:var(--radius-2xl);overflow:hidden;position:relative;border:1px solid rgba(21,32,41,.18);box-shadow:var(--shadow-xl);background:var(--night);min-height:clamp(320px,50vh,480px)}.hero-home-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;display:block;filter:saturate(1.05)}.hero-home-gradient{position:absolute;inset:0;z-index:0;background:linear-gradient(90deg, rgba(21, 32, 41, 0.9) 0%, rgba(21, 32, 41, 0.75) 32%, rgba(21, 32, 41, 0.15) 68%, transparent 100%);pointer-events:none}[dir=rtl] .hero-home-gradient{background:linear-gradient(270deg, rgba(21, 32, 41, 0.9) 0%, rgba(21, 32, 41, 0.75) 32%, rgba(21, 32, 41, 0.15) 68%, transparent 100%)}.hero-home-content{position:relative;z-index:1;display:flex;align-items:center;justify-content:flex-start;padding:26px 30px;min-height:clamp(320px,50vh,480px)}.hero-home-inner{max-width:480px;text-align:start}.hero-home .hero-kicker{font-weight:700;text-transform:uppercase;letter-spacing:.18em;color:var(--saffron);margin-bottom:6px}[dir=rtl] .hero-home .hero-kicker{font-size:var(--text-md)}[dir=ltr] .hero-home .hero-kicker{font-size:var(--text-xs)}.hero-text .hero-kicker{font-size:var(--text-sm);font-weight:700;text-transform:uppercase;letter-spacing:.16em;color:var(--kicker);margin-bottom:4px}.hero-home-title{font-size:clamp(26px,4vw,36px);line-height:var(--leading-tight);margin:0 0 clamp(8px,1.5vw,14px);color:var(--white)}.hero-home-sub{font-size:var(--text-md);margin:0 0 clamp(16px,2.5vw,24px);color:rgba(244,230,196,.92)}.hero-cta{display:flex;flex-wrap:wrap;gap:10px}.hero{margin-top:16px;border-radius:var(--radius-2xl);overflow:hidden;position:relative;border:1px solid var(--border-strong);box-shadow:var(--shadow-xl);background:var(--night)}.hero-image{width:100%;height:clamp(220px,26vw,280px);object-fit:cover;display:block}.articles-hero-image{object-position:50% 80% !important}.archive-hero-image{object-position:50% 75% !important}.rules-hero-image{object-position:50% 50% !important}.hero-image-light .rules-hero-image{object-position:50% 65% !important}.hero-image-light{display:block}.hero-image-dark{display:none}[data-theme=dark] .hero-image-light{display:none}[data-theme=dark] .hero-image-dark{display:block}.hero-text{padding:14px 18px 16px;background:linear-gradient(90deg, rgba(244, 230, 196, 0.94), rgba(244, 230, 196, 0.85))}[data-theme=dark] .hero-text{background:linear-gradient(90deg, rgba(21, 32, 41, 0.94), rgba(21, 32, 41, 0.85))}.hero-title{font-size:clamp(24px,4vw,36px);margin:0 0 4px;color:var(--text-heading)}.hero-sub{font-size:var(--text-sm);margin:0;color:var(--text-muted)}.grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(260px, 1fr));gap:18px}.card{background:var(--card-bg);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--card-shadow);display:flex;flex-direction:column;overflow:hidden;transition:transform .06s ease,box-shadow .16s ease,background-color .25s ease;text-decoration:none}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.card-thumb{width:100%;height:140px;object-fit:cover;display:block}.card-body{padding:12px 14px 14px;display:flex;flex-direction:column;gap:6px}.card-kicker{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.15em;color:var(--kicker)}.card-title{font-size:var(--text-md);font-weight:600;color:var(--text-heading)}.card-meta{font-size:var(--text-xs);color:var(--text-muted)}.card-excerpt{font-size:var(--text-sm);color:var(--text-muted)}.card-tags{margin-top:4px;display:flex;flex-wrap:wrap;gap:6px;font-size:var(--text-xs)}.card{text-align:start}.card .card-body{align-items:flex-start}.card .card-tags{justify-content:flex-start}[dir=rtl] .card .card-tags{justify-content:flex-end}.archive-cta{margin-top:24px;display:flex;justify-content:center}@media(max-width: 520px){.hero-cta{flex-direction:column;align-items:stretch}}@media(max-width: 800px){.hero-home-content{padding:24px 16px}.hero-home-inner{max-width:100%}}.btn{appearance:none;border-radius:var(--radius-full);padding:10px 16px;font-size:var(--text-md);font-weight:600;border:0;cursor:pointer;display:inline-flex;align-items:center;gap:var(--space-sm);text-decoration:none;transition:transform var(--transition-fast),box-shadow var(--transition-slow),filter var(--transition-slow);box-shadow:var(--shadow-button);white-space:nowrap;font-family:inherit}.btn span[aria-hidden=true]{font-size:var(--text-md)}.btn:hover{transform:translateY(-1px);filter:brightness(1.05)}.btn-primary{background:linear-gradient(135deg, var(--terracotta), var(--marigold));color:var(--white)}.btn-primary:hover,.btn-primary:focus{color:var(--white);background:linear-gradient(135deg, var(--terracotta-dark), var(--marigold-dark))}.btn-saffron{background:linear-gradient(135deg, var(--saffron), var(--marigold));color:var(--night);border:1px solid var(--saffron);box-shadow:var(--shadow-cta-saffron)}.btn-saffron:hover,.btn-saffron:focus{color:var(--night);background:linear-gradient(135deg, var(--saffron-dark), var(--marigold-dark))}.btn-teal{background:linear-gradient(135deg, var(--teal), var(--teal-dark));color:var(--white);border:1px solid var(--teal);box-shadow:var(--shadow-cta-teal)}.btn-teal:hover,.btn-teal:focus{color:var(--white);background:linear-gradient(135deg, var(--teal-dark), var(--teal-darker))}@media(max-width: 520px){.btn{width:100%;justify-content:center}}.section{margin-top:var(--space-2xl)}.section-header{margin-bottom:12px}.section-kicker{font-weight:700;text-transform:uppercase;letter-spacing:.16em;color:var(--kicker);margin-bottom:4px}[dir=rtl] .section-kicker{font-size:var(--text-sm)}[dir=ltr] .section-kicker{font-size:var(--text-xs)}.section-title{font-size:var(--text-xl);margin:0 0 4px;color:var(--text-heading)}.section-sub{font-size:var(--text-sm);margin:0;color:var(--text-muted)}.section h2{font-size:var(--text-xl);margin:0 0 var(--space-md);color:var(--text-heading)}.section h3{font-size:var(--text-lg);margin:0 0 var(--space-sm);color:var(--text-heading)}.section>p{margin:0 0 var(--space-md);font-size:var(--text-md);color:var(--text-muted)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(260px, 1fr));gap:18px}.feature-card{background:var(--card-bg);border-radius:var(--radius-lg);border:1px solid var(--border);padding:14px 16px 16px;box-shadow:var(--card-shadow);transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.feature-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}[data-theme=dark] .feature-card{background:var(--card-bg-featured)}.feature-card-label{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--kicker);margin-bottom:4px}.feature-card-title{font-size:var(--text-md);font-weight:600;margin:0 0 6px;color:var(--text-heading)}.feature-card-body{font-size:var(--text-sm);color:var(--text-muted);margin:0}.info-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-md) calc(var(--space-md) + 2px);margin-bottom:var(--space-lg);box-shadow:var(--card-shadow)}.info-card--warm{background:var(--terracotta-tint)}.info-card--featured{box-shadow:var(--card-shadow);border:2px solid var(--border)}[data-theme=dark] .info-card--featured{background:var(--card-bg-featured);border-color:var(--border)}.info-card--flat{box-shadow:none}[data-theme=dark] .info-card--flat{background:var(--surface-elevated)}.info-card--warm.info-card--flat{box-shadow:none}.info-card--tall{padding-top:var(--space-lg);padding-bottom:var(--space-lg)}.info-card h2{font-size:var(--text-xl);font-weight:600;color:var(--text-heading);margin:0 0 var(--space-md)}.info-card h3{font-size:calc(var(--text-md) + 1px);font-weight:600;color:var(--text-heading);margin:0 0 var(--space-xs)}.info-card--do h3{color:var(--teal)}.info-card--dont h3{color:var(--terracotta)}.info-card p{font-size:var(--text-md);color:var(--text);margin:0 0 var(--space-sm);line-height:var(--leading-normal)}.info-card p:last-child{margin-bottom:0}.info-card ul{list-style:none;padding:0;margin:0}.info-card li{font-size:var(--text-md);color:var(--text);padding:var(--space-sm) 0;border-bottom:1px dashed var(--border)}.info-card li:last-child{border-bottom:none}.info-card li strong{color:var(--text-heading)}.cta-link{display:inline-block;margin-top:var(--space-sm);font-size:var(--text-md);font-weight:600;color:var(--teal);text-decoration:none;transition:color .15s ease}.cta-link:hover{color:var(--terracotta);text-decoration:underline}.info-card-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:var(--space-md);margin-bottom:var(--space-lg)}@media(max-width: 640px){.info-card-grid{grid-template-columns:1fr}}.info-card-grid--lanes{grid-template-columns:repeat(auto-fit, minmax(200px, 1fr))}.info-card--sm{padding:14px 16px}.info-card--sm h3{font-size:var(--text-md);margin-bottom:var(--space-xs)}.info-card--sm p{font-size:var(--text-sm);margin-bottom:var(--space-xs)}.callout-box{border-radius:var(--radius-md);padding:14px 16px;font-size:var(--text-md);color:var(--text);margin-bottom:var(--space-lg);background:var(--surface-elevated);border:1px dashed var(--border-strong)}.callout-box strong{color:var(--text-heading)}.callout-box p{margin:0 0 var(--space-sm)}.callout-box p:last-child{margin-bottom:0}.callout-box--info{border-inline-start:3px solid var(--teal);background:rgba(47,143,157,.08)}[data-theme=dark] .callout-box--info{background:var(--teal-tint)}.callout-box--white{background:var(--white);border:1px solid var(--border)}[data-theme=dark] .callout-box--white{background:var(--surface-elevated)}.callout-box--spaced{margin-top:var(--space-lg)}.callout-box--aligned{text-align:start}.callout-cta{margin-top:var(--space-md)}.rules-intro{margin-top:20px;margin-bottom:16px}.list-plain{list-style:none;padding:0;margin:0}.list-plain li{font-size:var(--text-md);color:var(--text);padding:var(--space-xs) 0;padding-inline-start:20px;position:relative}.list-arrow li::before{position:absolute;inset-inline-start:0;color:var(--teal)}[dir=rtl] .list-arrow li::before{content:"←"}[dir=ltr] .list-arrow li::before{content:"→"}.list-check li::before{content:"✓";position:absolute;inset-inline-start:0;color:var(--teal)}.list-cross li::before{content:"✗";position:absolute;inset-inline-start:0;color:var(--terracotta)}.list-muted li{color:var(--text-muted)}.list-muted li strong{color:var(--text)}.page-header{text-align:center;padding:var(--space-xl) 0 var(--space-lg)}.page-header h1{font-size:var(--text-2xl);color:var(--text-heading);margin:0 0 var(--space-sm)}.page-subtitle{font-size:calc(var(--text-md) + 2px);color:var(--text-muted);max-width:480px;margin:0 auto;line-height:var(--leading-snug)}.checklist-steps{list-style:none;padding:0;margin:0}.checklist-steps li{display:flex;align-items:flex-start;gap:14px;padding:18px 0;border-bottom:1px dashed var(--border)}.checklist-steps li:last-child{border-bottom:none}.step-number{flex-shrink:0;width:28px;height:28px;background:var(--teal);color:var(--white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--text-sm)}.step-content{flex:1}.step-content strong{display:block;color:var(--text-heading);margin-bottom:var(--space-xs)}.step-content p{font-size:var(--text-md);color:var(--text-muted);margin:0 0 var(--space-sm)}.step-cta{margin-top:var(--space-sm)}.step-cta .btn{font-size:var(--text-md);padding:8px 16px}.intro-template{background:rgba(21,32,41,.04);border-radius:var(--radius-md);padding:20px 24px;margin-bottom:28px}[data-theme=dark] .intro-template{background:hsla(0,0%,100%,.06)}.intro-template .template-wrapper{position:relative;margin-bottom:var(--space-sm)}.intro-template h2,.intro-template h3{font-size:var(--text-xl);font-weight:600;color:var(--text-heading);margin:0 0 var(--space-md)}.intro-template h3{font-size:var(--text-lg)}.intro-template pre{background:var(--night);color:var(--code-text);padding:16px;border-radius:var(--radius-sm);font-size:.85rem;line-height:var(--leading-relaxed);overflow-x:auto;white-space:pre-wrap;word-wrap:break-word;margin:0}.intro-template .hint-text{font-size:var(--text-sm);color:var(--text-muted);margin-top:var(--space-sm);font-style:italic}.template-wrapper{position:relative;margin-bottom:var(--space-sm)}.info-card pre{background:var(--night);color:var(--code-text);padding:16px;border-radius:var(--radius-sm);font-size:.85rem;line-height:var(--leading-relaxed);overflow-x:auto;white-space:pre-wrap;word-wrap:break-word;margin:0}pre[dir=rtl]{direction:rtl !important;text-align:right !important;unicode-bidi:plaintext}.copy-btn{position:absolute;top:8px;inset-inline-end:8px;display:inline-flex;align-items:center;gap:6px;padding:6px 12px;font-size:var(--text-sm);font-weight:500;color:hsla(0,0%,100%,.6);background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.15);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease}.copy-btn:hover{background:hsla(0,0%,100%,.18);color:var(--white)}.copy-btn.copied{background:var(--teal);border-color:var(--teal);color:var(--white)}.copy-icon{font-size:.9rem}.hint-text,.info-card .hint-text{font-size:var(--text-sm);color:var(--text-muted);margin-top:10px;font-style:italic}.hint-text--aligned{text-align:start}.section-divider{border:none;border-top:1px dashed var(--border-strong);margin:var(--space-2xl) 0}.plain-section{margin-bottom:var(--space-xl)}.plain-section h2{font-size:var(--text-xl);font-weight:600;color:var(--text-heading);margin:0 0 var(--space-md)}.plain-section ul{margin:0 0 var(--space-md)}.plain-section .cta-link{margin-top:var(--space-sm)}.faq-item{padding:var(--space-sm) 0;border-bottom:1px dashed var(--border)}.faq-item:last-child{border-bottom:none}.faq-item strong{display:block;color:var(--text-heading);font-size:var(--text-md);margin-bottom:var(--space-xs)}.faq-item p{font-size:var(--text-md);color:var(--text);margin:0;line-height:var(--leading-normal)}.chip{padding:4px 9px;border-radius:var(--radius-full);border:1px solid rgba(47,143,157,.45);background:rgba(47,143,157,.1);color:var(--teal-dark);font-weight:600}.two-col{display:grid;grid-template-columns:3fr 2fr;gap:20px;align-items:flex-start}@media(max-width: 800px){.two-col{grid-template-columns:1fr}}.mini-heading{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.18em;font-weight:700;color:var(--kicker);margin-bottom:6px}.articles-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(260px, 1fr));gap:18px}.article-card{background:rgba(255,253,246,.9);border-radius:var(--radius-md);border:1px solid rgba(21,32,41,.08);box-shadow:var(--shadow-md);display:flex;flex-direction:column;overflow:hidden;transition:transform var(--transition-fast),box-shadow var(--transition-normal);text-decoration:none;color:inherit}.article-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover);color:inherit}.article-card-thumb{width:100%;height:140px;object-fit:cover;display:block}.article-card-body{padding:12px 14px 14px;display:flex;flex-direction:column;gap:6px;flex:1}.article-card-kicker{font-size:var(--text-2xs);font-weight:700;text-transform:uppercase;letter-spacing:.15em;color:var(--kicker)}.article-card-title{font-size:var(--text-md);font-weight:600;color:var(--text-heading);margin:0}.article-card-meta{font-size:var(--text-xs);color:var(--text-muted)}.article-card-excerpt{font-size:var(--text-sm);color:var(--text-muted);margin:0;flex:1}.article-card-tags{margin-top:4px;display:flex;flex-wrap:wrap;gap:6px;font-size:var(--text-2xs)}.filters-section{margin-top:26px}.filters-section h2{font-size:var(--text-lg);margin:0 0 6px;color:var(--text-heading)}.filters-section>p{margin:0 0 10px;font-size:var(--text-sm);color:var(--text-muted)}.filters{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface-elevated);padding:10px 12px;margin-bottom:18px;font-size:var(--text-sm);color:var(--text-muted)}.filters-header{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px}.filters-title{font-weight:600;font-size:var(--text-sm)}.filters-clear{font-size:var(--text-xs);color:var(--teal);cursor:pointer;background:none;border:none;font-family:inherit}.filters-clear:hover{text-decoration:underline}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(160px, 1fr));gap:10px}.filter-group label{display:block;font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:.14em;color:var(--kicker);margin-bottom:2px}.filter-select{width:100%;border-radius:var(--radius-full);border:1px solid var(--border-strong);padding:4px 9px;font-size:var(--text-sm);background:var(--surface);color:var(--text);font-family:inherit;cursor:pointer}.filter-select:focus{outline:none;border-color:var(--teal)}@media(max-width: 640px){.filters-grid{grid-template-columns:1fr 1fr}}@media(max-width: 400px){.filters-grid{grid-template-columns:1fr}}.archive-section{margin-top:26px}.archive-container{border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface-elevated);padding:20px 24px}.archive-year-heading{font-size:var(--text-lg);font-weight:700;color:var(--text-heading);margin:0 0 12px;padding-bottom:8px;border-bottom:2px solid var(--saffron)}.archive-year-heading:not(:first-child){margin-top:32px}.archive-month-heading{font-size:var(--text-sm);font-weight:600;color:var(--kicker);text-transform:uppercase;letter-spacing:.08em;margin:16px 0 8px}.archive-entries{list-style:none;margin:0;padding:0}.archive-entry{display:grid;grid-template-columns:70px 1fr;gap:var(--space-md);padding:10px 0;border-bottom:1px dashed rgba(21,32,41,.08)}.archive-entry:last-child{border-bottom:none}.archive-entry-date{font-size:var(--text-sm);color:var(--text-muted);white-space:nowrap}.archive-entry-content{min-width:0}.archive-entry-title{font-size:var(--text-md);font-weight:600;color:var(--text-heading);text-decoration:none;display:block}.archive-entry-title:hover{color:var(--teal)}.archive-entry-meta{font-size:var(--text-xs);color:var(--text-muted);margin-top:4px}.archive-entry-teaser{font-size:var(--text-sm);color:var(--text-muted);margin:6px 0 0;line-height:var(--leading-snug)}@media(max-width: 640px){.archive-container{padding:16px}.archive-entry{grid-template-columns:1fr;gap:var(--space-xs)}.archive-entry-date{font-size:var(--text-xs)}}.article-page{max-width:760px;margin:0 auto}.article-page header{margin-bottom:18px}.article-page h1{font-size:clamp(26px,4vw,34px);line-height:var(--leading-tight);margin:0 0 8px;color:var(--text-heading)}.article-page .meta{font-size:var(--text-sm);color:var(--text-muted);margin-bottom:18px}.banner{border-radius:var(--radius-lg);overflow:hidden;border:1px solid rgba(21,32,41,.12);margin:0 0 22px;background:var(--night)}.banner img{width:100%;height:clamp(200px,28vw,260px);object-fit:cover;display:block}.tag-row{margin-top:26px;font-size:var(--text-sm);color:var(--text-muted);display:flex;flex-wrap:wrap;gap:var(--space-sm);align-items:center}.article-page article{font-size:var(--text-md);line-height:var(--leading-relaxed);color:var(--text)}[data-theme=dark] .article-page article{color:var(--article-text-dark)}.article-page article p{margin:0 0 16px}.article-page article h2{font-size:var(--text-xl);margin:26px 0 10px;color:var(--text-heading)}.article-page article h3{font-size:var(--text-lg);margin:22px 0 8px;color:var(--text-heading)}[data-theme=dark] .article-page article h2,[data-theme=dark] .article-page article h3{color:var(--article-heading-dark)}.article-page article blockquote{margin:18px 0;padding:12px 16px;border-inline-start:3px solid var(--teal);background:var(--surface-elevated);font-size:var(--text-md);color:var(--text)}.article-page article a{color:var(--teal);text-decoration:underline;text-underline-offset:2px}.article-page article a:hover{color:var(--terracotta)}.article-page article ul,.article-page article ol{margin:0 0 16px;padding-inline-start:1.5em}.article-page article li{margin-bottom:8px}.article-page article hr{border:none;border-top:1px dashed var(--border-strong);margin:26px 0}.article-tags{margin-top:26px;font-size:var(--text-sm);color:var(--text-muted);display:flex;flex-wrap:wrap;gap:var(--space-sm);align-items:center}.article-tags .chip{font-size:var(--text-2xs);text-transform:lowercase}.article-footer{margin-top:32px;padding-top:12px;border-top:1px dashed var(--border-strong);font-size:var(--text-sm);color:var(--text-muted);display:flex;justify-content:space-between;flex-wrap:wrap;gap:var(--space-sm)}.article-footer a{color:var(--text-muted);text-decoration:none}.article-footer a:hover{color:var(--teal)}.kicker{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.16em;color:var(--kicker);margin-bottom:6px}.dek{font-size:var(--text-md);color:var(--text-muted);margin:0 0 14px;line-height:var(--leading-snug)}.rules-list{list-style:none;margin:0 0 var(--space-lg);padding:0}.rule-item{border-top:1px dashed var(--border-strong);padding:var(--space-lg) 0}.rule-item:first-child{border-top:none;padding-top:0}.rule-header{display:flex;align-items:baseline;gap:var(--space-sm);margin-bottom:var(--space-xs)}.rule-number{font-size:var(--text-lg);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--kicker);flex-shrink:0}.rule-title{font-size:var(--text-lg);font-weight:600;color:var(--text-heading)}.rule-body{font-size:var(--text-md);color:var(--text-muted);margin:var(--space-xs) 0 0;line-height:var(--leading-normal)}.rule-body p{margin:0 0 var(--space-sm)}.rule-body p:last-child{margin-bottom:0}.site-footer{margin-top:48px;padding:32px 20px 28px;background:#3d2a28;color:rgba(244,230,196,.85);font-size:var(--text-sm);position:relative}@media(max-width: 640px){.site-footer{padding-inline:16px}}.site-footer::before{content:"";position:absolute;top:0;inset-inline:0;height:3px;background:linear-gradient(90deg, transparent, var(--terracotta) 20%, var(--marigold) 50%, var(--terracotta) 80%, transparent)}[data-theme=dark] .site-footer{background:var(--footer-bg)}.footer-inner{max-width:var(--container-width);margin:0 auto}.footer-full{display:grid;grid-template-columns:2.5fr 1.5fr 1.5fr;gap:var(--space-lg)}.footer-title{font-weight:600;margin-bottom:8px;color:var(--sand);font-size:var(--text-md)}.footer-text{font-size:var(--text-sm);margin:0 0 8px;line-height:var(--leading-normal);color:rgba(244,230,196,.7)}.footer-links{display:flex;flex-direction:column;gap:6px;font-size:var(--text-sm)}.footer-links a{color:rgba(244,230,196,.7);transition:color var(--transition-fast)}.footer-links a:hover{color:var(--saffron)}.footer-closing{margin-top:28px;padding-top:20px;border-top:1px solid rgba(244,230,196,.12);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.footer-tagline{font-size:var(--text-sm);color:rgba(244,230,196,.5);font-style:italic}.footer-copyright{font-size:var(--text-xs);color:rgba(244,230,196,.4)}@media(max-width: 800px){.footer-full{grid-template-columns:1fr 1fr}}@media(max-width: 600px){.footer-full{grid-template-columns:1fr;gap:20px}.footer-closing{flex-direction:column;text-align:center}}pre,code{direction:ltr !important;text-align:left !important}pre{background:var(--night);color:var(--code-text);padding:1.5rem 2rem;border-radius:var(--radius-lg);overflow-x:auto;font-family:"JetBrains Mono","Fira Code","SF Mono",Consolas,monospace;font-size:.75rem;line-height:var(--leading-normal);margin-block:2rem;box-shadow:var(--shadow-lg),inset 0 1px 0 hsla(0,0%,100%,.05)}.highlighter-rouge{position:relative;margin-bottom:1.5rem}.highlighter-rouge::before{content:attr(data-lang);position:absolute;top:0;inset-inline:0;padding:8px 14px;font-size:var(--text-2xs);font-family:"JetBrains Mono","Fira Code",monospace;text-transform:lowercase;letter-spacing:.05em;color:var(--code-muted);background:rgba(0,0,0,.3);border-radius:var(--radius-lg) var(--radius-lg) 0 0;direction:ltr !important;text-align:left !important}.highlighter-rouge pre{margin:0;padding-top:2.7rem;border-radius:var(--radius-lg)}.language-python::before{content:"python"}.language-bash::before{content:"bash"}.language-shell::before{content:"shell"}.language-javascript::before{content:"javascript"}.language-js::before{content:"javascript"}.language-typescript::before{content:"typescript"}.language-ts::before{content:"typescript"}.language-html::before{content:"html"}.language-css::before{content:"css"}.language-scss::before{content:"scss"}.language-json::before{content:"json"}.language-yaml::before{content:"yaml"}.language-yml::before{content:"yaml"}.language-ruby::before{content:"ruby"}.language-go::before{content:"go"}.language-rust::before{content:"rust"}.language-java::before{content:"java"}.language-c::before{content:"c"}.language-cpp::before{content:"c++"}.language-sql::before{content:"sql"}.language-markdown::before{content:"markdown"}.language-md::before{content:"markdown"}.language-plaintext::before{content:"text"}.language-text::before{content:"text"}.language-mermaid::before{content:"diagram"}code:not(pre code){background:rgba(47,143,157,.12);color:var(--teal);padding:.15em .4em;border-radius:var(--radius-sm);font-size:.9em;font-family:"JetBrains Mono","Fira Code",monospace}.highlight .c,.highlight .c1,.highlight .cm,.highlight .cs{color:var(--code-muted);font-style:italic}.highlight .s,.highlight .s1,.highlight .s2,.highlight .sb,.highlight .sc,.highlight .sd,.highlight .se,.highlight .sh,.highlight .si,.highlight .sx,.highlight .sr{color:#e2b714}.highlight .m,.highlight .mi,.highlight .mf,.highlight .mh,.highlight .mo,.highlight .il{color:#d9912a}.highlight .k,.highlight .kc,.highlight .kd,.highlight .kn,.highlight .kp,.highlight .kr,.highlight .kt,.highlight .kv{color:#b34e36;font-weight:600}.highlight .nf,.highlight .fm,.highlight .nc{color:#2f8f9d}.highlight .n,.highlight .nb,.highlight .ni,.highlight .nl,.highlight .nn,.highlight .no,.highlight .nv,.highlight .vc,.highlight .vg,.highlight .vi{color:var(--code-text)}.highlight .o,.highlight .ow,.highlight .p{color:#9ca3af}.highlight .bp,.highlight .nb{color:#7dd3fc}.highlight .nc,.highlight .ne{color:#2f8f9d;font-weight:600}.highlight .nd,.highlight .na{color:#d9912a}.highlight .err{color:#f87171;background:rgba(248,113,113,.1)}.highlight .ge{font-style:italic}.highlight .gs{font-weight:bold}.highlight .gd{color:#f87171}.highlight .gi{color:#4ade80}.highlight .nv{color:#7dd3fc}.highlight .nb{color:#2f8f9d}.highlight .lineno{color:var(--code-muted);padding-inline-end:1em;user-select:none}.mermaid{position:relative;background:var(--night);border-radius:var(--radius-lg);padding:3rem 2rem 1.5rem;margin-block:2rem;text-align:center;overflow-x:auto;box-shadow:var(--shadow-lg),inset 0 1px 0 hsla(0,0%,100%,.05)}.mermaid::before{content:"diagram";position:absolute;top:0;inset-inline:0;padding:8px 14px;font-size:var(--text-2xs);font-family:"JetBrains Mono","Fira Code",monospace;text-transform:lowercase;letter-spacing:.05em;color:var(--code-muted);background:rgba(0,0,0,.3);border-radius:var(--radius-lg) var(--radius-lg) 0 0;direction:ltr !important;text-align:left !important}.cadence-hero-image{object-position:50% 80% !important}.rhythm-grid{display:grid;gap:var(--space-lg)}@media(min-width: 640px){.rhythm-grid{grid-template-columns:repeat(2, 1fr)}}.rhythm-card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px 24px 28px;box-shadow:var(--card-shadow);transition:transform .12s ease,box-shadow .18s ease}[data-theme=dark] .rhythm-card{background:var(--card-bg-featured)}.rhythm-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover)}.rhythm-card h3{font-size:var(--text-lg);font-weight:600;color:var(--text-heading);margin:0 0 var(--space-sm)}.rhythm-card .rhythm-desc{font-size:var(--text-md);color:var(--text);margin:0 0 var(--space-md);line-height:var(--leading-normal)}.rhythm-card .rhythm-how{font-size:var(--text-sm);color:var(--text-muted);margin:0;padding-top:var(--space-sm);border-top:1px solid var(--border);font-style:italic}@media print{.site-header,.site-footer,.nav-toggle,.hero-cta{display:none}body{background:#fff;color:#000}}/*# sourceMappingURL=styles.css.map */