/* /blog redesign (Oct 2026) */
.bl { --bg:#F6F7F4; --band:#ECEFEA; --head:#2E6F7B; --body:#51656B; --muted:#5A6B6F; --teal:#0B6B70; --line:#E2E6E1; }
.bl .wrap { max-width:1200px; margin:0 auto; padding-left:max(16px,env(safe-area-inset-left,0px)); padding-right:max(16px,env(safe-area-inset-right,0px)); }
.bl h1, .bl h2, .bl h3 { color:var(--head); margin:0; text-wrap:balance; }
.bl .eyebrow { font-family:'JetBrains Mono',monospace; font-size:12px; letter-spacing:.06em; text-transform:uppercase; color:var(--teal); margin:0 0 12px; }
.bl .hero { padding-block:56px 28px; }
.bl .hero h1 { font-size:clamp(34px,5vw,52px); line-height:1.08; letter-spacing:-.02em; font-weight:600; max-width:760px; }
.bl .hero p.lead { margin:16px 0 0; font-size:18px; line-height:1.6; max-width:640px; }
.bl .feat { display:flex; gap:0; background:#EFEAFE; border-radius:32px; overflow:hidden; text-decoration:none; color:inherit; min-height:340px; transition:transform .2s ease, box-shadow .2s ease; }
.bl .feat:hover, .bl .pcard:hover, .bl .lw:hover { transform:translateY(-3px); box-shadow:0 18px 38px rgba(11,79,83,.12); }
.bl .feat__img { flex:0 0 48%; padding:14px; }
.bl .feat__img img { width:100%; height:100%; object-fit:cover; border-radius:22px; display:block; }
.bl .feat__txt { flex:1; padding:36px 40px; display:flex; flex-direction:column; justify-content:center; gap:12px; min-width:0; }
.bl .feat h2 { font-size:clamp(24px,2.8vw,34px); line-height:1.2; font-weight:600; }
.bl .feat p { margin:0; font-size:16px; line-height:1.6; }
.bl .go { font-weight:600; color:var(--teal); text-decoration:underline; text-underline-offset:5px; margin-top:6px; }
.bl .sec { padding-block:48px 8px; }
.bl .sec__head { display:flex; flex-wrap:wrap; gap:8px 20px; align-items:baseline; justify-content:space-between; margin-bottom:20px; }
.bl .sec__head h2 { font-size:clamp(26px,3.2vw,34px); font-weight:600; letter-spacing:-.01em; }
.bl .sec__head p { margin:0; font-size:14px; color:var(--muted); max-width:520px; }
.bl .mine { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.bl .pcard { background:#fff; border:1px solid var(--line); border-radius:24px; overflow:hidden; text-decoration:none; color:inherit; display:flex; flex-direction:column; transition:transform .2s ease, box-shadow .2s ease; }
.bl .pcard img { width:100%; aspect-ratio:16/10; object-fit:cover; display:block; }
.bl .pcard div { padding:18px 20px 22px; display:flex; flex-direction:column; gap:8px; }
.bl .pcard time, .bl .row time { font-family:'JetBrains Mono',monospace; font-size:11px; color:var(--muted); }
.bl .pcard h3 { font-size:18px; line-height:1.3; font-weight:600; }
.bl .pcard p { margin:0; font-size:14px; line-height:1.55; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.bl .lwid { margin-top:28px; background:#E4F4EF; border-radius:28px; padding:22px 0 22px 22px; }
.bl .lwid__head { display:flex; align-items:center; justify-content:space-between; gap:12px; padding-right:22px; margin-bottom:14px; }
.bl .lwid__head b { color:var(--head); font-size:17px; }
.bl .lwid__head span { font-size:13px; color:var(--muted); }
.bl .arrows { display:flex; gap:8px; }
.bl .arrows button { width:38px; height:38px; border-radius:50%; border:1px solid var(--line); background:#fff; color:var(--teal); font-size:18px; cursor:pointer; }
.bl .lwrow { display:flex; gap:12px; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; padding:4px 22px 6px 0; scroll-behavior:smooth; }
.bl .lwrow::-webkit-scrollbar { display:none; }
.bl .lw { flex:0 0 260px; scroll-snap-align:start; background:#fff; border-radius:20px; overflow:hidden; text-decoration:none; color:inherit; display:flex; flex-direction:column; transition:transform .2s ease, box-shadow .2s ease; }
.bl .lw img { width:100%; aspect-ratio:16/10; object-fit:cover; display:block; background:#DDE8E5; }
.bl .lw div { padding:14px 16px 16px; display:flex; flex-direction:column; gap:10px; flex:1; }
.bl .lw h3 { font-size:15px; line-height:1.35; font-weight:600; }
.bl .lw span { margin-top:auto; font-size:13px; font-weight:600; color:var(--teal); }
.bl .exp { display:flex; flex-wrap:wrap; gap:28px; align-items:stretch; background:#FBF0DC; border-radius:28px; padding:30px; margin-bottom:26px; }
.bl .exp__txt { flex:999 1 460px; min-width:0; }
.bl .exp h2 { font-size:clamp(26px,3.2vw,34px); font-weight:600; }
.bl .exp__txt p:not(.eyebrow) { margin:12px 0 0; font-size:16px; line-height:1.6; max-width:640px; }
.bl .exp__facts { flex:1 1 260px; list-style:none; margin:0; padding:0; display:grid; gap:10px; align-content:center; }
.bl .exp__facts li { background:rgba(255,255,255,.75); border-radius:16px; padding:12px 16px; display:flex; flex-direction:column; }
.bl .exp__facts b { color:var(--teal); font-size:18px; }
.bl .exp__facts span { font-size:13px; color:var(--muted); }
.bl .auto { padding-block:56px 72px; }
.bl .ftabs { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:14px; }
.bl .ftab { border:1px solid var(--line); background:#fff; color:#2D4A4F; font:inherit; font-size:14px; font-weight:500; padding:9px 14px; border-radius:999px; cursor:pointer; display:inline-flex; align-items:center; gap:8px; }
.bl .ftab i { width:8px; height:8px; border-radius:50%; display:inline-block; }
.bl .ftab span { font-family:'JetBrains Mono',monospace; font-size:11px; color:var(--muted); }
.bl .ftab[aria-pressed="true"] { background:var(--teal); border-color:var(--teal); color:#fff; }
.bl .ftab[aria-pressed="true"] span { color:#CFEDEA; }
.bl .list { background:#fff; border:1px solid var(--line); border-radius:24px; overflow:hidden; }
.bl .row { display:grid; grid-template-columns:110px 150px minmax(0,1.1fr) minmax(0,1fr) 20px; gap:16px; align-items:center; padding:14px 22px; border-top:1px solid var(--line); text-decoration:none; color:inherit; transition:background .15s ease; }
.bl .row:first-child { border-top:0; }
.bl .row:hover { background:#F6FAF9; }
.bl .row[hidden] { display:none; }
.bl .tag { display:inline-flex; align-items:center; gap:7px; font-size:12px; font-weight:600; color:#2D4A4F; }
.bl .tag::before { content:""; width:8px; height:8px; border-radius:50%; background:var(--c); }
.bl .row b { font-weight:600; color:var(--head); font-size:15px; line-height:1.35; }
.bl .row .ex { font-size:13px; color:var(--muted); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.bl .row .arr { color:var(--teal); }
.bl .more { margin-top:18px; text-align:center; }
.bl .more button { border:1.5px solid var(--teal); background:transparent; color:var(--teal); font:inherit; font-weight:600; font-size:15px; padding:12px 22px; border-radius:999px; cursor:pointer; }
.bl button:focus-visible, .bl a:focus-visible { outline:2px solid var(--teal); outline-offset:3px; }
@media (max-width:900px) {
.bl .mine { grid-template-columns:minmax(0,1fr); }
.bl .feat { flex-direction:column; }
.bl .feat__img { flex:none; aspect-ratio:16/10; }
.bl .feat__txt { padding:22px 24px 28px; }
.bl .row { grid-template-columns:minmax(0,1fr) auto; grid-template-areas:"tag time" "title title"; gap:6px 12px; }
.bl .row time { grid-area:time; }
.bl .row .tag { grid-area:tag; }
.bl .row b { grid-area:title; }
.bl .row .ex, .bl .row .arr { display:none; }
}

@media (prefers-reduced-motion:reduce) {
.bl .feat, .bl .pcard, .bl .lw { transition:none; }
.bl .lwrow { scroll-behavior:auto; }
}

.bl { background:var(--bg); color:var(--body); font-family:"Sora",system-ui,sans-serif; display:block; }
.bl *, .bl *::before, .bl *::after { box-sizing:border-box; }
.bl section { padding-left:0; padding-right:0; }
.bl .feat--noimg .feat__txt { padding:40px; }
.bl .pcard:not(:has(img)) div { padding-top:22px; }
.bl .row .arr { justify-self:end; }
.bl .sec__head--exp { align-items:flex-end; margin-bottom:22px; }
.bl .sec__head--exp .eyebrow { margin-bottom:8px; }