/* featured article */
  .feat{display:grid;grid-template-columns:1.1fr .9fr;background:var(--navy);border-radius:24px;overflow:hidden;margin-bottom:56px;color:#fff}
  .feat .body{padding:52px 48px;display:flex;flex-direction:column;justify-content:center}
  .feat .klabel{font-family:var(--disp);font-size:12.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--sky);margin-bottom:18px;display:flex;align-items:center;gap:12px}
  .feat .klabel .dot{width:6px;height:6px;border-radius:50%;background:var(--red)}
  .feat h2{font-family:var(--disp);font-weight:800;font-size:clamp(28px,3.2vw,40px);line-height:1.05;letter-spacing:-.02em;margin-bottom:16px}
  .feat p{font-size:17px;color:#bccadf;margin-bottom:26px;max-width:90%}
  .feat .by{display:flex;align-items:center;gap:14px;margin-bottom:28px}
  .feat .by .av{width:46px;height:46px;border-radius:50%;background:center/cover;border:2px solid rgba(255,255,255,.25);flex:none}
  .feat .by .who{font-family:var(--disp);font-weight:700;font-size:15px}
  .feat .by .meta{font-size:13px;color:#9fb6d8}
  .feat .ph{background:center/cover;min-height:380px}

  /* filters */
  .filters{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:40px}
  .chip{font-family:var(--disp);font-weight:600;font-size:14px;padding:10px 20px;border-radius:40px;border:1.5px solid var(--line);background:#fff;color:var(--navy);cursor:pointer;transition:.2s}
  .chip:hover{border-color:var(--navy)}
  .chip.active{background:var(--navy);border-color:var(--navy);color:#fff}

  /* grid */
  .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
  .post{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;transition:.25s;display:flex;flex-direction:column}
  .post:hover{transform:translateY(-5px);box-shadow:0 28px 56px -34px rgba(11,46,99,.45)}
  .post .ph{aspect-ratio:16/10;background:center/cover;position:relative}
  .post .tag{position:absolute;top:14px;left:14px;background:#fff;color:var(--navy);font-family:var(--disp);font-weight:700;font-size:11px;letter-spacing:.06em;text-transform:uppercase;padding:6px 12px;border-radius:30px}
  .post .cb{padding:26px 26px 28px;display:flex;flex-direction:column;flex:1}
  .post h3{font-family:var(--disp);font-weight:700;font-size:21px;line-height:1.16;color:var(--navy);margin:0 0 12px}
  .post p{font-size:15px;color:var(--muted);margin-bottom:20px}
  .post .foot{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:16px;border-top:1px solid var(--line)}
  .post .foot .au{display:flex;align-items:center;gap:10px}
  .post .foot .av{width:30px;height:30px;border-radius:50%;background:center/cover;flex:none}
  .post .foot .au b{font-family:var(--disp);font-weight:600;font-size:13px;color:var(--navy);display:block;line-height:1.1}
  .post .foot .au span{font-size:11.5px;color:var(--muted)}
  .post .foot .rt{font-size:12px;color:var(--muted);white-space:nowrap}
  .empty{display:none;text-align:center;color:var(--muted);padding:60px 0;font-size:17px}

  /* newsletter */
  .news-letter{background:var(--cream2);border:1px solid var(--line);border-radius:28px;padding:56px 56px;display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center;margin-top:70px}
  .news-letter h2{font-family:var(--disp);font-weight:800;font-size:clamp(26px,3vw,38px);letter-spacing:-.02em;line-height:1.05;color:var(--navy)}
  .news-letter p{color:var(--muted);margin-top:12px}
  .nl-form{display:flex;gap:12px;flex-wrap:wrap}
  .nl-form input{flex:1;min-width:200px;padding:15px 18px;border-radius:40px;border:1.5px solid var(--line);font-family:var(--body);font-size:16px;background:#fff}
  .nl-form input:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px rgba(30,143,213,.12)}

  @media(max-width:900px){
    .feat{grid-template-columns:1fr}
    .feat .ph{min-height:240px;order:-1}
    .grid{grid-template-columns:1fr}
    .news-letter{grid-template-columns:1fr;padding:40px 26px}
  }

  /* paginação WordPress (aditivo - sem alterar o design original) */
  .csodre-pagination{margin-top:56px;display:flex;justify-content:center}
  .csodre-pagination .page-numbers{list-style:none;display:flex;gap:10px;flex-wrap:wrap;padding:0;margin:0}
  .csodre-pagination .page-numbers li{margin:0}
  .csodre-pagination a.page-numbers,
  .csodre-pagination span.page-numbers{font-family:var(--disp);font-weight:700;font-size:15px;min-width:44px;height:44px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;border-radius:40px;border:1.5px solid var(--line);background:#fff;color:var(--navy);transition:.2s}
  .csodre-pagination a.page-numbers:hover{border-color:var(--navy)}
  .csodre-pagination .page-numbers.current{background:var(--navy);border-color:var(--navy);color:#fff}
  .csodre-pagination .page-numbers.dots{border:none;background:none}

  /* campo de busca + página 404 (aditivo) */
  .csodre-search{display:flex;gap:12px;flex-wrap:wrap;max-width:560px}
  .csodre-search input[type="search"]{flex:1;min-width:220px;padding:14px 18px;border-radius:40px;border:1.5px solid var(--line);font-family:var(--body);font-size:16px;background:#fff;color:var(--ink)}
  .csodre-search input[type="search"]:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px rgba(30,143,213,.12)}
  .error-404{padding:90px 0 110px;text-align:center}
  .error-404 .wrap{max-width:640px}
  .error-404 .code{font-family:var(--disp);font-weight:900;font-size:clamp(80px,16vw,150px);line-height:1;color:var(--navy);letter-spacing:-.04em}
  .error-404 .code span{color:var(--sky)}
  .error-404 h1{font-family:var(--disp);font-weight:800;font-size:clamp(26px,3.4vw,38px);color:var(--navy);letter-spacing:-.02em;margin:10px 0 14px}
  .error-404 p{font-size:18px;color:var(--muted);margin-bottom:30px}
  .error-404 .actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-bottom:34px}
  .error-404 .csodre-search{margin:0 auto}

  /* nota de demonstração (aditivo) */
  .demo-note{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-left:4px solid var(--sky);border-radius:0 12px 12px 0;padding:14px 18px;margin-bottom:30px;font-size:14.5px;color:var(--muted)}
  .demo-note b{font-family:var(--disp);color:var(--navy);font-weight:700}