
:root{--bk40-ink:#18202a;--bk40-sub:#68717b;--bk40-line:#e3e7ea;--bk40-soft:#f6f8f8;--bk40-accent:#1f4f46;--bk40-accent2:#eaf3f0;--bk40-warn:#fff7df;--bk40-good:#edf8ef;--bk40-bad:#fff0f0}
body{color:var(--bk40-ink)}
.entry-title{letter-spacing:-.02em}
.entry-content{font-size:17px;line-height:1.95}
.entry-content>.bk40-article{max-width:860px;margin:auto}
.bk40-article h2{font-size:clamp(25px,3.4vw,34px);line-height:1.35;margin:2.3em 0 .8em;padding-left:14px;border-left:5px solid var(--bk40-accent)}
.bk40-article h3{font-size:21px;line-height:1.5;margin:1.5em 0 .6em}
.bk40-lead{font-size:18px;line-height:1.95;margin:0 0 26px}
.bk40-summary,.bk40-final{border:1px solid #d6e3df;border-radius:18px;background:linear-gradient(135deg,#f3f8f6,#fbfcfc);padding:22px 24px;margin:28px 0}
.bk40-summary ul{margin:8px 0 0;padding-left:1.2em}
.bk40-summary li{margin:.45em 0}
.bk40-box-label{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.08em;color:var(--bk40-accent);background:var(--bk40-accent2);border-radius:999px;padding:5px 10px;margin-bottom:8px}
.bk40-toc{border:1px solid var(--bk40-line);border-radius:16px;padding:20px 22px;margin:30px 0;background:#fff}
.bk40-toc strong{display:block;margin-bottom:8px}
.bk40-toc ol{margin:0;padding-left:1.4em}
.bk40-toc li{margin:.35em 0}
.bk40-table-wrap{margin:28px 0;overflow-x:auto;border:1px solid var(--bk40-line);border-radius:16px;background:#fff}
.bk40-table-title{font-weight:800;padding:14px 16px;background:var(--bk40-soft);border-bottom:1px solid var(--bk40-line)}
.bk40-table{border-collapse:collapse;width:100%;margin:0!important}
.bk40-table th,.bk40-table td{padding:13px 15px;border-bottom:1px solid var(--bk40-line);vertical-align:top}
.bk40-table th{width:32%;font-weight:800;background:#fbfcfc;text-align:left}
.bk40-table tr:last-child th,.bk40-table tr:last-child td{border-bottom:0}
.bk40-callout{border-radius:16px;padding:20px 22px;margin:28px 0;border:1px solid var(--bk40-line)}
.bk40-callout strong{display:block;font-size:18px;margin-bottom:6px}
.bk40-info{background:#eef5ff}.bk40-good{background:var(--bk40-good)}.bk40-warn{background:var(--bk40-warn)}.bk40-bad{background:var(--bk40-bad)}
.bk40-visual{margin:34px auto;text-align:center}
.bk40-visual img{max-width:100%;height:auto;border-radius:18px;border:1px solid var(--bk40-line);box-shadow:0 10px 36px rgba(20,30,40,.06)}
.bk40-visual figcaption{font-size:13px;color:var(--bk40-sub);margin-top:9px}
.bk40-compare-grid,.bk40-proscons-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:18px 0 30px}
.bk40-compare-card,.bk40-pro,.bk40-con{border:1px solid var(--bk40-line);border-radius:16px;padding:20px;background:#fff}
.bk40-compare-card h3,.bk40-pro h3,.bk40-con h3{margin-top:0}
.bk40-pro{background:var(--bk40-good)}.bk40-con{background:var(--bk40-bad)}
.bk40-compare-card li,.bk40-pro li,.bk40-con li{margin:.45em 0}
.bk40-step-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0 32px}
.bk40-step{position:relative;border:1px solid var(--bk40-line);border-radius:16px;padding:22px 16px 16px;background:#fff}
.bk40-step>span{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:var(--bk40-accent);color:white;font-weight:800;margin-bottom:10px}
.bk40-step strong{display:block;margin-bottom:6px}
.bk40-step p{font-size:14px;line-height:1.6;color:var(--bk40-sub);margin:0}
.bk40-disclosure{font-size:12px;line-height:1.65;color:var(--bk40-sub);padding:11px 13px;border:1px solid var(--bk40-line);border-radius:12px;background:#fafafa;margin:0 0 22px}
.bk40-final{font-size:18px}
.bk40-copy p{margin:0 0 1.25em}
.bk40-hero{padding:clamp(36px,6vw,84px);background:linear-gradient(135deg,#f4f7f5,#eef2f0);border:1px solid var(--bk40-line);border-radius:24px;margin:20px 0 56px}
.bk40-kicker,.bk40-heading p{font-size:12px;letter-spacing:.18em;font-weight:800;color:var(--bk40-accent);text-transform:uppercase;margin:0 0 10px}
.bk40-hero h1{font-size:clamp(30px,5vw,58px);line-height:1.15;letter-spacing:-.025em;margin:.1em 0 .4em;max-width:900px}
.bk40-hero>p:not(.bk40-kicker){font-size:clamp(16px,2.2vw,21px);line-height:1.8;max-width:760px;color:var(--bk40-sub)}
.bk40-btn{display:inline-block;background:var(--bk40-accent);color:#fff!important;text-decoration:none!important;padding:13px 20px;border-radius:999px;font-weight:700}
.bk40-section{margin:0 0 62px}
.bk40-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.bk40-card{overflow:hidden;border:1px solid var(--bk40-line);border-radius:18px;background:#fff;box-shadow:0 8px 28px rgba(20,30,40,.04)}
.bk40-thumb{display:block;aspect-ratio:16/9;background:var(--bk40-soft);overflow:hidden}
.bk40-thumb img{width:100%;height:100%;object-fit:cover}
.bk40-thumb-empty{display:flex;align-items:center;justify-content:center;text-decoration:none!important}
.bk40-card-body{padding:18px}
.bk40-cat{font-size:12px;font-weight:800;color:var(--bk40-accent)}
.bk40-card h3{font-size:19px;line-height:1.5;margin:6px 0 10px}
.bk40-card h3 a{color:var(--bk40-ink);text-decoration:none}
.bk40-card p{font-size:14px;line-height:1.75;color:var(--bk40-sub)}
.bk40-topic-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.bk40-topic{display:flex;flex-direction:column;gap:8px;padding:18px;border:1px solid var(--bk40-line);border-radius:16px;text-decoration:none!important;color:var(--bk40-ink)!important;background:#fff}
.bk40-topic span{font-size:13px;line-height:1.65;color:var(--bk40-sub)}
@media(max-width:800px){
  .bk40-compare-grid,.bk40-proscons-grid,.bk40-step-grid,.bk40-card-grid,.bk40-topic-grid{grid-template-columns:1fr}
  .entry-content{font-size:16px}
  .bk40-table th{width:38%}
}
