/* ============================================================
   TOY DINOSAUR — Insights index (brutalist)
   Loaded after brutal.css. Styles the search/filter/card grid.
   ============================================================ */
main, body > section { background:var(--paper); }
.blog-section{padding:clamp(40px,6vw,90px) 0;}
.blog-section .container,.container{max-width:var(--maxw);margin:0 auto;padding:0 var(--gut);}

.section-heading{border-bottom:1.5px solid var(--line);padding:clamp(60px,9vw,120px) 0 22px;margin-bottom:30px;}
.section-title{font-family:var(--font-display);font-weight:400;font-size:clamp(2.4rem,7vw,5.5rem);line-height:0.9;text-transform:uppercase;color:var(--ink);}
.section-subtitle{font-family:var(--font-mono);font-size:0.8rem;letter-spacing:0.06em;color:var(--muted);margin-top:16px;max-width:60ch;}

/* search + filters */
.insights-search{background:transparent;border:1.5px solid var(--line);border-radius:0;padding:24px;margin-bottom:28px;}
.search-input{width:100%;background:var(--paper);border:1.5px solid var(--line);border-radius:0;padding:14px 16px;color:var(--ink);font-family:var(--font-mono);font-size:0.95rem;margin-bottom:20px;}
.search-input:focus{outline:none;border-color:var(--red);}
.search-input::placeholder{color:var(--muted);}
.category-filters{display:flex;flex-wrap:wrap;gap:10px;}
.filter-btn{padding:8px 16px;background:var(--paper);color:var(--ink);border:1.5px solid var(--line);border-radius:0;cursor:pointer;font-family:var(--font-mono);font-size:0.7rem;letter-spacing:0.08em;text-transform:uppercase;transition:all .18s;}
.filter-btn:hover{background:var(--ink);color:var(--paper);}
.filter-btn.active{background:var(--red);color:#fff;border-color:var(--red);}

/* stats bar */
.stats-section{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px;margin:0 0 26px;padding:16px 0;border-bottom:1.5px solid var(--line);}
.stats-text{color:var(--muted);font-family:var(--font-mono);font-size:0.74rem;letter-spacing:0.06em;text-transform:uppercase;}
.results-count{color:var(--red);font-weight:600;}
.sort-controls{display:flex;gap:10px;align-items:center;}
.sort-controls label{color:var(--muted);font-family:var(--font-mono);font-size:0.7rem;text-transform:uppercase;}
.sort-select{background:var(--paper);border:1.5px solid var(--line);border-radius:0;padding:7px 12px;color:var(--ink);font-family:var(--font-mono);font-size:0.72rem;}

/* card grid */
.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:0;border-top:1.5px solid var(--line);border-left:1.5px solid var(--line);margin-bottom:40px;}
.blog-card{background:var(--paper);border:none;border-right:1.5px solid var(--line);border-bottom:1.5px solid var(--line);border-radius:0;padding:30px 28px;display:flex;flex-direction:column;transition:background .2s;}
.blog-card:hover{background:var(--paper-2);}
.blog-category{font-family:var(--font-mono);font-size:0.64rem;letter-spacing:0.14em;text-transform:uppercase;color:var(--red);margin-bottom:14px;}
.blog-title{font-family:var(--font-sans);font-weight:800;font-size:1.3rem;line-height:1.15;letter-spacing:-0.02em;color:var(--ink);margin-bottom:12px;}
.blog-excerpt{color:var(--muted);font-size:0.92rem;line-height:1.6;margin-bottom:20px;flex:1;}
.blog-meta{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:0.66rem;letter-spacing:0.06em;text-transform:uppercase;color:var(--muted);margin-bottom:16px;padding-top:14px;border-top:1.5px solid var(--line);}
.blog-link{font-family:var(--font-mono);font-size:0.74rem;letter-spacing:0.08em;text-transform:uppercase;font-weight:600;color:var(--ink);text-decoration:none;display:inline-flex;align-items:center;gap:8px;}
.blog-link:hover{color:var(--red);}

