/* Partprice.ai — blog index page. Loads after base.css */

:root { --green: #15803d; }  /* dark-green for success text on this page */

/* SHELL */
    .wrap { max-width:1100px; margin:0 auto; padding:0 24px; }
    .page-head { padding:120px 0 8px; max-width:680px; }
    .eyebrow { display:inline-block; font-size:12.5px; font-weight:700; color:var(--blue); text-transform:uppercase; letter-spacing:.09em; margin-bottom:14px; }
    h1 { font-family:'DM Serif Display',serif; font-weight:400; font-size:clamp(34px,5vw,48px); line-height:1.1; color:var(--navy); letter-spacing:-.4px; margin-bottom:14px; }
    .page-sub { font-size:18px; color:var(--muted); line-height:1.6; }

    /* FEATURED */
    .featured { margin:40px 0 16px; }
    .featured-label { font-size:12px; font-weight:700; color:var(--muted); text-transform:uppercase; letter-spacing:.08em; margin-bottom:16px; }
    .featured-card { display:grid; grid-template-columns:1.45fr 1fr; gap:0; text-decoration:none; border:1px solid var(--border); border-radius:var(--radius-lg); overflow:hidden; background:var(--white); transition:box-shadow .25s, transform .25s; }
    .featured-card:hover { box-shadow:var(--shadow-lg); transform:translateY(-3px); }
    .featured-text { padding:40px; display:flex; flex-direction:column; }
    .cat { font-size:11.5px; font-weight:700; color:var(--blue); text-transform:uppercase; letter-spacing:.07em; }
    .featured-text h2 { font-family:'DM Serif Display',serif; font-weight:400; font-size:30px; line-height:1.18; color:var(--navy); margin:14px 0 14px; letter-spacing:-.2px; }
    .featured-text p { font-size:16px; color:var(--muted); line-height:1.6; margin-bottom:auto; }
    .meta { font-size:13px; color:var(--muted); margin-top:22px; }
    .featured-stat { background:var(--navy); background-image:radial-gradient(ellipse at 75% 20%, #2a3a6b 0%, var(--navy) 65%); color:#fff; padding:40px; display:flex; flex-direction:column; justify-content:center; }
    .stat-num { font-family:'DM Serif Display',serif; font-size:64px; line-height:1; color:#fff; }
    .stat-desc { font-size:14px; color:rgba(255,255,255,.72); line-height:1.5; margin-top:14px; max-width:240px; }
    .stat-tag { font-size:11px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:#9db0ff; margin-bottom:18px; }

    /* FILTER + GRID */
    .list-head { display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; margin:48px 0 24px; }
    .list-head h2 { font-family:'DM Serif Display',serif; font-weight:400; font-size:24px; color:var(--navy); }
    .filters { display:flex; gap:8px; flex-wrap:wrap; }
    .pill { font-size:13.5px; font-weight:600; color:var(--muted); background:var(--bg); border:1px solid var(--border); border-radius:20px; padding:7px 16px; cursor:pointer; transition:all .18s; font-family:inherit; }
    .pill:hover { color:var(--navy); border-color:#cbd5e1; }
    .pill.active { color:#fff; background:var(--blue); border-color:var(--blue); box-shadow:0 2px 8px rgba(85,110,230,.3); }

    .grid { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; padding-bottom:8px; }
    .card { display:flex; flex-direction:column; background:var(--white); border:1px solid var(--border); border-radius:var(--radius-lg); padding:26px 24px; text-decoration:none; transition:box-shadow .25s, transform .25s; }
    .card:hover { box-shadow:var(--shadow); transform:translateY(-3px); }
    .card h3 { font-size:18px; font-weight:600; color:var(--navy); line-height:1.32; margin:12px 0 10px; }
    .card p { font-size:14px; color:var(--muted); line-height:1.6; margin-bottom:auto; }
    .card .meta { margin-top:18px; }
    .empty { display:none; grid-column:1/-1; text-align:center; color:var(--muted); font-size:15px; padding:40px 0; }

    /* CTA band */
    .cta-band { margin:64px 0 80px; border-radius:var(--radius-lg); background:var(--navy); background-image:radial-gradient(ellipse at 70% 50%, #2a3a6b 0%, var(--navy) 60%); text-align:center; padding:56px 32px; }
    .cta-band h2 { font-family:'DM Serif Display',serif; font-weight:400; font-size:30px; color:#fff; margin-bottom:12px; }
    .cta-band p { font-size:16px; color:rgba(255,255,255,.65); margin-bottom:28px; }
    .cta-band a { display:inline-block; padding:14px 32px; font-size:15px; font-weight:600; color:#fff; background:var(--blue); border-radius:10px; text-decoration:none; box-shadow:0 4px 18px rgba(85,110,230,.45); transition:background .2s, transform .15s; }
    .cta-band a:hover { background:var(--blue-dk); transform:translateY(-2px); }

    @media (max-width:860px) { .grid { grid-template-columns:repeat(2,1fr); } }
    @media (max-width:680px) {
      .featured-card { grid-template-columns:1fr; }
      .featured-text { padding:28px; }
      .featured-stat { padding:28px; flex-direction:row; align-items:center; gap:18px; }
      .stat-tag { display:none; }
      .grid { grid-template-columns:1fr; }
      .list-head { margin-top:36px; }
    }