/*
Theme Name: Rohan Jawal
Theme URI: https://www.rohanjawal.com/
Author: Rohan Jawal
Author URI: https://www.rohanjawal.com/
Description: Personal brand theme for Rohan Jawal — Organic Growth Manager. Custom WordPress theme converted from flat-file PHP. Supports Blog, Projects, Industry, and Certificates Custom Post Types.
Version: 1.0.0
License: Private
Text Domain: rohanjawal
Tags: personal, portfolio, seo, custom-post-types
*/

/* ================================================================
   GLOBAL DESIGN TOKENS — M3 Expressive Palette
   ================================================================ */
:root {
  --primary: #1a73e8;
  --primary-container: #d3e3fd;
  --primary-on: #ffffff;
  --secondary: #0d652d;
  --secondary-container: #c4eed0;
  --tertiary: #b06d0d;
  --tertiary-container: #ffddb5;
  --error: #dc362e;
  --surface: #ffffff;
  --surface-dim: #f8f9fa;
  --surface-container: #f1f3f4;
  --surface-container-high: #e8eaed;
  --surface-container-highest: #dadce0;
  --surface-variant: #e1e3e1;
  --on-surface: #1f1f1f;
  --on-surface-variant: #444746;
  --outline: #747775;
  --outline-variant: #c4c7c5;
  --inverse-surface: #303030;
  --inverse-on-surface: #f2f2f2;
  --shadow: rgba(0,0,0,0.08);
  --shadow-md: rgba(0,0,0,0.12);
  --font: 'Outfit', 'Inter', system-ui, -apple-system, sans-serif;
  --font-display: 'Outfit', system-ui, sans-serif;
  --radius-xs: 8px;
  --radius-sm: 12px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-xl: 28px;
  --radius-full: 9999px;
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --ease-standard: cubic-bezier(0.2, 0, 0, 1);
  --ease-decel: cubic-bezier(0, 0, 0, 1);
}

*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }
::selection { background:var(--primary-container); color:var(--primary); }
html { scroll-behavior:smooth; font-size:16px; }
body {
  background:var(--surface);
  color:var(--on-surface);
  font-family:var(--font);
  font-weight:400;
  line-height:1.65;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}

a { color:inherit; text-decoration:none; }
.container { max-width:1120px; margin:0 auto; padding:0 clamp(1.25rem,5vw,3rem); }
.material-symbols-rounded { font-variation-settings:'FILL' 0,'wght' 400,'GRAD' 0,'opsz' 24; vertical-align:middle; }

/* REVEAL ANIMATION */
.r { opacity:0; transform:translateY(28px); transition: opacity 0.55s var(--ease-standard), transform 0.55s var(--ease-spring); }
.r.v { opacity:1; transform:translateY(0); }

/* ================================================================
   NAV
   ================================================================ */
nav#nav {
  position:fixed; top:0; left:0; right:0; z-index:100;
  padding:0.75rem 0;
  background:rgba(255,255,255,0.85);
  backdrop-filter:blur(20px) saturate(1.8);
  transition:box-shadow 0.3s, padding 0.3s;
}
nav#nav.scrolled { box-shadow:0 1px 3px var(--shadow), 0 4px 12px var(--shadow); }
nav#nav .container { display:flex; justify-content:space-between; align-items:center; }
.nav-logo {
  font-family:var(--font-display); font-weight:700; font-size:1.25rem;
  display:flex; align-items:center; gap:0.35rem;
}
.nav-logo-dot {
  width:10px; height:10px; border-radius:50%;
  background:var(--primary); display:inline-block;
}
.nav-links { display:flex; gap:0.35rem; align-items:center; }
.nav-links a {
  font-size:0.875rem; font-weight:500; color:var(--on-surface-variant);
  padding:0.55rem 1rem; border-radius:var(--radius-full);
  transition: background 0.25s var(--ease-standard), color 0.25s;
}
.nav-links a:hover { background:var(--surface-container); color:var(--on-surface); }
.nav-toggle { display:none; background:none; border:none; cursor:pointer; padding:0.5rem; border-radius:var(--radius-full); }
.nav-toggle:hover { background:var(--surface-container); }
.nav-toggle .material-symbols-rounded { font-size:24px; color:var(--on-surface); }
.nav-quick-contact { display:flex; align-items:center; gap:0.35rem; }
.quick-contact-icon {
  display:flex; align-items:center; justify-content:center;
  width:36px; height:36px; border-radius:var(--radius-full);
  color:var(--on-surface-variant);
  transition:background 0.25s var(--ease-standard), color 0.25s;
}
.quick-contact-icon:hover { background:var(--surface-container); color:var(--on-surface); }

