:root{--editorial-ink:#12382f;--editorial-muted:#53695f;--editorial-line:#c7d7c9;--editorial-paper:#fffdf7;--editorial-mint:#edf7ec;--editorial-lime:#b7ef67;--editorial-gold:#f3b83f}
body.editorial-page,body.editorial-hub{background:var(--editorial-paper);color:var(--editorial-ink)}
body.editorial-page .page-head,body.editorial-hub .page-head{padding:4.2rem 1.25rem 3.4rem;border-bottom:1px solid var(--editorial-line);background:radial-gradient(circle at 80% 15%,rgba(183,239,103,.34),transparent 28%),linear-gradient(135deg,#eefaf2,#fff8e7)}
body.editorial-page .page-head h1,body.editorial-hub .page-head h1{max-width:900px;color:var(--editorial-ink);font-size:clamp(2.35rem,5vw,3.65rem)}
body.editorial-page .page-head .lead,body.editorial-hub .page-head .lead{max-width:790px;color:var(--editorial-muted)}
.editorial-breadcrumbs{max-width:1180px;margin:auto;padding:1rem 1.25rem 0;color:var(--editorial-muted);font-size:.88rem}.editorial-breadcrumbs a{color:#236e58}
.editorial-meta{display:flex;flex-wrap:wrap;gap:.45rem 1rem;margin:1rem 0 0;color:#5e7469;font-size:.86rem}.editorial-meta a{color:#236e58}
.editorial-section{padding:4.5rem 1.25rem}.editorial-wrap{max-width:1180px;margin:auto}
.editorial-intro{max-width:820px;margin:0 0 2.2rem;color:var(--editorial-muted);font:500 1.05rem/1.75 system-ui,sans-serif}
.editorial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}.editorial-card{overflow:hidden;display:flex;min-width:0;flex-direction:column;border:2px solid var(--editorial-line);border-radius:25px;background:#fff;color:var(--editorial-ink);text-decoration:none;box-shadow:0 6px 0 #dbe4d9;transition:transform .15s ease,box-shadow .15s ease}.editorial-card:hover{transform:translateY(-3px);box-shadow:0 9px 0 #dbe4d9}.editorial-card img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-bottom:1px solid var(--editorial-line)}.editorial-card>div{display:flex;flex:1;flex-direction:column;padding:1.35rem}.editorial-card small{color:#33715c;font-size:.72rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.editorial-card h2,.editorial-card h3{margin:.45rem 0;color:var(--editorial-ink);font-size:1.35rem;line-height:1.18}.editorial-card p{margin:.15rem 0 1rem;color:var(--editorial-muted);font:500 .94rem/1.58 system-ui,sans-serif}.editorial-card strong{margin-top:auto;color:#216c56;font-size:.9rem}
.editorial-feature{display:grid;grid-template-columns:1.08fr .92fr;overflow:hidden;margin-bottom:1.4rem;border:2px solid #b7cdbd;border-radius:28px;background:#fff;box-shadow:0 7px 0 #d6e1d7}.editorial-feature img{width:100%;height:100%;min-height:340px;object-fit:cover}.editorial-feature>div{display:flex;justify-content:center;flex-direction:column;padding:2.4rem}.editorial-feature h2{margin:.45rem 0;color:var(--editorial-ink);font-size:clamp(1.8rem,3vw,2.45rem);line-height:1.08}.editorial-feature p{color:var(--editorial-muted);font-family:system-ui,sans-serif;line-height:1.7}.editorial-feature a{color:#216c56;font-weight:900}
.article-shell{max-width:1180px;margin:auto;padding:3rem 1.25rem 5rem}.article-hero{display:block;width:100%;max-height:590px;aspect-ratio:16/9;object-fit:cover;border:2px solid var(--editorial-line);border-radius:28px;box-shadow:0 8px 0 #d8e2d8}.article-layout{display:grid;grid-template-columns:minmax(0,760px) minmax(230px,1fr);gap:4rem;align-items:start;margin-top:3.3rem}.article-body{color:#233f36;font:500 1.04rem/1.78 system-ui,-apple-system,"Segoe UI",sans-serif}.article-body h2{margin:2.4rem 0 .75rem;color:var(--editorial-ink);font:850 1.75rem/1.2 Georgia,serif}.article-body h3{margin:1.7rem 0 .55rem;color:var(--editorial-ink);font-size:1.18rem}.article-body p{margin:.85rem 0}.article-body a{color:#176f59;text-underline-offset:3px}.article-body ul,.article-body ol{padding-left:1.35rem}.article-body li+li{margin-top:.55rem}.article-body strong{color:#173b32}.article-body table{width:100%;border-collapse:separate;border-spacing:0;margin:1.5rem 0;border:1px solid var(--editorial-line);border-radius:15px;overflow:hidden;font-size:.92rem}.article-body th,.article-body td{padding:.8rem .85rem;border-bottom:1px solid var(--editorial-line);text-align:left;vertical-align:top}.article-body th{background:#eef7ec;color:#173b32}.article-body tr:last-child td{border-bottom:0}
.article-callout{margin:1.7rem 0;padding:1.2rem 1.3rem;border-left:5px solid var(--editorial-gold);border-radius:0 15px 15px 0;background:#fff4d8;color:#3c4e45}.article-method{margin-top:2.5rem;padding:1.25rem;border:1px solid var(--editorial-line);border-radius:16px;background:#f1f8ef;color:var(--editorial-muted);font-size:.9rem}.article-aside{position:sticky;top:96px;padding:1.25rem;border:1px solid var(--editorial-line);border-radius:18px;background:#f4f9f1}.article-aside strong{display:block;margin-bottom:.65rem;color:var(--editorial-ink)}.article-aside a{display:block;padding:.5rem 0;border-bottom:1px solid #d7e2d7;color:#246750;text-decoration:none;font-size:.9rem}.article-aside a:last-child{border:0}.article-aside a:hover{text-decoration:underline;text-underline-offset:3px}
.editorial-footer.site-footer{border-top:1px solid var(--editorial-line);background:#eaf4e9;color:#52695e}.editorial-footer.site-footer strong{color:#173b32}.editorial-footer.site-footer a{color:#315f50}
.home-editorial{background:#f5faef;border-block:1px solid #d6e2d5}.home-editorial .editorial-card{box-shadow:0 6px 0 #d5e0d5}.home-editorial .editorial-card h3{font-size:1.18rem}
@media(max-width:900px){.editorial-grid{grid-template-columns:1fr 1fr}.editorial-feature{grid-template-columns:1fr}.editorial-feature img{min-height:0;max-height:420px}.article-layout{grid-template-columns:1fr;gap:2.2rem}.article-aside{position:static}.article-body{font-size:1rem}}
@media(max-width:600px){body.editorial-page .page-head,body.editorial-hub .page-head{padding:3rem 1.1rem 2.5rem}.editorial-section{padding:3.3rem 1rem}.editorial-grid{grid-template-columns:1fr}.editorial-card img{max-height:220px}.editorial-feature>div{padding:1.6rem}.article-shell{padding:1.7rem 1rem 4rem}.article-hero{border-radius:20px}.article-layout{margin-top:2rem}.article-body h2{font-size:1.5rem}.article-body table{display:block;overflow-x:auto;white-space:normal}.editorial-meta{font-size:.78rem}}
