/*
Theme Name: Nakh Marketing
Theme URI: https://nakhmarketing.com
Author: Nakh Marketing
Author URI: https://nakhmarketing.com
Description: Conversion focused WordPress theme for Nakh Marketing. Figtree and Caveat on the emerald, forest and violet brand palette. Home page and six service pages built in, no page builder required.
Version: 2.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: nakh-marketing
Tags: business, blog, two-columns, custom-logo, custom-menu, featured-images, translation-ready, block-styles, wide-blocks
*/

:root{
  --deepest:#062A1E; --teal:#123B40; --forest:#0B3B2C;
  --emerald:#0FA36B; --emerald-hi:#0C8D5C; --mint:#5FE3A1; --mintlt:#A7EFC9;
  --tint:#EFF7F1; --tint2:#DCEBE2; --line:#D8E6DE;
  --violet:#7C5CFF; --violet-hi:#6A48F5; --body:#5B6560;
  --max:1180px;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  margin:0;background:#fff;color:var(--body);
  font-family:Figtree,'Segoe UI',system-ui,-apple-system,sans-serif;
  font-size:16.5px;line-height:1.68;-webkit-font-smoothing:antialiased;overflow-x:hidden
}
h1,h2,h3,h4{color:var(--forest);font-weight:800;letter-spacing:-.028em;line-height:1.14;margin:0}
p{margin:0 0 1em}
a{text-decoration:none;color:var(--emerald)}
img{max-width:100%;display:block;height:auto}
ul{margin:0;padding:0;list-style:none}
:focus-visible{outline:3px solid var(--violet);outline-offset:3px;border-radius:6px}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-9999px;background:var(--deepest);color:#fff;padding:12px 20px;z-index:999;font-weight:700}
.skip:focus{left:0;color:#fff}
.w{max-width:var(--max);margin:0 auto;padding:0 28px}
.sec{padding:96px 0}
.tint{background:var(--tint)}
.script{font-family:Caveat,'Segoe Script',cursive;font-size:1.9rem;color:var(--emerald);font-weight:700;display:block;margin-bottom:6px;line-height:1}

/* buttons */
.bp,.bo,.bg{display:inline-flex;align-items:center;gap:9px;padding:15px 28px;border-radius:10px;font-weight:700;font-size:.95rem;transition:.22s;border:1px solid transparent;white-space:nowrap}
.bp{background:var(--violet);color:#fff;box-shadow:0 10px 30px rgba(124,92,255,.32)}
.bp:hover,.bp:focus{background:var(--violet-hi);color:#fff;transform:translateY(-2px);box-shadow:0 16px 38px rgba(124,92,255,.38)}
.bo{border-color:rgba(255,255,255,.42);color:#fff}
.bo:hover,.bo:focus{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.75);color:#fff}
.bg{background:var(--emerald);color:#fff;box-shadow:0 10px 28px rgba(15,163,107,.28)}
.bg:hover,.bg:focus{background:var(--emerald-hi);color:#fff;transform:translateY(-2px)}

/* topbar: replaced. Differentiator on the left, tap targets on the right. */
.topbar{background:var(--deepest);padding:11px 0;font-size:.88rem}
.topbar .w{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.topbar .msg{color:#CFE6DA;font-weight:600}
.topbar .msg b{color:var(--mint);font-weight:800}
.topbar .act{display:flex;align-items:center;gap:20px}
.topbar a{color:#fff;font-weight:700}
.topbar a:hover{color:var(--mint)}
.topbar .wa{display:inline-flex;align-items:center;gap:7px}
.topbar .wa svg{width:16px;height:16px}

/* header */
.hdr{background:rgba(255,255,255,.94);backdrop-filter:saturate(180%) blur(14px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}
.hdr .w{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:78px}
.hdr img{height:42px;width:auto}
.nl{display:flex;gap:24px;align-items:center}
.nl a{color:var(--forest);font-weight:600;font-size:.9rem;white-space:nowrap;position:relative;padding:6px 0}
.nl a::after{content:"";position:absolute;left:0;right:100%;bottom:0;height:2px;background:var(--emerald);transition:right .25s;border-radius:2px}
.nl a:hover::after,.nl a[aria-current]::after{right:0}
.hdr .bp{padding:12px 24px;font-size:.89rem}
.burger{display:none;background:none;border:1px solid var(--line);border-radius:10px;width:46px;height:46px;cursor:pointer;align-items:center;justify-content:center}
.burger span{display:block;width:20px;height:2px;background:var(--forest);position:relative;border-radius:2px;transition:.25s}
.burger span::before,.burger span::after{content:"";position:absolute;left:0;width:20px;height:2px;background:var(--forest);border-radius:2px;transition:.25s}
.burger span::before{top:-6px}.burger span::after{top:6px}
.burger[aria-expanded=true] span{background:transparent}
.burger[aria-expanded=true] span::before{top:0;transform:rotate(45deg)}
.burger[aria-expanded=true] span::after{top:0;transform:rotate(-45deg)}
.mob{display:none;background:#fff;border-bottom:1px solid var(--line);padding:8px 0 22px}
.mob.open{display:block}
.mob a{display:block;padding:14px 0;font-weight:700;color:var(--forest);border-bottom:1px solid var(--tint2)}
.mob .bp{width:100%;justify-content:center;margin-top:18px}

/* hero */
.hero{background:linear-gradient(115deg,var(--deepest),var(--teal));color:rgba(255,255,255,.84);padding:104px 0 92px;position:relative;overflow:hidden}
.hero::before,.hero::after{content:"";position:absolute;border-radius:50%;pointer-events:none}
.hero::before{width:760px;height:760px;background:radial-gradient(circle,rgba(95,227,161,.18),rgba(95,227,161,0) 68%);top:-320px;right:-200px}
.hero::after{width:520px;height:520px;background:radial-gradient(circle,rgba(124,92,255,.22),rgba(124,92,255,0) 68%);bottom:-280px;left:-160px}
.hero .w{position:relative;z-index:2}
.pill{display:inline-flex;align-items:center;gap:10px;background:rgba(95,227,161,.1);border:1px solid rgba(95,227,161,.38);color:var(--mint);font-size:.8rem;font-weight:700;padding:9px 18px;border-radius:999px;margin-bottom:28px}
.pill i{width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 4px rgba(95,227,161,.15)}
.hero h1{color:#fff;font-size:clamp(2.6rem,5.8vw,4.5rem);letter-spacing:-.038em;line-height:1.04}
/* FIX 1: the third line was outline-only at 42% opacity and effectively unreadable.
   It is now solid mint, which is the payoff of the tagline. */
.hero h1 .m{color:var(--mint)}
.hero h1 .g{color:var(--mintlt)}
.hero .lead{font-size:1.12rem;max-width:620px;margin:24px 0 34px;color:rgba(255,255,255,.84)}
.hero .acts{display:flex;gap:14px;flex-wrap:wrap}
.hero .facts{display:flex;gap:38px;margin-top:46px;padding-top:32px;border-top:1px solid rgba(255,255,255,.14);flex-wrap:wrap}
.hero .facts b{display:block;color:#fff;font-size:1.75rem;font-weight:800;letter-spacing:-.03em;line-height:1.1}
.hero .facts span{font-size:.85rem;color:rgba(255,255,255,.64)}

/* marquee */
.marq{background:var(--deepest);padding:18px 0;overflow:hidden;border-top:1px solid rgba(255,255,255,.07)}
.marq .t{display:flex;gap:14px;width:max-content;animation:run 44s linear infinite}
.marq:hover .t,.marq:focus-within .t{animation-play-state:paused}
.marq span{border:1px solid rgba(95,227,161,.28);color:var(--mintlt);font-size:.83rem;font-weight:600;padding:7px 15px;border-radius:999px;white-space:nowrap}
@keyframes run{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){
  .marq .t{animation:none;flex-wrap:wrap;width:auto;justify-content:center}
  html{scroll-behavior:auto}
  *{transition-duration:.01ms!important}
}

/* two column */
.two{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.two.flip .shot{order:2}
.shot{border-radius:20px;aspect-ratio:4/3;background:linear-gradient(135deg,var(--forest),var(--teal));display:grid;place-items:center;position:relative;overflow:hidden;padding:30px}
.shot::after{content:"";position:absolute;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(95,227,161,.2),rgba(95,227,161,0) 70%);top:-120px;right:-80px}
.shot img{max-width:66%;position:relative;z-index:1}
.badge{position:absolute;bottom:20px;left:20px;background:#fff;color:var(--forest);font-size:.82rem;font-weight:700;padding:10px 18px;border-radius:999px;box-shadow:0 8px 26px rgba(11,59,44,.14);z-index:2}
.two h2{font-size:clamp(1.85rem,3.3vw,2.55rem);margin-bottom:18px}
.statcard{position:relative;z-index:1;text-align:center}
.statcard b{display:block;color:var(--mint);font-size:3.5rem;font-weight:800;letter-spacing:-.04em;line-height:1}
.statcard span{color:rgba(255,255,255,.9);font-size:.95rem}

/* section heads */
.head{max-width:680px;margin:0 auto 52px;text-align:center}
.head h2{font-size:clamp(1.9rem,3.4vw,2.6rem)}
.head p{margin:16px 0 0}

/* accordion */
.accwrap{max-width:900px;margin:0 auto}
.acc{border:1px solid var(--tint2);border-radius:14px;margin-bottom:12px;background:#fff;overflow:hidden;transition:.22s}
.acc.open{border-color:var(--mint);box-shadow:0 10px 30px rgba(15,163,107,.08)}
.acc > button{width:100%;display:flex;align-items:center;gap:20px;background:none;border:0;cursor:pointer;padding:22px 24px;font-family:inherit;text-align:left}
.acc .num{font-size:1.6rem;font-weight:800;color:var(--mintlt);line-height:1;flex:none;letter-spacing:-.03em}
.acc.open .num{color:var(--emerald)}
.acc h3{flex:1;font-size:1.12rem}
.acc .chev{flex:none;color:var(--emerald);font-size:1rem;transition:transform .25s;font-weight:800}
.acc.open .chev{transform:rotate(180deg)}
.acc .body{max-height:0;overflow:hidden;transition:max-height .3s ease}
.acc .body p{padding:0 24px 24px 68px;margin:0;font-size:.97rem}

/* steps */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:60px}
.step{background:#fff;border:1px solid var(--tint2);border-radius:16px;padding:44px 24px 28px;text-align:center;position:relative;margin-top:26px}
.step .c{position:absolute;top:-26px;left:50%;transform:translateX(-50%);width:52px;height:52px;border-radius:50%;background:var(--emerald);color:#fff;display:grid;place-items:center;font-weight:800;font-size:1.05rem;box-shadow:0 0 0 7px #fff,0 8px 22px rgba(15,163,107,.28)}
.step h3{font-size:1.05rem;margin-bottom:8px}
.step p{font-size:.92rem;margin:0}

/* chips */
.chips{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;max-width:940px;margin:0 auto}
.chips span{background:#fff;border:1px solid var(--tint2);border-radius:12px;padding:11px 18px;font-size:.9rem;font-weight:600;color:var(--forest);transition:.2s}
.chips span:hover{border-color:var(--mint);transform:translateY(-2px)}

/* audit */
.audit{background:linear-gradient(115deg,var(--deepest),var(--teal));color:rgba(255,255,255,.85);border-radius:24px;padding:64px;text-align:center;position:relative;overflow:hidden}
.audit::after{content:"";position:absolute;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(124,92,255,.26),rgba(124,92,255,0) 68%);top:-220px;right:-140px}
.audit > *{position:relative;z-index:1}
.audit .script{color:var(--mint)}
.audit h2{color:#fff;font-size:clamp(1.9rem,3.6vw,2.7rem);max-width:620px;margin:0 auto 16px}
.audit p{max-width:540px;margin:0 auto 26px}
.audit ul{display:flex;gap:26px;justify-content:center;flex-wrap:wrap;max-width:780px;margin:0 auto 32px}
.audit li{display:flex;gap:9px;align-items:center;font-size:.94rem;color:#fff;font-weight:600}
.audit li i{color:var(--mint);font-weight:800;font-style:normal}
.audit .acts{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}

.faqwrap{max-width:920px;margin:0 auto}

/* footer */
.ft{background:var(--deepest);color:#A9C6B7;padding:64px 0 30px}
.ft .g{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:44px;margin-bottom:44px}
.ft img{height:46px;width:auto;margin-bottom:18px}
.ft h4{color:#fff;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;margin:0 0 18px}
.ft li{margin-bottom:10px}
.ft a{color:#A9C6B7;font-size:.92rem}
.ft a:hover{color:var(--mint)}
.ft .cn{color:#fff;font-weight:600;font-size:.92rem;line-height:1.9}
.ft .bot{border-top:1px solid rgba(255,255,255,.1);padding-top:24px;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;font-size:.85rem;color:#7F9C8D}

.wa-float{position:fixed;right:22px;bottom:22px;z-index:60;background:var(--emerald);color:#fff;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;box-shadow:0 10px 26px rgba(15,163,107,.42);transition:.22s}
.wa-float:hover{transform:scale(1.08);background:var(--forest);color:#fff}
.wa-float svg{width:28px;height:28px}

@media(max-width:1180px){.nl{display:none}.burger{display:flex}}
@media(max-width:980px){
  .two{grid-template-columns:1fr;gap:32px}
  .two.flip .shot{order:0}
  .steps{grid-template-columns:1fr 1fr}
  .ft .g{grid-template-columns:1fr 1fr;gap:30px}
  .sec{padding:68px 0}
  .audit{padding:44px 24px}
  .audit ul{flex-direction:column;align-items:center;gap:12px}
  .hero{padding:72px 0 68px}
}
@media(max-width:600px){
  .steps{grid-template-columns:1fr}
  .ft .g{grid-template-columns:1fr}
  .hero .facts{gap:24px}
  .topbar .msg{display:none}
  .topbar .w{justify-content:center}
  .bp,.bo,.bg{width:100%;justify-content:center}
  .hero .acts,.audit .acts{width:100%}
  .hdr .bp{width:auto;padding:11px 18px;font-size:.85rem}
  .hdr img{height:34px}
  .acc .body p{padding-left:24px}
}

/* ============================================================
   Service page components
   ============================================================ */
.crumb{font-size:.84rem;color:rgba(255,255,255,.62);margin-bottom:18px;font-weight:600}
.crumb a{color:var(--mint)}
.crumb a:hover{color:#fff}
.crumb span{margin:0 8px;opacity:.5}
.phero{padding:74px 0 70px}
.phero h1{font-size:clamp(2.1rem,4.4vw,3.35rem)}
.phero .lead{max-width:680px}
.vgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:52px}
.vcard{background:#fff;border:1px solid var(--tint2);border-radius:16px;padding:30px;transition:.24s;position:relative;overflow:hidden;display:flex;flex-direction:column}
.vcard::before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,var(--mint),var(--emerald));transform:scaleX(0);transform-origin:left;transition:transform .3s}
.vcard:hover{border-color:var(--mint);box-shadow:0 14px 40px rgba(15,163,107,.1);transform:translateY(-4px)}
.vcard:hover::before{transform:scaleX(1)}
.vcard .n{font-size:.74rem;font-weight:800;color:var(--mintlt);letter-spacing:.1em}
.vcard h3{font-size:1.2rem;margin:8px 0 10px}
.vcard p{font-size:.95rem;margin:0}
.vcard em{font-style:italic;color:var(--emerald)}
.incl{display:grid;grid-template-columns:repeat(2,1fr);gap:12px 40px;max-width:900px;margin:0 auto;list-style:none;padding:0}
.incl li{display:flex;gap:12px;align-items:flex-start;font-size:.97rem;padding:11px 0;border-bottom:1px solid var(--tint2)}
.incl li i{color:var(--emerald);font-weight:800;font-style:normal;flex:none;margin-top:1px}
.indwrap{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;max-width:880px;margin:0 auto}
.indwrap span{background:#fff;border:1px solid var(--tint2);border-radius:12px;padding:10px 18px;font-size:.9rem;font-weight:600;color:var(--forest)}
.pricebox{max-width:760px;margin:44px auto 0;background:var(--tint);border:1px solid var(--tint2);border-left:4px solid var(--emerald);border-radius:0 14px 14px 0;padding:26px 30px}
.pricebox b{display:block;color:var(--forest);font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px}
.pricebox p{margin:0;font-size:.98rem}
.rel{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:900px;margin:0 auto}
.rel a{display:block;background:#fff;border:1px solid var(--tint2);border-radius:14px;padding:22px 24px;transition:.22s;color:var(--forest)}
.rel a:hover{border-color:var(--mint);transform:translateY(-3px);box-shadow:0 12px 30px rgba(15,163,107,.09)}
.rel a b{display:block;font-size:1rem;font-weight:800;margin-bottom:4px}
.rel a span{font-size:.85rem;color:var(--body);font-weight:600}
.local{max-width:840px;margin:0 auto;text-align:center}
.local h2{font-size:clamp(1.5rem,2.6vw,2rem);margin-bottom:16px}
@media(max-width:820px){
  .vgrid,.incl,.rel{grid-template-columns:1fr}
  .phero{padding:52px 0 48px}
}

/* ============================================================
   Inner pages, blog, archives, comments
   ============================================================ */
.page-hero{background:var(--tint);border-bottom:1px solid var(--line);padding:66px 0 58px;text-align:center}
.page-hero h1{margin:0 auto;max-width:840px;font-size:clamp(1.9rem,3.6vw,2.8rem)}
.page-hero p{margin:16px auto 0;max-width:640px}
.page-hero .crumb{color:var(--body);margin-bottom:14px}
.page-hero .crumb a{color:var(--emerald)}
.content-area{padding:74px 0}
.layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:56px;align-items:start}
.layout.full{grid-template-columns:minmax(0,1fr)}
.entry{max-width:780px}
.entry h2,.entry h3,.entry h4{margin-top:1.6em;margin-bottom:.5em}
.entry h2{font-size:1.75rem}.entry h3{font-size:1.3rem}
.entry img,.entry .wp-block-image{border-radius:14px;margin:1.6em 0}
.entry blockquote{border-left:3px solid var(--emerald);background:var(--tint);margin:1.8em 0;padding:20px 26px;border-radius:0 12px 12px 0;color:var(--forest)}
.entry blockquote p:last-child{margin-bottom:0}
.entry ul,.entry ol{margin:0 0 1.4em;padding-left:1.3em;list-style:revert}
.entry li{margin-bottom:.5em}
.entry a{color:var(--emerald);text-decoration:underline;text-underline-offset:3px}
.entry table{width:100%;border-collapse:collapse;margin:1.6em 0;font-size:.95rem}
.entry th,.entry td{border:1px solid var(--tint2);padding:12px 14px;text-align:left}
.entry th{background:var(--tint);color:var(--forest);font-weight:700}
.entry code{background:var(--tint);padding:2px 6px;border-radius:5px;font-size:.9em}
.entry pre{background:var(--deepest);color:#D7EEE2;padding:20px;border-radius:12px;overflow-x:auto}
.entry pre code{background:none;color:inherit;padding:0}
.alignwide{margin-left:calc(50% - 46vw);margin-right:calc(50% - 46vw);max-width:92vw}
.alignfull{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);max-width:100vw}
.alignleft{float:left;margin:.4em 1.6em 1em 0}
.alignright{float:right;margin:.4em 0 1em 1.6em}
.aligncenter{margin-left:auto;margin-right:auto}
.meta{font-size:.86rem;color:#8A9490;font-weight:600;margin-bottom:22px;display:flex;gap:16px;flex-wrap:wrap}
.meta a{color:var(--emerald);font-weight:700}
.posts{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.post-card{background:#fff;border:1px solid var(--tint2);border-radius:16px;overflow:hidden;transition:.24s;display:flex;flex-direction:column}
.post-card:hover{transform:translateY(-5px);box-shadow:0 16px 44px rgba(11,59,44,.1);border-color:var(--mint)}
.post-card .thumb{aspect-ratio:16/9;overflow:hidden;background:var(--tint)}
.post-card .thumb img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.post-card:hover .thumb img{transform:scale(1.05)}
.post-card .b{padding:24px;flex:1;display:flex;flex-direction:column}
.post-card .cat{font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--emerald);margin-bottom:10px}
.post-card h2,.post-card h3{font-size:1.12rem;margin:0 0 10px;line-height:1.32}
.post-card a{color:var(--forest)}
.post-card h2 a:hover,.post-card h3 a:hover{color:var(--emerald)}
.post-card p{font-size:.92rem;margin:0 0 16px}
.post-card .more{margin-top:auto;font-size:.86rem;font-weight:700;color:var(--emerald)}
.sidebar .widget{background:var(--tint);border:1px solid var(--tint2);border-radius:16px;padding:26px;margin-bottom:22px}
.sidebar .widget-title{font-size:.95rem;color:var(--forest);margin:0 0 16px;font-weight:800}
.sidebar ul{list-style:none;margin:0;padding:0}
.sidebar li{margin-bottom:11px;font-size:.93rem}
.sidebar a{color:var(--body)}
.sidebar a:hover{color:var(--emerald)}
.searchform{display:flex;gap:8px}
.searchform input[type=search]{flex:1;min-width:0;padding:13px 16px;border:1.5px solid var(--tint2);border-radius:10px;font-family:inherit;font-size:.95rem;background:#fff}
.searchform input:focus{border-color:var(--emerald);outline:none}
.searchform button{background:var(--violet);color:#fff;border:0;border-radius:10px;padding:0 20px;font-weight:700;cursor:pointer;font-family:inherit}
.pagination{display:flex;gap:8px;justify-content:center;margin-top:52px;flex-wrap:wrap}
.pagination .page-numbers{min-width:44px;height:44px;display:grid;place-items:center;padding:0 12px;border:1px solid var(--tint2);border-radius:10px;font-weight:700;font-size:.92rem;color:var(--forest);background:#fff}
.pagination .page-numbers.current{background:var(--violet);color:#fff;border-color:var(--violet)}
.pagination a.page-numbers:hover{border-color:var(--emerald);color:var(--emerald)}
.comments{max-width:780px;margin-top:60px;padding-top:44px;border-top:1px solid var(--tint2)}
.comment-list{list-style:none;margin:0;padding:0}
.comment-list li{margin-bottom:24px}
.comment-list .children{list-style:none;padding-left:26px;margin-top:24px}
.comment-body{background:var(--tint);border:1px solid var(--tint2);border-radius:14px;padding:22px}
.comment-author{font-weight:800;color:var(--forest);font-size:.94rem}
.comment-meta{font-size:.82rem;color:#8A9490;margin-bottom:10px}
.comment-form input,.comment-form textarea{width:100%;padding:13px 16px;border:1.5px solid var(--tint2);border-radius:10px;font-family:inherit;font-size:.95rem;margin-bottom:14px;background:#fff}
.comment-form label{font-weight:700;font-size:.88rem;color:var(--forest);display:block;margin-bottom:6px}
.comment-form .submit{background:var(--violet);color:#fff;border:0;border-radius:10px;padding:14px 30px;font-weight:700;cursor:pointer;font-family:inherit;width:auto}
.error-404{text-align:center;padding:110px 0}
.error-404 .big{font-size:clamp(5rem,15vw,9rem);font-weight:800;line-height:1;letter-spacing:-.05em;background:linear-gradient(120deg,var(--forest),var(--emerald));-webkit-background-clip:text;background-clip:text;color:transparent}
.error-404 p{max-width:480px;margin:14px auto 30px}
.f-menu{list-style:none;margin:0;padding:0}
.f-menu li{margin-bottom:10px}
.f-menu a{color:#A9C6B7;font-size:.92rem}
.f-menu a:hover{color:var(--mint)}
@media(max-width:980px){
  .layout{grid-template-columns:1fr;gap:44px}
  .posts{grid-template-columns:repeat(2,1fr)}
  .alignwide,.alignfull{margin-left:0;margin-right:0;max-width:100%}
}
@media(max-width:640px){.posts{grid-template-columns:1fr}}
@media print{.topbar,.hdr,.wa-float,.audit,.ft,.marq{display:none}body{font-size:12pt;color:#000}}