/* =========================================================
   NIKAM ENGINEERING — "THE PRESS ROOM" (Blog)
   Design tokens
   ========================================================= */
/*:root{*/
/*  --cream:      #FAF5EA;*/
/*  --cream-2:    #F2E9D8;*/
/*  --ink:        #241D14;*/
/*  --walnut:     #2E2418;*/
/*  --walnut-2:   #40311F;*/
/*  --mustard:    #C98A2C;*/
/*  --mustard-dk: #A56E1E;*/
/*  --rust:       #A8461F;*/
/*  --olive:      #6E7A4F;*/
/*  --steel:      #4A5A63;*/
/*  --line:       #E4D9C4;*/
/*  --line-dark:  rgba(250,245,234,0.16);*/
/*  --paper:      #FFFFFF;*/

/*  --font-display: "Fraunces", "Iowan Old Style", serif;*/
/*  --font-body: "Work Sans", -apple-system, "Segoe UI", sans-serif;*/
/*  --font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, monospace;*/

/*  --radius: 6px;*/
/*  --shadow-card: 0 1px 2px rgba(36,29,20,0.06), 0 8px 24px -12px rgba(36,29,20,0.18);*/
/*  --shadow-lift: 0 4px 8px rgba(36,29,20,0.08), 0 20px 40px -18px rgba(36,29,20,0.28);*/
/*}*/

/**,*::before,*::after{ box-sizing:border-box; }*/
/*html{ scroll-behavior:smooth; }*/
/*body{*/
/*  margin:0;*/
/*  background:var(--cream);*/
/*  color:var(--ink);*/
/*  font-family:var(--font-body);*/
/*  font-size:16px;*/
/*  line-height:1.6;*/
/*  -webkit-font-smoothing:antialiased;*/
/*}*/
/*img{ max-width:100%; display:block; }*/
/*a{ color:inherit; text-decoration:none; }*/
/*ul{ margin:0; padding:0; list-style:none; }*/
/*h1,h2,h3,h4{ font-family:var(--font-display); margin:0; color:var(--walnut); font-weight:600; }*/
/*p{ margin:0; }*/
/*button{ font-family:inherit; cursor:pointer; }*/
/*:focus-visible{ outline:2px solid var(--mustard-dk); outline-offset:3px; }*/

/*.wrap{ max-width:1200px; margin:0 auto; padding:0 24px; }*/

/*@media (prefers-reduced-motion: reduce){*/
/*  html{ scroll-behavior:auto; }*/
/*  *,*::before,*::after{ animation-duration:0.001ms !important; transition-duration:0.001ms !important; }*/
/*}*/

/* =========================================================
   TOP UTILITY BAR
   ========================================================= */
/*.topbar{*/
/*  background:var(--walnut);*/
/*  color:var(--cream-2);*/
/*  font-family:var(--font-mono);*/
/*  font-size:12.5px;*/
/*  letter-spacing:0.02em;*/
/*}*/
/*.topbar .wrap{*/
/*  display:flex; align-items:center; justify-content:space-between;*/
/*  padding:9px 24px; gap:16px; flex-wrap:wrap;*/
/*}*/
/*.topbar .contact-line{ display:flex; gap:22px; flex-wrap:wrap; }*/
/*.topbar .contact-line span{ opacity:0.85; }*/
/*.topbar .contact-line strong{ color:var(--mustard); font-weight:500; }*/
/*.topbar .socials{ display:flex; gap:12px; }*/
/*.topbar .socials a{*/
/*  width:24px; height:24px; border-radius:50%;*/
/*  border:1px solid var(--line-dark);*/
/*  display:flex; align-items:center; justify-content:center;*/
/*  transition:border-color .15s ease, background .15s ease;*/
/*}*/
/*.topbar .socials a:hover{ background:var(--mustard); border-color:var(--mustard); }*/
/*.topbar .socials img{ width:12px; height:12px; filter:invert(1); }*/

/* =========================================================
   MAIN NAV
   ========================================================= */
