/* KLWP Journal — isolated editorial styles for the Blog Articles post type. */
.kb-blog{--kb-ink:#f5f6f8;--kb-muted:#9ba9bb;--kb-panel:#111a29;--kb-edge:#273347;--kb-accent:#8bd8ff;color:var(--kb-ink);background:#0b101a;min-width:0;padding:28px 20px 96px}
body.light-mode .kb-blog{--kb-ink:#121827;--kb-muted:#536176;--kb-panel:#fff;--kb-edge:#dae3ed;--kb-accent:#005a90;background:#f5f8fb}
.kb-blog-container{width:min(1130px,100%);margin:0 auto}
.kb-blog a{color:inherit;text-decoration:none}
.kb-blog a:focus-visible{outline:3px solid #66c7fb;outline-offset:5px}
.kb-blog-breadcrumb{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--kb-muted);margin:16px 0 42px}
.kb-blog-breadcrumb a:hover{color:var(--kb-accent)}
.kb-blog-hero{min-height:485px;display:grid;grid-template-columns:1.2fr .8fr;gap:25px;align-items:center;border:1px solid var(--kb-edge);background:radial-gradient(ellipse at 85% 18%,rgba(72,142,206,.21),transparent 55%),var(--kb-panel);border-radius:25px;padding:54px clamp(25px,6vw,70px);overflow:hidden;position:relative}
.kb-kicker{font-size:11px!important;font-weight:750;letter-spacing:.19em;color:var(--kb-accent)!important;display:flex;align-items:center;gap:10px;margin:0 0 22px!important}
.kb-kicker-mark{width:18px;height:2px;background:var(--kb-accent);display:inline-block}
.kb-blog-hero h1{font-size:clamp(44px,5.2vw,78px);line-height:1.04;letter-spacing:-.062em;max-width:690px;margin:0 0 20px;font-weight:800}
.kb-blog-hero h1 em{font-weight:400;font-family:Georgia,serif;letter-spacing:-.052em;color:var(--kb-accent)}
.kb-blog-lead{font-size:16px;line-height:1.75;max-width:460px;color:var(--kb-muted);margin-bottom:30px}
.kb-hero-meta,.kb-reading-meta{display:flex;flex-wrap:wrap;gap:12px;align-items:center;font-size:10px;font-weight:750;letter-spacing:.14em;color:var(--kb-muted)}
.kb-hero-meta i,.kb-card-meta i,.kb-reading-meta i{width:3px;height:3px;border-radius:50%;background:currentColor;display:inline-block}
.kb-blog-art{height:350px;position:relative;display:grid;place-items:center}
.kb-art-orbit{height:320px;width:320px;border:1px solid rgba(113,192,246,.24);border-radius:50%;position:absolute;box-shadow:0 0 0 32px rgba(123,204,255,.035),0 0 0 70px rgba(123,204,255,.025)}
.kb-art-phone{width:166px;height:312px;border:6px solid #101b2d;border-radius:24px;background:linear-gradient(145deg,#29496b,#101929 65%);box-shadow:12px 24px 48px #02050e99,inset 0 0 0 1px #72849d;transform:rotate(11deg);padding:34px 15px 19px;display:flex;flex-direction:column}
.kb-art-time{font-size:37px;letter-spacing:-.09em;font-weight:800;color:white}.kb-art-line{height:3px;width:60px;background:#67d4ff;margin-top:10px;border-radius:9px}.kb-art-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:49px}.kb-art-grid span{height:44px;background:#a3c7eb24;border:1px solid #a3c7eb4d;border-radius:9px}.kb-art-bottom{height:4px;width:42px;background:#cce2f5;margin:auto auto 0;border-radius:4px}
.kb-art-note{position:absolute;bottom:4px;right:0;letter-spacing:.22em;font-size:9px;color:var(--kb-muted)}
.kb-preview-note{display:flex;align-items:center;gap:15px;flex-wrap:wrap;padding:13px 18px;border:1px solid #487b98;background:rgba(33,134,181,.08);border-radius:12px;margin:25px 0;color:var(--kb-ink);font-size:12px}
.kb-preview-note strong{color:var(--kb-accent);letter-spacing:.09em}
.kb-list-heading{display:flex;justify-content:space-between;align-items:end;gap:15px;margin:70px 0 22px}
.kb-section-label{font-size:10px;font-weight:700;letter-spacing:.19em;color:var(--kb-accent)}
.kb-list-heading h2{font-size:clamp(28px,3.5vw,42px);letter-spacing:-.04em;margin:6px 0 0}
.kb-list-heading>p{font-size:13px;color:var(--kb-muted)}
.kb-blog-topics{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:27px}
.kb-blog-topics a{border:1px solid var(--kb-edge);padding:10px 18px;border-radius:25px;font-size:12px;font-weight:650;transition:background .2s,color .2s}
.kb-blog-topics a:hover,.kb-blog-topics a[aria-current="page"]{color:#03121d;background:#8bd8ff;border-color:#8bd8ff}
.kb-blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.kb-article-card{border:1px solid var(--kb-edge);border-radius:17px;background:var(--kb-panel);overflow:hidden;min-width:0;display:flex;flex-direction:column}
.kb-card-visual{height:210px;display:block;position:relative;overflow:hidden;background:linear-gradient(135deg,#2d4565,#132034)}
.kb-card-visual--02{background:linear-gradient(135deg,#254c59,#102b31)}
.kb-card-visual--03{background:linear-gradient(135deg,#58466c,#20192e)}
.kb-card-visual:after{content:"";position:absolute;right:-85px;bottom:-160px;width:330px;height:330px;border-radius:50%;border:30px solid #ffffff14}
.kb-card-image{width:100%;height:100%;object-fit:cover;display:block}
.kb-thumb-index{position:absolute;top:20px;left:22px;font-size:12px;color:#dfe8f4aa;letter-spacing:.17em;font-weight:800}
.kb-thumb-word{position:absolute;bottom:20px;left:21px;color:#fff;font-size:clamp(24px,3vw,36px);font-weight:800;letter-spacing:-.065em;z-index:1}
.kb-thumb-deco{position:absolute;width:96px;height:142px;right:30px;top:23px;border-radius:15px;border:5px solid #ffffff55;transform:rotate(13deg);box-shadow:8px 12px 0 #ffffff14}
.kb-card-body{padding:23px;display:flex;flex-direction:column;flex:1}
.kb-card-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;text-transform:uppercase;letter-spacing:.08em;font-weight:700;font-size:10px;color:var(--kb-muted);margin-bottom:13px}
.kb-card-meta span{color:var(--kb-accent)}
.kb-card-body h3{font-size:21px;line-height:1.3;letter-spacing:-.035em;margin-bottom:11px}
.kb-card-body h3 a:hover{color:var(--kb-accent)}
.kb-card-body p{color:var(--kb-muted);font-size:13px;line-height:1.7;margin-bottom:25px}
.kb-read-more{font-size:12px;font-weight:800;color:var(--kb-accent)!important;margin-top:auto}
.kb-read-more span{padding-left:7px}
.kb-blog-empty{grid-column:1/-1;color:var(--kb-muted);padding:25px 0}
.kb-pagination{margin:40px 0}
.kb-blog-bottom{margin-top:75px;background:linear-gradient(110deg,#102c44,#132233);padding:38px 45px;border:1px solid #36526b;border-radius:20px}
.kb-blog-bottom>span{color:#91bfd7;letter-spacing:.16em;font-size:10px;font-weight:800}
.kb-blog-bottom h2{color:white;font-size:clamp(25px,3.6vw,42px);line-height:1.2;letter-spacing:-.045em;margin:15px 0 22px}
.kb-blog-bottom a{display:inline-block;background:#c0ecff;color:#082034;padding:13px 19px;border-radius:9px;font-size:12px;font-weight:800}
.kb-reading-shell{max-width:850px;margin:0 auto}
.kb-reading-header{text-align:left;padding:30px 0 45px;border-bottom:1px solid var(--kb-edge)}
.kb-reading-header h1{font-size:clamp(38px,5.3vw,69px);letter-spacing:-.06em;line-height:1.12;margin:0 0 23px}
.kb-reading-excerpt{color:var(--kb-muted);font-size:18px;line-height:1.7;max-width:680px;margin-bottom:30px}
.kb-reading-cover{margin:36px 0}.kb-reading-cover img{display:block;max-width:100%;height:auto;border-radius:16px}
.kb-reading-body{padding:32px 0 50px;font-size:16px;line-height:1.85;color:var(--kb-ink);overflow-wrap:anywhere}
.kb-reading-body p{margin:0 0 24px}.kb-reading-body h2{font-size:clamp(24px,3vw,35px);letter-spacing:-.045em;line-height:1.3;margin:42px 0 18px}.kb-reading-body h3{margin:32px 0 14px}.kb-reading-body a{color:var(--kb-accent);text-decoration:underline}.kb-reading-body ul,.kb-reading-body ol{padding-left:26px;margin-bottom:20px}
.kb-content-tip{border-left:3px solid var(--kb-accent);background:var(--kb-panel);padding:22px 25px;margin:30px 0}.kb-content-tip strong{color:var(--kb-accent);font-size:12px;letter-spacing:.09em;text-transform:uppercase}.kb-content-tip p{margin:8px 0 0}
.kb-reading-footer{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;border-top:1px solid var(--kb-edge);padding:28px 0}.kb-reading-footer a{font-size:13px;font-weight:700;color:var(--kb-accent)}
.drawer-blog-link>a{font-weight:750}
@media(max-width:850px){.kb-blog-hero{grid-template-columns:1fr;min-height:0}.kb-blog-art{height:230px}.kb-art-phone{transform:scale(.78) rotate(11deg)}.kb-art-orbit{width:225px;height:225px}.kb-blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:580px){.kb-blog{padding:17px 15px 65px}.kb-blog-breadcrumb{margin:12px 0 22px}.kb-blog-hero{padding:32px 24px;border-radius:17px;gap:8px}.kb-blog-hero h1{font-size:45px}.kb-blog-lead{font-size:14px}.kb-blog-art{height:175px}.kb-art-phone{transform:scale(.55) rotate(11deg)}.kb-art-orbit{width:180px;height:180px}.kb-art-note{font-size:8px}.kb-list-heading{margin-top:45px}.kb-list-heading>p{display:none}.kb-blog-grid{grid-template-columns:1fr}.kb-card-visual{height:190px}.kb-reading-header{padding-top:13px}.kb-reading-body{font-size:15px}.kb-blog-bottom{padding:27px 24px;margin-top:48px}.kb-reading-excerpt{font-size:15px}}