/* ==========================================================================
   EngineeringHulk Theme - Core Styles
   Mobile-first, fluid typography, CSS Grid + Flexbox
   ========================================================================== */

/* --- CSS Custom Properties --- */
:root {
  /* Colors */
  --eh-primary: #1a73e8;
  --eh-primary-dark: #1557b0;
  --eh-primary-light: #e8f0fe;
  --eh-accent: #ff6b35;
  --eh-text: #1a1a2e;
  --eh-text-secondary: #4a4a68;
  --eh-text-muted: #6b7280;
  --eh-bg: #ffffff;
  --eh-bg-alt: #f8f9fa;
  --eh-bg-card: #ffffff;
  --eh-border: #e5e7eb;
  --eh-border-light: #f0f0f5;
  --eh-success: #10b981;
  --eh-warning: #f59e0b;
  --eh-shadow-sm: 0 1px 3px rgba(0,0,0,.06);
  --eh-shadow-md: 0 4px 12px rgba(0,0,0,.08);
  --eh-shadow-lg: 0 8px 30px rgba(0,0,0,.1);

  /* Typography */
  --eh-font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  --eh-font-heading: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  --eh-font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;

  /* Fluid Typography */
  --eh-fs-xs: clamp(0.75rem, 0.7rem + 0.25vw, 0.8125rem);
  --eh-fs-sm: clamp(0.8125rem, 0.775rem + 0.2vw, 0.875rem);
  --eh-fs-base: clamp(0.9375rem, 0.9rem + 0.2vw, 1.0625rem);
  --eh-fs-md: clamp(1.0625rem, 1rem + 0.3vw, 1.25rem);
  --eh-fs-lg: clamp(1.25rem, 1.1rem + 0.7vw, 1.625rem);
  --eh-fs-xl: clamp(1.5rem, 1.3rem + 1vw, 2rem);
  --eh-fs-2xl: clamp(1.75rem, 1.4rem + 1.5vw, 2.5rem);
  --eh-fs-3xl: clamp(2rem, 1.5rem + 2.2vw, 3rem);

  /* Spacing */
  --eh-space-xs: clamp(0.25rem, 0.2rem + 0.2vw, 0.375rem);
  --eh-space-sm: clamp(0.5rem, 0.4rem + 0.4vw, 0.75rem);
  --eh-space-md: clamp(1rem, 0.85rem + 0.7vw, 1.5rem);
  --eh-space-lg: clamp(1.5rem, 1.2rem + 1.5vw, 2.5rem);
  --eh-space-xl: clamp(2rem, 1.5rem + 2.5vw, 4rem);
  --eh-space-2xl: clamp(3rem, 2rem + 4vw, 6rem);

  /* Layout */
  --eh-content-width: 720px;
  --eh-wide-width: 1200px;
  --eh-sidebar-width: 320px;
  --eh-radius: 8px;
  --eh-radius-lg: 12px;
}

/* --- Reset & Base --- */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;overflow-x:hidden}
body{font-family:var(--eh-font-body);font-size:var(--eh-fs-base);line-height:1.7;color:var(--eh-text);background:var(--eh-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}
img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}
a{color:var(--eh-primary);text-decoration:none;transition:color .2s ease}
a:hover,a:focus{color:var(--eh-primary-dark)}
ul,ol{list-style:none}
button,input,textarea,select{font:inherit;color:inherit}