/*.mainnav{*/
/*  background:var(--cream);*/
/*  border-bottom:1px solid var(--line);*/
/*  position:sticky; top:0; z-index:50;*/
/*}*/
/*.mainnav .wrap{*/
/*  display:flex; align-items:center; justify-content:space-between;*/
/*  padding:14px 24px; gap:24px;*/
/*}*/
/*.brand{ display:flex; align-items:center; gap:10px; }*/
/*.brand-mark{*/
/*  width:40px; height:40px; border-radius:50%;*/
/*  background:var(--walnut);*/
/*  display:flex; align-items:center; justify-content:center;*/
/*  color:var(--mustard); font-family:var(--font-display); font-weight:700; font-size:16px;*/
/*}*/
/*.brand-text{ font-family:var(--font-display); font-weight:700; font-size:16px; color:var(--walnut); line-height:1.15; }*/
/*.brand-text small{ display:block; font-family:var(--font-mono); font-weight:400; font-size:10px; letter-spacing:0.12em; color:var(--rust); text-transform:uppercase; margin-top:2px; }*/

/*.navlinks{ display:flex; align-items:center; gap:30px; font-size:14.5px; font-weight:500; }*/
/*.navlinks > li > a{ padding:8px 0; position:relative; }*/
/*.navlinks > li > a::after{*/
/*  content:""; position:absolute; left:0; bottom:0; height:2px; width:0;*/
/*  background:var(--mustard); transition:width .18s ease;*/
/*}*/
/*.navlinks > li > a:hover::after, .navlinks > li.active > a::after{ width:100%; }*/
/*.navlinks > li.active > a{ color:var(--rust); }*/

/*.nav-cta{ display:flex; align-items:center; gap:12px; }*/
/*.btn{*/
/*  display:inline-flex; align-items:center; gap:8px;*/
/*  padding:11px 20px; border-radius:3px; font-size:13.5px; font-weight:600;*/
/*  letter-spacing:0.01em; border:1px solid transparent; white-space:nowrap;*/
/*}*/
/*.btn-primary{ background:var(--mustard); color:var(--walnut); }*/
/*.btn-primary:hover{ background:var(--mustard-dk); }*/
/*.btn-outline{ border-color:var(--walnut); color:var(--walnut); }*/
/*.btn-outline:hover{ background:var(--walnut); color:var(--cream); }*/

/*@media (max-width:960px){*/
/*  .navlinks, .nav-cta .btn-outline{ display:none; }*/
/*}*/

/* =========================================================
   NAMEPLATE — signature element (category badge)
   Styled like a stamped metal ID plate on the machinery
   ========================================================= */
/*.nameplate{*/
/*  --plate: var(--mustard);*/
/*  display:inline-flex; align-items:center; gap:6px;*/
/*  padding:5px 12px 5px 10px;*/
/*  background:linear-gradient(180deg, color-mix(in srgb, var(--plate) 92%, white), var(--plate));*/
/*  border:1px solid color-mix(in srgb, var(--plate) 60%, black);*/
/*  border-radius:3px;*/
/*  font-family:var(--font-mono); font-size:10.5px; font-weight:600;*/
/*  letter-spacing:0.10em; text-transform:uppercase; color:var(--walnut);*/
/*  position:relative;*/
/*  box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), 0 1px 1px rgba(0,0,0,0.15);*/
/*}*/
/*.nameplate::before, .nameplate::after{*/
/*  content:""; width:3px; height:3px; border-radius:50%;*/
/*  background:rgba(0,0,0,0.35); box-shadow: inset 0 1px 0 rgba(255,255,255,0.3);*/
/*}*/
/*.nameplate[data-cat="care"]{ --plate: var(--mustard); }*/
/*.nameplate[data-cat="industry"]{ --plate: var(--rust); color:var(--cream); }*/
/*.nameplate[data-cat="business"]{ --plate: var(--olive); color:var(--cream); }*/
/*.nameplate[data-cat="news"]{ --plate: var(--steel); color:var(--cream); }*/

/* =========================================================
   GAUGE — signature element (read-time dial)
   ========================================================= */
/*.gauge{ display:flex; align-items:center; gap:8px; }*/
/*.gauge svg{ display:block; }*/
/*.gauge-label{ font-family:var(--font-mono); font-size:11px; color:var(--walnut-2); letter-spacing:0.02em; }*/
/*.gauge-label b{ color:var(--rust); font-weight:600; }*/

