/* ==========================================================================
   Automation Pioneer 2026 — main.css
   Design tokens, base, layout, components, header, footer, inner templates.
   ========================================================================== */

/* Fonts (self-hosted, latin subset, variable) ------------------------------ */
@font-face{font-family:'Archivo';font-style:normal;font-weight:400 800;font-stretch:75% 125%;font-display:swap;src:url(../fonts/archivo-400-800.woff2) format('woff2')}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:400 600;font-display:swap;src:url(../fonts/ibm-plex-sans-400.woff2) format('woff2')}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/ibm-plex-mono-500.woff2) format('woff2')}

/* Tokens ------------------------------------------------------------------- */
:root{
  /* Brand — sampled from the Automation Pioneer logo + live site buttons */
  --c-navy-950:#06111a;
  --c-navy-900:#0b1d2a;
  --c-navy-800:#10283a;
  --c-navy-700:#1b3a50;
  --c-steel-500:#546c78;
  --c-steel-400:#8a9ba6;
  --c-steel-300:#b4c0cc;
  --c-red-500:#d94948;   /* brand red (decorative / large) */
  --c-red-600:#c23b3a;   /* buttons w/ white text: 5.3:1 */
  --c-red-300:#f07b79;   /* red text on navy: 7:1 */
  /* Neutrals */
  --c-white:#fff;
  --c-paper:#f3f5f4;
  --c-paper-2:#e8ecea;
  --c-ink:#0b1d2a;
  --c-text:#24333e;
  --c-muted:#4a5b66;     /* 6.4:1 on paper */
  --c-line:rgba(11,29,42,.12);
  --c-line-strong:rgba(11,29,42,.22);
  --c-line-light:rgba(255,255,255,.14);
  /* Type */
  --f-display:'Archivo','Arial Narrow',system-ui,sans-serif;
  --f-body:'IBM Plex Sans',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --f-mono:'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
  --fs-xs:.8125rem;
  --fs-sm:.9375rem;
  --fs-base:1.0625rem;
  --fs-lg:clamp(1.125rem,1.05rem + .35vw,1.3125rem);
  --fs-xl:clamp(1.375rem,1.2rem + .8vw,1.875rem);
  --fs-2xl:clamp(2rem,1.45rem + 2.3vw,3.375rem);
  --fs-hero:clamp(2.6rem,1.5rem + 4.4vw,5.25rem);
  --lh-tight:1.02;
  --lh-snug:1.2;
  --lh-body:1.6;
  /* Space & layout */
  --sp-1:.25rem;--sp-2:.5rem;--sp-3:.75rem;--sp-4:1rem;--sp-5:1.5rem;--sp-6:2rem;--sp-7:3rem;--sp-8:4rem;
  --sp-section:clamp(4.5rem,2.75rem + 6vw,8.5rem);
  --container:1280px;
  --gutter:clamp(1rem,.4rem + 2.6vw,2.5rem);
  --topbar-h:38px;
  --navbar-h:76px;
  /* Shape */
  --r-xs:3px;--r-sm:6px;--r-md:10px;--r-lg:16px;--r-pill:999px;
  --sh-1:0 1px 2px rgba(6,17,26,.06),0 2px 10px rgba(6,17,26,.05);
  --sh-2:0 18px 40px -18px rgba(6,17,26,.35);
  --sh-3:0 30px 60px -24px rgba(6,17,26,.45);
  /* Motion */
  --ease-out:cubic-bezier(.16,1,.3,1);
  --ease-io:cubic-bezier(.65,0,.35,1);
  --dur-1:160ms;--dur-2:320ms;--dur-3:700ms;--dur-4:1100ms;
  /* Focus */
  --focus:var(--c-red-600);
}

