/* OHQ Blog Style: guides + blog list, category archives, single posts.
   Matches the shop / checkout look: carbon fiber, #FFEC00, heavy uppercase Inter. */
body.ohq-blog{
  --ohq-y:#FFEC00;
  --ohq-ink:#0a0a0a;
  --ohq-text:#d4d4d4;
  --ohq-muted:#9a9a9a;
  --ohq-line:rgba(255,236,0,.18);
  --ohq-card:linear-gradient(180deg,rgba(20,20,20,.96),rgba(12,12,12,.96));
  --ohq-font:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  background:#070707;
}
body.ohq-blog #main.site-main{
  position:relative;
  font-family:var(--ohq-font);
  color:var(--ohq-text);
  background-color:#070707;
  background-image:
    linear-gradient(115deg,transparent 8%,rgba(255,255,255,.045) 22%,rgba(255,255,255,.012) 30%,transparent 38%,transparent 58%,rgba(255,255,255,.035) 70%,transparent 80%),
    radial-gradient(1400px 700px at 50% -10%,rgba(255,255,255,.06),transparent 60%),
    linear-gradient(90deg,rgba(0,0,0,.7),transparent 16%,transparent 84%,rgba(0,0,0,.7)),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28'%3E%3Crect width='28' height='28' fill='%23030303'/%3E%3Cdefs%3E%3ClinearGradient id='h' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%230a0a0b'/%3E%3Cstop offset='.3' stop-color='%23222326'/%3E%3Cstop offset='.5' stop-color='%233d4044'/%3E%3Cstop offset='.72' stop-color='%2317181a'/%3E%3Cstop offset='1' stop-color='%23080808'/%3E%3C/linearGradient%3E%3ClinearGradient id='v' x1='0' y1='0' x2='1' y2='0'%3E%3Cstop offset='0' stop-color='%23070707'/%3E%3Cstop offset='.4' stop-color='%23121314'/%3E%3Cstop offset='.55' stop-color='%231c1d1f'/%3E%3Cstop offset='1' stop-color='%23060606'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x='0.5' y='0.5' width='13.0' height='6.0' rx='1.6' fill='url%28%23h%29'/%3E%3Crect x='0.5' y='-27.5' width='13.0' height='6.0' rx='1.6' fill='url%28%23h%29'/%3E%3Crect x='-27.5' y='0.5' width='13.0' height='6.0' rx='1.6' fill='url%28%23h%29'/%3E%3Crect x='-27.5' y='-27.5' width='13.0' height='6.0' rx='1.6' fill='url%28%23h%29'/%3E%3Crect x='7.5' y='7.5' width='13.0' height='6.0' rx='1.6' fill='url%28%23h%29'/%3E%3Crect x='7.5' y='-20.5' width='13.0' height='6.0' rx='1.6' fill='url%28%23h%29'/%3E%3Crect x='-20.5' y='7.5' width='13.0' height='6.0' rx='1.6' fill='url%28%23h%29'/%3E%3Crect x='-20.5' y='-20.5' width='13.0' height='6.0' rx='1.6' fill='url%28%23h%29'/%3E%3Crect x='14.5' y='14.5' width='13.0' height='6.0' rx='1.6' fill='url%28%23h%29'/%3E%3Crect x='14.5' y='-13.5' width='13.0' height='6.0' rx='1.6' fill='url%28%23h%29'/%3E%3Crect x='-13.5' y='14.5' width='13.0' height='6.0' rx='1.6' fill='url%28%23h%29'/%3E%3Crect x='-13.5' y='-13.5' width='13.0' height='6.0' rx='1.6' fill='url%28%23h%29'/%3E%3Crect x='21.5' y='21.5' width='13.0' height='6.0' rx='1.6' fill='url%28%23h%29'/%3E%3Crect x='21.5' y='-6.5' width='13.0' height='6.0' rx='1.6' fill='url%28%23h%29'/%3E%3Crect x='-6.5' y='21.5' width='13.0' height='6.0' rx='1.6' fill='url%28%23h%29'/%3E%3Crect x='-6.5' y='-6.5' width='13.0' height='6.0' rx='1.6' fill='url%28%23h%29'/%3E%3Crect x='0.5' y='7.5' width='6.0' height='13.0' rx='1.6' fill='url%28%23v%29'/%3E%3Crect x='0.5' y='-20.5' width='6.0' height='13.0' rx='1.6' fill='url%28%23v%29'/%3E%3Crect x='-27.5' y='7.5' width='6.0' height='13.0' rx='1.6' fill='url%28%23v%29'/%3E%3Crect x='-27.5' y='-20.5' width='6.0' height='13.0' rx='1.6' fill='url%28%23v%29'/%3E%3Crect x='7.5' y='14.5' width='6.0' height='13.0' rx='1.6' fill='url%28%23v%29'/%3E%3Crect x='7.5' y='-13.5' width='6.0' height='13.0' rx='1.6' fill='url%28%23v%29'/%3E%3Crect x='-20.5' y='14.5' width='6.0' height='13.0' rx='1.6' fill='url%28%23v%29'/%3E%3Crect x='-20.5' y='-13.5' width='6.0' height='13.0' rx='1.6' fill='url%28%23v%29'/%3E%3Crect x='14.5' y='21.5' width='6.0' height='13.0' rx='1.6' fill='url%28%23v%29'/%3E%3Crect x='14.5' y='-6.5' width='6.0' height='13.0' rx='1.6' fill='url%28%23v%29'/%3E%3Crect x='-13.5' y='21.5' width='6.0' height='13.0' rx='1.6' fill='url%28%23v%29'/%3E%3Crect x='-13.5' y='-6.5' width='6.0' height='13.0' rx='1.6' fill='url%28%23v%29'/%3E%3Crect x='21.5' y='0.5' width='6.0' height='13.0' rx='1.6' fill='url%28%23v%29'/%3E%3Crect x='21.5' y='-27.5' width='6.0' height='13.0' rx='1.6' fill='url%28%23v%29'/%3E%3Crect x='-6.5' y='0.5' width='6.0' height='13.0' rx='1.6' fill='url%28%23v%29'/%3E%3Crect x='-6.5' y='-27.5' width='6.0' height='13.0' rx='1.6' fill='url%28%23v%29'/%3E%3C/svg%3E");
  background-size:100% 1400px,100% 1200px,100% 100%,28px 28px;
  background-repeat:repeat-y,no-repeat,no-repeat,repeat;
  padding-bottom:64px;
}
body.ohq-blog #main.site-main::before{
  content:"";display:block;height:6px;
  background:repeating-linear-gradient(-45deg,var(--ohq-y) 0 12px,var(--ohq-ink) 12px 24px);
}
body.ohq-blog #main .ct-container,
body.ohq-blog #main .ct-container-full{padding-top:0;}

