/* ============================================================
   TD Blog Design Layer — Armor Roofing (managed by Thomas Digital)
   Matches site style guide: Bebas Neue display / Inter body
   Navy #0b1e2f · body #5e5e70 · link accent #886451
   Remove wp-content/mu-plugins/td-blog-style.php to disable.
   ============================================================ */

/* ---------- Single post: narrow editorial column ---------- */
.post-article .single-post .container{max-width:1170px}
.post-article .post-thumb{max-width:980px;margin:0 auto}
.post-article .post-thumb img{width:100%;height:auto;max-height:480px;object-fit:cover;display:block}
.post-article .post-title{max-width:860px;margin:-64px auto 8px;position:relative;background:#0b1e2f;padding:30px 40px 26px;box-shadow:0 18px 40px rgba(11,30,47,.18)}
.post-article .post-title .dtitle{font-family:"Bebas Neue",sans-serif;font-weight:400;color:#fff;font-size:clamp(34px,4.6vw,56px);line-height:1.05;margin:0 0 10px;text-transform:none}
.post-article .post-title .meta{display:flex;flex-wrap:wrap;gap:6px 22px;font-family:Inter,sans-serif;font-size:13px;letter-spacing:.05em;text-transform:uppercase;color:rgba(255,255,255,.72)}
.post-article .post-title .meta .meta-label{color:rgba(255,255,255,.45)}
.post-article .post-text{max-width:760px;margin:36px auto 0;font-family:Inter,sans-serif;font-size:18px;line-height:1.72;color:#5e5e70}
.post-article .post-text p{margin:0 0 20px}
.post-article .post-text h2{font-family:"Bebas Neue",sans-serif;font-weight:400;color:#0b1e2f;font-size:clamp(28px,3.2vw,40px);line-height:1.06;margin:48px 0 14px}
.post-article .post-text h3{font-family:Inter,sans-serif;font-weight:600;color:#0b1e2f;font-size:20px;line-height:1.35;margin:28px 0 8px}
.post-article .post-text a{color:#886451;text-decoration:underline;text-underline-offset:2px}
.post-article .post-text a:hover{color:#6d4e3e}
.post-article .post-text ul,.post-article .post-text ol{margin:0 0 22px 24px;padding:0}
.post-article .post-text li{margin-bottom:10px}
.post-article .post-text strong{color:#3c3c4a}

/* ---------- Tables ---------- */
.post-article .post-text table{width:100%;border-collapse:separate;border-spacing:0;margin:28px 0;font-size:16px;border:1px solid #e6e9ee;border-radius:10px;overflow:hidden}
.post-article .post-text thead th{background:#0b1e2f;color:#fff;font-family:Inter,sans-serif;font-weight:600;font-size:12.5px;letter-spacing:.07em;text-transform:uppercase;text-align:left;padding:14px 16px;border:0}
.post-article .post-text tbody td{padding:13px 16px;border:0;border-top:1px solid #edf0f4;color:#454555;vertical-align:top}
.post-article .post-text tbody tr:first-child td{border-top:0}
.post-article .post-text tbody tr:nth-child(even) td{background:#f7f8fa}

/* ---------- Figures ---------- */
.post-article .post-text figure{margin:34px 0}
.post-article .post-text figure img{border-radius:10px;width:100%;height:auto;display:block}
.post-article .post-text figcaption{font-size:13.5px;color:#8a8a98;margin-top:10px;text-align:center;font-style:italic}

/* ---------- Tail: categories + back ---------- */
.post-article .post-taxonomies,.post-article .div-back{max-width:760px;margin:26px auto 0;font-family:Inter,sans-serif}
.post-article .post-taxonomies a{color:#886451}
.post-article .link-back{color:#886451;cursor:pointer;font-size:15px}

@media (max-width:768px){
  .post-article .post-title{margin:-34px 16px 0;padding:22px 22px 18px}
  .post-article .post-text{padding:0 18px;font-size:17px}
  .post-article .post-taxonomies,.post-article .div-back{padding:0 18px}
  .post-article .post-text table{display:block;overflow-x:auto}
}

/* ---------- Archive / blog landing ---------- */
.page-archive .archive-title{padding:48px 0 6px}
.page-archive .archive-title small{display:block;font-family:Inter,sans-serif;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#886451;margin-bottom:6px}
.page-archive .archive-title .dtitle{font-family:"Bebas Neue",sans-serif;font-weight:400;color:#0b1e2f;font-size:clamp(40px,5vw,64px);line-height:1;margin:0}
.page-archive .archive-posts{padding:28px 0 72px}
.page-archive [data-design="grid-post"]{row-gap:28px}
.page-archive [data-design="grid-post"] a{text-decoration:none}
.page-archive .post-pagination{font-family:Inter,sans-serif}

/* ---------- Archive cards (post-item anatomy) ---------- */
.page-archive .post-item{display:block;background:#fff;border:1px solid #e6e9ee;border-radius:12px;overflow:hidden;transition:box-shadow .22s ease, transform .22s ease;height:100%;text-decoration:none}
.page-archive .post-item:hover{box-shadow:0 16px 36px rgba(11,30,47,.14);transform:translateY(-3px)}
.page-archive .post-thumbnail{aspect-ratio:16/10;overflow:hidden}
.page-archive .post-thumbnail img,.page-archive .post-thumbnail .d-bgimg{width:100%;height:100%;object-fit:cover;display:block}
.page-archive .post-category{display:none}
.page-archive .ititle{font-family:"Bebas Neue",sans-serif;font-weight:400;color:#0b1e2f;font-size:27px;line-height:1.1;margin:18px 22px 8px}
.page-archive .post-excerpt{font-family:Inter,sans-serif;font-size:15px;line-height:1.62;color:#5e5e70;margin:0 22px 20px}
.page-archive .post-item:hover .ititle{color:#886451}
.page-archive .archive-title small{font-size:0}
.page-archive .archive-title small::after{content:"Armor Roofing Blog";font-size:12px;letter-spacing:.16em}
.page-archive [data-design="grid-post"] .col-md-4{margin-bottom:28px}