/* Base --------------------------------------------------------------------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:calc(var(--navbar-h) + 16px)}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
body{margin:0;font-family:var(--f-body);font-size:var(--fs-base);line-height:var(--lh-body);color:var(--c-text);background:var(--c-white);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:clip}
img,svg,video{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.2em}
h1,h2,h3,h4{font-family:var(--f-display);color:var(--c-ink);line-height:var(--lh-snug);margin:0;font-weight:700;letter-spacing:-.01em;text-wrap:balance}
p{margin:0;text-wrap:pretty}
ul,ol{margin:0;padding:0;list-style:none}
button{font:inherit;color:inherit;cursor:pointer}
input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:2px}
.site-main:focus{outline:none}
.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:absolute;left:var(--sp-4);top:-100px;z-index:1000;background:var(--c-ink);color:#fff;padding:.75rem 1rem;border-radius:var(--r-sm);font-weight:600;text-decoration:none}
.skip-link:focus{top:var(--sp-4)}

/* Layout ------------------------------------------------------------------- */
.container{width:100%;max-width:calc(var(--container) + var(--gutter) * 2);margin-inline:auto;padding-inline:var(--gutter)}
.narrow{max-width:calc(760px + var(--gutter) * 2)}
.section{padding-block:var(--sp-section);position:relative}
.section--paper{background:var(--c-paper)}
.section--ink{background:var(--c-navy-900);color:var(--c-steel-300);--focus:var(--c-red-300)}

/* Typography helpers ------------------------------------------------------- */
.eyebrow{display:inline-flex;align-items:center;gap:.6rem;font-family:var(--f-mono);font-size:var(--fs-xs);font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--c-red-600);margin-bottom:var(--sp-4)}
.eyebrow::before{content:"";width:22px;height:2px;background:currentColor}
.eyebrow--light{color:var(--c-red-300)}
.section-head{max-width:46rem}
.section-head--center{margin-inline:auto;text-align:center}
.section-head--center .eyebrow{justify-content:center}
.section-title{font-size:var(--fs-2xl);line-height:1.06;font-weight:700;font-stretch:92%;letter-spacing:-.02em}
.section-title em{font-style:normal;color:var(--c-red-600)}
.section-intro{margin-top:var(--sp-4);font-size:var(--fs-lg);color:var(--c-muted);max-width:40rem}
.section-head--light .section-title{color:#fff}
.section-head--light .section-title em{color:var(--c-red-300)}
.section-head--light .section-intro{color:var(--c-steel-300)}
.section-head-row{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--sp-6);margin-bottom:clamp(2rem,1.5rem + 2vw,3.5rem)}

