/* Skytrain Dental — Blog index + category archive (scoped #sk-blog). */
#sk-blog,#sk-blog *{font-family:'Noto Sans Thai',sans-serif!important}
#sk-blog *{box-sizing:border-box}
#sk-blog{color:#34505A;background:#fff}
#sk-blog a{text-decoration:none}
#sk-blog .skb-wrap{max-width:1240px;margin:0 auto;padding-left:32px;padding-right:32px}
@media(max-width:640px){#sk-blog .skb-wrap{padding-left:20px;padding-right:20px}}

/* BREADCRUMB */
.skb-crumbbar{background:#F4FAFC;border-bottom:1px solid #E4EDF0}
#sk-blog .skb-crumb{padding-top:14px;padding-bottom:14px;font-size:13px;color:#6B838C;display:flex;gap:8px;flex-wrap:wrap}
.skb-crumb a{color:#6B838C}.skb-crumb a:hover{color:#0E8CAE}.skb-crumb span:not(.skb-crumb-here){color:#C2D4DA}
.skb-crumb-here{color:#0B3A47;font-weight:600}

/* HERO */
.skb-hero{background:#F4FAFC}
#sk-blog .skb-hero-in{padding-top:56px;padding-bottom:48px;display:grid;grid-template-columns:1fr 520px;gap:64px;align-items:end}
@media(max-width:980px){#sk-blog .skb-hero-in{grid-template-columns:1fr;gap:28px;padding-top:36px;padding-bottom:32px}}
.skb-kicker{font-family:'Noto Serif Display',serif!important;font-style:italic;font-size:19px;color:#0E8CAE}
.skb-h1{margin:16px 0 0;font-size:48px;line-height:1.3;font-weight:700;color:#0B3A47;letter-spacing:-.01em}
@media(max-width:640px){.skb-h1{font-size:32px}}
.skb-hero-sub{margin:18px 0 0;font-size:17px;line-height:1.9;color:#4A6570;max-width:560px}
.skb-hero-search{display:flex;flex-direction:column;gap:16px}
.skb-search{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #DCE7EB;border-radius:999px;padding:6px 6px 6px 20px;box-shadow:0 4px 14px rgba(11,58,71,.05)}
.skb-search-ico{font-size:17px;color:#6B838C}
.skb-search input{flex:1;min-width:0;border:0;outline:none;background:transparent;font-size:15.5px;color:#0B3A47;padding:10px 0}
.skb-search button{flex-shrink:0;background:#0B3A47;color:#fff;border:0;border-radius:999px;padding:13px 26px;font-size:15px;font-weight:600;cursor:pointer;transition:.15s}
.skb-search button:hover{background:#0E8CAE}
.skb-popular{display:flex;align-items:center;gap:9px;flex-wrap:wrap;font-size:13.5px;color:#7A929B}
.skb-pop-term{border:1px solid #DCE7EB;border-radius:999px;padding:6px 14px;font-size:13.5px;color:#4A6570}
.skb-pop-term:hover{border-color:#0E8CAE;color:#0E8CAE}

/* CATEGORY CHIPS + RESULT */
.skb-filter{background:#fff;border-bottom:1px solid #E4EDF0}
#sk-blog .skb-filter-in{padding:16px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
@media(max-width:640px){#sk-blog .skb-filter-in{padding:14px 20px}}
.skb-chips{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.skb-chip{background:#fff;border:1px solid #DCE7EB;color:#3C5C66;border-radius:999px;padding:9px 16px;font-size:14.5px;font-weight:500;display:inline-flex;align-items:center;gap:7px;transition:.15s}
.skb-chip:hover{border-color:#0E8CAE;color:#0E8CAE}
.skb-chip.is-active{background:#0B3A47;border-color:#0B3A47;color:#fff}
.skb-chip-n{font-size:12px;opacity:.6}
.skb-result{font-size:13.5px;color:#7A929B;white-space:nowrap}

/* ARTICLE GRID */
#sk-blog .skb-body{padding-top:48px;padding-bottom:16px}
.skb-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
@media(max-width:1000px){.skb-grid{grid-template-columns:1fr 1fr;gap:24px}}
@media(max-width:640px){.skb-grid{grid-template-columns:1fr;gap:24px}}
.skb-card{display:flex;flex-direction:column;background:#fff;border:1px solid #E4EDF0;border-radius:16px;overflow:hidden;box-shadow:0 1px 2px rgba(11,58,71,.04);transition:.16s}
.skb-card:hover{border-color:#BFE6F0;box-shadow:0 12px 30px rgba(11,58,71,.10);transform:translateY(-2px)}
.skb-card-thumb{aspect-ratio:1200/630;overflow:hidden;background:#EAF7FB}
.skb-card-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.skb-card-ph{display:block;width:100%;height:100%;background:linear-gradient(135deg,#EAF7FB,#F4FAFC)}
.skb-card-info{padding:22px 24px 26px;display:flex;flex-direction:column;gap:12px}
.skb-card-cat{font-size:13px;font-weight:600;color:#0E8CAE}
.skb-card-title{margin:0;font-size:19px;line-height:1.6;font-weight:600;color:#0B3A47}
.skb-card-date{font-size:13px;color:#8AA2AB}

/* PAGINATION */
.skb-pagination{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;padding:52px 0 72px}
.skb-pagination .page-numbers{min-width:42px;height:42px;padding:0 12px;border:1px solid #DCE7EB;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;font-family:'Noto Serif Display',serif!important;font-size:15px;color:#3C5C66;transition:.15s}
.skb-pagination a.page-numbers:hover{border-color:#0E8CAE;color:#0E8CAE}
.skb-pagination .page-numbers.current{background:#0B3A47;border-color:#0B3A47;color:#fff}
.skb-pagination .page-numbers.dots{border:0}
.skb-pagination .prev,.skb-pagination .next{font-family:'Noto Sans Thai',sans-serif!important;font-weight:600;font-size:14px}

/* EMPTY STATE */
.skb-empty{padding:72px 0;text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px}
.skb-empty-h{font-family:'Noto Serif Display',serif!important;font-style:italic;font-size:22px;color:#0E8CAE}
.skb-empty p{margin:0;font-size:16px;color:#5B7680;line-height:1.9;max-width:440px}
.skb-empty-btn{margin-top:6px;background:#0B3A47;color:#fff;border-radius:999px;padding:13px 26px;font-size:15px;font-weight:600}
.skb-empty-btn:hover{background:#0E8CAE}

/* AFTER-CARE CTA BAND */
.skb-ctaband{background:#0B3A47}
#sk-blog .skb-ctaband-in{padding:60px 32px;display:grid;grid-template-columns:1fr auto;gap:44px;align-items:center}
@media(max-width:820px){#sk-blog .skb-ctaband-in{grid-template-columns:1fr;gap:24px;padding:44px 20px}}
.skb-ctaband-k{font-family:'Noto Serif Display',serif!important;font-style:italic;font-size:18px;color:#7FE0F5}
.skb-ctaband-title{margin:12px 0 0;font-size:32px;line-height:1.4;font-weight:700;color:#fff}
@media(max-width:640px){.skb-ctaband-title{font-size:24px}}
.skb-ctaband-sub{margin:12px 0 0;font-size:16px;line-height:1.85;color:rgba(255,255,255,.72);max-width:640px}
.skb-ctaband-btns{display:flex;flex-direction:column;gap:12px;min-width:220px}
@media(max-width:820px){.skb-ctaband-btns{flex-direction:row;flex-wrap:wrap;min-width:0}}
.skb-cta-solid,.skb-cta-ghost{text-align:center;font-size:15.5px;font-weight:600;padding:16px 30px;border-radius:999px}
.skb-cta-solid{background:#17B0D4;color:#fff}
.skb-cta-solid:hover{background:#0E8CAE}
.skb-cta-ghost{border:1px solid rgba(255,255,255,.35);color:#fff}
.skb-cta-ghost:hover{border-color:#fff}

/* ===== CATEGORY ARCHIVE (1b) ===== */
#sk-blog .skb-cathero-in{padding-top:52px;padding-bottom:28px;display:grid;grid-template-columns:1fr auto;gap:48px;align-items:end}
@media(max-width:820px){#sk-blog .skb-cathero-in{grid-template-columns:1fr;gap:22px;padding-top:34px}}
.skb-cathero-meta{display:flex;align-items:center;gap:14px;font-size:14px;color:#7A929B;margin-top:16px;flex-wrap:wrap}
.skb-cathero-meta .skb-dot{color:#C2D4DA}
.skb-cathero-cta{background:#0E8CAE;color:#fff;font-size:15.5px;font-weight:600;padding:16px 28px;border-radius:999px;white-space:nowrap}
.skb-cathero-cta:hover{background:#0B6E88}
#sk-blog .skb-catnav{padding-bottom:26px;display:flex;gap:9px;flex-wrap:wrap}

.skb-catbody{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:64px;align-items:start;padding-top:52px;padding-bottom:72px}
@media(max-width:960px){.skb-catbody{grid-template-columns:1fr;gap:44px}}

/* horizontal list cards */
.skb-catlist{display:flex;flex-direction:column}
.skb-listcard{display:grid;grid-template-columns:260px 1fr;gap:28px;align-items:center;padding:28px 0;border-bottom:1px solid #EEF3F5}
@media(max-width:520px){.skb-listcard{grid-template-columns:120px 1fr;gap:16px}}
.skb-listcard:hover .skb-listcard-title{color:#0E8CAE}
.skb-listcard-thumb{aspect-ratio:1200/630;overflow:hidden;border-radius:14px;background:#EAF7FB}
.skb-listcard-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.skb-listcard-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.skb-listcard-cat{background:#E4F6FB;color:#0E8CAE;font-size:12.5px;padding:5px 11px;border-radius:6px}
.skb-listcard-date{font-size:12.5px;color:#8AA2AB}
.skb-listcard-title{margin:11px 0 0;font-size:22px;line-height:1.55;font-weight:600;color:#0B3A47}
@media(max-width:520px){.skb-listcard-title{font-size:17px}}

/* sidebar */
.skb-catside{display:flex;flex-direction:column;gap:24px;position:sticky;top:24px}
@media(max-width:960px){.skb-catside{position:static}}
.skb-sidebox{border:1px solid #E4EDF0;border-radius:16px;padding:22px 24px;background:#fff}
.skb-side-k{margin:0 0 14px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#6B838C;font-weight:700}
.skb-side-search{display:flex;align-items:center;gap:8px;background:#F4FAFC;border:1px solid #DCE7EB;border-radius:999px;padding:4px 4px 4px 16px}
.skb-side-search input{flex:1;min-width:0;border:0;outline:none;background:transparent;font-size:14.5px;padding:10px 0;color:#0B3A47}
.skb-catlinks{display:flex;flex-direction:column}
.skb-catlinks a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid #F1F6F8;color:#2A3B38;font-size:15px}
.skb-catlinks a:last-child{border-bottom:0}
.skb-catlinks a:hover{color:#0E8CAE}
.skb-catlinks a span{font-size:13px;color:#8AA2AB}
.skb-topposts{display:flex;flex-direction:column;gap:14px}
.skb-topposts a{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:start}
.skb-rank{font-family:'Noto Serif Display',serif!important;font-size:20px;color:#BCD3DB}
.skb-top-t{font-size:15px;line-height:1.6;color:#0B3A47;font-weight:500}
.skb-topposts a:hover .skb-top-t{color:#0E8CAE}
.skb-help{background:#0B3A47;border-color:#0B3A47}
.skb-help-k{font-family:'Noto Serif Display',serif!important;font-style:italic;font-size:16px;color:#7FE0F5}
.skb-help p{margin:10px 0 0;font-size:15.5px;line-height:1.8;color:#fff;font-weight:500}
.skb-help-line{display:block;text-align:center;background:#06C755;color:#fff;font-size:15px;font-weight:600;padding:14px 18px;border-radius:999px;margin-top:14px}
.skb-help-line:hover{filter:brightness(1.05)}
.skb-help-tel{display:block;text-align:center;color:rgba(255,255,255,.72);font-size:14px;margin-top:10px}