*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body,h1,h2,h3,h4,p,ul,ol,figure,blockquote{margin:0}ul,ol{padding:0;list-style:none}a{color:inherit;text-decoration:none}img,svg{display:block;max-width:100%}button,input,textarea{font:inherit}button{border:0;padding:0}textarea{resize:vertical}:root{--white: #FFFFFF;--background: #F8F9FB;--surface: #FFFFFF;--border: #E5E7EB;--text: #111827;--muted: #6B7280;--green: #15803D;--green-dark: #14532D;--green-soft: #EAF7EE;--amber: #F59E0B;--red: #DC2626;--radius-sm: .625rem;--radius-md: 1rem;--radius-lg: 1.5rem;--shadow-sm: 0 1px 2px rgba(17, 24, 39, .04), 0 2px 5px rgba(17, 24, 39, .03);--shadow-md: 0 8px 28px rgba(17, 24, 39, .08);--container: 75rem;--ease-out: cubic-bezier(.23, 1, .32, 1);--ease-in-out: cubic-bezier(.77, 0, .175, 1)}html{scroll-behavior:smooth}body{background:var(--background);color:var(--text);font-family:Inter,system-ui,sans-serif;font-size:1rem;line-height:1.6}body.is-menu-open{overflow:hidden}.container{width:min(var(--container),calc(100% - 2.5rem));margin-inline:auto}.skip-link{position:fixed;z-index:100;top:.75rem;left:.75rem;transform:translateY(-180%);background:var(--text);color:var(--white);border-radius:.5rem;padding:.65rem .9rem;font-weight:700;transition:transform .16s var(--ease-out)}.skip-link:focus{transform:translateY(0)}:focus-visible{outline:3px solid var(--amber);outline-offset:3px}.eyebrow{display:inline-flex;align-items:center;gap:.5rem;color:var(--green);font-size:.75rem;font-weight:800;letter-spacing:.12em;line-height:1;text-transform:uppercase}.eyebrow:before{width:.6rem;height:.6rem;border:2px solid currentColor;border-radius:50%;content:""}h1,h2,h3{color:var(--text);line-height:1.12;text-wrap:balance}h1{font-size:clamp(2.5rem,5vw,4.8rem);font-weight:800;letter-spacing:-.065em}h2{font-size:clamp(1.75rem,3.1vw,2.85rem);font-weight:800;letter-spacing:-.05em}h3{font-size:1.1rem;font-weight:750;letter-spacing:-.02em}p{max-width:70ch;overflow-wrap:anywhere}.lead{color:var(--muted);font-size:clamp(1.05rem,1.7vw,1.25rem);line-height:1.7}.section{padding:clamp(3.75rem,8vw,7rem) 0}.section--white{background:var(--surface)}.section-heading{max-width:44rem;margin-bottom:2.25rem}.section-heading .eyebrow{margin-bottom:.85rem}.section-heading p{margin-top:.85rem;color:var(--muted)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.breadcrumbs{padding:1rem 0;color:var(--muted);font-size:.875rem}.breadcrumbs ol{display:flex;flex-wrap:wrap;gap:.45rem}.breadcrumbs li:not(:last-child):after{margin-left:.45rem;color:#9ca3af;content:"/"}.breadcrumbs a:hover{color:var(--green);text-decoration:underline}.page-hero{padding:clamp(3rem,6vw,5.5rem) 0 3.5rem;background:linear-gradient(135deg,#fff,#f3faf5);border-bottom:1px solid var(--border)}.page-hero__grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(18rem,.6fr);gap:3rem;align-items:end}.page-hero .eyebrow{margin-bottom:1rem}.page-hero .lead{margin-top:1.15rem}.page-mark{position:relative;justify-self:end;width:min(25vw,13rem);height:13rem;isolation:isolate}.page-mark:before{position:absolute;z-index:1;top:.3rem;left:.2rem;width:8.75rem;height:11.5rem;border:1px solid #BBD9C3;border-radius:1.35rem .55rem;background:var(--white);box-shadow:10px 10px #dcefe1;content:"";transform:rotate(-7deg)}.page-mark:after{position:absolute;z-index:2;top:1.35rem;left:3.3rem;width:8.7rem;height:11.35rem;border:2px solid var(--green-dark);border-radius:.55rem 1.35rem;background:var(--green);box-shadow:inset 1.15rem 1.15rem #ffffff17,inset -1.15rem -1.15rem #ffffff0f;content:"";transform:rotate(7deg)}.page-mark svg{display:none}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 17rem;gap:clamp(2rem,6vw,6rem);padding-top:3.5rem;padding-bottom:6rem}.article-copy{max-width:48rem}.article-copy h2{margin-top:3rem;font-size:clamp(1.55rem,2.7vw,2.25rem)}.article-copy h3{margin-top:1.75rem}.article-copy p,.article-copy li{color:#374151}.article-copy p+p,.article-copy p+ul,.article-copy ul+p{margin-top:1rem}.article-copy ul{margin-top:1rem;padding-left:1.25rem;list-style:disc}.article-copy li+li{margin-top:.45rem}.article-aside{align-self:start;position:sticky;top:6.5rem;padding:1.25rem;background:var(--white);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.article-aside strong{display:block;margin-bottom:.65rem;font-size:.85rem;letter-spacing:.08em;text-transform:uppercase}.article-aside a{display:block;padding:.4rem 0;color:var(--muted);font-size:.9rem}.article-aside a:hover{color:var(--green)}@media (max-width: 48rem){.container{width:min(var(--container),calc(100% - 2rem))}.page-hero__grid,.article-layout{grid-template-columns:minmax(0,1fr);gap:1.75rem}.page-mark{display:none}.article-aside{position:static;order:-1}.editorial-index,.editorial-example,.editorial-conclusion{padding:1rem}}@media (max-width: 23rem){h1{font-size:clamp(2.15rem,11vw,2.55rem)}.section{padding:3.25rem 0}}.site-header{position:sticky;z-index:50;top:0;min-height:4.75rem;background:#fffffff2;border-bottom:1px solid rgba(229,231,235,.9);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.site-header__inner{display:flex;min-height:4.75rem;align-items:center;justify-content:space-between;gap:1.25rem}.brand{display:inline-flex;flex:0 0 auto;align-items:center;color:var(--text)}.brand__logo{display:block;width:10.6rem;height:auto}.main-nav{margin-left:auto}.main-nav__list{display:flex;align-items:center;gap:1.1rem}.main-nav a{position:relative;padding:.45rem 0;color:#4b5563;font-size:.855rem;font-weight:650;white-space:nowrap}.main-nav a:after{position:absolute;right:0;bottom:.1rem;left:0;height:2px;background:var(--green);content:"";opacity:0;transform:scaleX(.4);transition:transform .18s var(--ease-out),opacity .18s var(--ease-out)}.main-nav a:hover,.main-nav a[aria-current=page]{color:var(--green-dark)}.main-nav a:hover:after,.main-nav a[aria-current=page]:after{opacity:1;transform:scaleX(1)}.header-actions{display:flex;align-items:center;gap:.6rem}.menu-trigger{display:none;width:2.75rem;height:2.75rem;background:transparent;border:1px solid var(--border);border-radius:.7rem;color:var(--text)}.menu-trigger svg{width:1.25rem;margin:auto}.drawer-backdrop{position:fixed;z-index:100;inset:0;min-height:100dvh;background:#1118277a;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;transition:opacity .22s var(--ease-out)}.drawer-backdrop.is-visible{opacity:1}.mobile-drawer{position:fixed;z-index:110;top:0;right:0;bottom:0;min-height:100dvh;display:none;width:min(88vw,24rem);flex-direction:column;padding:max(1.25rem,env(safe-area-inset-top)) max(1.25rem,env(safe-area-inset-right)) max(1.25rem,env(safe-area-inset-bottom)) max(1.25rem,env(safe-area-inset-left));overflow-y:auto;overscroll-behavior:contain;-ms-overflow-style:none;scrollbar-width:none;background:var(--white);border-radius:1.15rem 0 0 1.15rem;box-shadow:-16px 0 50px #11182733}.mobile-drawer::-webkit-scrollbar{display:none;width:0;height:0}.mobile-drawer.is-open{display:flex;animation:drawer-enter .24s var(--ease-out)}.mobile-drawer__top{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:.75rem;padding-bottom:1.25rem;border-bottom:1px solid var(--border)}.mobile-drawer__top .brand{min-width:0}.drawer-close{display:grid;flex:0 0 2.75rem;width:2.75rem;height:2.75rem;place-items:center;border:1px solid var(--border);border-radius:.7rem;background:var(--white);color:var(--text)}.drawer-close svg{width:1.15rem}.mobile-nav{display:grid;flex:1;align-content:start;padding:1.25rem 0}.mobile-nav li+li{border-top:1px solid #F0F1F3}.mobile-nav a{display:flex;min-height:3.15rem;align-items:center;padding:.85rem .15rem;color:var(--text);font-weight:700}.mobile-nav a:hover,.mobile-nav a:focus-visible,.mobile-nav a[aria-current=page]{color:var(--green)}.mobile-drawer .button{width:100%;justify-content:center;margin-top:.75rem}@media (max-width: 68rem){.site-header__inner{gap:.75rem}.main-nav{display:none}.header-actions{margin-left:auto}.menu-trigger{display:grid;flex:0 0 2.75rem;place-items:center}.header-actions .button{display:none}.mobile-drawer__top .brand__logo{width:min(10.5rem,calc(100vw - 9rem))}}@media (max-width: 48rem){.site-header,.site-header__inner{min-height:4.4rem}.brand__logo{width:min(9.6rem,calc(100vw - 6.5rem))}.mobile-drawer{width:min(90vw,24rem)}.mobile-nav a{font-size:1rem}.mobile-drawer .button{min-height:3rem}}@media (max-width: 23rem){.mobile-drawer{width:min(90vw,21rem);padding-right:1rem;padding-left:1rem}.mobile-drawer__top .brand__logo{width:min(9rem,calc(100vw - 8.5rem))}}@keyframes drawer-enter{0%{opacity:0;transform:translate(1.4rem)}to{opacity:1;transform:translate(0)}}body.is-menu-open{overflow:hidden;overscroll-behavior:contain}.site-footer{background:var(--green-dark);color:#ddf2e4}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:2.5rem;padding:4rem 0 3rem}.footer-brand{max-width:20rem}.footer-brand .brand--footer{display:inline-flex;padding:0;border-radius:0;background:transparent}.footer-brand .brand--footer .brand__logo{width:min(14.5rem,100%);height:auto}.footer-brand p{margin-top:1rem;color:#b9dcc4;font-size:.9rem;line-height:1.65}.footer-group h2{margin-bottom:.8rem;color:#9de2b4;font-size:.74rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.footer-group li+li{margin-top:.45rem}.footer-group a{color:#ddf2e4;font-size:.9rem}.footer-group a:hover{color:var(--white);text-decoration:underline;text-underline-offset:.2rem}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.25rem 0;border-top:1px solid rgba(221,242,228,.2);color:#a9ceb5;font-size:.8rem}.footer-bottom ul{display:flex;flex-wrap:wrap;gap:.8rem}.footer-bottom a:hover{color:var(--white)}@media (max-width: 54rem){.footer-grid{grid-template-columns:1.3fr 1fr}}@media (max-width: 34rem){.footer-grid{grid-template-columns:1fr;gap:1.75rem}.footer-brand .brand--footer .brand__logo{width:min(13rem,100%)}.footer-bottom{align-items:flex-start;flex-direction:column}}.button{display:inline-flex;min-height:2.85rem;align-items:center;justify-content:center;gap:.55rem;padding:.72rem 1rem;border:1px solid transparent;border-radius:.72rem;font-size:.9rem;font-weight:750;line-height:1.2;transition:transform .16s var(--ease-out),box-shadow .16s var(--ease-out),background-color .16s var(--ease-out),border-color .16s var(--ease-out)}.button:active{transform:scale(.97)}.button--primary{background:var(--green);box-shadow:0 6px 13px #15803d2e;color:var(--white)}.button--primary:hover{background:var(--green-dark);box-shadow:0 8px 18px #15803d3d;transform:translateY(-1px)}.button--secondary{background:var(--white);border-color:var(--border);color:var(--text)}.button--secondary:hover{border-color:#b9c8bd;background:#fcfdfc;color:var(--green-dark);transform:translateY(-1px)}.button svg{width:1.1rem}.tag{display:inline-flex;align-items:center;padding:.28rem .5rem;background:var(--green-soft);border-radius:.35rem;color:var(--green-dark);font-size:.67rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.editorial-card{overflow:hidden;background:var(--white);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:transform .18s var(--ease-out),box-shadow .18s var(--ease-out),border-color .18s var(--ease-out)}.editorial-card:hover{border-color:#c8d7cc;box-shadow:var(--shadow-md);transform:translateY(-4px)}.editorial-card__image{position:relative;display:block;height:11.5rem;overflow:hidden;background:#eaf4ec}.editorial-card__image img{width:100%;height:100%;object-fit:cover;transition:transform .26s var(--ease-out)}.editorial-card:hover .editorial-card__image img{transform:scale(1.035)}.editorial-card__body{padding:1.25rem}.editorial-card .tag{margin-bottom:.75rem}.editorial-card h3{margin-bottom:.45rem}.editorial-card p{color:var(--muted);font-size:.9rem;line-height:1.55}.editorial-card__link{display:inline-flex;align-items:center;gap:.35rem;margin-top:1rem;color:var(--green);font-size:.86rem;font-weight:800}.editorial-card__link svg{width:1rem;transition:transform .16s var(--ease-out)}.editorial-card:hover .editorial-card__link svg{transform:translate(3px)}.content-list{display:grid;gap:.75rem}.content-list__item{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;padding:1rem;background:var(--white);border:1px solid var(--border);border-radius:.75rem}.content-list__count{display:grid;width:2rem;height:2rem;place-items:center;background:var(--green-soft);border-radius:.5rem;color:var(--green-dark);font-size:.78rem;font-weight:800}.content-list__item h3{font-size:.95rem}.content-list__item p{color:var(--muted);font-size:.84rem}.content-list__arrow{color:var(--green);font-size:1.25rem}.notice{padding:1rem 1.1rem;background:#fff8e9;border-left:4px solid var(--amber);border-radius:0 .7rem .7rem 0;color:#6b4a09;font-size:.92rem}.faq-list{border-top:1px solid var(--border)}.faq-item{border-bottom:1px solid var(--border)}.faq-trigger{display:flex;width:100%;align-items:center;justify-content:space-between;gap:1rem;padding:1.1rem 0;background:transparent;color:var(--text);text-align:left;font-weight:750}.faq-trigger svg{flex:none;width:1.1rem;color:var(--green);transition:transform .18s var(--ease-out)}.faq-trigger[aria-expanded=true] svg{transform:rotate(45deg)}.faq-answer{display:grid;grid-template-rows:0fr;transition:grid-template-rows .2s var(--ease-out)}.faq-answer>div{overflow:hidden}.faq-answer p{padding-bottom:1.1rem;color:var(--muted)}.faq-answer.is-open{grid-template-rows:1fr}.status-message{min-height:1.5rem;margin-top:.85rem;color:var(--green-dark);font-size:.88rem;font-weight:650}.form-field{display:grid;gap:.4rem}.form-field label{font-size:.88rem;font-weight:700}.form-field input,.form-field textarea{width:100%;padding:.75rem .8rem;background:var(--white);border:1px solid var(--border);border-radius:.65rem;color:var(--text)}.form-field input:focus,.form-field textarea:focus{border-color:var(--green);outline:3px solid rgba(21,128,61,.16)}.variant-index{display:grid;grid-template-columns:minmax(0,.72fr) minmax(22rem,1fr);gap:clamp(2.5rem,6vw,6rem);align-items:start}.variant-index__intro{padding-top:.4rem}.variant-index__intro h2{max-width:25rem;margin-top:.85rem}.variant-index__intro>p:not(.eyebrow){margin-top:1rem;color:var(--muted)}.tactical-note{display:grid;grid-template-columns:auto 1fr;gap:.7rem;margin-top:1.5rem;padding:1rem;border-top:1px solid #D9EADDC;border-bottom:1px solid #D9EADDC;color:#4b5563;font-size:.9rem;line-height:1.55}.tactical-note:before{width:.85rem;height:.85rem;margin-top:.28rem;background:var(--amber);content:"";transform:rotate(45deg)}.variant-index__list{border-top:1px solid var(--border)}.variant-index__item{display:grid;grid-template-columns:3rem 1fr auto;align-items:center;gap:1.15rem;padding:1.35rem .25rem;border-bottom:1px solid var(--border);transition:background-color .18s var(--ease-out),padding .18s var(--ease-out)}.variant-index__item:hover{padding-right:1rem;padding-left:.75rem;background:#f7fbf8}.variant-index__number{display:grid;width:2.2rem;height:2.7rem;place-items:center;border:1px solid #B7DCC2;border-radius:.45rem .85rem;color:var(--green-dark);font-size:.75rem;font-weight:800}.variant-index__copy{display:grid;gap:.35rem}.variant-index__copy strong{font-size:1.2rem;line-height:1.2}.variant-index__copy span{color:var(--muted);font-size:.92rem}.variant-index__arrow{color:var(--green);font-size:1.45rem;transition:transform .18s var(--ease-out)}.variant-index__item:hover .variant-index__arrow{transform:translate(4px)}.game-editorial-grid{display:grid;grid-template-columns:minmax(0,1fr) 18rem;gap:clamp(2rem,6vw,5rem);align-items:start}.game-reading{padding-top:.4rem}.game-reading h2{margin:.85rem 0 1.1rem;font-size:1.55rem;letter-spacing:-.04em}.game-reading li{position:relative;padding:.85rem 0 .85rem 2.1rem;border-top:1px solid var(--border)}.game-reading li:before{position:absolute;left:0;top:.95rem;display:grid;width:1.35rem;height:1.35rem;place-items:center;background:var(--green-soft);border-radius:50%;color:var(--green-dark);content:"•";font-weight:900}.game-reading a{color:var(--text);font-size:.94rem;font-weight:750}.game-reading a:hover{color:var(--green);text-decoration:underline;text-underline-offset:.2rem}@media (max-width: 48rem){.variant-index,.game-editorial-grid{grid-template-columns:1fr}.variant-index__intro{max-width:42rem}}@media (max-width: 52rem){.card-grid{grid-template-columns:1fr 1fr}}@media (max-width: 34rem){.card-grid{grid-template-columns:1fr}}@media (max-width: 38rem){.container{width:min(100% - 2rem,var(--container))}.section{padding:3.5rem 0}h1{font-size:clamp(2.3rem,12vw,3.3rem)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}