/* =========================================================
   PAGE HERO (Blog list)
   ========================================================= */
/*.blog-hero{*/
/*  background:*/
/*    radial-gradient(ellipse at 85% -10%, rgba(201,138,44,0.16), transparent 55%),*/
/*    var(--walnut);*/
/*  color:var(--cream);*/
/*  padding:76px 0 64px;*/
/*  position:relative;*/
/*  overflow:hidden;*/
/*}*/
/*.blog-hero::after{*/
/*  content:""; position:absolute; right:-60px; bottom:-90px; width:320px; height:320px;*/
/*  border-radius:50%; border:1px dashed rgba(250,245,234,0.14);*/
/*}*/
/*.blog-hero::before{*/
/*  content:""; position:absolute; right:10px; bottom:-40px; width:220px; height:220px;*/
/*  border-radius:50%; border:1px dashed rgba(250,245,234,0.1);*/
/*}*/
/*.eyebrow{*/
/*  font-family:var(--font-mono); font-size:12px; letter-spacing:0.18em; text-transform:uppercase;*/
/*  color:var(--mustard); display:flex; align-items:center; gap:10px; margin-bottom:16px;*/
/*}*/
/*.eyebrow::before{ content:""; width:24px; height:1px; background:var(--mustard); }*/
/*.blog-hero h1{ color:var(--cream); font-size:clamp(34px,5vw,54px); line-height:1.06; max-width:720px; }*/
/*.blog-hero .lede{ margin-top:18px; max-width:560px; color:rgba(250,245,234,0.78); font-size:17px; }*/
/*.hero-stats{ display:flex; gap:36px; margin-top:40px; flex-wrap:wrap; }*/
/*.hero-stats div{ font-family:var(--font-mono); }*/
/*.hero-stats b{ display:block; font-family:var(--font-display); font-size:26px; color:var(--mustard); font-weight:700; }*/
/*.hero-stats span{ font-size:11px; letter-spacing:0.05em; text-transform:uppercase; color:rgba(250,245,234,0.6); }*/

/* =========================================================
   FEATURED POST
   ========================================================= */
/*.section{ padding:60px 0; }*/
/*.section-head{ display:flex; align-items:flex-end; justify-content:space-between; gap:24px; margin-bottom:28px; flex-wrap:wrap; }*/
/*.section-head h2{ font-size:26px; }*/
/*.section-head .rule{ font-family:var(--font-mono); font-size:11px; letter-spacing:0.1em; color:var(--steel); text-transform:uppercase; }*/

/*.featured{*/
/*  display:grid; grid-template-columns:1.1fr 1fr; gap:0;*/
/*  background:var(--paper); border:1px solid var(--line); border-radius:var(--radius);*/
/*  overflow:hidden; box-shadow:var(--shadow-card);*/
/*}*/
/*.featured .fig{ position:relative; min-height:340px; background:var(--cream-2); }*/
/*.featured .fig img{ width:100%; height:100%; object-fit:cover; }*/
/*.featured .fig .nameplate{ position:absolute; top:18px; left:18px; }*/
/*.featured .body{ padding:38px 42px; display:flex; flex-direction:column; gap:16px; justify-content:center; }*/
/*.featured h3{ font-size:28px; line-height:1.2; }*/
/*.featured .excerpt{ color:var(--walnut-2); font-size:15.5px; }*/
/*.meta-row{ display:flex; align-items:center; gap:18px; flex-wrap:wrap; font-family:var(--font-mono); font-size:12px; color:var(--steel); }*/
/*.meta-row .dot{ width:3px; height:3px; border-radius:50%; background:var(--line); }*/
/*.read-link{ display:inline-flex; align-items:center; gap:8px; font-weight:600; font-size:14px; color:var(--rust); margin-top:6px; }*/
/*.read-link svg{ transition:transform .15s ease; }*/
/*.read-link:hover svg{ transform:translateX(4px); }*/

/*@media (max-width:820px){*/
/*  .featured{ grid-template-columns:1fr; }*/
/*  .featured .fig{ min-height:220px; }*/
/*  .featured .body{ padding:28px 24px; }*/
/*}*/

/* =========================================================
   FILTER PILLS
   ========================================================= */