@media(max-width:768px){
  nav#nav { backdrop-filter:none; -webkit-backdrop-filter:none; background:var(--surface); }
  .nav-toggle { display:flex; align-items:center; justify-content:center; }
  .nav-links {
    position:fixed; inset:0; top:60px; z-index:999; background:var(--surface);
    flex-direction:column; padding:2rem; gap:0.5rem;
    transform:translateY(-110%); transition:transform 0.4s var(--ease-spring);
    box-shadow:0 8px 32px var(--shadow-md);
  }
  .nav-links.open { transform:translateY(0); }
  .nav-links a { font-size:1.1rem; padding:0.85rem 1.25rem; width:100%; border-radius:var(--radius-md); }
  .nav-quick-contact { display:none; }
}

/* ================================================================
   M3 BUTTONS
   ================================================================ */
.btn-filled {
  display:inline-flex; align-items:center; gap:0.5rem;
  font-family:var(--font); font-size:0.875rem; font-weight:600;
  background:var(--primary); color:var(--primary-on);
  padding:0.75rem 1.75rem; border-radius:var(--radius-full); border:none;
  cursor:pointer; transition: all 0.3s var(--ease-spring);
  box-shadow:0 1px 3px var(--shadow);
}
.btn-filled:hover { box-shadow:0 2px 8px rgba(26,115,232,0.35); transform:translateY(-1px); }
.btn-tonal {
  display:inline-flex; align-items:center; gap:0.5rem;
  font-family:var(--font); font-size:0.875rem; font-weight:600;
  background:var(--secondary-container); color:var(--secondary);
  padding:0.75rem 1.75rem; border-radius:var(--radius-full); border:none;
  cursor:pointer; transition:all 0.3s var(--ease-spring);
}
.btn-tonal:hover { box-shadow:0 1px 4px var(--shadow); transform:translateY(-1px); }
.btn-outline {
  display:inline-flex; align-items:center; gap:0.5rem;
  font-family:var(--font); font-size:0.875rem; font-weight:600;
  background:transparent; color:var(--primary);
  padding:0.7rem 1.5rem; border-radius:var(--radius-full);
  border:1.5px solid var(--outline-variant);
  cursor:pointer; transition:all 0.3s var(--ease-spring);
}
.btn-outline:hover { background:var(--primary-container); border-color:var(--primary); }

/* ================================================================
   SECTIONS & LABELS
   ================================================================ */
.section { padding:5.5rem 0; }
.s-label {
  display:inline-flex; align-items:center; gap:0.4rem;
  font-size:0.75rem; font-weight:600; color:var(--primary);
  background:var(--primary-container); padding:0.3rem 0.85rem;
  border-radius:var(--radius-full); margin-bottom:1rem;
}
.s-title {
  font-family:var(--font-display); font-size:clamp(1.75rem,3.5vw,2.5rem);
  font-weight:700; line-height:1.2; color:var(--on-surface); margin-bottom:0.6rem;
}
.s-desc { color:var(--on-surface-variant); font-size:0.95rem; max-width:500px; }
.s-head { margin-bottom:3rem; }

/* ================================================================
   BREADCRUMBS
   ================================================================ */
.breadcrumbs { padding:5rem 0 0.75rem; }
.bc-link { color:var(--primary); font-size:0.82rem; }
.bc-sep { color:var(--outline); font-size:0.82rem; margin:0 0.25rem; }
.bc-current { color:var(--on-surface-variant); font-size:0.82rem; }

/* ================================================================
   POST / ARTICLE PAGES
   ================================================================ */
