/* The approved guide extends the site's existing colour, type and contact system. */
.article-shell{max-width:1280px;margin:auto;padding:128px 56px 88px}
.article-header{max-width:1020px;padding-bottom:52px;border-bottom:1px solid var(--line)}
.article-header .breadcrumbs{margin-bottom:48px}
.article-header .eyebrow{margin-bottom:22px;color:var(--muted)}
.article-header h1{font-size:clamp(42px,4.3vw,66px);line-height:1.12;letter-spacing:-2px;text-wrap:balance;overflow-wrap:break-word;max-width:1020px}
.article-byline{display:flex;flex-wrap:wrap;gap:12px 30px;margin-top:28px;color:var(--muted);font-size:12px;line-height:1.8}
.article-layout{display:grid;grid-template-columns:205px minmax(0,1fr);gap:54px;padding-top:42px}
.article-toc{align-self:start;position:sticky;top:108px;min-width:0}
.article-toc summary{font-size:10px;letter-spacing:1.7px;text-transform:uppercase;font-weight:600;cursor:pointer;color:var(--muted)}
.article-toc ol{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:13px;font-size:12px;line-height:1.6}
.article-toc a:hover{text-decoration:underline;text-underline-offset:4px}
.article-prose{min-width:0;max-width:840px;font-size:17px;line-height:1.85;color:#3f574c;overflow-wrap:break-word}
.article-prose p{line-height:1.85;margin-bottom:24px}
.article-prose .article-lead{font-size:21px;line-height:1.7;color:var(--ink);text-wrap:pretty}
.article-prose .local-update{background:#e7eadf;border-left:3px solid var(--coral);padding:22px 24px;margin:32px 0 45px;font-size:14px;line-height:1.8;color:var(--ink)}
.article-prose h2{font-size:34px;line-height:1.22;letter-spacing:-.9px;color:var(--ink);margin:56px 0 24px;scroll-margin-top:112px;text-wrap:balance}
.article-prose h3{font-size:22px;line-height:1.4;letter-spacing:-.35px;color:var(--ink);margin:32px 0 14px;text-wrap:pretty}
.article-prose ul{padding-left:22px;margin:8px 0 28px}
.article-prose li{padding-left:6px;margin-bottom:17px;line-height:1.85}
.article-prose strong{font-weight:600;color:var(--ink)}
.article-prose a{text-decoration:underline;text-decoration-color:#869a8c;text-underline-offset:3px}
.article-prose a:hover{color:var(--coral);text-decoration-color:currentColor}
.article-prose .table-hint{font-size:11px;line-height:1.6;color:var(--muted);margin-bottom:12px}
.comparison-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;border:1px solid var(--line);border-radius:3px;margin-bottom:28px;scrollbar-color:#869a8c #e7eadf;scrollbar-width:thin}
.comparison-scroll:focus-visible{outline:3px solid #f2b765;outline-offset:4px}
.comparison-scroll table{width:100%;min-width:690px;border-collapse:collapse;table-layout:fixed;font-size:14px;line-height:1.65}
.comparison-scroll caption{text-align:left;padding:18px 20px;background:#e7eadf;color:var(--ink);font-size:13px;font-weight:600}
.comparison-scroll th,.comparison-scroll td{padding:18px 20px;vertical-align:top;text-align:left;border-bottom:1px solid var(--line)}
.comparison-scroll thead th{background:var(--green);color:var(--paper);font-weight:500}
.comparison-scroll th:first-child{width:23%}
.comparison-scroll tbody th{font-weight:600;color:var(--ink);background:#e7eadf77}
.comparison-scroll tbody tr:last-child>*{border-bottom:0}
.article-enquiry{padding:58px max(56px,calc((100vw - 1168px)/2));background:var(--green);color:var(--paper);display:flex;align-items:center;justify-content:space-between;gap:38px}
.article-enquiry>div{max-width:730px}
.article-enquiry h2{font-size:38px;line-height:1.25;letter-spacing:-1px;text-wrap:balance}
.article-enquiry p:not(.eyebrow){font-size:15px;color:#d8e1d6;margin-top:20px;line-height:1.8}
.article-enquiry .cta{flex-shrink:0}
@media(max-width:1050px){.article-shell{padding-left:40px;padding-right:40px}.article-layout{grid-template-columns:170px minmax(0,1fr);gap:32px}.article-enquiry{padding-left:40px;padding-right:40px}}
@media(max-width:800px){.article-shell{padding:112px 28px 64px}.article-header .breadcrumbs{margin-bottom:36px}.article-layout{display:block;padding-top:26px}.article-toc{position:static;border-bottom:1px solid var(--line);padding-bottom:24px;margin-bottom:30px}.article-toc ol{grid-template-columns:1fr 1fr;gap:12px 24px}.article-prose{max-width:none}.article-enquiry{display:block;padding:44px 28px}.article-enquiry .cta{margin-top:28px}}
@media(max-width:500px){.article-shell{padding:105px 22px 54px}.article-header{padding-bottom:30px}.article-header .breadcrumbs{font-size:10px;margin-bottom:32px}.article-header .eyebrow{font-size:9px;letter-spacing:1.6px;margin-bottom:18px}.article-header h1{font-size:clamp(33px,9.5vw,44px);letter-spacing:-1.2px;line-height:1.15;text-wrap:pretty}.article-byline{display:block;font-size:11px;margin-top:23px}.article-byline span{display:block;margin-top:5px}.article-toc ol{grid-template-columns:1fr;gap:10px}.article-prose{font-size:16px;line-height:1.85}.article-prose .article-lead{font-size:18px;line-height:1.8}.article-prose .local-update{font-size:13px;padding:19px 18px;margin:26px 0 35px}.article-prose h2{font-size:29px;line-height:1.25;letter-spacing:-.65px;margin:42px 0 20px;scroll-margin-top:102px}.article-prose h3{font-size:21px;line-height:1.4}.article-prose ul{padding-left:19px}.article-prose li{padding-left:3px}.comparison-scroll table{font-size:13px;min-width:670px}.comparison-scroll th,.comparison-scroll td{padding:15px 17px}.article-enquiry{padding:40px 22px}.article-enquiry h2{font-size:31px;letter-spacing:-.8px}}