/* Editorial pages use the existing Barlow display face and community colours. */
.blog-intro{max-width:950px;padding-block:32px 38px;background:transparent;border:0}
.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.blog-card{min-width:0;display:flex;flex-direction:column;padding:28px;border:1px solid var(--line);border-top:3px solid #a88a53;border-radius:16px;background:linear-gradient(150deg,#252a34,#181d25);box-shadow:0 12px 28px #0002}
.blog-card h2{font-size:32px;line-height:1.15;margin-bottom:18px}
.blog-card h2 a{text-decoration:none}.blog-card h2 a:hover{color:var(--gold)}
.blog-card p:not(.eyebrow){color:var(--muted);font-size:14px;line-height:1.65}
.blog-card-foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding-top:20px;border-top:1px solid #ffffff12;font:12px/1.5 var(--mono)}
.blog-card-foot>span{color:var(--muted)}.blog-card-foot>a{color:var(--gold);min-height:44px;display:inline-flex;align-items:center;gap:8px}
.blog-editorial{max-width:800px;margin-top:48px;padding-top:30px;border-top:1px solid var(--line);color:var(--muted)}.blog-editorial h2{color:var(--text)}
.blog-header{background:transparent;border:0;padding:26px 0 36px;max-width:1050px}
.blog-breadcrumb{display:flex;flex-wrap:wrap;gap:12px;color:var(--muted);font:12px/1.6 var(--mono);margin-bottom:25px}.blog-breadcrumb a{color:var(--gold)}
.blog-header h1{max-width:1000px}
.blog-header .lead{max-width:780px;color:#c1c6d1}
.blog-byline{display:flex;flex-wrap:wrap;gap:8px;font:11px/1.6 var(--mono);color:var(--muted);margin-bottom:0}
.blog-layout{display:grid;grid-template-columns:220px minmax(0,760px);grid-template-areas:"toc answer" "toc copy";column-gap:48px;align-items:start}
.blog-layout>.blog-answer{grid-area:answer;font-size:1em;line-height:1.65}.blog-layout>.blog-toc{grid-area:toc}.blog-layout>.blog-copy{grid-area:copy}
.blog-toc{display:block;font:12px/1.5 var(--mono);position:sticky;top:26px;padding:22px 0;border-top:2px solid #a88a53;min-width:0}
.blog-toc strong{font:11px/1.6 var(--mono);letter-spacing:1px;color:var(--gold)}
.blog-toc ol{padding-left:20px;margin-top:18px}.blog-toc li{padding-left:3px;margin-bottom:14px;color:var(--muted)}
.blog-toc a{display:inline;min-height:0;font-size:1em;text-decoration:none;line-height:1.5;color:var(--muted)}
.blog-toc a:hover{color:var(--gold)}
.blog-copy{min-width:0;font-size:1em;line-height:1.65;overflow-wrap:break-word}
.blog-copy p{max-width:none;margin-bottom:22px}
.blog-copy>section{margin:42px 0 0;scroll-margin-top:26px}
.blog-copy h2{font-size:32px;margin-bottom:22px}.blog-copy h3{margin-top:30px}
.blog-copy li{margin-bottom:13px}.blog-copy ol,.blog-copy ul{padding-left:25px}
.blog-copy a{color:#f1d29a;text-decoration-thickness:1px}.blog-copy a:hover{color:white}
.blog-answer{padding:24px 28px;border:1px solid #af95563d;border-left:3px solid var(--gold);background:#b3913e0a;border-radius:0 12px 12px 0}
.blog-answer>strong{display:block;margin-bottom:10px;color:var(--gold)}.blog-answer p{margin:0}
.blog-command{background:#0b1018;border:1px solid #38414d;border-radius:12px;padding:20px 24px;margin:24px 0}
.blog-command>span{color:var(--muted);font:11px/1.6 var(--mono);display:block;margin-bottom:12px}
.blog-command pre{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.blog-command code{font:.88em/1.7 var(--mono);color:#c4ff8b}
.blog-table-wrap{overflow-x:auto;max-width:100%;border:1px solid var(--line);border-radius:12px;margin:24px 0}
.blog-table-wrap table{width:100%;border-collapse:collapse;font-size:.88em;min-width:500px}
.blog-table-wrap th,.blog-table-wrap td{padding:16px 18px;white-space:normal;vertical-align:top;line-height:1.65;text-align:left;border-bottom:1px solid var(--line)}
.blog-table-wrap th{font:12px/1.5 var(--mono);color:var(--text);background:#252b35}
.blog-table-wrap tr:last-child td{border-bottom:0}
.blog-flow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:24px 0;counter-reset:flow}
.blog-flow span{display:flex;align-items:center;gap:12px;counter-increment:flow;background:#202632;border:1px solid var(--line);border-radius:10px;padding:16px;font-size:.9em}
.blog-flow span:before{content:counter(flow,decimal-leading-zero);font:13px/1.6 var(--mono);color:var(--gold)}
.blog-sources{padding-top:30px;border-top:1px solid var(--line);font-size:14px;color:var(--muted)}.blog-sources h2{color:var(--text)}
.blog-cta{margin-top:36px;background:linear-gradient(130deg,#293226,#1c2424);border:1px solid #465240;border-radius:15px;padding:28px}
.blog-cta .btn{color:#14210e;margin-top:4px}
.blog-related .blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:1250px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-layout{grid-template-columns:185px minmax(0,1fr);column-gap:30px}}
@media(max-width:760px){.blog-grid,.blog-related .blog-grid,.blog-layout{grid-template-columns:minmax(0,1fr)}.blog-layout{grid-template-areas:"answer" "toc" "copy";gap:0}.blog-toc{position:static;padding:20px 22px;border:1px solid var(--line);border-radius:12px;background:#1a2029;margin-top:26px;margin-bottom:0}.blog-toc ol{margin-bottom:0}.blog-card{padding:24px}.blog-header{padding-top:20px}.blog-answer,.blog-command,.blog-cta{padding:20px}.blog-copy,.blog-layout>.blog-answer{font-size:1em}.blog-intro{padding-top:20px}}
@media(max-width:400px){.blog-flow{grid-template-columns:1fr}}