/* rfwin.uk/blog — uses the RFWIN tokens (--bg, --surface, --text, --muted, --line-2, --blue). */
.blog-hero{padding:18px 0 22px}
.blog-eyebrow{font-size:13px;font-weight:600;color:var(--muted);letter-spacing:.02em;margin-bottom:10px}
.blog-eyebrow a{color:var(--blue);text-decoration:none}
.blog-hero h1,.blog-post h1{font-size:clamp(28px,5vw,44px);font-weight:800;letter-spacing:-.035em;line-height:1.08;margin-bottom:12px}
.blog-lede{font-size:16px;color:var(--muted);max-width:600px;line-height:1.65}
.blog-links{margin-top:12px;font-size:14px;color:var(--muted)}
.blog-links a,.blog-crumbs a,.blog-card__meta a{color:var(--blue);text-decoration:none;font-weight:500}
.blog-topics{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 22px}
.blog-chip{font-size:13.5px;font-weight:500;padding:6px 12px;border-radius:999px;border:1px solid var(--line);color:var(--text);text-decoration:none;background:var(--surface)}
.blog-chip span{color:var(--muted);font-size:12px;margin-left:2px}
.blog-chip.is-active{background:var(--blue);border-color:var(--blue);color:#fff}
.blog-chip.is-active span{color:rgba(255,255,255,.8)}
.blog-list{display:flex;flex-direction:column;gap:12px}
.blog-card{background:var(--surface);border:1px solid var(--line-2);border-radius:16px;padding:20px 22px}
.blog-card__meta{font-size:12.5px;color:var(--muted);margin-bottom:6px}
.blog-card__title{font-size:19px;font-weight:700;letter-spacing:-.02em;line-height:1.3;margin-bottom:6px}
.blog-card__title a{color:var(--text);text-decoration:none}
.blog-card__title a:hover{color:var(--blue)}
.blog-card__excerpt{font-size:14.5px;color:var(--muted);line-height:1.6}
.blog-post{padding-top:12px}
.blog-crumbs{font-size:13px;color:var(--muted);margin-bottom:12px}
.blog-post__meta{font-size:13.5px;color:var(--muted);margin-bottom:26px}
.blog-post__body{font-size:16px;line-height:1.75;color:var(--text)}
.blog-post__body h2{font-size:23px;font-weight:800;letter-spacing:-.03em;margin:34px 0 10px;line-height:1.25}
.blog-post__body h3{font-size:18px;font-weight:700;margin:26px 0 8px}
.blog-post__body p,.blog-post__body ul,.blog-post__body ol{margin-bottom:16px}
.blog-post__body ul,.blog-post__body ol{padding-left:22px}
.blog-post__body li{margin-bottom:6px}
.blog-post__body a{color:var(--blue)}
.blog-post__body code{font-family:var(--mono);font-size:.88em;background:var(--surface);border:1px solid var(--line-2);border-radius:6px;padding:1px 6px}
.blog-post__body pre{font-family:var(--mono);font-size:13px;background:var(--surface);border:1px solid var(--line-2);border-radius:12px;padding:16px;overflow-x:auto;line-height:1.7;margin:16px 0}
.blog-post__body pre code{background:none;border:0;padding:0}
.blog-post__body table{width:100%;border-collapse:collapse;margin:16px 0;font-size:14.5px;display:block;overflow-x:auto}
.blog-post__body th,.blog-post__body td{border:1px solid var(--line);padding:8px 10px;text-align:left;vertical-align:top}
.blog-post__body th{background:var(--surface)}
.blog-post__body blockquote{border-left:3px solid var(--blue);padding:2px 0 2px 14px;color:var(--muted);margin:18px 0}
.blog-cta{background:var(--surface);border:1px solid var(--line-2);border-radius:20px;padding:26px;margin-top:34px}
.blog-cta h2{font-size:21px;font-weight:800;letter-spacing:-.03em;margin-bottom:6px}
.blog-cta p{font-size:15px;color:var(--muted);line-height:1.6;margin-bottom:14px}
.blog-cta__btns{display:flex;gap:10px;flex-wrap:wrap}
.blog-cta__note{font-size:12.5px !important;margin:0 !important}
.blog-related{margin-top:40px}
.blog-related h2{font-size:20px;font-weight:800;letter-spacing:-.03em;margin-bottom:14px}