.post-page { padding-top:1rem; padding-bottom:4rem; }
.post-header { max-width:760px; margin:0 auto 2.5rem; }
.post-back {
  display:inline-flex; align-items:center; gap:0.4rem;
  font-size:0.82rem; font-weight:500; color:var(--on-surface-variant);
  margin-bottom:1.5rem; transition:color 0.2s;
}
.post-back:hover { color:var(--primary); }
.post-back .material-symbols-rounded { font-size:18px; }
.post-meta { display:flex; gap:0.75rem; align-items:center; flex-wrap:wrap; margin-bottom:0.85rem; }
.post-cat {
  font-size:0.7rem; font-weight:700; padding:0.25rem 0.75rem;
  border-radius:var(--radius-full); background:var(--primary-container); color:var(--primary);
  text-transform:uppercase; letter-spacing:0.04em;
}
.post-date, .post-read { font-size:0.78rem; color:var(--on-surface-variant); }
.post-title {
  font-family:var(--font-display); font-size:clamp(1.75rem,3.5vw,2.75rem);
  font-weight:700; line-height:1.2; color:var(--on-surface);
}
.post-body { max-width:760px; margin:0 auto; }
.post-body h2 { font-family:var(--font-display); font-size:1.5rem; font-weight:700; margin:2rem 0 0.75rem; }
.post-body h3 { font-family:var(--font-display); font-size:1.15rem; font-weight:600; margin:1.5rem 0 0.6rem; }
.post-body p { margin-bottom:1rem; color:var(--on-surface); font-size:0.97rem; line-height:1.75; }
.post-body ul, .post-body ol { padding-left:1.5rem; margin-bottom:1rem; }
.post-body li { margin-bottom:0.5rem; color:var(--on-surface); font-size:0.97rem; line-height:1.75; }
.post-body strong { font-weight:600; color:var(--on-surface); }
.post-body a { color:var(--primary); text-decoration:underline; text-underline-offset:3px; }
.post-body blockquote {
  border-left:3px solid var(--primary); padding:1rem 1.25rem;
  background:var(--surface-dim); border-radius:0 var(--radius-sm) var(--radius-sm) 0;
  margin:1.5rem 0; color:var(--on-surface-variant); font-style:italic;
}
.post-body pre {
  background:var(--inverse-surface); color:var(--inverse-on-surface);
  padding:1.25rem; border-radius:var(--radius-md); overflow-x:auto;
  font-size:0.85rem; line-height:1.6; margin:1.5rem 0;
}
.post-body code {
  background:var(--surface-container-high); padding:0.15rem 0.4rem;
  border-radius:var(--radius-xs); font-size:0.85rem; font-family:monospace;
}
.post-body pre code { background:none; padding:0; }
.post-body .callout {
  background:var(--primary-container); border:1px solid var(--primary);
  border-radius:var(--radius-md); padding:1rem 1.25rem; margin:1.5rem 0;
  font-size:0.9rem;
}
.post-body .check-list { list-style:none; padding-left:0; }
.post-body .check-list li { display:flex; gap:0.5rem; align-items:flex-start; margin-bottom:0.6rem; }
.post-body .check-list .material-symbols-rounded { font-size:18px; color:var(--secondary); flex-shrink:0; margin-top:2px; font-variation-settings:'FILL' 1; }
.ctx-link { color:var(--primary); text-decoration:underline; text-underline-offset:3px; }

/* Post author box */
.post-author {
  display:flex; gap:1rem; align-items:flex-start;
  background:var(--surface-dim); border:1px solid var(--outline-variant);
  border-radius:var(--radius-lg); padding:1.5rem; margin-top:2.5rem;
  max-width:760px; margin-left:auto; margin-right:auto;
}
.post-author-avatar {
  width:48px; height:48px; border-radius:50%; background:var(--primary-container);
  display:flex; align-items:center; justify-content:center; flex-shrink:0;
}
.post-author-avatar .material-symbols-rounded { font-size:26px; color:var(--primary); }
.post-author-name { font-weight:600; font-size:0.95rem; margin-bottom:0.25rem; }
.post-author-bio { font-size:0.82rem; color:var(--on-surface-variant); }

