:root { --blue:#073e8f; --ink:#12213b; --muted:#53637a; --line:#d4dfeb; --sky:#eef5fb; font-family:Arial,Helvetica,sans-serif; color:var(--ink); background:#fff; }
* { box-sizing:border-box; } body { margin:0; line-height:1.6; } a { color:inherit; } .blog-header,.blog-footer,.blog-main,.article-main,.admin-shell,.admin-header { width:min(100% - 48px,1180px); margin:auto; }.blog-header,.admin-header { min-height:82px; display:flex; justify-content:space-between; align-items:center; gap:24px; border-bottom:1px solid var(--line); }.blog-brand { display:flex; align-items:center; gap:9px; color:var(--ink); font-size:14px; font-weight:800; letter-spacing:.11em; text-decoration:none; }.blog-brand img { width:43px; height:43px; object-fit:contain; }.blog-header nav { display:flex; gap:26px; }.blog-header nav a,.blog-footer a { color:#34435c; font-size:13px; font-weight:700; text-decoration:none; }.blog-header nav a[aria-current="page"],.blog-header nav a:hover,.blog-footer a:hover { color:var(--blue); }.blog-kicker { margin:0; color:var(--blue); font-size:11px; font-weight:800; letter-spacing:.1em; }.blog-hero { max-width:800px; padding:95px 0 70px; }.blog-hero h1,.article-main h1,.admin-shell h1,.admin-auth h1 { margin:14px 0 18px; font-size:clamp(38px,5vw,66px); line-height:1.08; letter-spacing:0; }.blog-hero > p:last-child { max-width:650px; margin:0; color:var(--muted); font-size:18px; }.blog-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:25px; padding-bottom:100px; }.blog-card { min-width:0; border-top:1px solid var(--line); padding-top:15px; }.blog-card img { display:block; width:100%; height:220px; object-fit:cover; margin-bottom:20px; }.article-date { margin:0 0 10px; color:var(--blue); font-size:12px; font-weight:800; }.blog-card h2 { margin:0; font-size:23px; line-height:1.25; }.blog-card h2 a { text-decoration:none; }.blog-card > p:not(.article-date) { color:var(--muted); font-size:14px; }.read-more { display:inline-block; color:var(--blue); font-size:13px; font-weight:800; text-decoration:none; }.read-more span { margin-left:8px; }.blog-empty { max-width:760px; padding:45px 0 100px; border-top:1px solid var(--line); }.blog-empty h2 { margin:15px 0; font-size:34px; }.blog-empty > p:not(.blog-kicker) { max-width:590px; color:var(--muted); }.blog-button { display:inline-flex; align-items:center; justify-content:center; min-height:46px; padding:0 18px; border:0; background:var(--blue); color:#fff; font-size:13px; font-weight:800; text-decoration:none; }.blog-footer { display:flex; justify-content:space-between; gap:25px; padding:30px 0 42px; border-top:1px solid var(--line); color:var(--muted); font-size:12px; }.blog-footer div { display:flex; gap:18px; }.article-main { max-width:820px; padding:54px 0 100px; }.back-to-blog { display:inline-block; margin-bottom:46px; color:var(--blue); font-size:13px; font-weight:800; }.article-main h1 { max-width:780px; }.article-date { margin-bottom:28px; }.article-cover { display:block; width:100%; max-height:520px; object-fit:cover; margin:0 0 42px; }.article-content { max-width:720px; font-size:17px; }.article-content p { margin:0 0 24px; }.article-cta { display:flex; align-items:center; justify-content:space-between; gap:24px; margin-top:55px; padding:25px; background:var(--sky); }.article-cta p { margin:0; font-size:18px; font-weight:800; }.admin-page { background:#f6f8fb; }.admin-header { border-bottom:1px solid var(--line); }.admin-header > div { display:flex; align-items:center; gap:14px; }.admin-inline { margin:0; }.admin-inline button,.post-list button { padding:0; border:0; background:transparent; color:#a11d36; font:inherit; font-size:12px; font-weight:800; cursor:pointer; }.admin-view { color:var(--blue); font-size:12px; font-weight:800; text-decoration:none; }.admin-shell { display:grid; grid-template-columns:minmax(0,1fr) 330px; gap:50px; padding:68px 0 90px; }.admin-shell h1 { font-size:42px; }.admin-copy { max-width:580px; color:var(--muted); }.post-editor,.admin-auth form { display:grid; gap:18px; margin-top:28px; }.post-editor label,.admin-auth label { color:var(--ink); font-size:13px; font-weight:800; }.post-editor input,.post-editor select,.post-editor textarea,.admin-auth input { display:block; width:100%; margin-top:7px; padding:11px 12px; border:1px solid #bdcadd; border-radius:0; background:#fff; color:var(--ink); font:inherit; font-size:14px; }.post-editor textarea { resize:vertical; line-height:1.55; }.post-editor input[type="file"] { padding:9px; }.admin-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; }.admin-file { display:block; margin-top:6px; color:var(--muted); font-size:11px; font-weight:400; }.editor-actions { display:flex; align-items:center; gap:20px; }.post-list { align-self:start; padding:23px; background:#fff; border:1px solid var(--line); }.post-list-heading { display:flex; align-items:center; justify-content:space-between; gap:15px; border-bottom:1px solid var(--line); }.post-list h2 { margin:0 0 17px; font-size:20px; }.post-list-heading span { color:var(--blue); font-size:12px; font-weight:800; }.post-list > p { color:var(--muted); font-size:13px; }.post-list article { padding:18px 0; border-bottom:1px solid var(--line); }.post-list article:last-child { border-bottom:0; }.post-list h3 { margin:8px 0 4px; font-size:16px; line-height:1.3; }.post-list p { margin:0; color:var(--muted); font-size:11px; }.post-list article > div { display:flex; gap:15px; margin-top:10px; }.post-list article > div a { color:var(--blue); font-size:12px; font-weight:800; text-decoration:none; }.status { color:#855d00; font-size:10px; font-weight:800; letter-spacing:.08em; }.status.published { color:#15723d; }.admin-auth { width:min(100% - 40px,480px); margin:80px auto; padding:38px; background:#fff; border:1px solid var(--line); }.admin-auth h1 { font-size:38px; }.admin-auth > p:not(.blog-kicker) { color:var(--muted); }.admin-alert { margin:20px 0; padding:12px 14px; background:#ffe9ee; color:#9a1c36; font-size:13px; font-weight:700; }.admin-success { margin:20px 0; padding:12px 14px; background:#e5f5e9; color:#176638; font-size:13px; font-weight:700; }
@media (max-width:800px) { .blog-header,.blog-footer,.blog-main,.article-main,.admin-shell,.admin-header { width:min(100% - 32px,1180px); }.blog-header { min-height:70px; }.blog-header nav { gap:14px; }.blog-header nav a { font-size:11px; }.blog-hero { padding:62px 0 50px; }.blog-grid { grid-template-columns:1fr; gap:35px; }.blog-card img { height:auto; max-height:300px; }.blog-footer { flex-direction:column; padding:25px 0 32px; }.article-main { padding:40px 0 70px; }.article-cta { display:block; }.article-cta .blog-button { margin-top:15px; }.admin-shell { grid-template-columns:1fr; gap:35px; padding:45px 0 60px; }.post-list { order:-1; }.admin-grid { grid-template-columns:1fr; }.admin-header { min-height:70px; }.admin-auth { margin:35px auto; padding:28px 22px; }.admin-auth h1,.admin-shell h1 { font-size:34px; } }
.category-links,.article-taxonomy,.admin-nav { display:flex; flex-wrap:wrap; gap:9px; }.category-links { margin:-20px 0 48px; }.category-links a,.article-taxonomy span { padding:6px 9px; border:1px solid var(--line); color:var(--blue); font-size:11px; font-weight:800; text-decoration:none; }.category-links a[aria-current="page"] { background:var(--blue); border-color:var(--blue); color:#fff; }.article-taxonomy { margin:-10px 0 32px; }.article-taxonomy span { color:var(--muted); }.category-picker,.seo-editor { margin:0; padding:18px; border:1px solid var(--line); }.category-picker legend,.seo-editor legend { padding:0 5px; color:var(--blue); font-size:12px; font-weight:800; }.category-picker label { display:inline-flex; align-items:center; width:auto; margin:0 14px 9px 0; font-size:12px; }.category-picker input { width:auto; margin:0 5px 0 0; }.seo-editor { display:grid; gap:15px; }.admin-nav { margin:0 0 20px; }.admin-nav a { color:var(--muted); font-size:11px; font-weight:800; text-decoration:none; }.admin-nav a.active { color:var(--blue); text-decoration:underline; }.admin-secondary { min-height:46px; padding:0 16px; border:1px solid var(--blue); background:#fff; color:var(--blue); font-size:13px; font-weight:800; }.admin-wide { grid-template-columns:minmax(0,1fr) 250px; }.enquiry-list { display:grid; gap:18px; margin-top:30px; }.enquiry-list article { padding:22px; background:#fff; border:1px solid var(--line); }.enquiry-top { display:flex; justify-content:space-between; gap:18px; }.enquiry-top h2 { margin:7px 0 2px; font-size:20px; }.enquiry-top p { margin:0; color:var(--muted); font-size:13px; }.enquiry-list dl { display:flex; flex-wrap:wrap; gap:16px 28px; margin:20px 0; }.enquiry-list dl div { min-width:130px; }.enquiry-list dt { color:var(--muted); font-size:10px; font-weight:800; text-transform:uppercase; }.enquiry-list dd { margin:2px 0 0; font-size:13px; }.enquiry-notes { margin:0; padding-top:16px; border-top:1px solid var(--line); font-size:14px; }.enquiry-status { display:flex; align-items:end; gap:12px; margin-top:18px; }.enquiry-status label { font-size:12px; font-weight:800; }.enquiry-status select { display:block; margin-top:5px; padding:8px; border:1px solid var(--line); background:#fff; }
@media (max-width:800px) { .admin-wide { grid-template-columns:1fr; }.enquiry-top { display:block; }.enquiry-top > p { margin-top:10px; }.enquiry-status { align-items:end; flex-wrap:wrap; } }

/* Structured article content keeps long B2B posts scannable on small screens. */
.article-content { line-height:1.7; }
.article-content p { margin:0 0 1.45em; }
.article-content h2 { margin:2.5em 0 .7em; color:var(--ink); font-size:25px; line-height:1.28; }
.article-taxonomy { align-items:flex-start; }
.taxonomy-category { color:var(--blue) !important; }
.article-tags { max-width:100%; color:var(--muted); font-size:11px; font-weight:800; }
.article-tags summary { cursor:pointer; color:var(--blue); }
.article-tags > div { display:flex; flex-wrap:wrap; gap:9px; margin-top:9px; }
.article-tags span { display:inline-block; }
.article-toc { max-width:720px; margin:0 0 44px; padding:20px 22px; background:var(--sky); border-left:3px solid var(--blue); }
.article-toc p { margin:0 0 10px; color:var(--blue); font-size:11px; font-weight:800; letter-spacing:.1em; }
.article-toc ol { margin:0; padding-left:20px; }
.article-toc li { margin:7px 0; padding-left:3px; }
.article-toc a { color:var(--ink); font-size:14px; font-weight:700; text-decoration:none; }
.article-toc a:hover { color:var(--blue); text-decoration:underline; }
@media (max-width:800px) { .article-main h1 { font-size:clamp(32px,9vw,38px); line-height:1.1; }.article-content { font-size:16px; line-height:1.75; }.article-content h2 { margin-top:2.35em; font-size:22px; }.article-taxonomy { margin-bottom:26px; }.article-tags { flex-basis:100%; }.article-toc { margin-bottom:34px; padding:18px; }.article-toc a { font-size:13px; } }