/* --- Skip Link --- */
.skip-link{position:absolute;top:-100%;left:50%;transform:translateX(-50%);background:var(--eh-primary);color:#fff;padding:.5rem 1.5rem;z-index:9999;border-radius:0 0 var(--eh-radius) var(--eh-radius);font-weight:600;transition:top .2s}
.skip-link:focus{top:0;color:#fff}

/* --- Layout --- */
.eh-container{width:100%;max-width:var(--eh-wide-width);margin:0 auto;padding:0 var(--eh-space-md)}
.eh-content-area{display:grid;gap:var(--eh-space-xl);grid-template-columns:1fr}
@media(min-width:1024px){
  .eh-content-area.has-sidebar{grid-template-columns:1fr var(--eh-sidebar-width)}
}
.eh-main{min-width:0}

/* --- Header --- */
.eh-header{background:var(--eh-bg);border-bottom:1px solid var(--eh-border);position:sticky;top:0;z-index:100;will-change:transform}
.eh-header-inner{display:flex;align-items:center;justify-content:space-between;padding:var(--eh-space-sm) 0;min-height:60px;gap:var(--eh-space-md)}
.eh-logo{font-size:var(--eh-fs-lg);font-weight:800;letter-spacing:-.02em;color:var(--eh-text);display:flex;align-items:center;gap:.5rem}
.eh-logo span{color:var(--eh-primary)}
.eh-logo img{height:36px;width:auto}

/* --- Navigation --- */
.eh-nav{display:none}
@media(min-width:768px){.eh-nav{display:flex;align-items:center;gap:var(--eh-space-xs)}}
.eh-nav a{font-size:var(--eh-fs-sm);font-weight:500;color:var(--eh-text-secondary);padding:.375rem .75rem;border-radius:var(--eh-radius);transition:all .2s}
.eh-nav a:hover,.eh-nav a:focus{color:var(--eh-primary);background:var(--eh-primary-light)}
.eh-nav .current-menu-item>a,.eh-nav .current_page_item>a{color:var(--eh-primary);font-weight:600}
.eh-menu-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:none;border:1px solid var(--eh-border);border-radius:var(--eh-radius);cursor:pointer}
@media(min-width:768px){.eh-menu-toggle{display:none}}
.eh-mobile-nav{display:none;position:fixed;inset:0;top:60px;background:var(--eh-bg);z-index:99;padding:var(--eh-space-md);overflow-y:auto}
.eh-mobile-nav.active{display:block}
.eh-mobile-nav a{display:block;padding:var(--eh-space-sm) 0;font-size:var(--eh-fs-md);color:var(--eh-text);border-bottom:1px solid var(--eh-border-light)}

/* --- Breadcrumbs --- */
.eh-breadcrumbs{font-size:var(--eh-fs-xs);color:var(--eh-text-muted);padding:var(--eh-space-sm) 0;display:flex;flex-wrap:wrap;gap:.25rem;align-items:center}
.eh-breadcrumbs a{color:var(--eh-text-secondary)}
.eh-breadcrumbs a:hover{color:var(--eh-primary)}
.eh-breadcrumbs .sep{margin:0 .125rem;color:var(--eh-border)}

/* --- Post Cards (Archive/Home) --- */
.eh-posts-grid{display:grid;gap:var(--eh-space-lg);grid-template-columns:1fr}
@media(min-width:640px){.eh-posts-grid{grid-template-columns:repeat(2,1fr)}}

.eh-card{background:var(--eh-bg-card);border:1px solid var(--eh-border);border-radius:var(--eh-radius-lg);overflow:hidden;transition:box-shadow .25s ease,transform .25s ease}
.eh-card:hover{box-shadow:var(--eh-shadow-md);transform:translateY(-2px)}
.eh-card-thumb{aspect-ratio:16/9;overflow:hidden;background:var(--eh-bg-alt)}
.eh-card-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.eh-card:hover .eh-card-thumb img{transform:scale(1.03)}
.eh-card-body{padding:var(--eh-space-md)}
.eh-card-meta{font-size:var(--eh-fs-xs);color:var(--eh-text-muted);margin-bottom:var(--eh-space-xs);display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}
.eh-card-title{font-size:var(--eh-fs-md);font-weight:700;line-height:1.35;margin-bottom:var(--eh-space-xs)}
.eh-card-title a{color:var(--eh-text)}
.eh-card-title a:hover{color:var(--eh-primary)}
.eh-card-excerpt{font-size:var(--eh-fs-sm);color:var(--eh-text-secondary);line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.eh-card-category{display:inline-block;font-size:var(--eh-fs-xs);font-weight:600;color:var(--eh-primary);background:var(--eh-primary-light);padding:.125rem .5rem;border-radius:4px;text-transform:uppercase;letter-spacing:.03em}

/* --- AdSense Slots --- */
.eh-ad-slot{text-align:center;margin:var(--eh-space-lg) 0;min-height:90px;overflow:hidden}
.eh-ad-slot.eh-ad-inline{margin:var(--eh-space-md) 0;clear:both}
.eh-ad-slot-label{font-size:10px;color:var(--eh-text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px;text-align:center}
.eh-ad-header{margin:var(--eh-space-sm) 0}
.eh-ad-sidebar{margin-bottom:var(--eh-space-md)}
.eh-ad-between-posts{margin:var(--eh-space-md) 0}
.eh-ad-in-content{margin:var(--eh-space-lg) auto;max-width:100%}

/* --- Single Post --- */
.eh-single{max-width:var(--eh-content-width);margin:0 auto}
.eh-single-header{margin-bottom:var(--eh-space-lg);padding-bottom:var(--eh-space-md);border-bottom:1px solid var(--eh-border-light)}
.eh-single-title{font-size:var(--eh-fs-2xl);font-weight:800;line-height:1.2;letter-spacing:-.02em;margin-bottom:var(--eh-space-sm);color:var(--eh-text)}
.eh-single-meta{display:flex;flex-wrap:wrap;gap:var(--eh-space-sm);align-items:center;font-size:var(--eh-fs-sm);color:var(--eh-text-muted)}
.eh-single-meta .eh-author{font-weight:600;color:var(--eh-text)}
.eh-single-featured{margin-bottom:var(--eh-space-lg);border-radius:var(--eh-radius-lg);overflow:hidden;aspect-ratio:16/9;background:var(--eh-bg-alt)}
.eh-single-featured img{width:100%;height:100%;object-fit:cover}

/* --- Post Content --- */
.eh-content{line-height:1.8;color:var(--eh-text)}
.eh-content h2{font-size:var(--eh-fs-xl);font-weight:700;margin:var(--eh-space-xl) 0 var(--eh-space-sm);color:var(--eh-text);letter-spacing:-.01em;line-height:1.3}
.eh-content h3{font-size:var(--eh-fs-lg);font-weight:700;margin:var(--eh-space-lg) 0 var(--eh-space-sm);color:var(--eh-text);line-height:1.35}
.eh-content h4{font-size:var(--eh-fs-md);font-weight:600;margin:var(--eh-space-md) 0 var(--eh-space-xs);color:var(--eh-text)}
.eh-content p{margin-bottom:var(--eh-space-md)}
.eh-content ul,.eh-content ol{margin:0 0 var(--eh-space-md) var(--eh-space-md);padding-left:var(--eh-space-sm)}
.eh-content ul{list-style:disc}
.eh-content ol{list-style:decimal}
.eh-content li{margin-bottom:var(--eh-space-xs);padding-left:.25rem}
.eh-content blockquote{border-left:4px solid var(--eh-primary);padding:var(--eh-space-md);margin:var(--eh-space-md) 0;background:var(--eh-bg-alt);border-radius:0 var(--eh-radius) var(--eh-radius) 0;font-style:italic;color:var(--eh-text-secondary)}
.eh-content pre{background:#1e1e2e;color:#cdd6f4;padding:var(--eh-space-md);border-radius:var(--eh-radius);overflow-x:auto;margin:var(--eh-space-md) 0;font-family:var(--eh-font-mono);font-size:var(--eh-fs-sm);line-height:1.6;tab-size:2}
.eh-content code{font-family:var(--eh-font-mono);font-size:.9em;background:var(--eh-bg-alt);padding:.125em .375em;border-radius:4px}
.eh-content pre code{background:none;padding:0;font-size:inherit}
.eh-content img{border-radius:var(--eh-radius);margin:var(--eh-space-md) 0}
.eh-content table{width:100%;border-collapse:collapse;margin:var(--eh-space-md) 0;font-size:var(--eh-fs-sm)}
.eh-content th,.eh-content td{padding:var(--eh-space-sm);border:1px solid var(--eh-border);text-align:left}
.eh-content th{background:var(--eh-bg-alt);font-weight:600}
.eh-content a{color:var(--eh-primary);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}
.eh-content a:hover{color:var(--eh-primary-dark);text-decoration-thickness:2px}

/* --- FAQ Section (SEO) --- */
.eh-faq{margin:var(--eh-space-xl) 0;border:1px solid var(--eh-border);border-radius:var(--eh-radius-lg);overflow:hidden}
.eh-faq-item{border-bottom:1px solid var(--eh-border)}
.eh-faq-item:last-child{border-bottom:none}
.eh-faq-q{width:100%;text-align:left;background:var(--eh-bg);padding:var(--eh-space-md);font-weight:600;font-size:var(--eh-fs-base);cursor:pointer;border:none;display:flex;justify-content:space-between;align-items:center;gap:var(--eh-space-sm);transition:background .2s}
.eh-faq-q:hover{background:var(--eh-bg-alt)}
.eh-faq-q::after{content:"+";font-size:1.25em;color:var(--eh-text-muted);flex-shrink:0;transition:transform .2s}
.eh-faq-item.active .eh-faq-q::after{content:"−"}
.eh-faq-a{padding:0 var(--eh-space-md);max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease}
.eh-faq-item.active .eh-faq-a{max-height:500px;padding:0 var(--eh-space-md) var(--eh-space-md)}

/* --- Table of Contents --- */
.eh-toc{background:var(--eh-bg-alt);border:1px solid var(--eh-border);border-radius:var(--eh-radius-lg);padding:var(--eh-space-md);margin:var(--eh-space-md) 0}
.eh-toc-title{font-weight:700;font-size:var(--eh-fs-sm);margin-bottom:var(--eh-space-sm);text-transform:uppercase;letter-spacing:.04em;color:var(--eh-text-muted)}
.eh-toc ol{list-style:decimal;padding-left:var(--eh-space-md);margin:0}
.eh-toc li{margin-bottom:var(--eh-space-xs);font-size:var(--eh-fs-sm)}
.eh-toc a{color:var(--eh-text-secondary);text-decoration:none}
.eh-toc a:hover{color:var(--eh-primary)}

/* --- Author Box --- */
.eh-author-box{display:flex;gap:var(--eh-space-md);padding:var(--eh-space-lg);background:var(--eh-bg-alt);border-radius:var(--eh-radius-lg);margin:var(--eh-space-xl) 0;align-items:flex-start}
.eh-author-avatar{width:64px;height:64px;border-radius:50%;flex-shrink:0;overflow:hidden;background:var(--eh-border)}
.eh-author-avatar img{width:100%;height:100%;object-fit:cover}
.eh-author-name{font-weight:700;font-size:var(--eh-fs-md);margin-bottom:.25rem}
.eh-author-bio{font-size:var(--eh-fs-sm);color:var(--eh-text-secondary);line-height:1.6}

/* --- Post Navigation --- */
.eh-post-nav{display:grid;grid-template-columns:1fr 1fr;gap:var(--eh-space-md);margin:var(--eh-space-xl) 0;padding:var(--eh-space-lg) 0;border-top:1px solid var(--eh-border)}
.eh-post-nav a{display:block;padding:var(--eh-space-sm);border:1px solid var(--eh-border);border-radius:var(--eh-radius);transition:border-color .2s}
.eh-post-nav a:hover{border-color:var(--eh-primary)}
.eh-post-nav .nav-label{font-size:var(--eh-fs-xs);color:var(--eh-text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.25rem}
.eh-post-nav .nav-title{font-size:var(--eh-fs-sm);font-weight:600;color:var(--eh-text);line-height:1.4}
.eh-post-nav .next{text-align:right}

/* --- Related Posts --- */
.eh-related{margin:var(--eh-space-xl) 0}
.eh-related-title{font-size:var(--eh-fs-lg);font-weight:700;margin-bottom:var(--eh-space-md)}
.eh-related-grid{display:grid;grid-template-columns:1fr;gap:var(--eh-space-md)}
@media(min-width:640px){.eh-related-grid{grid-template-columns:repeat(3,1fr)}}

/* --- Sidebar --- */
.eh-sidebar .widget{margin-bottom:var(--eh-space-lg);padding:var(--eh-space-md);background:var(--eh-bg-card);border:1px solid var(--eh-border);border-radius:var(--eh-radius-lg)}
.eh-sidebar .widget-title{font-size:var(--eh-fs-sm);font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--eh-text-muted);margin-bottom:var(--eh-space-sm);padding-bottom:var(--eh-space-xs);border-bottom:2px solid var(--eh-primary)}
.eh-sidebar .widget ul{list-style:none}
.eh-sidebar .widget li{padding:var(--eh-space-xs) 0;border-bottom:1px solid var(--eh-border-light);font-size:var(--eh-fs-sm)}
.eh-sidebar .widget li:last-child{border-bottom:none}
.eh-sidebar .widget a{color:var(--eh-text-secondary)}
.eh-sidebar .widget a:hover{color:var(--eh-primary)}
.eh-sidebar .eh-sticky-sidebar{position:sticky;top:80px}

/* --- Pagination --- */
.eh-pagination{display:flex;justify-content:center;gap:var(--eh-space-xs);margin:var(--eh-space-xl) 0;flex-wrap:wrap}
.eh-pagination a,.eh-pagination span{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 .75rem;font-size:var(--eh-fs-sm);font-weight:500;border:1px solid var(--eh-border);border-radius:var(--eh-radius);transition:all .2s;color:var(--eh-text-secondary)}
.eh-pagination a:hover{border-color:var(--eh-primary);color:var(--eh-primary)}
.eh-pagination .current{background:var(--eh-primary);color:#fff;border-color:var(--eh-primary)}
.eh-pagination .dots{border:none;color:var(--eh-text-muted)}

/* --- Comments --- */
.eh-comments{margin:var(--eh-space-xl) 0}
.eh-comments-title{font-size:var(--eh-fs-lg);font-weight:700;margin-bottom:var(--eh-space-md)}
.comment-list{list-style:none}
.comment-list .comment{padding:var(--eh-space-md);border:1px solid var(--eh-border-light);border-radius:var(--eh-radius);margin-bottom:var(--eh-space-md)}
.comment-list .comment-author{font-weight:700;font-size:var(--eh-fs-sm)}
.comment-list .comment-meta{font-size:var(--eh-fs-xs);color:var(--eh-text-muted);margin-bottom:var(--eh-space-xs)}
.comment-list .comment-content{font-size:var(--eh-fs-sm);line-height:1.7}
.comment-list .children{margin-left:var(--eh-space-md);margin-top:var(--eh-space-md)}
.comment-respond label{display:block;font-size:var(--eh-fs-sm);font-weight:600;margin-bottom:.25rem}
.comment-respond input[type="text"],.comment-respond input[type="email"],.comment-respond input[type="url"],.comment-respond textarea{width:100%;padding:var(--eh-space-sm);border:1px solid var(--eh-border);border-radius:var(--eh-radius);font-size:var(--eh-fs-sm);margin-bottom:var(--eh-space-sm);transition:border-color .2s}
.comment-respond input:focus,.comment-respond textarea:focus{outline:none;border-color:var(--eh-primary);box-shadow:0 0 0 3px var(--eh-primary-light)}
.comment-respond textarea{min-height:120px;resize:vertical}
.eh-submit{display:inline-flex;align-items:center;padding:.625rem 1.5rem;background:var(--eh-primary);color:#fff;border:none;border-radius:var(--eh-radius);font-weight:600;font-size:var(--eh-fs-sm);cursor:pointer;transition:background .2s}
.eh-submit:hover{background:var(--eh-primary-dark)}

/* --- Footer --- */
.eh-footer{background:var(--eh-text);color:#d1d5db;padding:var(--eh-space-xl) 0 var(--eh-space-md);margin-top:var(--eh-space-2xl)}
.eh-footer-inner{display:grid;gap:var(--eh-space-lg);grid-template-columns:1fr;margin-bottom:var(--eh-space-lg)}
@media(min-width:768px){.eh-footer-inner{grid-template-columns:repeat(3,1fr)}}
.eh-footer-col h3{color:#fff;font-size:var(--eh-fs-sm);font-weight:700;text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--eh-space-sm)}
.eh-footer-col ul{list-style:none}
.eh-footer-col li{margin-bottom:var(--eh-space-xs)}
.eh-footer-col a{color:#9ca3af;font-size:var(--eh-fs-sm);transition:color .2s}
.eh-footer-col a:hover{color:#fff}
.eh-footer-bottom{text-align:center;padding-top:var(--eh-space-md);border-top:1px solid rgba(255,255,255,.1);font-size:var(--eh-fs-xs);color:#6b7280}

/* --- Search Page --- */
.eh-search-header{text-align:center;padding:var(--eh-space-xl) 0}
.eh-search-form{display:flex;max-width:600px;margin:var(--eh-space-md) auto 0}
.eh-search-form input[type="search"]{flex:1;padding:.75rem 1rem;border:2px solid var(--eh-border);border-right:none;border-radius:var(--eh-radius) 0 0 var(--eh-radius);font-size:var(--eh-fs-base)}
.eh-search-form input[type="search"]:focus{outline:none;border-color:var(--eh-primary)}
.eh-search-form button{padding:.75rem 1.5rem;background:var(--eh-primary);color:#fff;border:2px solid var(--eh-primary);border-radius:0 var(--eh-radius) var(--eh-radius) 0;font-weight:600;cursor:pointer}

/* --- 404 --- */
.eh-404{text-align:center;padding:var(--eh-space-2xl) 0}
.eh-404 h1{font-size:clamp(4rem,10vw,8rem);font-weight:900;color:var(--eh-primary);line-height:1}
.eh-404 p{font-size:var(--eh-fs-lg);color:var(--eh-text-secondary);margin:var(--eh-space-md) 0}
.eh-btn{display:inline-flex;align-items:center;padding:.625rem 1.5rem;background:var(--eh-primary);color:#fff;border:none;border-radius:var(--eh-radius);font-weight:600;font-size:var(--eh-fs-sm);cursor:pointer;transition:background .2s}
.eh-btn:hover{background:var(--eh-primary-dark);color:#fff}

/* --- Archive Header --- */
.eh-archive-header{margin-bottom:var(--eh-space-lg);padding-bottom:var(--eh-space-md);border-bottom:1px solid var(--eh-border)}
.eh-archive-title{font-size:var(--eh-fs-xl);font-weight:700}
.eh-archive-desc{font-size:var(--eh-fs-sm);color:var(--eh-text-secondary);margin-top:var(--eh-space-xs)}

/* --- Screen Reader Text --- */
.screen-reader-text{clip:rect(1px,1px,1px,1px);position:absolute!important;height:1px;width:1px;overflow:hidden;word-wrap:normal!important}
.screen-reader-text:focus{background:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;display:block;font-size:.875rem;font-weight:700;height:auto;left:5px;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}

/* --- Utility --- */
.eh-clearfix::after{content:"";display:table;clear:both}
.eh-text-center{text-align:center}
.eh-mt-0{margin-top:0}

/* ==========================================================================
   EngineeringHulk Content Components
   Styles for eh-* classes used in page/post content (summary boxes, formulas,
   data tables, TOC, sections, next steps, breadcrumb nav, subtitles)
   ========================================================================== */

/* --- Breadcrumb (singular — used in page content HTML) --- */
/* Hide in-content breadcrumbs — theme auto-generates them in header.php */
.eh-content .eh-breadcrumb,
.eh-content nav.eh-breadcrumb{
  display:none;
}
/* Standalone breadcrumb (outside .eh-content, if ever needed) */
.eh-breadcrumb,
nav.eh-breadcrumb{
  font-size:var(--eh-fs-xs);
  color:var(--eh-text-muted);
  padding:var(--eh-space-sm) 0;
  display:flex;
  flex-wrap:wrap;
  gap:.25rem;
  align-items:center;
  line-height:1.5;
}
.eh-breadcrumb a{color:var(--eh-text-secondary);text-decoration:none}
.eh-breadcrumb a:hover{color:var(--eh-primary)}

/* --- Subtitle --- */
.eh-subtitle,
p.eh-subtitle{
  font-size:var(--eh-fs-md);
  color:var(--eh-text-secondary);
  line-height:1.6;
  margin-bottom:var(--eh-space-xs);
  font-weight:400;
}

/* --- Summary / Key Takeaways Box --- */
.eh-summary-box{
  background:var(--eh-primary-light);
  border:1px solid rgba(26,115,232,.2);
  border-left:4px solid var(--eh-primary);
  border-radius:var(--eh-radius);
  padding:var(--eh-space-md) var(--eh-space-md) var(--eh-space-sm);
  margin:var(--eh-space-md) 0 var(--eh-space-lg);
}
.eh-summary-box h2{
  font-size:var(--eh-fs-md)!important;
  margin:0 0 var(--eh-space-sm)!important;
  color:var(--eh-primary);
  letter-spacing:0;
}
.eh-summary-box ul{
  list-style:disc!important;
  padding-left:var(--eh-space-md)!important;
  margin:0!important;
}
.eh-summary-box li{
  margin-bottom:var(--eh-space-xs);
  font-size:var(--eh-fs-sm);
  line-height:1.7;
  color:var(--eh-text);
}
.eh-summary-box li strong{color:var(--eh-text)}

/* --- Section Wrapper --- */
.eh-section{
  margin:var(--eh-space-xl) 0;
  padding:0;
}
.eh-section:first-of-type{
  margin-top:var(--eh-space-lg);
}

/* --- Formula Box --- */
.eh-formula-box{
  background:var(--eh-bg-alt);
  border:1px solid var(--eh-border);
  border-left:4px solid var(--eh-accent);
  border-radius:var(--eh-radius);
  padding:var(--eh-space-md);
  margin:var(--eh-space-md) 0;
  overflow-x:auto;
}
.eh-formula-box h3{
  font-size:var(--eh-fs-base)!important;
  margin:0 0 var(--eh-space-sm)!important;
  color:var(--eh-text);
  font-weight:700;
}
.eh-formula-box p{
  margin-bottom:var(--eh-space-xs);
  font-size:var(--eh-fs-sm);
  line-height:1.7;
}
.eh-formula-box p strong{
  font-size:var(--eh-fs-md);
  color:var(--eh-text);
  display:inline;
}
.eh-formula-box ul{
  list-style:disc!important;
  padding-left:var(--eh-space-md)!important;
  margin:var(--eh-space-xs) 0!important;
}
.eh-formula-box li{
  font-size:var(--eh-fs-sm);
  margin-bottom:var(--eh-space-xs);
  line-height:1.6;
}
.eh-formula-box table{
  width:100%;
  font-size:var(--eh-fs-sm);
  margin:var(--eh-space-xs) 0;
}
.eh-formula-box td{
  padding:var(--eh-space-xs) var(--eh-space-sm);
  border:none;
  vertical-align:top;
}
.eh-formula-box td:first-child{
  font-weight:600;
  white-space:nowrap;
  width:auto;
  padding-right:var(--eh-space-sm);
}

/* --- Data Table --- */
.eh-data-table{
  width:100%;
  border-collapse:collapse;
  margin:var(--eh-space-md) 0;
  font-size:var(--eh-fs-sm);
  line-height:1.6;
  display:table;
}
.eh-data-table thead{
  background:var(--eh-bg-alt);
}
.eh-data-table th{
  padding:var(--eh-space-sm);
  border:1px solid var(--eh-border);
  text-align:left;
  font-weight:700;
  font-size:var(--eh-fs-sm);
  color:var(--eh-text);
  white-space:nowrap;
}
.eh-data-table td{
  padding:var(--eh-space-sm);
  border:1px solid var(--eh-border);
  text-align:left;
  vertical-align:top;
}
.eh-data-table tbody tr:nth-child(even){
  background:var(--eh-bg-alt);
}
.eh-data-table tbody tr:hover{
  background:rgba(26,115,232,.04);
}
.eh-data-table a{
  color:var(--eh-primary);
  text-decoration:none;
}
.eh-data-table a:hover{
  text-decoration:underline;
}
/* Responsive table — horizontal scroll on small screens */
@media(max-width:640px){
  .eh-data-table{
    display:block;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
  }
  .eh-data-table th{white-space:normal}
}

/* --- Table of Contents (extending existing .eh-toc) --- */
.eh-content .eh-toc{
  background:var(--eh-bg-alt);
  border:1px solid var(--eh-border);
  border-radius:var(--eh-radius-lg);
  padding:var(--eh-space-md);
  margin:var(--eh-space-md) 0 var(--eh-space-lg);
}
.eh-content .eh-toc h2{
  font-size:var(--eh-fs-sm)!important;
  font-weight:700;
  margin:0 0 var(--eh-space-sm)!important;
  text-transform:uppercase;
  letter-spacing:.04em;
  color:var(--eh-text-muted);
}
.eh-content .eh-toc ol{
  list-style:decimal!important;
  padding-left:var(--eh-space-md)!important;
  margin:0!important;
}
.eh-content .eh-toc li{
  margin-bottom:var(--eh-space-xs);
  font-size:var(--eh-fs-sm);
  line-height:1.5;
}
.eh-content .eh-toc a{
  color:var(--eh-text-secondary);
  text-decoration:none;
}
.eh-content .eh-toc a:hover{
  color:var(--eh-primary);
}

/* --- Next Steps Box --- */
.eh-next-steps{
  background:var(--eh-bg-alt);
  border:1px solid var(--eh-border);
  border-radius:var(--eh-radius-lg);
  padding:var(--eh-space-md) var(--eh-space-md) var(--eh-space-sm);
  margin:var(--eh-space-xl) 0 var(--eh-space-md);
}
.eh-next-steps h2{
  font-size:var(--eh-fs-md)!important;
  margin:0 0 var(--eh-space-sm)!important;
  color:var(--eh-text);
}
.eh-next-steps ul{
  list-style:none!important;
  padding:0!important;
  margin:0!important;
}
.eh-next-steps li{
  margin-bottom:var(--eh-space-xs);
  font-size:var(--eh-fs-sm);
  line-height:1.6;
}
.eh-next-steps a{
  color:var(--eh-primary);
  text-decoration:none;
  font-weight:500;
}
.eh-next-steps a:hover{
  color:var(--eh-primary-dark);
  text-decoration:underline;
}

/* --- Content lists inside .eh-content (restore bullets/numbers) --- */
.eh-content .eh-section ul{list-style:disc;padding-left:var(--eh-space-md)}
.eh-content .eh-section ol{list-style:decimal;padding-left:var(--eh-space-md)}
.eh-content .eh-section li{margin-bottom:var(--eh-space-xs);line-height:1.7}

/* --- Sub-headings (h3, h4) within eh-section --- */
.eh-section h3{
  font-size:var(--eh-fs-lg);
  font-weight:700;
  margin:var(--eh-space-lg) 0 var(--eh-space-sm);
  color:var(--eh-text);
}

/* --- Code blocks inside content --- */
.eh-content pre code{
  display:block;
  overflow-x:auto;
}

/* --- Strong/bold inside content paragraphs --- */
.eh-content p strong{
  color:var(--eh-text);
  font-weight:700;
}

/* --- Inline emoji sizing (for 📌 🔥 💧 etc in headings) --- */
.eh-summary-box h2,
.eh-next-steps h2,
.eh-section h2{
  line-height:1.3;
}

/* --- Last Updated text styling --- */
.eh-content > p:first-of-type strong,
.eh-section + p strong{
  color:var(--eh-text-muted);
}

/* --- Print --- */
@media print{
  .eh-header,.eh-footer,.eh-sidebar,.eh-ad-slot,.eh-breadcrumbs,.eh-breadcrumb,.eh-post-nav,.eh-related,.eh-comments,.eh-search-form,.eh-menu-toggle,.eh-next-steps{display:none!important}
  body{font-size:12pt;color:#000;background:#fff}
  .eh-content a{color:#000;text-decoration:underline}
  .eh-content a[href]::after{content:" (" attr(href) ")";font-size:.8em}
}