/* Buttons ------------------------------------------------------------------ */
.btn{--btn-bg:var(--c-ink);--btn-fg:#fff;--btn-bd:var(--btn-bg);display:inline-flex;align-items:center;justify-content:center;gap:.6rem;min-height:48px;padding:.75rem 1.4rem;border:1.5px solid var(--btn-bd);border-radius:var(--r-sm);background:var(--btn-bg);color:var(--btn-fg);font-family:var(--f-body);font-weight:600;font-size:var(--fs-sm);letter-spacing:.01em;line-height:1.1;text-decoration:none;white-space:nowrap;position:relative;overflow:hidden;isolation:isolate;transition:background-color var(--dur-2) var(--ease-out),border-color var(--dur-2) var(--ease-out),color var(--dur-2) var(--ease-out),transform var(--dur-2) var(--ease-out),box-shadow var(--dur-2) var(--ease-out)}
.btn .icon{width:18px;height:18px;transition:transform var(--dur-2) var(--ease-out)}
.btn:hover .icon-arrow{transform:translateX(4px)}
.btn:active{transform:translateY(1px)}
.btn--primary{--btn-bg:var(--c-red-600);--btn-bd:var(--c-red-600)}
.btn--primary::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.22) 50%,transparent 70%);transform:translateX(-120%);transition:transform var(--dur-3) var(--ease-out)}
.btn--primary:hover{--btn-bg:#a92f2e;--btn-bd:#a92f2e;box-shadow:0 10px 24px -10px rgba(194,59,58,.7)}
.btn--primary:hover::after{transform:translateX(120%)}
.btn--ghost{--btn-bg:transparent;--btn-fg:var(--c-ink);--btn-bd:var(--c-line-strong)}
.btn--ghost:hover{--btn-bd:var(--c-ink)}
.btn--outline-light{--btn-bg:transparent;--btn-fg:#fff;--btn-bd:rgba(255,255,255,.4)}
.btn--outline-light:hover{--btn-bg:#fff;--btn-fg:var(--c-ink);--btn-bd:#fff}
.btn--sm{min-height:42px;padding:.55rem 1.05rem}
.btn--lg{min-height:56px;padding:.9rem 1.7rem;font-size:var(--fs-base)}
.btn--block{width:100%}
.link-arrow{display:inline-flex;align-items:center;gap:.5rem;font-weight:600;font-size:var(--fs-sm);color:var(--c-ink);text-decoration:none;padding-block:.5rem;border-bottom:1.5px solid var(--c-red-500);white-space:nowrap;flex-shrink:0}
.link-arrow .icon{width:18px;height:18px;transition:transform var(--dur-2) var(--ease-out)}
.link-arrow:hover .icon{transform:translateX(4px)}
.link-arrow--light{color:#fff;border-color:var(--c-red-300)}
.icon-btn{display:inline-grid;place-items:center;width:44px;height:44px;border:1px solid var(--c-line);border-radius:var(--r-sm);background:var(--c-white);color:var(--c-ink);transition:border-color var(--dur-1),background-color var(--dur-1)}
.icon-btn:hover{border-color:var(--c-ink)}
.icon-btn .icon{width:20px;height:20px}

/* Chips -------------------------------------------------------------------- */
.chip-row{margin-top:var(--sp-7);display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--sp-3) var(--sp-5)}
.chip-row--center{justify-content:center;text-align:center}
.chip-row__title{font-family:var(--f-mono);font-size:var(--fs-xs);font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--c-muted)}
.chips{display:flex;flex-wrap:wrap;gap:.5rem}
.chip-row--center .chips{justify-content:center}
.chip{display:inline-flex;align-items:center;min-height:40px;padding:.4rem .9rem;border:1px solid var(--c-line-strong);border-radius:var(--r-pill);font-size:var(--fs-sm);text-decoration:none;color:var(--c-ink);background:var(--c-white);transition:border-color var(--dur-1),background-color var(--dur-1),color var(--dur-1)}
.chip:hover{border-color:var(--c-ink);background:var(--c-ink);color:#fff}

/* Part search -------------------------------------------------------------- */
.part-search__label{display:block;font-family:var(--f-mono);font-size:var(--fs-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--c-muted);margin-bottom:.5rem}
.part-search__field{display:flex;align-items:center;gap:.5rem;background:var(--c-white);border:1.5px solid var(--c-line-strong);border-radius:var(--r-sm);padding:.35rem .35rem .35rem .9rem;transition:border-color var(--dur-1),box-shadow var(--dur-1)}
.part-search__field:focus-within{border-color:var(--c-ink);box-shadow:0 0 0 4px rgba(194,59,58,.18)}
.part-search__field>.icon{width:20px;height:20px;color:var(--c-muted);flex-shrink:0}
.part-search input[type=search]{flex:1;min-width:0;border:0;background:transparent;padding:.6rem .25rem;font-family:var(--f-mono);font-size:1rem;color:var(--c-ink)}
.part-search input[type=search]:focus{outline:none}
.part-search input::placeholder{color:#7d8b95}
.part-search .btn{min-height:44px}
.part-search--dark .part-search__label{color:var(--c-steel-400)}
.part-search--dark .part-search__field{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.2);backdrop-filter:blur(6px)}
.part-search--dark .part-search__field:focus-within{border-color:rgba(255,255,255,.7);box-shadow:0 0 0 4px rgba(240,123,121,.25)}
.part-search--dark input[type=search]{color:#fff}
.part-search--dark input::placeholder{color:var(--c-steel-400)}
.part-search--dark .part-search__field>.icon{color:var(--c-steel-400)}

/* Header ------------------------------------------------------------------- */
.site-header{position:sticky;top:calc(var(--topbar-h) * -1);z-index:100}
.admin-bar .site-header{top:calc(var(--topbar-h) * -1 + 32px)}
.topbar{height:var(--topbar-h);background:var(--c-navy-950);color:var(--c-steel-300);font-size:var(--fs-xs)}
.topbar__inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--sp-5)}
.topbar__note{display:flex;align-items:center;gap:.6rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.topbar .dot{width:7px;height:7px;border-radius:50%;background:#3ccf8e;box-shadow:0 0 0 3px rgba(60,207,142,.2);flex-shrink:0}
.topbar__contact{display:flex;gap:var(--sp-5)}
.topbar__contact a{display:inline-flex;align-items:center;min-height:28px;gap:.4rem;text-decoration:none;color:#fff;white-space:nowrap}
.topbar__contact a:hover{color:var(--c-red-300)}
.topbar__contact .icon{width:14px;height:14px;color:var(--c-red-300)}
.navbar{height:var(--navbar-h);background:rgba(255,255,255,.92);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid transparent;transition:border-color var(--dur-2),box-shadow var(--dur-2),background-color var(--dur-2)}
.site-header.is-stuck .navbar{border-color:var(--c-line);box-shadow:0 10px 30px -20px rgba(6,17,26,.45);background:rgba(255,255,255,.97)}
.navbar__inner{height:100%;display:flex;align-items:center;gap:var(--sp-5)}
.site-logo{display:block;flex-shrink:0;text-decoration:none}
.site-logo-img{width:clamp(150px,10vw + 60px,196px);height:auto}
.site-logo-text{font-family:var(--f-display);font-weight:800;font-size:1.25rem;color:var(--c-ink)}
.primary-nav{margin-inline:auto}
.primary-nav__list{display:flex;gap:.25rem}
.primary-nav__list a{position:relative;display:block;padding:.6rem .8rem;font-size:var(--fs-sm);font-weight:500;color:var(--c-ink);text-decoration:none;border-radius:var(--r-sm)}
.primary-nav__list a::after{content:"";position:absolute;left:.8rem;right:.8rem;bottom:.3rem;height:2px;background:var(--c-red-500);transform:scaleX(0);transform-origin:left;transition:transform var(--dur-2) var(--ease-out)}
.primary-nav__list a:hover::after,.primary-nav__list a[aria-current]::after{transform:scaleX(1)}
.navbar__actions{display:flex;align-items:center;gap:.6rem;margin-left:auto}
.primary-nav+.navbar__actions{margin-left:0}
.nav-toggle{display:none}
.nav-toggle__close{display:none}
.nav-toggle[aria-expanded=true] .nav-toggle__open{display:none}
.nav-toggle[aria-expanded=true] .nav-toggle__close{display:block}
.search-panel{position:absolute;left:0;right:0;top:100%;background:var(--c-white);border-bottom:1px solid var(--c-line);box-shadow:var(--sh-2);padding-block:var(--sp-5)}
.search-panel .part-search{max-width:760px;margin-inline:auto}
.mobile-nav{position:fixed;left:0;right:0;bottom:0;top:var(--mnav-top,var(--navbar-h));background:var(--c-white);overflow-y:auto;overscroll-behavior:contain;border-top:1px solid var(--c-line)}
.mobile-nav__inner{padding-block:var(--sp-5) var(--sp-7);display:flex;flex-direction:column;gap:var(--sp-6);min-height:100%}
.mobile-nav__list a{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;border-bottom:1px solid var(--c-line);font-family:var(--f-display);font-size:1.5rem;font-weight:600;font-stretch:95%;color:var(--c-ink);text-decoration:none}
.mobile-nav__list a::after{content:"→";color:var(--c-red-600);font-family:var(--f-body);font-size:1.1rem}
.mobile-nav__footer{display:grid;gap:.75rem;margin-top:auto}
html.nav-open{overflow:hidden}

@media (max-width:1180px){
  .primary-nav{display:none}
  .primary-nav+.navbar__actions{margin-left:auto}
  .nav-toggle{display:inline-grid}
}
@media (max-width:900px){
  :root{--topbar-h:0px}
  .topbar{display:none}
}
@media (max-width:560px){
  :root{--navbar-h:66px}
  .navbar__cta{display:none}
  .navbar__actions{gap:.4rem}
}

/* Footer ------------------------------------------------------------------- */
.site-footer{position:relative;background:var(--c-navy-950);color:var(--c-steel-300);padding-top:clamp(4rem,3rem + 4vw,6.5rem);overflow:hidden;--focus:var(--c-red-300)}
.site-footer__grid-bg{position:absolute;inset:0;background-image:linear-gradient(var(--c-line-light) 1px,transparent 1px),linear-gradient(90deg,var(--c-line-light) 1px,transparent 1px);background-size:64px 64px;opacity:.25;mask-image:linear-gradient(180deg,#000,transparent 70%);pointer-events:none}
.site-footer .container{position:relative}
.site-footer__top{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,2fr);gap:clamp(2.5rem,2rem + 3vw,5rem);padding-bottom:var(--sp-8);border-bottom:1px solid var(--c-line-light)}
.site-footer__logo{display:inline-block}
.site-footer__logo img{width:210px}
.site-footer__tagline{margin-top:var(--sp-5);max-width:26rem;color:var(--c-steel-300)}
.contact-list{margin-top:var(--sp-6);display:grid;gap:.85rem}
.contact-list li{display:flex;gap:.75rem;align-items:flex-start;font-size:var(--fs-sm)}
.contact-list .icon{width:18px;height:18px;color:var(--c-red-300);flex-shrink:0;margin-top:.2rem}
.contact-list a{color:#fff;text-decoration:none}
.contact-list a:hover{text-decoration:underline}
.site-footer__menus{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--sp-6)}
.footer-col__title{font-family:var(--f-mono);font-size:var(--fs-xs);font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:#fff;margin-bottom:var(--sp-5)}
.footer-col__list{display:grid;gap:.15rem}
.footer-col__list a{display:inline-block;padding:.35rem 0;font-size:var(--fs-sm);color:var(--c-steel-300);text-decoration:none;transition:color var(--dur-1)}
.footer-col__list a:hover{color:#fff;text-decoration:underline}
.site-footer__bottom{padding-block:var(--sp-6) var(--sp-7);display:grid;gap:var(--sp-3);font-size:var(--fs-xs);color:var(--c-steel-400)}
.site-footer__legal-note{max-width:70rem}
@media (max-width:1024px){
  .site-footer__top{grid-template-columns:1fr}
  .site-footer__menus{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:420px){.site-footer__menus{grid-template-columns:1fr}}

/* Inner templates ---------------------------------------------------------- */
.page-hero{position:relative;background:var(--c-navy-900);color:var(--c-steel-300);padding-block:clamp(3.5rem,2.5rem + 4vw,6rem);overflow:hidden}
.page-hero .hero__grid{opacity:.6}
.page-hero__inner{position:relative}
.page-hero__title{color:#fff;font-size:var(--fs-2xl);font-stretch:92%;max-width:20ch}
.page-hero__intro{margin-top:var(--sp-4);max-width:42rem;font-size:var(--fs-lg)}
.prose{max-width:calc(760px + var(--gutter) * 2)}
.prose>*+*{margin-top:1.15em}
.prose h2{font-size:var(--fs-xl);margin-top:2em}
.prose h3{font-size:var(--fs-lg);margin-top:1.6em}
.prose a{color:var(--c-red-600)}
.prose ul{list-style:disc;padding-left:1.25em}
.prose ol{list-style:decimal;padding-left:1.25em}
.prose img{border-radius:var(--r-md)}
.prose__lead-img{width:100%;margin-bottom:var(--sp-6)}
.prose blockquote{margin-inline:0;padding-left:var(--sp-5);border-left:3px solid var(--c-red-500);font-size:var(--fs-lg)}
.post-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:var(--sp-5)}
.post-card{height:100%}
.post-card__link{display:flex;flex-direction:column;gap:.6rem;height:100%;padding:var(--sp-5);background:var(--c-white);border:1px solid var(--c-line);border-radius:var(--r-md);text-decoration:none;transition:border-color var(--dur-2),transform var(--dur-2) var(--ease-out),box-shadow var(--dur-2)}
.post-card__link:hover{border-color:var(--c-line-strong);transform:translateY(-3px);box-shadow:var(--sh-2)}
.post-card__media{display:block;overflow:hidden;border-radius:var(--r-sm);margin:calc(var(--sp-5) * -1) calc(var(--sp-5) * -1) var(--sp-3);aspect-ratio:4/3}
.post-card__media img{width:100%;height:100%;object-fit:cover}
.post-card__meta{font-family:var(--f-mono);font-size:var(--fs-xs);color:var(--c-muted)}
.post-card__title{font-size:var(--fs-lg)}
.post-card__excerpt{color:var(--c-muted);font-size:var(--fs-sm)}
.nav-links{display:flex;gap:.5rem;margin-top:var(--sp-7);flex-wrap:wrap}
.nav-links .page-numbers{display:inline-grid;place-items:center;min-width:44px;min-height:44px;padding:0 .8rem;border:1px solid var(--c-line-strong);border-radius:var(--r-sm);text-decoration:none}
.nav-links .current{background:var(--c-ink);color:#fff;border-color:var(--c-ink)}
.empty-state{text-align:center;padding-block:var(--sp-7);display:grid;gap:var(--sp-4);justify-items:center}
.notfound__links{display:flex;gap:.75rem;justify-content:center;margin-top:var(--sp-6);flex-wrap:wrap}
.search-again{margin-bottom:var(--sp-6)}
.search-form{display:flex;gap:.5rem}
.search-form .search-field{flex:1;min-height:48px;padding:0 1rem;border:1.5px solid var(--c-line-strong);border-radius:var(--r-sm)}
.search-form .search-submit{min-height:48px;padding:0 1.2rem;border:0;border-radius:var(--r-sm);background:var(--c-ink);color:#fff;font-weight:600}
.entry-footer{margin-top:var(--sp-6)}
/* Comments ----------------------------------------------------------------- */
.comments-area,.comment-respond{margin-top:var(--sp-7);padding-top:var(--sp-6);border-top:1px solid var(--c-line)}
.comments-title,.comment-reply-title{font-size:var(--fs-xl);margin-bottom:var(--sp-5)}
.comment-list{list-style:none!important;padding:0!important;display:grid;gap:var(--sp-5)}
.comment-list .children{list-style:none;padding-left:var(--sp-6);margin-top:var(--sp-5)}
.comment-body{padding:var(--sp-5);background:#fff;border:1px solid var(--c-line);border-radius:var(--r-md)}
.comment-meta{display:flex;flex-wrap:wrap;gap:.5rem 1rem;align-items:center;font-size:var(--fs-sm);color:var(--c-muted);margin-bottom:.75rem}
.comment-author{display:flex;align-items:center;gap:.6rem;color:var(--c-ink)}
.comment-author .avatar{border-radius:50%}
.comment-metadata a{color:var(--c-muted)}
.reply a{font-weight:600;font-size:var(--fs-sm)}
.comment-form{display:grid;gap:var(--sp-4)}
.comment-form label{display:block;font-weight:600;font-size:var(--fs-sm);margin-bottom:.35rem}
.comment-form input[type=text],.comment-form input[type=email],.comment-form input[type=url],.comment-form textarea{width:100%;padding:.75rem .9rem;border:1.5px solid var(--c-line-strong);border-radius:var(--r-sm);background:#fff}
.comment-form input:focus,.comment-form textarea:focus{outline:none;border-color:var(--c-ink);box-shadow:0 0 0 4px rgba(194,59,58,.18)}
.comment-form .submit{min-height:48px;padding:.75rem 1.4rem;border:0;border-radius:var(--r-sm);background:var(--c-red-600);color:#fff;font-weight:600}
.comment-form .submit:hover{background:#a92f2e}
.post-navigation{margin-top:var(--sp-7)}
.post-navigation .nav-links{justify-content:space-between}
.post-navigation a{text-decoration:none;font-weight:600}