/* === GLOBAL CLEANUP (front page) === */
.home #page, .home .site, .home .site-content, .home .content-area,
.home .site-main, .home .wrap, .home .container, .home .entry-content,
.home .type-page, .home article, .home .hentry, .home .entry {
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
  max-width: 100% !important;
  width: 100% !important;
  margin: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* kill any header/nav separator lines some themes draw */
.home .site-header, .home .navigation-top, .home .primary-navigation {
  border: none !important;
  box-shadow: none !important;
}
.home .site-header::before, .home .site-header::after,
.home .navigation-top::before, .home .navigation-top::after { display: none !important; }

/* === HEADER & NAV: sahil-style === */
.home .site-branding,
.home .entry-header { text-align: left !important; }   /* stop centering */
.home .site-title, .home .site-title a { 
  font-weight: 800; letter-spacing: .02em;
}
.home .site-description { 
  color: #64748b; font-style: italic; margin-top: 6px;
}

/* navigation look: uppercase, spaced, tidy */
.home .main-navigation ul, 
.home nav[role="navigation"] ul, 
.home .menu > ul, 
.home .menu { 
  display: flex; gap: 28px; 
  text-transform: uppercase; letter-spacing: .08em; 
  font-size: 13.5px; align-items: center; justify-content: flex-start;
}
.home .main-navigation a, .home .menu a { 
  color: #0f172a; padding: 14px 0; text-decoration: none;
}
.home .main-navigation a:hover, .home .menu a:hover { text-decoration: underline; }

/* optional subtle bottom border under the nav (like a clean divider) */
.home .navigation-top, .home .primary-navigation { border-bottom: 1px solid #e5e7eb !important; }

/* === HERO NEWSLETTER BLOCK === */
.home .nl-home {
  max-width: clamp(900px, 72vw, 1120px);
  margin: 72px auto 96px;
  padding: 0 32px;
  line-height: 1.8;
  font-size: 18px;
}
.nl-hero { margin: 0 0 28px; text-align: left; }
.nl-title { font-size: 48px; margin: 0 0 8px; }
.nl-tag   { font-size: 18px; color: #64748b; margin: 0; }

/* card: minimal, crisp, like sahil’s */
.nl-card { 
  background: #fff; 
  border: 1px solid #e5e7eb; 
  border-radius: 14px; 
  box-shadow: 0 2px 16px rgba(0,0,0,.03); 
  padding: 28px 26px;
}
.nl-form { display: grid; grid-template-columns: 1fr auto; gap: 12px; }
@media (max-width: 640px) { .nl-form { grid-template-columns: 1fr; } }

.nl-input { 
  padding: 14px 16px; 
  border: 1px solid #cbd5e1; 
  border-radius: 12px; 
  font-size: 16.5px; 
}
.nl-btn { 
  padding: 14px 18px; 
  font-size: 16px; 
  border-radius: 12px; 
  background: #111; 
  color: #fff; 
  border: 0;
}
.nl-btn:hover { filter: brightness(.94); }

.nl-bullets { gap: 12px; margin-top: 14px; }
.nl-bullets div { 
  padding: 10px 12px; 
  border: 1px solid #f1f5f9; 
  border-radius: 12px; 
  background: #fff; 
}

.nl-note { margin-top: 12px; color: #6b7280; font-size: 14px; }

/* hide the default WP page title on home (the “Homeee” style heading) */
.home .entry-title, .home .page-title, .home .entry-header { display: none !important; }

/* footer: minimal */
.home .site-footer { border-top: 1px solid #e5e7eb !important; padding-top: 24px !important; }

/* === HOMEPAGE OVERRIDES (place at very bottom) === */

/* 1) Make the subscribe section bigger, centered, with less empty space */
.home .nl-home{
  max-width: clamp(1100px, 88vw, 1340px);  /* wider container */
  margin: 20px auto 44px;                  /* pull up; tighten bottom */
  padding: 0 28px;                         /* gentle side gutters */
  line-height: 1.8;
  font-size: 18px;
}

/* Roomier card + larger field & button so it visually “fills” the page */
.home .nl-card{
  padding: 36px 32px;
  border-radius: 18px;
}
.home .nl-card h2{ font-size: 24px; }

.home .nl-form{ grid-template-columns: 1fr auto; gap: 14px; }
.home .nl-input{
  height: 56px;
  padding: 0 18px;
  font-size: 18px;
}
.home .nl-btn{
  height: 56px;
  padding: 0 22px;
  font-size: 17px;
  border-radius: 14px;
  line-height: 1;  /* keeps button tall on some themes */
}

/* 2) Shrink the black footer site-wide (or change to .home .site-footer if you want home only) */
.site-footer, #colophon{
  padding-top: 8px !important;
  padding-bottom: 8px !important;
  min-height: 0 !important;
}
.site-footer .widget-area, .site-footer .wrap, .site-info{
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin: 0 !important;
  line-height: 1.2 !important;
  font-size: 13px;                         /* smaller footer text */
}
/* kill any extra margins inside the footer */
.site-footer *{ margin-top: 0 !important; margin-bottom: 0 !important; }

/* Optional: reduce space under the main nav if your theme adds it */
.home .site-content, .home .content-area, .home .site-main{
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* --- Minimalist Blog: compact footer (~1 inch shorter) --- */

/* site-wide (use .home .site-footer if you want home-only) */
.site-footer,
#colophon{
  padding-top: 6px !important;   /* was chunky */
  padding-bottom: 6px !important;
  min-height: 0 !important;
}

/* kill extra vertical space inside containers */
.site-footer .container,
.site-footer .wrap,
.site-footer .footer-inner,
.site-footer .site-info{
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  line-height: 1.2 !important;
  font-size: 13px;               /* smaller footer text */
}

/* many Minimalist-style themes inject a widget strip—hide it if empty */
.site-footer .widget-area,
.site-footer .footer-widgets,
.site-footer .footer-widget-area{
  display: none !important;
}

/* some themes add extra spacing via pseudo-elements */
.site-footer::before,
.site-footer::after{
  display: none !important;
}

/* === Tighten gap between header/nav and subscribe box (Minimalist Blog) === */

/* Trim space under the header + nav */
.home .site-header,
.home .navigation-top,
.home .primary-navigation {
  margin-bottom: 8px !important;
  padding-bottom: 0 !important;
}

/* Kill any theme padding on the content wrapper */
.home .site-content,
.home .content-area,
.home .site-main,
.home .entry-content {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* Ensure the first element in the page isn't adding margin */
.home .entry-content > *:first-child {
  margin-top: 0 !important;
}

/* Pull the newsletter block up a bit more */
.home .nl-home {
  margin-top: 6px !important;   /* try 0 or even -6px if you want it tighter */
}

/* If your theme draws divider lines with big margins, trim them */
.home hr,
.home .separator {
  margin: 8px 0 !important;
}
/* ——— remove boxed layout & side padding on Blog and Singles ——— */
.blog #page, .blog .site, .blog .site-content, .blog .content-area, .blog .site-main, .blog .wrap, .blog .container,
.single-post #page, .single-post .site, .single-post .site-content, .single-post .content-area, .single-post .site-main, .single-post .wrap, .single-post .container {
  max-width: 100% !important;
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  border: none !important;
  box-shadow: none !important;
}

/* keep text column comfy (centered) */
.blog .entry-content, .single-post .entry-content {
  max-width: clamp(820px, 72vw, 1100px);
  margin: 24px auto 64px;
  padding: 0 24px;
  line-height: 1.8;
}

/* make featured images full-bleed (edge-to-edge) */
.blog .post .wp-post-image,
.single-post .post .wp-post-image,
.blog .entry-header img,
.single-post .entry-header img {
  display: block;
  width: 100vw;
  max-width: 100vw;
  height: auto;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

/* kill any borders around posts */
.blog article, .single-post article { border: none !important; box-shadow: none !important; }

/* avoid horizontal scrollbars from full-bleed trick */
html, body { overflow-x: hidden; }

/* Hide sidebar on the static Home only; keep it on Blog & posts */
.home #secondary,
.home .sidebar,
.home .widget-area { display: none !important; }

/* Let main content expand when sidebar is hidden */
.home .content-area,
.home .site-main,
.home .primary,
.home .container { width: 100% !important; max-width: 100% !important; }

/* Only for category “Writings” */
.category-writings .site-main{
  display:grid !important;
  grid-template-columns: repeat(auto-fit, minmax(320px,1fr));
  gap:28px;
}
.category-writings .site-main > article{
  margin:0 !important; border:1px solid #e5e7eb; border-radius:14px;
  overflow:hidden; background:#fff; display:flex; flex-direction:column;
}
.category-writings .site-main > article img{
  width:100%; aspect-ratio:16/9; object-fit:cover; display:block;
}
.category-writings .entry-header,
.category-writings .entry-summary,
.category-writings .entry-content,
.category-writings .entry-footer{ padding:12px 14px; }
.category-writings .entry-summary p,
.category-writings .entry-content > p:first-of-type{
  margin:0; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; color:#475569;
}

/* ==== Magazine grid for the Writing category only ==== */
.category-writing .site-main{
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 28px;
  align-items: start;
}

/* Card look */
.category-writing .site-main > article{
  margin: 0 !important;
  border: 1px solid #e5e7eb;
  border-radius: 14px;
  overflow: hidden;
  background: #fff;
  display: flex;
  flex-direction: column;
}

/* Featured image fills the card */
.category-writing .site-main > article img,
.category-writing .post .wp-post-image{
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  display: block;
}

/* Tidy inner spacing */
.category-writing .entry-header,
.category-writing .entry-summary,
.category-writing .entry-content,
.category-writing .entry-footer { padding: 12px 14px; }

.category-writing .entry-title{
  font-size: 20px;
  line-height: 1.25;
  margin: 6px 0 8px;
}

/* Clamp excerpt to ~3 lines for quick scan */
.category-writing .entry-summary p,
.category-writing .entry-content > p:first-of-type{
  margin: 0;
  color: #475569;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Center pagination */
.category-writing .navigation,
.category-writing .nav-links{
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-top: 8px;
}

/* Optional: hide the big "Category: Writing" heading */
.category-writing .page-title { display: none !important; }

/* Optional: make this category full-width (no sidebar) */
.category-writing #secondary, 
.category-writing .sidebar { display: none !important; }
.category-writing .content-area, 
.category-writing .site-main { width: 100% !important; max-width: 100% !important; }

/* === Writings (category slug = writing) — sidebar ON (right) + 3x3 grid === */

/* 0) Make sure the sidebar is visible and on the right */
.category-writing #secondary,
.category-writing .sidebar,
.category-writing .widget-area { 
  display: block !important;
  float: right;              /* classic theme layout */
  width: 300px;              /* adjust if your theme uses a different width */
}

/* Primary/content area: take the remaining width on desktop */
@media (min-width: 960px){
  .category-writing .content-area,
  .category-writing #primary {
    float: left;
    width: calc(100% - 320px) !important; /* 300px sidebar + 20px breathing */
  }
}

/* On tablet/mobile stack them */
@media (max-width: 959px){
  .category-writing #secondary,
  .category-writing .content-area,
  .category-writing #primary {
    float: none; width: 100% !important;
  }
}

/* 1) Kill any stray left padding/margins that cause the big blank space */
.category-writing .content-area,
.category-writing .site-main,
.category-writing .container,
.category-writing .wrap {
  margin-left: 0 !important;
  padding-left: 0 !important;
}

/* 2) Force a grid: 1 col mobile, 2 col tablet, 3 col desktop (with sidebar) */
.category-writing .site-main{
  display: grid !important;
  gap: 24px;
  grid-template-columns: 1fr;                  /* mobile */
  align-items: start;
}
@media (min-width: 740px){
  .category-writing .site-main{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 960px){
  .category-writing .site-main{ grid-template-columns: repeat(3, minmax(0, 1fr)); }  /* 3 across */
}

/* 3) Card polish */
.category-writing .site-main > article{
  margin: 0 !important;
  border: 1px solid #e5e7eb; border-radius: 14px;
  background:#fff; overflow:hidden;
  display:flex; flex-direction:column;
}
.category-writing .site-main > article img{
  width:100%; aspect-ratio:16/9; object-fit:cover; display:block;
}
.category-writing .entry-header,
.category-writing .entry-summary,
.category-writing .entry-content,
.category-writing .entry-footer{ padding:12px 14px; }
.category-writing .entry-title{ font-size:20px; line-height:1.25; margin:6px 0 8px; }
.category-writing .entry-summary p{
  margin:0; color:#475569;
  display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;
}

/* 4) Tidy page header space */
.category-writing .page-header,
.category-writing .page-title { margin: 0 0 10px !important; }

/* 5) Center pagination */
.category-writing .navigation, .category-writing .nav-links{
  display:flex; justify-content:center; gap:10px; margin-top:8px;
}
/* === Reset the Writing category to theme defaults === */

/* kill grid & layout overrides */
.category-writing .site-content,
.category-writing .content-area,
.category-writing .wrap,
.category-writing .container,
.category-writing #primary,
.category-writing #secondary,
.category-writing .sidebar,
.category-writing .widget-area,
.category-writing .site-main {
  display: revert !important;
  float: revert !important;
  width: revert !important;
  max-width: revert !important;
  grid-template-columns: revert !important;
  column-gap: revert !important;
  gap: revert !important;
  position: revert !important;
  top: revert !important;
  margin-left: revert !important;
  padding-left: revert !important;
}

/* put posts back to regular flow (no card chrome) */
.category-writing .site-main > article,
.category-writing #main > article {
  display: revert !important;
  margin: revert !important;
  border: revert !important;
  border-radius: revert !important;
  overflow: revert !important;
  background: revert !important;
}

/* restore image behavior */
.category-writing .site-main > article img,
.category-writing #main > article img {
  width: revert !important;
  height: revert !important;
  aspect-ratio: revert !important;
  object-fit: revert !important;
  display: revert !important;
}

/* restore inner spacing/typography */
.category-writing .entry-header,
.category-writing .entry-summary,
.category-writing .entry-content,
.category-writing .entry-footer,
.category-writing .entry-title {
  all: revert !important;
}

/* ensure the sidebar is visible again (if it was hidden) */
.category-writing #secondary,
.category-writing .sidebar,
.category-writing .widget-area { 
  display: revert !important;
}

/* Single posts: use full width; push widgets below */
.single #primary,
.single .content-area,
.single .primary{
  float:none !important;
  width:100% !important;
}

.single #secondary,
.single .sidebar,
.single .widget-area{
  float:none !important;
  width:100% !important;
  margin-left:0 !important;
}
/* ====== Words & Thoughts — page-id-3885 ====== */

/* 1) Hide the sidebar/widgets on THIS page only */
body.page-id-3885 :is(#secondary, .secondary, .sidebar, .widget-area, aside[id*="secondary"], [class*="sidebar"]){
  display: none !important;
}

/* 2) Give the content the full row (remove the empty right gutter) */
body.page-id-3885 :is(#primary, .primary, .content-area, .site-main, [class*="content"]){
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
  margin: 0 !important;
}
body.page-id-3885 :is(.site-content, .wrap, .container, .row){
  display: block !important;           /* crush 2-column layouts here */
  grid-template-columns: 1fr !important;
}

/* 3) Nice overall width */
body.page-id-3885 .entry-content{
  max-width: 1200px;                   /* bump to 1400 for wider */
  margin: 0 auto;
  padding-inline: 12px;
}

/* ===== Layout option A — EVEN GRID (best if you transform images into one Gallery block) ===== */
body.page-id-3885 .wp-block-gallery{
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
  gap: 16px;
}
body.page-id-3885 .wp-block-gallery .wp-block-image img{
  width: 100%;
  height: auto;
  display: block;
  border-radius: 8px;
}

/* ===== Layout option B — MASONRY/PINTEREST (works even if images are NOT a Gallery) ===== */
body.page-id-3885 .entry-content.masonry{
  column-count: 3;
  column-gap: 16px;
}
@media (max-width: 980px){ body.page-id-3885 .entry-content.masonry{ column-count: 2; } }
@media (max-width: 640px){ body.page-id-3885 .entry-content.masonry{ column-count: 1; } }
body.page-id-3885 .entry-content.masonry :is(.wp-block-image, .wp-block-gallery, .wp-block-group){
  break-inside: avoid;
  margin: 0 0 16px;
}

/* 4) Remove any theme frames/borders; keep things clean */
body.page-id-3885 :is(.wp-block-image, .wp-block-gallery, .wp-block-group){
  border: none !important;
  box-shadow: none !important;
  background: none !important;
}