/* no results + pagination */
.no-results{text-align:center;padding:60px 20px;color:var(--muted);}
.no-results h3{font-family:var(--font-display);text-transform:uppercase;color:var(--ink);margin-bottom:10px;}
.pagination{display:flex;justify-content:center;align-items:center;gap:18px;margin:20px 0 40px;}
.pagination-btn{background:var(--paper);border:1.5px solid var(--line);border-radius:0;padding:10px 18px;font-family:var(--font-mono);font-size:0.72rem;text-transform:uppercase;cursor:pointer;color:var(--ink);transition:all .18s;}
.pagination-btn:hover:not(.disabled){background:var(--ink);color:var(--paper);}
.pagination-btn.disabled{opacity:0.35;cursor:not-allowed;}
.pagination-info{font-family:var(--font-mono);font-size:0.72rem;text-transform:uppercase;color:var(--muted);}

/* newsletter */
.newsletter-section{background:var(--ink);color:var(--paper);padding:clamp(40px,6vw,72px) clamp(24px,4vw,56px);margin-top:60px;}
.newsletter-title{font-family:var(--font-display);font-weight:400;font-size:clamp(1.8rem,4vw,2.8rem);text-transform:uppercase;margin-bottom:12px;}
.newsletter-subtitle{color:rgba(244,242,235,0.72);margin-bottom:24px;font-size:0.95rem;}
.newsletter-form{display:flex;gap:0;flex-wrap:wrap;max-width:520px;}
.newsletter-input{flex:1;min-width:240px;background:var(--paper);border:1.5px solid var(--paper);border-radius:0;padding:14px 16px;font-family:var(--font-mono);font-size:0.9rem;color:var(--ink);}
.newsletter-button{background:var(--red);color:#fff;border:1.5px solid var(--red);border-radius:0;padding:14px 28px;font-family:var(--font-mono);font-size:0.78rem;letter-spacing:0.1em;text-transform:uppercase;font-weight:600;cursor:pointer;}
.newsletter-button:hover{background:#fff;color:var(--ink);border-color:#fff;}
.newsletter-disclaimer{color:rgba(244,242,235,0.5);font-size:0.74rem;margin-top:14px;font-family:var(--font-mono);}

@media (max-width:600px){.blog-grid{grid-template-columns:1fr;}}

/* index hero (legacy .service-hero markup) */
.hero.service-hero{background:var(--ink);color:var(--paper);padding:clamp(90px,12vw,150px) 0 clamp(40px,5vw,60px);border-bottom:1.5px solid var(--line);}
.hero.service-hero .container{max-width:var(--maxw);margin:0 auto;padding:0 var(--gut);}
.hero.service-hero .service-category{font-family:var(--font-mono);font-size:0.72rem;letter-spacing:0.16em;text-transform:uppercase;color:var(--red);margin-bottom:20px;}
.hero.service-hero .hero-title{font-family:var(--font-display);font-weight:400;font-size:clamp(2.8rem,9vw,7rem);line-height:0.9;text-transform:uppercase;color:var(--paper);margin-bottom:18px;}
.hero.service-hero .hero-subtitle{color:rgba(244,242,235,0.7);max-width:60ch;font-size:1rem;line-height:1.55;margin-bottom:28px;}
.hero.service-hero .buttons{display:flex;flex-wrap:wrap;gap:14px;}
.hero.service-hero .button{display:inline-flex;align-items:center;gap:10px;padding:15px 28px;font-family:var(--font-mono);font-size:0.76rem;letter-spacing:0.12em;text-transform:uppercase;font-weight:600;border:1.5px solid var(--paper);border-radius:0;transition:all .2s;}
.hero.service-hero .button-green{background:var(--paper);color:var(--ink);}
.hero.service-hero .button-green:hover{background:var(--red);border-color:var(--red);color:#fff;}
.hero.service-hero .button-outline{background:transparent;color:var(--paper);}
.hero.service-hero .button-outline:hover{background:var(--paper);color:var(--ink);}