/* insights/uk-tax-rates-2026-27's own layout, extracted from its inline
 * <style> (Task 11). Bespoke to this one rates-table article rather than
 * shared with assets/insights.css: main's measure, the heading weights and
 * the a colour all diverge from the 24-article template on purpose (this
 * page's own generator writes the explicit font-weight:400 below, which is
 * meant to beat assets/insights.css's h1,h2,.faq h3{font-weight:600} pin; it
 * still does, since this file is linked after that one).
 *
 * The @media(min-width:34rem) rule is the one that matters most to keep
 * intact: it is the narrow-viewport behaviour for .tools, and a harness that
 * only renders at 1280px cannot see it break.
 */
:root{--font-mono:"IBM Plex Mono",ui-monospace,monospace}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-sans);line-height:1.6}
main{max-width:48rem;margin:0 auto;padding:3.5rem 1.5rem}
h1{font-family:var(--font-display);font-size:clamp(2rem,5vw,2.6rem);line-height:1.14;margin:0 0 1rem;font-weight:400}
h2{font-family:var(--font-display);font-size:1.45rem;margin:3rem 0 .85rem;font-weight:400}
a{color:var(--orange-deep)}
.lede{font-size:1.1rem;color:var(--ink-2);margin:0 0 1.5rem;max-width:38rem}
.byline{color:var(--ink-muted);font-size:.92rem;margin:0 0 .4rem}
.stamp{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faded);margin:0 0 2.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--rule-soft)}
.tw{overflow-x:auto}
table{border-collapse:collapse;width:100%;font-size:.95rem;font-variant-numeric:tabular-nums}
th,td{text-align:left;padding:.55rem .9rem .55rem 0;border-bottom:1px solid var(--rule-soft);vertical-align:top}
th{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faded);font-weight:500}
td.num{font-family:var(--font-mono);white-space:nowrap}
td:last-child,th:last-child{padding-right:0;font-size:.85rem}
.faq{border-top:1px solid var(--rule-soft);padding-top:1.1rem;margin-top:1.1rem}
.faq h3{font-family:var(--font-display);font-size:1.12rem;margin:0 0 .45rem;font-weight:400}
.faq p{margin:0;color:var(--ink-2)}
.tools{list-style:none;padding:0;margin:0;display:grid;gap:.5rem}
@media(min-width:34rem){.tools{grid-template-columns:1fr 1fr}}
.note{background:var(--paper-2);border-left:2px solid var(--orange);padding:.9rem 1.1rem;margin:1.5rem 0;font-size:.95rem}