/* ---------- Hero (blog index + category archives) ---------- */
.ohq-blog-hero{max-width:1120px;margin:0 auto;padding:44px 20px 8px;text-align:center;}
.ohq-blog-hero__eyebrow{display:inline-block;font:800 12px/1 var(--ohq-font);letter-spacing:.22em;text-transform:uppercase;color:var(--ohq-y);margin:0 0 14px;}
.ohq-blog-hero__title,
body.ohq-blog.archive .hero-section .page-title{
  display:flex;align-items:center;justify-content:center;gap:18px;
  margin:0;color:#fff;font:900 clamp(28px,4vw,46px)/1.05 var(--ohq-font);
  text-transform:uppercase;letter-spacing:-.01em;
}
.ohq-blog-hero__title::before,.ohq-blog-hero__title::after,
body.ohq-blog.archive .hero-section .page-title::before,
body.ohq-blog.archive .hero-section .page-title::after{
  content:"";width:clamp(24px,5vw,70px);height:4px;flex:none;background:var(--ohq-y);
  clip-path:polygon(0 0,100% 0,92% 100%,8% 100%);
}
.ohq-blog-hero__title em{font-style:normal;display:inline-block;background:var(--ohq-y);color:#000;padding:0 12px;transform:skew(-6deg);}
.ohq-blog-hero__sub{max-width:620px;margin:14px auto 0;color:#bdbdbd;font:500 15px/1.6 var(--ohq-font);}
body.ohq-blog.archive .hero-section{padding:44px 20px 0;margin:0 auto 0;text-align:center;}
body.ohq-blog.archive .hero-section .entry-header{margin:0;}
body.ohq-blog.archive .hero-section .ct-title-label{display:none;}

/* category chips */
.ohq-blog-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:24px auto 36px;padding:0 20px;max-width:1120px;}
.ohq-blog-chips a{
  font:800 12px/1 var(--ohq-font);letter-spacing:.08em;text-transform:uppercase;text-decoration:none;
  color:#fff;padding:11px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.04);transition:border-color .15s,color .15s,background .15s;
}
.ohq-blog-chips a:hover{border-color:var(--ohq-y);color:var(--ohq-y);}
.ohq-blog-chips a.is-active{background:var(--ohq-y);border-color:var(--ohq-y);color:#000;}

/* ---------- Card grid ---------- */
body.ohq-blog #main .entries{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:26px !important;
  max-width:1180px;margin:0 auto;
}
@media (max-width:1000px){body.ohq-blog #main .entries{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}}
@media (max-width:640px){body.ohq-blog #main .entries{grid-template-columns:1fr !important;gap:18px !important;}}

body.ohq-blog #main .entries > article.entry-card{
  display:flex !important;flex-direction:column;position:relative;
  margin:0 !important;padding:0 0 20px !important;overflow:hidden;
  background:var(--ohq-card) !important;
  border:1px solid var(--ohq-line);border-top:3px solid var(--ohq-y);border-radius:10px;
  box-shadow:0 18px 40px -20px rgba(0,0,0,.8);
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
body.ohq-blog #main .entries > article.entry-card:hover{
  transform:translateY(-3px);border-color:rgba(255,236,0,.45);
  box-shadow:0 24px 50px -22px rgba(0,0,0,.9),0 0 0 1px rgba(255,236,0,.15);
}
body.ohq-blog #main .entry-card > *{margin-left:20px;margin-right:20px;}
body.ohq-blog #main .entry-card .ct-media-container{
  order:-1;margin:0 0 18px !important;display:block;aspect-ratio:4/3;overflow:hidden;
  background:#fff;border-radius:0 !important;
}
body.ohq-blog #main .entry-card .ct-media-container img{width:100%;height:100%;object-fit:contain;padding:14px;border-radius:0;transition:transform .3s ease;}
body.ohq-blog #main .entry-card:hover .ct-media-container img{transform:scale(1.04);}
/* posts with no image get a branded block so the grid stays even */
body.ohq-blog #main .entry-card:not(.has-post-thumbnail)::before{
  content:"OVERSTOCK HQ";order:-1;display:flex;align-items:center;justify-content:center;
  aspect-ratio:4/3;margin:0 0 18px;font:900 22px/1 var(--ohq-font);letter-spacing:.08em;color:#000;
  background:repeating-linear-gradient(-45deg,var(--ohq-y) 0 18px,#f5e000 18px 36px);
}
body.ohq-blog #main .entry-card .entry-meta{margin-top:0;margin-bottom:10px;}
body.ohq-blog #main .entry-card .entry-meta li{font:600 12px/1.3 var(--ohq-font);color:var(--ohq-muted);}
body.ohq-blog #main .entry-card .entry-meta a{color:var(--ohq-muted);text-decoration:none;}
body.ohq-blog #main .entry-card .meta-categories a{
  display:inline-block;background:var(--ohq-y);color:#000 !important;
  font:800 11px/1 var(--ohq-font);letter-spacing:.1em;text-transform:uppercase;
  padding:6px 9px;border-radius:3px;
}
body.ohq-blog #main .entry-card .entry-title{
  margin:0 20px 10px;font:800 19px/1.25 var(--ohq-font);text-transform:uppercase;letter-spacing:-.005em;
}
body.ohq-blog #main .entry-card .entry-title a{color:#fff;text-decoration:none;}
body.ohq-blog #main .entry-card .entry-title a:hover{color:var(--ohq-y);}
body.ohq-blog #main .entry-card .entry-excerpt{color:#b5b5b5;font:400 14.5px/1.6 var(--ohq-font);margin-bottom:14px;flex:1;}
body.ohq-blog #main .entry-card .entry-excerpt p{margin:0;}
body.ohq-blog #main .entry-card > .entry-meta:last-of-type{margin-bottom:14px;}
body.ohq-blog #main .entry-card > .entry-meta:last-of-type li + li::before{color:#555;}
.ohq-blog-read{
  align-self:flex-start;display:inline-flex;align-items:center;gap:8px;
  font:800 12px/1 var(--ohq-font);letter-spacing:.1em;text-transform:uppercase;
  color:var(--ohq-y) !important;text-decoration:none;
}
.ohq-blog-read::after{content:"\2192";transition:transform .15s;}
.entry-card:hover .ohq-blog-read::after{transform:translateX(4px);}