/* Related posts */
.related-posts { max-width:760px; margin:2.5rem auto 0; }
.related-heading { font-family:var(--font-display); font-size:1.15rem; font-weight:600; margin-bottom:1rem; }
.related-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:0.75rem; }
.related-card {
  background:var(--surface); border:1px solid var(--outline-variant);
  border-radius:var(--radius-md); padding:1.1rem;
  transition:all 0.3s var(--ease-spring);
}
.related-card:hover { border-color:var(--primary); transform:translateY(-2px); }
.related-cat { font-size:0.62rem; font-weight:700; color:var(--primary); text-transform:uppercase; letter-spacing:0.05em; display:block; margin-bottom:0.35rem; }
.related-card h4 { font-size:0.85rem; font-weight:600; line-height:1.35; }
@media(max-width:600px){ .related-grid { grid-template-columns:1fr; } }

/* ================================================================
   LISTING PAGES (Blog, Projects, Industry)
   ================================================================ */
.listing-page { padding-top:5rem; padding-bottom:4rem; min-height:100vh; }
.listing-head { margin-bottom:2.5rem; }
.listing-desc { color:var(--on-surface-variant); font-size:0.92rem; max-width:540px; margin-top:0.4rem; }

/* Blog listing */
.filter-bar { display:flex; gap:0.4rem; flex-wrap:wrap; margin-bottom:2rem; }
.filter-chip {
  font-size:0.75rem; font-weight:600; padding:0.35rem 0.9rem;
  border-radius:var(--radius-full); border:1px solid var(--outline-variant);
  background:var(--surface); color:var(--on-surface-variant); cursor:pointer;
  transition:all 0.25s var(--ease-standard); text-decoration:none;
}
.filter-chip:hover, .filter-chip.active { background:var(--primary-container); color:var(--primary); border-color:var(--primary); }
.blog-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; }
.blog-card {
  background:var(--surface); border:1px solid var(--outline-variant);
  border-radius:var(--radius-lg); padding:1.5rem; display:flex; flex-direction:column;
  transition:all 0.35s var(--ease-spring); text-decoration:none; color:inherit;
}
.blog-card:hover { border-color:var(--primary); box-shadow:0 2px 12px rgba(0,0,0,0.08); transform:translateY(-2px); }
.blog-tag {
  font-size:0.62rem; font-weight:600; padding:0.2rem 0.55rem;
  border-radius:var(--radius-full); display:inline-block; margin-bottom:0.6rem; width:fit-content;
}
.blog-tag-blog { background:var(--primary-container); color:var(--primary); }
.blog-tag-cert { background:var(--tertiary-container); color:var(--tertiary); }
.blog-tag-glossary { background:var(--secondary-container); color:var(--secondary); }
.blog-card h3 { font-family:var(--font-display); font-size:0.98rem; font-weight:600; margin-bottom:0.4rem; line-height:1.35; }
.blog-date { font-size:0.72rem; color:var(--outline); margin-top:auto; padding-top:0.75rem; }
@media(max-width:768px){ .blog-grid { grid-template-columns:1fr; } .listing-page { padding-top:4rem; } }

/* Projects listing */
.proj-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:1rem; }
.proj-card {
  background:var(--surface); border:1px solid var(--outline-variant);
  border-radius:var(--radius-lg); padding:1.75rem; overflow:hidden;
  transition:all 0.35s var(--ease-spring); position:relative; text-decoration:none; color:inherit; display:block;
}
.proj-card:hover { border-color:var(--primary); box-shadow:0 4px 20px rgba(26,115,232,0.12); transform:translateY(-3px); }
.proj-cat {
  display:inline-flex; align-items:center; gap:0.3rem;
  font-size:0.68rem; font-weight:600; padding:0.25rem 0.7rem;
  border-radius:var(--radius-full); margin-bottom:0.85rem;
}
.proj-cat-blue { background:var(--primary-container); color:var(--primary); }
.proj-cat-green { background:var(--secondary-container); color:var(--secondary); }
.proj-cat-orange { background:var(--tertiary-container); color:var(--tertiary); }
.proj-card h3 { font-family:var(--font-display); font-size:1.1rem; font-weight:600; margin-bottom:0.5rem; line-height:1.35; }
.proj-card p { color:var(--on-surface-variant); font-size:0.85rem; line-height:1.6; }
.proj-outcome {
  margin-top:1rem; padding-top:0.75rem; border-top:1px solid var(--outline-variant);
  display:flex; align-items:flex-start; gap:0.4rem;
  font-size:0.82rem; font-weight:500; color:var(--secondary);
}
.proj-outcome .material-symbols-rounded { font-size:18px; color:var(--secondary); font-variation-settings:'FILL' 1; }
@media(max-width:768px){ .proj-grid { grid-template-columns:1fr; } }

