/* Blog pages: extends /hub.css (same tokens: --paper --ink --muted --green --line) */
.crumbs{font-size:12px;color:var(--muted);margin-bottom:28px;display:flex;flex-wrap:wrap;gap:6px}
.crumbs a{text-decoration:none}
.crumbs a:hover{text-decoration:underline}
.post-meta{display:flex;flex-wrap:wrap;gap:14px;font-size:12px!important;color:var(--muted)!important;margin:-14px 0 30px}
.post-meta span+span:before{content:'·';margin-right:14px;color:#b5bcae}
.post h3{font-size:18px;margin:26px 0 8px;letter-spacing:-.6px}
.post strong{color:var(--ink)}
.toc{background:#ecebdf;border-radius:8px;padding:18px 22px;margin:30px 0 10px;font-size:13px}
.toc ol{margin:8px 0 0;padding-left:20px}
.toc li{margin:4px 0!important;font-size:13px!important;line-height:1.7!important}
.toc a{text-decoration:none;color:var(--green)}
.table-wrap{overflow-x:auto;margin:18px 0;border:1px solid var(--line);border-radius:8px;background:#fcfcf7}
.table-wrap table{border-collapse:collapse;width:100%;font-size:13px}
.table-wrap table.wide{min-width:620px}
.table-wrap th,.table-wrap td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
.table-wrap th{background:#eceee4;font-weight:700;font-size:12px;white-space:nowrap}
.table-wrap tr:last-child td{border-bottom:0}
.table-wrap td:first-child{font-weight:600;white-space:nowrap}
.play-box{display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid #c9d6c3;background:#e3ecdf;border-radius:10px;padding:22px 24px;margin:44px 0 10px}
.play-box>div{display:flex;flex-direction:column;gap:4px}
.play-box .eyebrow{margin:0}
.play-box strong{font-size:20px;letter-spacing:-.8px}
.play-box span{font-size:12px;color:var(--muted)}
.play-box .button span{font-size:16px;color:#fff}
.blog-index .post-list{display:grid;gap:18px;margin-top:34px}
.post-card{border:1px solid var(--line);border-radius:12px;background:#fcfcf7;padding:24px 26px;transition:transform .2s,box-shadow .2s}
.post-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px #243b3010}
.post-card .badge{margin:0 0 12px}
.post-card h2{font-size:21px!important;margin:0 0 10px!important;letter-spacing:-.8px}
.post-card h2 a{text-decoration:none}
.post-card p{font-size:13px!important;line-height:1.85!important;margin-bottom:12px}
.post-card .post-meta{margin:0}
.home-posts{padding:58px 0 10px}
.home-posts .post-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
@media(max-width:850px){.home-posts .post-list{grid-template-columns:1fr}}
@media(max-width:600px){.play-box{flex-direction:column;align-items:stretch}.play-box .button{justify-content:space-between}.post-card{padding:20px}.toc{padding:16px 18px}}