/* pagination */
body.ohq-blog #main .ct-pagination{margin-top:40px;}
body.ohq-blog #main .ct-pagination a,body.ohq-blog #main .ct-pagination span{color:#fff;border-color:rgba(255,255,255,.2);font-family:var(--ohq-font);font-weight:800;}
body.ohq-blog #main .ct-pagination .current{background:var(--ohq-y);color:#000;border-color:var(--ohq-y);}

/* ---------- Single post ---------- */
body.ohq-blog.single-post #main article.post{max-width:820px;margin:0 auto;padding:0 20px;}
.ohq-post-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 16px;padding:40px 0 0;}
.ohq-post-back{font:800 12px/1 var(--ohq-font);letter-spacing:.1em;text-transform:uppercase;color:var(--ohq-muted) !important;text-decoration:none;}
.ohq-post-back:hover{color:var(--ohq-y) !important;}
.ohq-post-top .ohq-pill{display:inline-block;background:var(--ohq-y);color:#000 !important;font:800 11px/1 var(--ohq-font);letter-spacing:.1em;text-transform:uppercase;padding:6px 9px;border-radius:3px;text-decoration:none;}
.ohq-post-top .ohq-meta{font:600 12px/1 var(--ohq-font);color:var(--ohq-muted);letter-spacing:.04em;text-transform:uppercase;}
body.ohq-blog.single-post .hero-section{margin:0 !important;padding:16px 0 0 !important;text-align:center;}
body.ohq-blog.single-post .hero-section .page-title{
  color:#fff;font:900 clamp(28px,4.4vw,48px)/1.08 var(--ohq-font);text-transform:uppercase;letter-spacing:-.01em;margin:0;
}
body.ohq-blog.single-post .hero-section .page-title::after{
  content:"";display:block;width:84px;height:5px;margin:22px auto 0;background:var(--ohq-y);
  clip-path:polygon(0 0,100% 0,94% 100%,6% 100%);
}
.ohq-post-figure{margin:32px 0 0;background:#fff;border-radius:10px;border-top:3px solid var(--ohq-y);overflow:hidden;box-shadow:0 24px 50px -24px rgba(0,0,0,.9);}
.ohq-post-figure img{display:block;width:100%;max-height:440px;object-fit:contain;padding:18px;}
body.ohq-blog.single-post .entry-content{
  margin-top:32px !important;padding:clamp(22px,4vw,44px);
  background:var(--ohq-card);border:1px solid var(--ohq-line);border-radius:10px;
  color:var(--ohq-text);font:400 17px/1.75 var(--ohq-font);
}
body.ohq-blog.single-post .entry-content > *{max-width:none;}
body.ohq-blog.single-post .entry-content p{color:var(--ohq-text);}
body.ohq-blog.single-post .entry-content > p:first-child{font-size:19px;color:#ececec;}
body.ohq-blog.single-post .entry-content h2{
  color:#fff;font:900 clamp(21px,2.4vw,26px)/1.2 var(--ohq-font);text-transform:uppercase;
  margin:2em 0 .7em;padding-left:16px;border-left:5px solid var(--ohq-y);
}
body.ohq-blog.single-post .entry-content h3{color:var(--ohq-y);font:800 17px/1.3 var(--ohq-font);text-transform:uppercase;letter-spacing:.04em;margin:1.6em 0 .4em;}
body.ohq-blog.single-post .entry-content a{color:var(--ohq-y);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;}
body.ohq-blog.single-post .entry-content a:hover{color:#fff;}
body.ohq-blog.single-post .entry-content strong{color:#fff;}
body.ohq-blog.single-post .entry-content ul{list-style:none;padding-left:0;}
body.ohq-blog.single-post .entry-content ul li{position:relative;padding-left:26px;margin:.55em 0;}
body.ohq-blog.single-post .entry-content ul li::before{content:"";position:absolute;left:2px;top:.62em;width:9px;height:9px;background:var(--ohq-y);transform:rotate(45deg);}
body.ohq-blog.single-post .entry-content ol li::marker{color:var(--ohq-y);font-weight:800;}
body.ohq-blog.single-post .entry-content blockquote{border-left:4px solid var(--ohq-y);background:rgba(255,236,0,.06);margin:1.5em 0;padding:14px 20px;color:#eee;}
body.ohq-blog.single-post .entry-content table{border-color:rgba(255,255,255,.15);}
body.ohq-blog.single-post .entry-content th{background:var(--ohq-y);color:#000;}
body.ohq-blog.single-post .entry-content td,body.ohq-blog.single-post .entry-content th{border-color:rgba(255,255,255,.15);}
body.ohq-blog.single-post .entry-content hr{border-color:rgba(255,255,255,.15);}

/* end-of-post call to action */
.ohq-post-cta{
  margin:28px 0 0;padding:26px 28px;border-radius:10px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;
  background:linear-gradient(180deg,#141414,#0c0c0c);border:1px solid var(--ohq-line);border-left:5px solid var(--ohq-y);
}
.ohq-post-cta__t{margin:0;color:#fff;font:900 20px/1.2 var(--ohq-font);text-transform:uppercase;}
.ohq-post-cta__s{margin:6px 0 0;color:var(--ohq-muted);font:500 14px/1.5 var(--ohq-font);}
.ohq-post-cta__b{
  display:inline-block;background:var(--ohq-y);color:#000 !important;text-decoration:none;
  font:900 14px/1 var(--ohq-font);letter-spacing:.06em;text-transform:uppercase;padding:15px 22px;border-radius:6px;
  box-shadow:0 4px 0 #b8a900;
}
.ohq-post-cta__b:hover{transform:translateY(1px);box-shadow:0 3px 0 #b8a900;}

/* Blocksy "Trending now" strip under posts */
body.ohq-blog .ct-trending-block{background:#0b0b0b !important;border-top:1px solid var(--ohq-line);font-family:var(--ohq-font);}
body.ohq-blog .ct-trending-block .ct-module-title{color:#fff;font:900 15px/1 var(--ohq-font);text-transform:uppercase;letter-spacing:.08em;}
body.ohq-blog .ct-trending-block .ct-module-title > svg{color:var(--ohq-y);fill:var(--ohq-y);}
body.ohq-blog .ct-trending-block .ct-post-title{color:#fff;font-weight:700;}
body.ohq-blog .ct-trending-block .ct-post-title:hover{color:var(--ohq-y);}
body.ohq-blog .ct-trending-block .price{color:var(--ohq-y);font-weight:800;}
body.ohq-blog .ct-trending-block .entry-meta a{color:var(--ohq-muted);}
body.ohq-blog .ct-trending-block .ct-media-container{background:#fff;border-radius:6px;}
body.ohq-blog .ct-trending-block .ct-slider-arrows span{color:#fff;border-color:rgba(255,255,255,.2);}

@media (max-width:640px){
  .ohq-blog-hero{padding-top:30px;}
  .ohq-blog-chips{margin:18px auto 24px;}
  body.ohq-blog.single-post .entry-content{font-size:16px;}
  .ohq-post-cta{padding:20px;}
  .ohq-post-cta__b{width:100%;text-align:center;}
}
body.ohq-blog.single-post .entry-content a.ohq-post-cta__b{color:#000;text-decoration:none;}
body.ohq-blog .post-edit-link{display:inline-block;margin-top:14px;color:var(--ohq-muted);font:700 12px/1 var(--ohq-font);text-transform:uppercase;letter-spacing:.08em;}
@media (max-width:640px){.ohq-blog-hero__title::before,.ohq-blog-hero__title::after,body.ohq-blog.archive .hero-section .page-title::before,body.ohq-blog.archive .hero-section .page-title::after{display:none;}}