/* Industry listing */
.industry-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:1.25rem; }
.industry-card {
  background:var(--surface); border:1px solid var(--outline-variant);
  border-radius:var(--radius-lg); padding:2rem; display:flex; flex-direction:column;
  gap:1rem; transition:all 0.35s var(--ease-spring); text-decoration:none; color:inherit;
  position:relative; overflow:hidden;
}
.industry-card::before {
  content:''; position:absolute; top:-40%; right:-20%; width:50%; height:80%;
  background:radial-gradient(circle,var(--primary-container) 0%,transparent 70%);
  opacity:0; transition:opacity 0.4s; pointer-events:none;
}
.industry-card:hover::before { opacity:0.5; }
.industry-card:hover { border-color:var(--primary); box-shadow:0 4px 20px rgba(26,115,232,0.1); transform:translateY(-3px); }
.industry-card h3 { font-family:var(--font-display); font-size:1.2rem; font-weight:700; line-height:1.3; margin:0; }
.industry-card p { color:var(--on-surface-variant); font-size:0.88rem; line-height:1.65; margin:0; }
.industry-icon { width:48px; height:48px; border-radius:var(--radius-md); display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.industry-icon.blue { background:var(--primary-container); }
.industry-icon.blue .material-symbols-rounded { color:var(--primary); }
.industry-icon.green { background:var(--secondary-container); }
.industry-icon.green .material-symbols-rounded { color:var(--secondary); }
.industry-tag { font-size:0.62rem; font-weight:600; padding:0.2rem 0.55rem; border-radius:var(--radius-full); display:inline-block; width:fit-content; }
.industry-tag.blue { background:var(--primary-container); color:var(--primary); }
.industry-tag.green { background:var(--secondary-container); color:var(--secondary); }
.industry-pills { display:flex; flex-wrap:wrap; gap:0.35rem; }
.industry-pill { font-size:0.68rem; font-weight:500; color:var(--on-surface-variant); background:var(--surface-container); padding:0.25rem 0.65rem; border-radius:var(--radius-full); border:1px solid var(--outline-variant); }
.industry-arrow { display:flex; align-items:center; gap:0.35rem; font-size:0.8rem; font-weight:600; margin-top:auto; padding-top:0.75rem; border-top:1px solid var(--outline-variant); }
.industry-arrow.blue { color:var(--primary); }
.industry-arrow .material-symbols-rounded { font-size:18px; transition:transform 0.25s var(--ease-spring); }
.industry-card:hover .industry-arrow .material-symbols-rounded { transform:translateX(4px); }
@media(max-width:768px){ .industry-grid { grid-template-columns:1fr; } }

/* ================================================================
   IMPACT STRIP
   ================================================================ */
.impact-strip { background:var(--inverse-surface); color:var(--inverse-on-surface); padding:3.5rem 0; overflow:hidden; }
.impact-grid { display:grid; grid-template-columns:repeat(6,1fr); gap:1.5rem; text-align:center; }
.impact-num { font-family:var(--font-display); font-size:1.85rem; font-weight:700; line-height:1.1; }
.impact-label { font-size:0.65rem; font-weight:500; opacity:0.7; margin-top:0.3rem; letter-spacing:0.02em; }
@media(max-width:900px){ .impact-grid { grid-template-columns:repeat(3,1fr); gap:2rem 1rem; } }
@media(max-width:500px){ .impact-grid { grid-template-columns:repeat(2,1fr); } }

/* ================================================================
   FOOTER
   ================================================================ */
footer {
  border-top:1px solid var(--outline-variant);
  padding:3rem 0 2rem;
}
.footer-sitemap {
  display:grid; grid-template-columns:repeat(4,1fr); gap:2rem;
  margin-bottom:2rem;
}
.footer-col { display:flex; flex-direction:column; gap:0.5rem; }
.footer-col-title { font-size:0.75rem; font-weight:700; color:var(--on-surface); text-transform:uppercase; letter-spacing:0.06em; margin-bottom:0.25rem; }
.footer-col a { font-size:0.82rem; color:var(--on-surface-variant); transition:color 0.2s; }
.footer-col a:hover { color:var(--primary); }
.footer-social { display:flex; gap:0.5rem; margin-top:0.5rem; }
.footer-social a {
  width:32px; height:32px; border-radius:50%;
  background:var(--surface-container); display:flex; align-items:center; justify-content:center;
  color:var(--on-surface-variant); transition:all 0.2s;
}
.footer-social a:hover { background:var(--primary-container); color:var(--primary); }
.footer-social .material-symbols-rounded { font-size:16px; }
.footer-bottom { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:0.5rem; padding-top:1.5rem; border-top:1px solid var(--outline-variant); }
.footer-text { font-size:0.72rem; color:var(--outline); }
@media(max-width:768px){ .footer-sitemap { grid-template-columns:repeat(2,1fr); } }
@media(max-width:480px){ .footer-sitemap { grid-template-columns:1fr; } }

/* ================================================================
   404 PAGE
   ================================================================ */
.err-page { min-height:80vh; display:flex; align-items:center; justify-content:center; padding:6rem 0 4rem; text-align:center; position:relative; overflow:hidden; }
.err-bg { position:absolute; top:-20%; right:-10%; width:55%; height:120%; background:radial-gradient(circle at 50% 50%,var(--primary-container) 0%,transparent 55%); opacity:0.4; filter:blur(80px); pointer-events:none; }
.err-content { position:relative; z-index:1; max-width:480px; }
.err-code { font-family:var(--font-display); font-size:clamp(5rem,15vw,8rem); font-weight:700; line-height:1; color:var(--primary-container); letter-spacing:-0.04em; margin-bottom:0.5rem; }
.err-title { font-family:var(--font-display); font-size:clamp(1.25rem,3vw,1.75rem); font-weight:700; color:var(--on-surface); margin-bottom:0.75rem; }
.err-desc { color:var(--on-surface-variant); font-size:0.92rem; line-height:1.65; margin-bottom:2rem; }
.err-actions { display:flex; justify-content:center; gap:0.6rem; flex-wrap:wrap; }
.err-links { margin-top:2.5rem; display:flex; flex-wrap:wrap; justify-content:center; gap:0.5rem; }
.err-link { font-size:0.78rem; font-weight:500; color:var(--primary); padding:0.35rem 0.85rem; border:1px solid var(--outline-variant); border-radius:var(--radius-full); transition:all 0.25s var(--ease-standard); }
.err-link:hover { background:var(--primary-container); border-color:var(--primary); }

/* ================================================================
   TOOLS MARQUEE
   ================================================================ */
.tools-strip { border-top:1px solid var(--outline-variant); border-bottom:1px solid var(--outline-variant); padding:1.5rem 0; overflow:hidden; }
.marquee { display:flex; width:max-content; animation:scroll 30s linear infinite; }
@keyframes scroll { to { transform:translateX(-50%); } }
.m-chip {
  display:inline-flex; align-items:center; gap:0.35rem;
  font-size:0.75rem; font-weight:500; color:var(--on-surface-variant);
  background:var(--surface-container); padding:0.35rem 0.85rem;
  border-radius:var(--radius-full); margin:0 0.35rem; white-space:nowrap;
  border:1px solid var(--outline-variant);
}

/* ================================================================
   AI SUMMARISE WIDGET
   ================================================================ */
.ai-summarise {
  max-width:720px; margin:0 auto 2rem;
  background:#f1f3f4; border:1px solid #dadce0; border-radius:16px;
  padding:1.1rem 1.35rem; display:flex; align-items:center; gap:1rem; flex-wrap:wrap;
}
.ai-btn {
  display:inline-flex; align-items:center; gap:6px;
  padding:.45rem .85rem; border:1px solid #dadce0; border-radius:999px;
  background:#fff; font-size:.78rem; font-weight:500; color:#444746; text-decoration:none;
}
.ai-btn:hover { background:var(--surface-container); }

/* ================================================================
   RESPONSIVE GLOBAL
   ================================================================ */
@media(max-width:600px){
  .listing-page { padding-top:3.5rem; padding-bottom:2.5rem; }
  .post-back { margin-bottom:1rem; }
}