
/* BAL-KON Blog V6 */
.blog-hero{background:linear-gradient(115deg,#112c34 0%,#19444a 60%,#27635b 100%);color:white;padding:68px 0 74px}
.blog-hero .kicker{color:#a5e4d8}.blog-hero h1{font-size:clamp(38px,5vw,61px);line-height:1.08;letter-spacing:-1.5px;margin:13px 0 19px;max-width:790px}.blog-hero p{color:#dcece9;font-size:18px;max-width:700px;margin:0}
.blog-stats{margin-top:24px;display:flex;gap:10px;flex-wrap:wrap}.blog-stats span{border:1px solid #ffffff40;padding:7px 12px;border-radius:100px;font-size:13px;color:#e3faf4}
.blog-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:32px;align-items:start}.blog-toolbar{padding:18px;background:#f7faf9;border:1px solid var(--line);border-radius:16px;margin-bottom:22px}.blog-toolbar label{font-size:14px;font-weight:800;display:block;margin-bottom:9px}.blog-search{width:100%;padding:13px 15px;border:1px solid #c0d0cc;border-radius:10px;font:inherit;background:white;color:var(--ink);outline-offset:3px}.blog-filters{display:flex;gap:7px;flex-wrap:wrap;margin-top:15px}.blog-filters button{border:1px solid #c5d4ce;background:#fff;color:var(--ink);padding:8px 11px;border-radius:100px;cursor:pointer;font-size:12px;font-weight:800}.blog-filters button[aria-pressed=true]{background:var(--teal);border-color:var(--teal);color:#fff}.blog-result-count{font-size:13px;color:var(--muted);margin:0 0 15px}
.blog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.blog-card{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff;display:flex;flex-direction:column;min-width:0;transition:box-shadow .2s,transform .2s}.blog-card:hover{box-shadow:0 16px 34px #17252b1b;transform:translateY(-3px)}.blog-card a{text-decoration:none}.blog-card-body{padding:21px 22px 24px;display:flex;flex:1;flex-direction:column}.blog-card h3{font-size:20px;line-height:1.31;letter-spacing:-.35px;margin:10px 0}.blog-card p{font-size:14px;color:var(--muted);line-height:1.7;margin:0 0 16px;flex:1}.blog-cat{display:inline-block;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.7px;color:var(--teal)}.blog-card .more{font-size:13px}.blog-time{color:#758581;font-size:12px}
.blog-cover{height:170px;position:relative;display:flex;align-items:center;justify-content:space-between;padding:24px;overflow:hidden;color:white;background:linear-gradient(128deg,#0e5b5b,#58a69c)}.blog-cover::after{content:'';position:absolute;right:16px;top:23px;width:170px;height:134px;border:3px solid #ffffff57;border-radius:7px;background:repeating-linear-gradient(90deg,transparent 0,transparent 40px,#ffffff65 41px,#ffffff65 43px),linear-gradient(145deg,#ffffff04,#ffffff15);box-shadow:18px 18px 0 #ffffff0e;transform:skewY(-5deg)}.blog-cover .symbol{font-size:66px;line-height:1;color:#f0fffc;position:relative;z-index:1;text-shadow:0 3px 13px #002c2a5c}.blog-cover .cover-label{position:absolute;bottom:14px;right:20px;font-size:11px;letter-spacing:1.2px;font-weight:850;text-transform:uppercase;color:#e4f7f3;z-index:2}.blog-cover.sky{background:linear-gradient(128deg,#1a4c70,#66a0c4)}.blog-cover.moss{background:linear-gradient(128deg,#315d4a,#8aa879)}.blog-cover.sand{background:linear-gradient(128deg,#746046,#c6a47a)}.blog-cover.violet{background:linear-gradient(128deg,#4d4c72,#9c94b3)}.blog-cover.copper{background:linear-gradient(128deg,#815045,#c58e7b)}
.blog-aside{position:sticky;top:96px;display:grid;gap:18px}.blog-sidebox{border:1px solid var(--line);border-radius:15px;padding:22px;background:#fff}.blog-sidebox h3{font-size:20px;line-height:1.3;margin:8px 0}.blog-sidebox p{font-size:14px;color:var(--muted)}.blog-sidebox .btn{width:100%;padding:11px 12px;font-size:13px}.blog-sidebox a:not(.btn){display:block;border-bottom:1px solid var(--line);padding:9px 0;font-size:13px;font-weight:750;color:var(--teal)}
.blog-article-hero{padding:48px 0 55px;background:#f2f7f6;border-bottom:1px solid var(--line)}.blog-article-hero h1{font-size:clamp(33px,4.6vw,53px);line-height:1.13;letter-spacing:-1.4px;max-width:900px;margin:14px 0}.blog-article-hero p{font-size:18px;line-height:1.7;color:#51636a;max-width:780px}.blog-meta{display:flex;align-items:center;flex-wrap:wrap;gap:10px;color:#5e7471;font-size:13px;margin-top:20px}.blog-meta .dot{color:#b0c0bc}.blog-crumb{padding:16px 0;font-size:13px;color:var(--muted)}.blog-crumb a{color:var(--teal);font-weight:750}
.blog-reading{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:48px;align-items:start}.blog-prose{max-width:790px;color:#26383d;font-size:16px;line-height:1.84}.blog-prose .lead{font-size:18px;color:#43575c;line-height:1.83}.blog-prose h2{font-size:27px;letter-spacing:-.7px;line-height:1.25;margin:39px 0 14px;scroll-margin-top:110px}.blog-prose h3{font-size:20px;margin:26px 0 10px}.blog-prose p{margin:0 0 18px}.blog-prose li{margin:0 0 10px;padding-left:4px}.blog-prose ul,.blog-prose ol{padding-left:25px;margin:6px 0 22px}.blog-prose a{color:var(--teal);text-decoration:underline;text-underline-offset:3px}.blog-prose strong{color:#14343b}.blog-takeaway{border-left:4px solid var(--teal);border-radius:0 12px 12px 0;background:#f0f7f4;padding:19px 22px;margin:0 0 34px}.blog-takeaway strong{display:block;margin-bottom:6px}.blog-takeaway p{margin:0;font-size:15px;color:#4f6261}
.blog-toc{border:1px solid var(--line);border-radius:15px;background:white;padding:22px;position:sticky;top:96px}.blog-toc h3{margin:0 0 13px;font-size:16px}.blog-toc a{display:block;border-bottom:1px solid #edf1ef;padding:10px 0;color:#415c61;font-size:13px;font-weight:650}.blog-toc a:hover{color:var(--teal)}.blog-promo{background:#12333b;color:white;padding:26px;border-radius:16px;margin:40px 0}.blog-promo h3{font-size:23px;margin:5px 0 11px}.blog-promo p{color:#d4e2df;margin:0 0 20px;font-size:15px}.blog-promo .actions{margin:0}.blog-promo .btn{font-size:13px}.blog-sourcebox{padding:22px;background:#f7f8f5;border:1px solid var(--line);border-radius:14px;margin-top:35px}.blog-sourcebox h3{font-size:17px;margin:0 0 10px}.blog-sourcebox p{font-size:13px;color:var(--muted);margin:0 0 9px}.blog-sourcebox ul{margin:0;padding-left:18px;font-size:13px}.blog-sourcebox li{margin:0 0 6px}.blog-related{background:#f8f9f6;padding:55px 0}.blog-related .blog-grid{grid-template-columns:repeat(3,1fr)}.blog-related .blog-cover{height:125px}.blog-related .blog-cover .symbol{font-size:45px}.blog-related .blog-card h3{font-size:18px}.blog-empty{display:none;border:1px dashed #b9ceca;border-radius:14px;padding:30px;text-align:center;color:var(--muted)}
.blog-home-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.blog-home-grid .blog-card .blog-cover{height:155px}.blog-home-grid .blog-card h3{font-size:19px}.blog-home-grid .blog-card-body{padding:20px}.blog-home-cta{display:flex;justify-content:space-between;align-items:center;margin-top:26px;gap:16px}
@media(max-width:1000px){.blog-layout,.blog-reading{grid-template-columns:1fr}.blog-aside{position:static;grid-template-columns:repeat(2,1fr)}.blog-toc{display:none}.blog-home-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.blog-hero{padding:47px 0}.blog-hero p{font-size:16px}.blog-grid,.blog-home-grid,.blog-related .blog-grid,.blog-aside{grid-template-columns:1fr}.blog-cover{height:145px}.blog-layout{gap:18px}.blog-article-hero{padding:29px 0 35px}.blog-article-hero p{font-size:16px}.blog-prose h2{font-size:23px}.blog-home-cta{align-items:stretch;flex-direction:column}.blog-home-cta .btn{width:100%}}
.blog-card[hidden]{display:none!important}