/*.filters{ display:flex; gap:10px; flex-wrap:wrap; margin-bottom:36px; }*/
/*.filter-pill{*/
/*  font-family:var(--font-mono); font-size:12px; letter-spacing:0.04em; text-transform:uppercase;*/
/*  padding:9px 16px; border-radius:20px; border:1px solid var(--line); background:var(--paper);*/
/*  color:var(--walnut-2); font-weight:500; transition:all .15s ease;*/
/*}*/
/*.filter-pill:hover{ border-color:var(--mustard); }*/
/*.filter-pill.is-active{ background:var(--walnut); color:var(--cream); border-color:var(--walnut); }*/

/* =========================================================
   POST GRID / CARDS
   ========================================================= */
/*.post-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:28px; }*/
/*.post-card{*/
/*  background:var(--paper); border:1px solid var(--line); border-radius:var(--radius);*/
/*  overflow:hidden; display:flex; flex-direction:column;*/
/*  transition:transform .18s ease, box-shadow .18s ease;*/
/*}*/
/*.post-card:hover{ transform:translateY(-4px); box-shadow:var(--shadow-lift); }*/
/*.post-card .fig{ position:relative; height:180px; background:var(--cream-2); overflow:hidden; }*/
/*.post-card .fig img{ width:100%; height:100%; object-fit:cover; }*/
/*.post-card .fig .nameplate{ position:absolute; top:14px; left:14px; }*/
/*.post-card .cardbody{ padding:22px; display:flex; flex-direction:column; gap:12px; flex:1; }*/
/*.post-card h3{ font-size:18.5px; line-height:1.3; }*/
/*.post-card .excerpt{ color:var(--walnut-2); font-size:14px; flex:1; }*/
/*.post-card .meta-row{ margin-top:auto; padding-top:6px; border-top:1px solid var(--line); }*/

/*@media (max-width:960px){ .post-grid{ grid-template-columns:repeat(2,1fr); } }*/
/*@media (max-width:640px){ .post-grid{ grid-template-columns:1fr; } }*/

/* =========================================================
   PAGINATION — styled like gauge ticks
   ========================================================= */
/*.pagination{ display:flex; justify-content:center; align-items:center; gap:8px; margin-top:48px; }*/
/*.page-btn{*/
/*  width:38px; height:38px; border-radius:50%; border:1px solid var(--line); background:var(--paper);*/
/*  display:flex; align-items:center; justify-content:center; font-family:var(--font-mono); font-size:13px;*/
/*  color:var(--walnut-2); font-weight:600;*/
/*}*/
/*.page-btn.is-active{ background:var(--rust); border-color:var(--rust); color:var(--cream); }*/
/*.page-btn.next{ width:auto; border-radius:20px; padding:0 18px; gap:8px; }*/

/* =========================================================
   CTA BAND
   ========================================================= */
/*.cta-band{*/
/*  background:var(--mustard); color:var(--walnut);*/
/*  border-radius:var(--radius); padding:44px 48px;*/
/*  display:flex; align-items:center; justify-content:space-between; gap:24px; flex-wrap:wrap;*/
/*}*/
/*.cta-band h3{ font-size:24px; max-width:420px; }*/
/*.cta-band p{ font-family:var(--font-mono); font-size:12.5px; margin-top:8px; color:var(--walnut-2); }*/
/*.cta-band .btn-primary{ background:var(--walnut); color:var(--cream); }*/
/*.cta-band .btn-primary:hover{ background:var(--ink); }*/

/* =========================================================
   BREADCRUMB (detail page)
   ========================================================= */
/*.breadcrumb{*/
/*  font-family:var(--font-mono); font-size:12px; letter-spacing:0.03em; color:var(--steel);*/
/*  display:flex; align-items:center; gap:8px; padding:20px 0;*/
/*}*/
/*.breadcrumb a:hover{ color:var(--rust); }*/
/*.breadcrumb span{ color:var(--line); }*/

/* =========================================================
   ARTICLE HEADER
   ========================================================= */
/*.article-head{ padding:8px 0 36px; }*/
/*.article-head h1{ font-size:clamp(30px,4.2vw,46px); line-height:1.14; margin-top:18px; max-width:820px; }*/
/*.article-head .lede{ margin-top:16px; max-width:680px; color:var(--walnut-2); font-size:17px; }*/
/*.byline{*/
/*  display:flex; align-items:center; gap:14px; margin-top:28px; padding-top:24px; border-top:1px solid var(--line);*/
/*}*/
/*.byline img{ width:44px; height:44px; border-radius:50%; object-fit:cover; }*/
/*.byline .who{ font-size:14px; font-weight:600; color:var(--walnut); }*/
/*.byline .when{ font-family:var(--font-mono); font-size:11.5px; color:var(--steel); margin-top:2px; }*/

/*.article-hero-img{ border-radius:var(--radius); overflow:hidden; margin:8px 0 8px; box-shadow:var(--shadow-card); }*/
/*.article-hero-img img{ width:100%; height:440px; object-fit:cover; }*/
/*.img-caption{ font-family:var(--font-mono); font-size:11.5px; color:var(--steel); padding:10px 2px 0; }*/

/* =========================================================
   ARTICLE LAYOUT — content + sidebar
   ========================================================= */
/*.article-layout{ display:grid; grid-template-columns:1fr 300px; gap:56px; padding:44px 0 0; align-items:start; }*/
/*.article-body{ font-size:17px; color:var(--ink); }*/
/*.article-body h2{ font-size:24px; margin-top:40px; margin-bottom:14px; }*/
/*.article-body h3{ font-size:19px; margin-top:30px; margin-bottom:10px; color:var(--walnut); }*/
/*.article-body p{ margin-bottom:18px; color:var(--walnut-2); line-height:1.75; }*/
/*.article-body p strong{ color:var(--ink); }*/
/*.article-body ul, .article-body ol{ margin:0 0 20px; padding-left:22px; color:var(--walnut-2); }*/
/*.article-body li{ margin-bottom:8px; line-height:1.65; }*/
/*.article-body li::marker{ color:var(--rust); font-family:var(--font-mono); }*/
/*.pull-quote{*/
/*  border-left:3px solid var(--mustard); padding:4px 0 4px 24px; margin:32px 0;*/
/*  font-family:var(--font-display); font-size:22px; font-style:italic; color:var(--walnut); line-height:1.45;*/
/*}*/
/*.pull-quote cite{ display:block; font-family:var(--font-mono); font-style:normal; font-size:12px; color:var(--steel); margin-top:10px; }*/

/* --- Sidebar --- */
/*.sidebar{ position:sticky; top:96px; display:flex; flex-direction:column; gap:28px; }*/
/*.side-card{*/
/*  background:var(--paper); border:1px solid var(--line); border-radius:var(--radius); padding:22px;*/
/*}*/
/*.side-card .side-title{*/
/*  font-family:var(--font-mono); font-size:11px; letter-spacing:0.1em; text-transform:uppercase;*/
/*  color:var(--rust); font-weight:600; margin-bottom:14px; display:flex; align-items:center; gap:8px;*/
/*}*/
/*.side-card .side-title::before{ content:""; width:16px; height:1px; background:var(--rust); }*/
/*.toc-list li{ margin-bottom:10px; }*/
/*.toc-list a{ font-size:13.5px; color:var(--walnut-2); line-height:1.4; display:block; }*/
/*.toc-list a:hover{ color:var(--rust); }*/

/*.spec-plate{ background:var(--walnut); color:var(--cream); border-radius:var(--radius); padding:22px; }*/
/*.spec-plate .side-title{ color:var(--mustard); }*/
/*.spec-plate .side-title::before{ background:var(--mustard); }*/
/*.spec-row{ display:flex; justify-content:space-between; padding:9px 0; border-bottom:1px solid var(--line-dark); font-size:13px; }*/
/*.spec-row:last-child{ border-bottom:none; }*/
/*.spec-row span:first-child{ color:rgba(250,245,234,0.6); }*/
/*.spec-row span:last-child{ font-family:var(--font-mono); font-weight:600; }*/

/*.author-card{ display:flex; gap:14px; align-items:flex-start; }*/
/*.author-card img{ width:52px; height:52px; border-radius:50%; object-fit:cover; flex-shrink:0; }*/
/*.author-card h4{ font-size:15px; }*/
/*.author-card p{ font-size:13px; color:var(--walnut-2); margin-top:6px; line-height:1.55; }*/

/*.tags-row{ display:flex; flex-wrap:wrap; gap:8px; margin-top:36px; padding-top:24px; border-top:1px solid var(--line); }*/
/*.tag{*/
/*  font-family:var(--font-mono); font-size:11.5px; padding:6px 12px; border-radius:14px;*/
/*  background:var(--cream-2); color:var(--walnut-2); border:1px solid var(--line);*/
/*}*/
/*.share-row{ display:flex; align-items:center; gap:12px; margin-top:20px; }*/
/*.share-row .lbl{ font-family:var(--font-mono); font-size:11.5px; color:var(--steel); text-transform:uppercase; letter-spacing:0.06em; }*/
/*.share-row a{*/
/*  width:34px; height:34px; border-radius:50%; border:1px solid var(--line);*/
/*  display:flex; align-items:center; justify-content:center;*/
/*}*/
/*.share-row a:hover{ background:var(--walnut); border-color:var(--walnut); }*/
/*.share-row a:hover svg{ stroke:var(--cream); }*/
/*.share-row svg{ stroke:var(--walnut-2); }*/

/*@media (max-width:940px){*/
/*  .article-layout{ grid-template-columns:1fr; }*/
/*  .sidebar{ position:static; flex-direction:row; overflow-x:auto; }*/
/*  .sidebar .side-card{ min-width:260px; }*/
/*}*/

/* =========================================================
   RELATED POSTS
   ========================================================= */
/*.related{ padding:60px 0; border-top:1px solid var(--line); margin-top:40px; }*/

/* =========================================================
   FOOTER
   ========================================================= */
/*footer{ background:var(--ink); color:rgba(250,245,234,0.72); margin-top:60px; }*/
/*.footer-top{ padding:56px 0 40px; }*/
/*.footer-grid{ display:grid; grid-template-columns:1.4fr 1fr 1.2fr 1.2fr; gap:40px; }*/
/*.footer-grid h5{*/
/*  color:var(--cream); font-family:var(--font-mono); font-size:12px; letter-spacing:0.1em;*/
/*  text-transform:uppercase; margin-bottom:18px; font-weight:600;*/
/*}*/
/*.footer-grid p{ font-size:14px; line-height:1.7; }*/
/*.footer-grid li{ margin-bottom:11px; font-size:14px; }*/
/*.footer-grid a:hover{ color:var(--mustard); }*/
/*.footer-map{ border-radius:var(--radius); overflow:hidden; height:150px; margin-top:16px; filter:grayscale(0.3) sepia(0.15); }*/
/*.newsletter-form{ display:flex; margin-top:14px; border:1px solid var(--line-dark); border-radius:4px; overflow:hidden; }*/
/*.newsletter-form input{*/
/*  flex:1; background:transparent; border:none; padding:12px 14px; color:var(--cream); font-family:var(--font-body); font-size:13.5px;*/
/*}*/
/*.newsletter-form input::placeholder{ color:rgba(250,245,234,0.4); }*/
/*.newsletter-form button{ background:var(--mustard); border:none; padding:0 18px; color:var(--walnut); font-weight:700; font-size:13px; }*/
/*.footer-bottom{*/
/*  border-top:1px solid var(--line-dark); padding:20px 0; display:flex; justify-content:space-between;*/
/*  align-items:center; font-size:12.5px; flex-wrap:wrap; gap:12px;*/
/*}*/
/*.footer-bottom .socials{ display:flex; gap:10px; }*/
/*.footer-bottom .socials a{*/
/*  width:28px; height:28px; border-radius:50%; border:1px solid var(--line-dark);*/
/*  display:flex; align-items:center; justify-content:center;*/
/*}*/
/*.footer-bottom .socials img{ width:13px; height:13px; filter:invert(1); opacity:0.85; }*/

/*@media (max-width:900px){*/
/*  .footer-grid{ grid-template-columns:1fr 1fr; }*/
/*}*/
/*@media (max-width:560px){*/
/*  .footer-grid{ grid-template-columns:1fr; }*/
/*  .cta-band{ flex-direction:column; align-items:flex-start; }*/
/*}*/