/* latin-ext */
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/1izj6tm1wze2.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/zrxe6214ywao.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/1izj6tm1wze2.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/fonts/zrxe6214ywao.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/1izj6tm1wze2.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/fonts/zrxe6214ywao.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/1izj6tm1wze2.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/fonts/zrxe6214ywao.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'DM Serif Display';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/1igkqli10ezd.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'DM Serif Display';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/fonts/1scvh5e1amlz.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
:root{
--brand-primary:#7c6e53;
--brand-secondary:#3d4b38;
--surface-main:#ffffff;
--surface-muted:#f7f6f5;
--text-primary:#111827;
--text-secondary:#4b5563;
--action-primary:#7c6e53;
--action-primary-text:#ffffff;
--action-hover:#665a44;
--border-default:#e7e5e0;
--font-heading:DM Serif Display, Georgia, Cambria, Times New Roman, serif;
--font-body:DM Sans, system-ui, -apple-system, Segoe UI, sans-serif;
--radius-card:10px;
--radius-button:8px;
--radius-input:8px;
--shadow-card:0 1px 2px rgba(0,0,0,.06);
--space-section:4.5rem;
--space-gap:1.5rem;
--space-gutter:1.25rem;
--space-media:2.75rem;
--measure-wide:72rem;
--type-display:clamp(2.25rem,4.5vw,3.5rem);
--type-h2:clamp(1.6rem,2.6vw,2.25rem);
--type-h3:1.2rem;
--type-lead:1.0625rem;
--type-body:1rem;
--type-small:.875rem;
}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;font-family:var(--font-body);font-size:var(--type-body);line-height:1.6;
background:var(--surface-main);color:var(--text-primary)}
img{max-width:100%;height:auto;display:block}
:focus-visible{outline:2px solid var(--action-primary);outline-offset:2px}
/* A link woven into the writing. It is styled here rather than by a section,
   because it is added after the sections are drawn and it has to look the
   same wherever it lands. */
[data-link="in-text"]{color:var(--action-primary);text-decoration:underline;text-underline-offset:2px}
[data-link="in-text"]:hover{text-decoration-thickness:2px}

.c1sjr5ue{background:var(--surface-main);border-bottom:1px solid var(--border-default);position:relative}
.c18pj0fd{max-width:var(--measure-wide);margin-inline:auto;padding:.85rem var(--space-gutter);
display:flex;align-items:center;gap:var(--space-gap)}
.c1mc7zgx{display:inline-flex;align-items:center;min-height:44px;margin-right:auto;
color:var(--brand-secondary);text-decoration:none;font-family:var(--font-heading);font-weight:700}
.c68a8ub{display:flex;align-items:center;flex:0 0 auto}
.c68a8ub svg{display:block;height:2.5rem;width:auto}
.c1l06eob{position:static}
.c9948l4{display:inline-flex;align-items:center;gap:.6rem;min-height:44px;padding:.55rem .9rem;
font:inherit;font-weight:600;cursor:pointer;list-style:none;color:var(--text-primary);
border:1px solid var(--border-default);border-radius:var(--radius-button);background:var(--surface-main)}
.c9948l4::-webkit-details-marker{display:none}
.c9948l4:hover{border-color:var(--action-primary);color:var(--action-primary)}
/* Three rules that become a cross when it is open: the state is visible
   without reading anything. */
.cingmlq{position:relative;width:1rem;height:2px;background:currentColor}
.cingmlq::before,.cingmlq::after{content:"";position:absolute;left:0;width:1rem;height:2px;background:currentColor}
.cingmlq::before{top:-5px}
.cingmlq::after{top:5px}
.c1l06eob[open] .cingmlq{background:transparent}
.c1l06eob[open] .cingmlq::before{top:0;transform:rotate(45deg)}
.c1l06eob[open] .cingmlq::after{top:0;transform:rotate(-45deg)}
/* The sheet is the width of the page and as tall as it needs, and it scrolls
   itself rather than the page behind it. */
/* Said explicitly rather than left to the browser. A closed <details> that
   is also a flex item still gave its contents boxes in Chrome, which put a
   106px column 8px past the right edge of a 390px screen --- invisible,
   because nothing was painted, and reported by the responsive check every
   time. Nothing hidden should have a size. */
.c1l06eob:not([open]) .c1omamxm{display:none}
.c1omamxm{position:absolute;inset-inline:0;top:100%;z-index:40;max-height:80vh;overflow:auto;
background:var(--surface-main);border-top:1px solid var(--border-default);box-shadow:var(--shadow-card)}
.c1bbpcla{max-width:var(--measure-wide);margin-inline:auto;
padding:var(--space-media) var(--space-gutter);display:grid;gap:var(--space-media)}
/* min() so a column can never be wider than the space it has: a bare
   minmax(15rem,1fr) overflows a 390px screen by ninety pixels. */
.c1sjr5ue[data-columns="yes"] .c1bbpcla{grid-template-columns:repeat(auto-fit,minmax(min(15rem,100%),1fr));align-items:start}
.cg0lox8{margin:0 0 .6rem;font-family:var(--font-heading);font-size:var(--type-h3);color:var(--text-primary)}
.c1yevybx{list-style:none;margin:0;padding:0;display:grid;gap:.15rem;
grid-template-columns:repeat(auto-fit,minmax(min(12rem,100%),1fr))}
.c1sjr5ue[data-columns="yes"] .c1yevybx{grid-template-columns:1fr}
.c1yevybx a{display:flex;align-items:center;min-height:44px;padding-right:.5rem;
color:var(--text-primary);text-decoration:none}
.c1yevybx a:hover{color:var(--action-primary);text-decoration:underline}
.clprqw7{margin:.6rem 0 0}
.clprqw7 a{display:inline-flex;align-items:center;min-height:44px;color:var(--action-primary);
font-weight:600;text-decoration:none}
.clprqw7 a:hover{text-decoration:underline}
.ccwpnpq{display:inline-flex;align-items:center;min-height:44px;padding:.6rem 1.1rem;white-space:nowrap;
border-radius:var(--radius-button);background:var(--action-primary);color:var(--action-primary-text);
text-decoration:none;font-weight:600}
.ccwpnpq:hover{background:var(--action-hover)}
@media(max-width:48rem){
  .c68a8ub svg{height:2rem}
  .ccwpnpq{display:none}
  .c1bbpcla{gap:var(--space-gap)}
}

.clcukyr{background:var(--surface-muted);padding-block:var(--space-section)}
.c1m2thmh{max-width:var(--measure-wide);margin-inline:auto;padding-inline:var(--space-gutter);
display:grid;gap:var(--space-media)}
.clcukyr[data-beside="yes"] .c1m2thmh{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:end}
.cv0x1gg{margin:0 0 .5rem;font-size:var(--type-small);letter-spacing:.09em;text-transform:uppercase;color:var(--text-secondary)}
.c129c7q5{margin:0;font-family:var(--font-heading);font-size:var(--type-display);line-height:1.05;
color:var(--text-primary);max-width:20ch}
.c1ii6lsv{margin:0;font-size:var(--type-lead);color:var(--text-secondary);max-width:60ch}
.cso069o{margin:1rem 0 0}
.cso069o a{display:inline-flex;align-items:center;min-height:44px;color:var(--action-primary);font-weight:600;text-decoration:none}
.cso069o a:hover{text-decoration:underline}
.c1go5on3{margin:0;grid-column:1 / -1}
.c1go5on3 img{width:100%;aspect-ratio:21 / 9;object-fit:cover;display:block;border-radius:var(--radius-card)}
@media(max-width:52rem){
  .clcukyr[data-beside="yes"] .c1m2thmh{grid-template-columns:1fr}
  .c129c7q5{max-width:none}
}

.c1j0t57r{background:var(--surface-main);padding-block:var(--space-section)}
.c1sy4vh1{max-width:var(--measure-wide);margin-inline:auto;padding-inline:var(--space-gutter)}
.cqvhvwz{margin:0 0 .5rem;font-family:var(--font-heading);font-size:var(--type-h2);color:var(--text-primary)}
.c1nynbgt{margin:0 0 var(--space-media);max-width:60ch;color:var(--text-secondary)}
.c1c4s8ep{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-gap)}
.c1asj09i{border:1px solid var(--border-default);border-radius:var(--radius-card);
padding:var(--space-gap);background:var(--surface-main)}
/* The urgency is carried by a word as well as a colour: a border nobody can
   see is not a signal. */
.c1asj09i[data-when="now"]{border-left:4px solid var(--brand-primary)}
.c1asj09i[data-when="soon"]{border-left:4px solid var(--brand-secondary)}
.cclmxy0{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem var(--space-gap);
min-height:44px;cursor:default;list-style:none}
.c16u52my > .cclmxy0{cursor:pointer}
.cclmxy0::-webkit-details-marker{display:none}
.cf2339w{font-weight:600;color:var(--text-primary)}
.canfzdv{font-size:var(--type-small);letter-spacing:.06em;text-transform:uppercase;
color:var(--text-secondary);margin-left:auto}
.cdojfin{padding-top:.5rem}
.c182s6b9{margin:0 0 .35rem;color:var(--text-primary)}
.cvs4tlw{margin:0;color:var(--text-secondary)}
.c1qbx38i{font-weight:600;color:var(--text-primary)}
.c1382nmk{margin:var(--space-media) 0 0;max-width:70ch;font-size:var(--type-small);color:var(--text-secondary)}
@media(min-width:60rem){
  .c1j0t57r[data-folded="yes"] .c1c4s8ep,.c1c4s8ep{grid-template-columns:repeat(2,minmax(0,1fr))}
}

.cc3uian{background:var(--surface-main);padding-block:var(--space-section)}
.c1pir2el{max-width:var(--measure-wide);margin-inline:auto;padding-inline:var(--space-gutter)}
.c9095pd{margin:0;font-family:var(--font-heading);font-size:var(--type-h2);color:var(--text-primary)}
.cbp6589{margin:.75rem 0 0;max-width:60ch;color:var(--text-secondary)}
.c49wnm1{margin:var(--space-gap) 0 0;padding:0;list-style:none;display:grid;gap:var(--space-gap);
grid-template-columns:repeat(3,minmax(0,1fr))}
.c49wnm1[data-count="4"]{grid-template-columns:repeat(2,minmax(0,1fr))}
.ctm58ef{background:var(--surface-main);border:1px solid var(--border-default);
border-radius:var(--radius-card);padding:var(--space-gap);box-shadow:var(--shadow-card);position:relative}
/* The card is the tap target, not the words in its heading: the title link
   was 23px tall, under the 44px minimum (v2-qa, 27 September). */
.chwoaq6 a::after{content:"";position:absolute;inset:0}
.cc3uian[data-variant="B"] .ctm58ef{border:0;border-top:2px solid var(--brand-primary);
border-radius:0;box-shadow:none;padding-inline:0}
.c1wi81kr{margin:calc(var(--space-gap) * -1) calc(var(--space-gap) * -1) var(--space-gap)}
.c1wi81kr img{width:100%;aspect-ratio:3 / 2;object-fit:cover;display:block;border-radius:var(--radius-card) var(--radius-card) 0 0}
.cc3uian[data-variant="B"] .c1wi81kr{margin-inline:0;border-radius:0}
.chwoaq6{margin:0;font-family:var(--font-heading);font-size:var(--type-h3)}
.chwoaq6 a{color:var(--text-primary);text-decoration:none}
.chwoaq6 a:hover{text-decoration:underline}
.c1x52qu5{margin:.5rem 0 0;color:var(--text-secondary)}
@media(max-width:64rem){.c49wnm1,.c49wnm1[data-count="4"]{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:44rem){.c49wnm1,.c49wnm1[data-count="4"]{grid-template-columns:1fr}}

.c1ty1jbp{background:var(--surface-muted);padding-block:var(--space-section)}
.c1p79loj{max-width:var(--measure-wide);margin-inline:auto;padding-inline:var(--space-gutter)}
.c5b7y1r{max-width:52ch}
.c1gv28rt{margin:0 0 .5rem;font-family:var(--font-heading);font-size:var(--type-h2);color:var(--text-primary)}
.c1jem34z{margin:0 0 var(--space-media);color:var(--text-secondary)}
.c68ettn{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-gap);
grid-template-columns:repeat(auto-fit,minmax(16rem,1fr))}
.ccvfzlg{background:var(--surface-main);border:1px solid var(--border-default);
border-radius:var(--radius-card);padding:var(--space-gap)}
.c186f922{margin:0;font-weight:600;color:var(--text-primary)}
/* The figure is the thing being read, so it is the thing that is big. */
.crqevuw{margin:.35rem 0 .35rem;font-family:var(--font-heading);font-size:var(--type-h3);
color:var(--brand-primary);line-height:1.2}
.c1xm0lbn{margin:0;font-size:var(--type-small);color:var(--text-secondary)}
/* The disclaimer sits with the figures, not under the fold: it is part of
   what the figures mean, not a legal afterthought. */
.c1ckxi42{margin:var(--space-gap) 0 0;max-width:70ch;font-size:var(--type-small);
color:var(--text-secondary)}
/* Variant B: one ruled table, which reads better when there are several. */
.c1ty1jbp[data-table="yes"] .c68ettn{display:block;border-top:1px solid var(--border-default)}
.c1ty1jbp[data-table="yes"] .ccvfzlg{display:grid;gap:.15rem var(--space-gap);border:0;border-radius:0;
border-bottom:1px solid var(--border-default);background:none;padding-inline:0;
grid-template-columns:minmax(0,14rem) minmax(0,10rem) minmax(0,1fr);align-items:baseline}
.c1ty1jbp[data-table="yes"] .crqevuw{margin:0;font-size:var(--type-body);font-weight:700}
@media(max-width:48rem){
  .c1ty1jbp[data-table="yes"] .ccvfzlg{grid-template-columns:1fr}
  .c1ty1jbp[data-table="yes"] .crqevuw{font-size:var(--type-h3)}
}

.c1m1rtf9{background:var(--surface-main);padding-block:var(--space-section)}
.c1y3qd2b{max-width:var(--measure-wide);margin-inline:auto;padding-inline:var(--space-gutter);
display:grid;gap:var(--space-media);grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:start}
.c1m1rtf9[data-across="yes"] .c1y3qd2b{grid-template-columns:1fr}
.c1lwknz7{margin:0;font-family:var(--font-heading);font-size:var(--type-h2);color:var(--text-primary)}
.c1939qez{margin:.75rem 0 0;max-width:52ch;color:var(--text-secondary)}
.cg77v8k{list-style:none;margin:0;padding:0;display:grid;gap:0}
.c1m1rtf9[data-across="yes"] .cg77v8k{grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));
gap:var(--space-gap)}
/* The WHEN is the answer, so it is set first and in the brand colour: the
   question underneath the question is always how long. */
.cwtcsxr{display:grid;grid-template-columns:minmax(0,9rem) minmax(0,1fr);gap:var(--space-gap);
padding-block:var(--space-gap);border-top:1px solid var(--border-default);align-items:baseline}
.c1m1rtf9[data-across="yes"] .cwtcsxr{grid-template-columns:1fr;gap:.25rem;
border-top-width:3px;border-top-color:var(--brand-primary)}
.c1t32nzz{margin:0;font-family:var(--font-heading);font-size:var(--type-h3);color:var(--brand-primary)}
.c1vvbaxl{margin:0;color:var(--text-secondary)}
@media(max-width:52rem){
  .c1y3qd2b{grid-template-columns:1fr}
  .cwtcsxr{grid-template-columns:1fr;gap:.25rem}
}

.c1xy89lh{background:var(--surface-main);padding-block:var(--space-section)}
.crnwf43{max-width:var(--measure-wide);margin-inline:auto;padding-inline:var(--space-gutter)}
.cjbp27d{margin:0 0 .5rem;font-family:var(--font-heading);font-size:var(--type-h2);color:var(--text-primary)}
.clv8wkj{margin:0 0 var(--space-media);max-width:60ch;color:var(--text-secondary)}
.c17q5p8b{list-style:none;margin:0;padding:0;display:grid;gap:.25rem var(--space-media);
grid-template-columns:repeat(auto-fit,minmax(18rem,1fr))}
.c1ed6v04{border-top:1px solid var(--border-default)}
/* The whole row is the target, not the box: a 16px checkbox is not a tap. */
.c16x2ij{display:flex;gap:.75rem;align-items:flex-start;padding:.85rem 0;min-height:44px;cursor:pointer}
.c2ds2d0{margin-top:.15rem;width:1.15rem;height:1.15rem;flex:0 0 auto;accent-color:var(--action-primary)}
.clrlrqs{display:grid;gap:.15rem}
.c1mk0fz5{font-weight:600;color:var(--text-primary)}
.czzmkpb{font-size:var(--type-small);color:var(--text-secondary)}
.c102ner7{margin:var(--space-gap) 0 0;max-width:60ch;font-size:var(--type-small);color:var(--text-secondary)}
.c1xy89lh[data-single="yes"] .c17q5p8b{grid-template-columns:1fr}
/* On paper the boxes have to be boxes, and the colour has to stay. */
@media print{
  .c2ds2d0{-webkit-appearance:none;appearance:none;border:1px solid #000;border-radius:2px}
  .c1xy89lh{background:#fff}
}

.c1kso5bj{display:grid;gap:.25rem;font-size:var(--type-small);color:var(--text-secondary)}
.cyxodxq{grid-column:1 / -1}
.c1kso5bj input,.c1kso5bj select,.c1kso5bj textarea{font:inherit;font-size:var(--type-body);
padding:.7rem .8rem;min-height:44px;border:1px solid var(--border-default);border-radius:var(--radius-input);
background:var(--surface-main);color:var(--text-primary);width:100%}
.c1kso5bj textarea{min-height:5rem;resize:vertical}
.c1we4m2{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.c49m4lj{grid-column:1 / -1;margin:0;font-size:var(--type-small);color:var(--text-primary)}
.c15nasd{grid-column:1 / -1;min-height:48px;padding:.8rem 1.25rem;border:0;
border-radius:var(--radius-button);background:var(--action-primary);color:var(--action-primary-text);
font:inherit;font-weight:600;cursor:pointer}
.c15nasd:hover{background:var(--action-hover)}
.c15nasd[disabled]{opacity:.7;cursor:default}
.c16fml2t{grid-column:1 / -1;margin:0;font-size:var(--type-small);color:var(--text-secondary)}
.cylfrqh{margin:0;padding:var(--space-gap);border-radius:var(--radius-card);
background:var(--surface-main);border:1px solid var(--border-default);color:var(--text-primary)}

.c1qp22gq{background:var(--surface-muted);padding-block:var(--space-section)}
.cac7aqc{max-width:var(--measure-wide);margin-inline:auto;padding-inline:var(--space-gutter);
display:grid;gap:var(--space-media);grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:start}
.c1qp22gq[data-stacked="yes"] .cac7aqc{grid-template-columns:1fr;max-width:52rem}
.c1uzb846{margin:0;font-family:var(--font-heading);font-size:var(--type-h2);color:var(--text-primary)}
.c5dlodo{margin:.75rem 0 0;max-width:52ch;color:var(--text-secondary)}
.c1hfj6qy a{display:inline-flex;align-items:center;min-height:44px;color:var(--action-primary);font-weight:600;text-decoration:none}
.cwr3hkv{margin:1rem 0 0;padding:0;list-style:none;display:grid;gap:.4rem;color:var(--text-primary)}
.cwr3hkv li{padding-left:1.4rem;position:relative}
.cwr3hkv li::before{content:"";position:absolute;left:0;top:.55em;width:.45rem;height:.45rem;
border-right:2px solid var(--brand-primary);border-bottom:2px solid var(--brand-primary);
transform:rotate(45deg) translateY(-50%)}
/* Fewer fields than the opening asks for, and they sit on the page rather
   than in a raised card: this is the end of a read, not the start of one. */
.c1ispoee{display:grid;gap:.75rem;grid-template-columns:1fr 1fr;position:relative;
background:var(--surface-main);border:1px solid var(--border-default);border-radius:var(--radius-card);
padding:var(--space-gap)}
@media(max-width:52rem){
  .cac7aqc{grid-template-columns:1fr}
  .c1ispoee{grid-template-columns:1fr}
}

.c16l0w8j{background:var(--surface-main);border-top:1px solid var(--border-default);
padding-block:var(--space-section);color:var(--text-secondary)}
.c9csfjd{max-width:var(--measure-wide);margin-inline:auto;padding-inline:var(--space-gutter);
display:grid;gap:var(--space-gap)}
.c1xu9ys0{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-gap)}
.c1ojj64a{display:inline-flex;align-items:center;min-height:44px;margin-right:auto;
color:var(--brand-secondary);text-decoration:none;font-family:var(--font-heading);font-weight:700}
.c1e5obw6{display:flex;align-items:center}
.c1e5obw6 svg{display:block;height:2.1rem;width:auto}
.c1sfcdaq,.cnyweqm{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:0 var(--space-gap)}
.cjlyggl,.c1tbjcs6{display:flex;align-items:center;min-height:44px;
color:var(--text-primary);text-decoration:none}
.cjlyggl:hover,.c1tbjcs6:hover{color:var(--action-primary);text-decoration:underline}
.c1tbjcs6{font-size:var(--type-small);color:var(--text-secondary)}
.c1jbpw4k{margin:0;max-width:70ch;font-size:var(--type-small)}
.c16l0w8j[data-middle="yes"] .c9csfjd{justify-items:center;text-align:center}
.c16l0w8j[data-middle="yes"] .c1xu9ys0{justify-content:center}
.c16l0w8j[data-middle="yes"] .c1ojj64a{margin-right:0}
.c16l0w8j[data-middle="yes"] .c1jbpw4k{max-width:60ch}

.c1kso5bj{display:grid;gap:.25rem;font-size:var(--type-small);color:var(--text-secondary)}
.cyxodxq{grid-column:1 / -1}
.c1kso5bj input,.c1kso5bj select,.c1kso5bj textarea{font:inherit;font-size:var(--type-body);
padding:.7rem .8rem;min-height:44px;border:1px solid var(--border-default);border-radius:var(--radius-input);
background:var(--surface-main);color:var(--text-primary);width:100%}
.c1kso5bj textarea{min-height:5rem;resize:vertical}
.c1we4m2{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.c49m4lj{grid-column:1 / -1;margin:0;font-size:var(--type-small);color:var(--text-primary)}
.c15nasd{grid-column:1 / -1;min-height:48px;padding:.8rem 1.25rem;border:0;
border-radius:var(--radius-button);background:var(--action-primary);color:var(--action-primary-text);
font:inherit;font-weight:600;cursor:pointer}
.c15nasd:hover{background:var(--action-hover)}
.c15nasd[disabled]{opacity:.7;cursor:default}
.c16fml2t{grid-column:1 / -1;margin:0;font-size:var(--type-small);color:var(--text-secondary)}
.cylfrqh{margin:0;padding:var(--space-gap);border-radius:var(--radius-card);
background:var(--surface-main);border:1px solid var(--border-default);color:var(--text-primary)}

.cr9mkun{background:var(--surface-muted);padding-block:var(--space-section)}
.cpvtwe5{max-width:var(--measure-wide);margin-inline:auto;padding-inline:var(--space-gutter);
display:grid;gap:var(--space-gap);align-items:center;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}
.coihjmc{margin:0 0 .5rem;font-size:var(--type-small);letter-spacing:.09em;text-transform:uppercase;color:var(--text-secondary)}
.c1exuptd{margin:0;font-family:var(--font-heading);font-size:var(--type-display);line-height:1.05;color:var(--text-primary)}
.ccy2ux5{margin:1rem 0 0;font-size:var(--type-lead);color:var(--text-secondary);max-width:46ch}
.cb9xr7x{margin:1.25rem 0 0;padding:0;list-style:none;display:grid;gap:.5rem}
.cb9xr7x li{padding-left:1.5rem;position:relative;color:var(--text-primary)}
.cb9xr7x li::before{content:"";position:absolute;left:0;top:.55em;width:.5rem;height:.5rem;
border-right:2px solid var(--brand-primary);border-bottom:2px solid var(--brand-primary);transform:rotate(45deg) translateY(-50%)}
.ctlvr3{background:var(--surface-main);border:1px solid var(--border-default);border-radius:var(--radius-card);
padding:var(--space-gap);box-shadow:var(--shadow-card)}
.c18538rd a{display:inline-flex;align-items:center;min-height:44px;color:var(--action-primary);font-weight:600;text-decoration:none}
.c18538rd a:hover{text-decoration:underline}
.c1dbv67r{margin:0 0 1rem;font-family:var(--font-heading);font-size:var(--type-h3);color:var(--text-primary)}
.c1sqygb8{display:grid;gap:.75rem;grid-template-columns:1fr 1fr;position:relative}
.c27om9y{display:grid;gap:var(--space-media);align-content:center}
.c70k4t7{margin:0}
.c70k4t7 img{width:100%;aspect-ratio:16 / 9;object-fit:cover;display:block;border-radius:var(--radius-card)}
@media(max-width:52rem){.cpvtwe5{grid-template-columns:1fr}}

.c3vw8ki{background:var(--surface-main);padding-block:var(--space-section)}
.c1j1pisc{max-width:var(--measure-wide);margin-inline:auto;padding-inline:var(--space-gutter)}
.c1ws0hqm{margin:0;font-family:var(--font-heading);font-size:var(--type-h2);color:var(--text-primary)}
.c1bccl62{margin:.75rem 0 0;max-width:60ch;color:var(--text-secondary)}
/* Capped, so the ruled lines end where the writing ends. Run full width
   they drew attention to the empty half of the page rather than to the
   ledger. */
.cyou0eo{list-style:none;margin:var(--space-gap) 0 0;padding:0;display:grid;gap:0;max-width:74ch}
.c3vw8ki[data-two="yes"] .cyou0eo{grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));
column-gap:var(--space-media);max-width:none}
/* A ledger: each line ruled off, the number set in the margin rather than
   in a circle, so it reads as a record and not as a set of steps. */
.c4z2fqo{display:grid;grid-template-columns:3rem minmax(0,1fr);gap:var(--space-gap);
align-items:baseline;padding-block:var(--space-gap);border-top:1px solid var(--border-default)}
.c1p3uhc9{font-family:var(--font-heading);font-size:var(--type-h3);color:var(--brand-primary);font-variant-numeric:tabular-nums}
.c1y3psf5{display:grid;gap:.3rem}
.c27omqz{margin:0;font-family:var(--font-heading);font-size:var(--type-h3);color:var(--text-primary)}
.cc3cfih{margin:0;color:var(--text-secondary);max-width:62ch}
.cjyco90{margin:var(--space-gap) 0 0;max-width:60ch;font-size:var(--type-small);color:var(--text-secondary)}
@media(max-width:52rem){
  .c3vw8ki[data-two="yes"] .cyou0eo{grid-template-columns:1fr}
  .c4z2fqo{grid-template-columns:2.25rem minmax(0,1fr);gap:.75rem}
}

.czuwo7b{background:var(--surface-main);padding-block:var(--space-section)}
.cdlo4vp{max-width:var(--measure-wide);margin-inline:auto;padding-inline:var(--space-gutter);
display:grid;gap:var(--space-media)}
.czuwo7b[data-aside="yes"] .cdlo4vp{grid-template-columns:minmax(0,20rem) minmax(0,1fr);align-items:start}
.c6rgnx5{margin:0;font-family:var(--font-heading);font-size:var(--type-h2);color:var(--text-primary)}
.cr7v6ip{margin:.75rem 0 0;max-width:60ch;color:var(--text-secondary)}
.c1vthre9{margin:0;padding:0}
/* The two columns are the whole design, so they are stated once at the top
   and then held by every row. */
.c19vga43,.c1c5yoaz{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:var(--space-media)}
.c19vga43{padding-bottom:.5rem;border-bottom:2px solid var(--brand-primary);
font-size:var(--type-small);letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary)}
.c1c5yoaz{padding-block:var(--space-gap);border-bottom:1px solid var(--border-default);align-items:baseline}
.c1qreaey{margin:0;font-family:var(--font-heading);font-size:var(--type-h3);color:var(--text-primary)}
.c1um568l{margin:0;color:var(--text-secondary)}
@media(max-width:52rem){
  .czuwo7b[data-aside="yes"] .cdlo4vp{grid-template-columns:1fr}
  .c19vga43{display:none}
  .c1c5yoaz{grid-template-columns:1fr;gap:.35rem}
  .c1um568l::before{content:"Usually means: ";color:var(--text-primary);font-weight:600}
}

.c1yxwu7d{background:var(--surface-main);padding-block:var(--space-section)}
.ch0esz3{max-width:var(--measure-wide);margin-inline:auto;padding-inline:var(--space-gutter);
display:grid;gap:var(--space-media);grid-template-columns:minmax(0,18rem) minmax(0,1fr);align-items:start}
.c15shbzj{margin:0;font-family:var(--font-heading);font-size:var(--type-h2);color:var(--text-primary)}
.c10l7s37{margin:.75rem 0 0;color:var(--text-secondary)}
.cle6ui7{list-style:none;margin:0;padding:0;display:grid;gap:0}
/* Names alone can run in columns; names with summaries cannot, because the
   summary is what a visitor reads to choose. */
.c1yxwu7d[data-names="yes"] .cle6ui7{grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));column-gap:var(--space-gap)}
.cu84l6o{border-top:1px solid var(--border-default)}
.cr5xnrv{display:grid;gap:.2rem;padding-block:.85rem;min-height:44px;align-content:center;
text-decoration:none;color:var(--text-primary)}
.cr5xnrv:hover .c1at1jvo{color:var(--action-primary);text-decoration:underline}
.c1at1jvo{font-family:var(--font-heading);font-size:var(--type-h3)}
.c11h4b4x{color:var(--text-secondary)}
.cr5xnrv[aria-current="page"] .c1at1jvo{color:var(--action-primary)}
@media(max-width:52rem){
  .ch0esz3{grid-template-columns:1fr}
  .c1yxwu7d[data-names="yes"] .cle6ui7{grid-template-columns:1fr}
}

.c7r2e4w{background:var(--surface-main);padding-block:var(--space-section)}
.cex6jqa{max-width:var(--measure-wide);margin-inline:auto;padding-inline:var(--space-gutter)}
.c1mza6vk{margin:0;font-family:var(--font-heading);font-size:var(--type-h2);color:var(--text-primary)}
.c36u4zk{margin:.75rem 0 0;max-width:60ch;color:var(--text-secondary)}
.c1b1atvi{margin-top:var(--space-media);display:grid;gap:var(--space-gap);
grid-template-columns:repeat(auto-fit,minmax(16rem,1fr))}
.cofl9bt{display:grid;grid-template-columns:2.5rem minmax(0,1fr);gap:.5rem;align-items:start}
/* Too few places to gather: the list simply runs, in columns. */
.cofl9bt[data-plain="yes"]{grid-template-columns:1fr}
.c1b1atvi:has([data-plain="yes"]){grid-template-columns:1fr}
.cofl9bt[data-plain="yes"] .ca68mz2{grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));column-gap:var(--space-gap)}
.c7r2e4w[data-above="yes"] .cofl9bt{grid-template-columns:1fr}
.cu36lfe{margin:0;font-family:var(--font-heading);font-size:var(--type-h3);
color:var(--brand-primary);line-height:1.6}
.c7r2e4w[data-above="yes"] .cu36lfe{border-bottom:2px solid var(--brand-primary);padding-bottom:.25rem}
.ca68mz2{list-style:none;margin:0;padding:0;display:grid;gap:0}
.c1wjr1hl,.c1o4axyg{display:flex;align-items:center;min-height:44px;
color:var(--text-primary);text-decoration:none}
.c1wjr1hl:hover{color:var(--action-primary);text-decoration:underline}
.c1o4axyg{font-weight:700;color:var(--action-primary)}
.c1r9q6hu{margin:var(--space-gap) 0 0;max-width:60ch;font-size:var(--type-small);color:var(--text-secondary)}
@media(max-width:52rem){
  .c1b1atvi{grid-template-columns:repeat(auto-fit,minmax(11rem,1fr))}
}

.cu1ilsd{background:var(--surface-muted);padding-block:var(--space-section)}
.c17i6057{max-width:var(--measure-wide);margin-inline:auto;padding-inline:var(--space-gutter);
display:grid;gap:var(--space-media);grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start}
.cu1ilsd[data-across="yes"] .c17i6057{grid-template-columns:1fr}
.c1jhb74u{margin:0 0 .4rem;font-size:var(--type-small);letter-spacing:.09em;
text-transform:uppercase;color:var(--brand-primary);font-weight:600}
.c1atwwrv{margin:0;font-family:var(--font-heading);font-size:var(--type-h2);color:var(--text-primary)}
.c10dfuab{margin:.75rem 0 0;max-width:54ch;color:var(--text-secondary)}
.cuzs866{margin:1rem 0 0}
.cuzs866 a{display:inline-flex;align-items:center;min-height:44px;color:var(--action-primary);
font-weight:600;text-decoration:none}
.cuzs866 a:hover{text-decoration:underline}
.c1opesma{margin:0;display:grid;gap:var(--space-gap)}
.cu1ilsd[data-across="yes"] .c1opesma{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr))}
/* Each fact is a statement about the PLACE, so it is set like a definition
   rather than like a selling point. */
.cu8bhnp{display:grid;gap:.25rem;padding-left:var(--space-gap);border-left:2px solid var(--brand-primary)}
.c1at1irq{margin:0;font-family:var(--font-heading);font-size:var(--type-h3);color:var(--text-primary)}
.c1wkk79x{margin:0;color:var(--text-secondary)}
@media(max-width:52rem){
  .c17i6057{grid-template-columns:1fr}
  .cu1ilsd[data-across="yes"] .c1opesma{grid-template-columns:1fr}
}

.c1hz1x5p{background:var(--surface-main);padding-block:var(--space-section)}
.ch2dnmz{max-width:var(--measure-wide);margin-inline:auto;padding-inline:var(--space-gutter)}
.c20xuu3{margin:0;font-family:var(--font-heading);font-size:var(--type-h2);color:var(--text-primary)}
.cmlc5hj{margin:.75rem 0 0;max-width:60ch;color:var(--text-secondary)}
.c4yhnnn{list-style:none;margin:var(--space-media) 0 0;padding:0;display:grid;gap:var(--space-gap);
grid-template-columns:repeat(auto-fit,minmax(20rem,1fr))}
.c1hz1x5p[data-single="yes"] .c4yhnnn{grid-template-columns:1fr;max-width:68ch}
/* The question is set as the heading it really is, in the body face, so it
   reads as somebody thinking rather than as a section title. */
.c1ediysc{padding-left:var(--space-gap);border-left:3px solid var(--brand-primary);display:grid;gap:.3rem}
.c1qdrtku{margin:0;font-size:var(--type-lead);font-weight:600;color:var(--text-primary)}
.c1utlgoe{margin:0;color:var(--text-secondary)}
.ccbf4jy{margin:var(--space-gap) 0 0}
.ccbf4jy a{display:inline-flex;align-items:center;min-height:44px;color:var(--action-primary);
font-weight:600;text-decoration:none}
.ccbf4jy a:hover{text-decoration:underline}
@media(max-width:52rem){
  .c4yhnnn{grid-template-columns:1fr}
}

.c1pk5yxm{background:var(--surface-muted);padding-block:var(--space-section)}
.cu9dgvo{max-width:var(--measure-wide);margin-inline:auto;padding-inline:var(--space-gutter);
display:grid;gap:var(--space-media)}
.c1pk5yxm[data-aside="yes"] .cu9dgvo{grid-template-columns:minmax(0,22rem) minmax(0,1fr);align-items:start}
.cc5jr3q{margin:0;font-family:var(--font-heading);font-size:var(--type-h2);color:var(--text-primary)}
.c1lvhm82{margin:.75rem 0 0;max-width:60ch;color:var(--text-secondary)}
.c1bslrw{margin:.75rem 0 0;max-width:60ch;color:var(--text-secondary);font-size:var(--type-small)}
/* A long list of towns is a list, not a paragraph: even columns, each name
   on its own line, so a visitor can find theirs by scanning. */
.c1gn9klk{list-style:none;margin:0;padding:0;display:grid;gap:.25rem var(--space-gap);
grid-template-columns:repeat(auto-fit,minmax(11rem,1fr))}
.c1gn9klk[data-count="2"],.c1gn9klk[data-count="3"],.c1gn9klk[data-count="4"]{
grid-template-columns:repeat(auto-fit,minmax(14rem,1fr))}
.c923v8z a,.c923v8z span{display:flex;align-items:center;min-height:44px;
padding-right:.5rem;color:var(--text-primary);text-decoration:none;border-bottom:1px solid var(--border-default)}
.c923v8z a:hover{color:var(--action-primary);text-decoration:underline}
.c923v8z[data-here="yes"] span{font-weight:700;color:var(--action-primary)}
@media(max-width:52rem){
  .c1pk5yxm[data-aside="yes"] .cu9dgvo{grid-template-columns:1fr}
  .c1gn9klk{grid-template-columns:repeat(auto-fit,minmax(9rem,1fr))}
}

.cqcyo9j{background:var(--brand-primary);color:var(--action-primary-text);padding-block:var(--space-section)}
.c1d9j6zp{max-width:var(--measure-wide);margin-inline:auto;padding-inline:var(--space-gutter);
display:flex;gap:var(--space-gap);align-items:center;justify-content:space-between;flex-wrap:wrap}
.cqcyo9j[data-variant="B"] .c1d9j6zp{flex-direction:column;align-items:flex-start;text-align:left}
.cn3d0uh{margin:0;font-family:var(--font-heading);font-size:var(--type-h2)}
.c1so3qcx{margin:.5rem 0 0;opacity:.9;max-width:60ch}
.czycyrv{margin:0}
.c1d5ch93{display:inline-flex;align-items:center;min-height:48px;padding:0 1.5rem;border-radius:var(--radius-button);
background:var(--surface-main);color:var(--brand-primary);text-decoration:none;font-weight:700}
.c1d5ch93:hover{background:var(--surface-muted)}

.c1ctlh7b{background:var(--surface-muted);padding-block:var(--space-section)}
.cv076zp{max-width:var(--measure-wide);margin-inline:auto;padding-inline:var(--space-gutter)}
.c1ftqqa1{margin:0;font-family:var(--font-heading);font-size:var(--type-h2);color:var(--text-primary)}
.cmdddtd{margin:.75rem 0 0;max-width:60ch;color:var(--text-secondary)}
.c1y5u1a9{margin:var(--space-gap) 0 0;padding:0;list-style:none;display:grid;gap:var(--space-gap)}
/* A picture is taller than the words it sits beside, so it reaches towards
   the sign below. With pictures the list opens up to match. */
.c1y5u1a9:has(.c8lkqyr){gap:var(--space-media);margin-top:var(--space-media)}
/* A sign is one row --- number, words, picture --- rather than a thumbnail
   dropped in underneath, which broke the list's rhythm. The words are their
   own block, so a picture taller than the text does not push the heading and
   its paragraph apart. */
.c13pg6li{display:grid;grid-template-columns:2.25rem minmax(0,1fr);gap:1rem;align-items:start}
.c13pg6li:has(.c8lkqyr){grid-template-columns:2.25rem minmax(0,1fr) 16rem;align-items:center}
.cz9m7t6{display:grid;gap:.25rem}
.c4m42sz{width:2.25rem;height:2.25rem;border-radius:999px;display:grid;place-items:center;
background:var(--brand-primary);color:var(--action-primary-text);font-weight:700}
.c13pg6li:has(.c8lkqyr) .c4m42sz{align-self:center}
.cyppnja{margin:0;font-family:var(--font-heading);font-size:var(--type-h3);color:var(--text-primary)}
.c1kh8c1h{margin:0;color:var(--text-secondary);max-width:62ch}
/* The number sits close to its words; the picture keeps its distance. One
   column gap cannot do both, so the picture carries the difference. */
.c8lkqyr{margin:0 0 0 calc(var(--space-media) - 1rem)}
.c8lkqyr img{width:100%;aspect-ratio:3 / 2;object-fit:cover;display:block;border-radius:var(--radius-card)}
@media(max-width:52rem){
  .c13pg6li:has(.c8lkqyr){grid-template-columns:2.25rem minmax(0,1fr);align-items:start}
  .c8lkqyr{grid-column:2;margin:var(--space-media) 0 0}
}

/* The picture is a layer, not a background image: a background cannot carry
   alt text and this one is part of the page. */
.c1qamrkk{position:relative;isolation:isolate;background:var(--brand-secondary);color:var(--action-primary-text);
display:grid;align-items:end;min-height:clamp(24rem,60vh,34rem)}
.c1b2jqmq{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
/* Heavy enough to hold white text over a photograph nobody chose. A site's
   pictures are whatever it has, so a bright sky has to work as well as a
   dark wall, and the words are large where the scrim is thinnest. */
.c8fkmoo{position:absolute;inset:0;z-index:-1;
background:linear-gradient(to top,rgba(0,0,0,.82),rgba(0,0,0,.62) 55%,rgba(0,0,0,.45))}
.c1qamrkk[data-photo="no"] .c8fkmoo,.c1qamrkk:not([data-photo]) .c8fkmoo{background:none}
.cwzlhe6{max-width:var(--measure-wide);margin-inline:auto;width:100%;
padding:var(--space-section) var(--space-gutter)}
.c1qamrkk[data-centred="yes"] .cwzlhe6{text-align:center}
.c1qamrkk[data-centred="yes"] .c15kl84v{justify-content:center}
.c6415ap{margin:0 0 .5rem;font-size:var(--type-small);letter-spacing:.09em;text-transform:uppercase;opacity:.85}
.ct1t1ks{margin:0;font-family:var(--font-heading);font-size:var(--type-display);line-height:1.05;max-width:20ch}
.c1qamrkk[data-centred="yes"] .ct1t1ks{margin-inline:auto}
.c5g1y66{margin:1rem 0 0;font-size:var(--type-lead);max-width:52ch;opacity:.92}
.c1qamrkk[data-centred="yes"] .c5g1y66{margin-inline:auto}
.c15kl84v{margin:var(--space-gap) 0 0;display:flex;flex-wrap:wrap;gap:1rem;align-items:center}
.c7go3ms{display:inline-flex;align-items:center;min-height:48px;padding:.8rem 1.4rem;
border-radius:var(--radius-button);background:var(--action-primary);color:var(--action-primary-text);
text-decoration:none;font-weight:600}
.c7go3ms:hover{background:var(--action-hover)}
.cyq8psm{display:inline-flex;align-items:center;min-height:48px;padding:.8rem 1.1rem;
border-radius:var(--radius-button);border:1px solid currentColor;color:inherit;text-decoration:none;font-weight:600}
.cyq8psm:hover{text-decoration:underline}
@media(max-width:52rem){
  .c1qamrkk{min-height:auto}
  .ct1t1ks{max-width:none}
}

.cnh6rcs{background:var(--surface-main);padding-block:var(--space-section)}
.ccc4l2u{max-width:var(--measure-wide);margin-inline:auto;padding-inline:var(--space-gutter)}
.c140smk0{border:2px solid var(--brand-primary);border-radius:var(--radius-card);
padding:var(--space-media);display:grid;gap:var(--space-media);
grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:start}
.cnh6rcs[data-filled="yes"] .c140smk0{border-color:transparent;background:var(--surface-muted)}
.c1576s44{margin:0;font-family:var(--font-heading);font-size:var(--type-h2);color:var(--text-primary)}
.c146hmd2{margin:.75rem 0 0;max-width:52ch;color:var(--text-secondary)}
.c1nb44vy{margin:var(--space-gap) 0 0}
.c1yep0ik{display:inline-flex;align-items:center;min-height:48px;padding:.8rem 1.4rem;
border-radius:var(--radius-button);background:var(--action-primary);color:var(--action-primary-text);
text-decoration:none;font-weight:600}
.c1yep0ik:hover{background:var(--action-hover)}
/* What happens next is the argument, so it is set as a list and not as
   prose: a visitor counts the steps before they read them. */
.c1nfv52n{border-left:2px solid var(--border-default);padding-left:var(--space-gap)}
.cxfsgph{margin:0 0 .5rem;font-size:var(--type-small);letter-spacing:.08em;
text-transform:uppercase;color:var(--text-secondary)}
.c4kbs0p{margin:0;padding-left:1.25rem;display:grid;gap:.5rem;color:var(--text-primary)}
@media(max-width:52rem){
  .c140smk0{grid-template-columns:1fr;padding:var(--space-gap)}
  .c1nfv52n{border-left:0;border-top:2px solid var(--border-default);padding-left:0;padding-top:var(--space-gap)}
}

.cujzoiy{background:var(--surface-main);padding-block:var(--space-section)}
.cucip9g{max-width:var(--measure-wide);margin-inline:auto;padding-inline:var(--space-gutter)}
.cujzoiy[data-contents="yes"] .cucip9g{display:grid;gap:var(--space-media);
grid-template-columns:minmax(0,15rem) minmax(0,1fr);align-items:start}
/* A measure, not a width. Long writing set across a full page is not read,
   and this is the one section whose whole job is being read. */
.c14j5lj0{max-width:68ch}
.c1ab6k2u{margin:0 0 var(--space-media);font-family:var(--font-heading);font-size:var(--type-display);
line-height:1.05;letter-spacing:-0.01em;color:var(--text-primary)}
.cy6dwdc{margin:0 0 var(--space-gap);font-size:var(--type-lead);color:var(--text-secondary)}
.cl23cpk + .cl23cpk{margin-top:var(--space-media)}
.c1cmjfw2{margin:0 0 .5rem;font-family:var(--font-heading);font-size:var(--type-h2);color:var(--text-primary)}
.c2t9yqo{margin:0 0 1rem;color:var(--text-primary)}
.c2t9yqo:last-child{margin-bottom:0}
.cax66vm{position:sticky;top:var(--space-gap);padding-left:var(--space-gap);
border-left:2px solid var(--border-default)}
.c8rrgxo{margin:0 0 .35rem;font-size:var(--type-small);letter-spacing:.08em;
text-transform:uppercase;color:var(--text-secondary)}
.c1ku5vv2{list-style:none;margin:0;padding:0;display:grid;gap:0}
.c1ku5vv2 a{display:flex;align-items:center;min-height:44px;color:var(--text-primary);text-decoration:none}
.c1ku5vv2 a:hover{color:var(--action-primary);text-decoration:underline}
@media(max-width:60rem){
  .cujzoiy[data-contents="yes"] .cucip9g{grid-template-columns:1fr}
  .cax66vm{position:static}
}

.cklpnxu{background:var(--surface-muted);padding-block:var(--space-section)}
.c1btc53g{max-width:var(--measure-wide);margin-inline:auto;padding-inline:var(--space-gutter);
display:grid;gap:var(--space-media)}
.cklpnxu[data-aside="yes"] .c1btc53g{grid-template-columns:minmax(0,20rem) minmax(0,1fr);align-items:start}
.cc03i66{margin:0;font-family:var(--font-heading);font-size:var(--type-h2);color:var(--text-primary)}
.cs10uoq{margin:.75rem 0 0;max-width:58ch;color:var(--text-secondary)}
/* The rule runs behind the steps, and each step sits its marker on it. The
   line is drawn on the list so it cannot outlast the last step. */
.czhvluo{list-style:none;margin:0;padding:0 0 0 var(--space-gap);position:relative;max-width:64ch}
.czhvluo::before{content:"";position:absolute;left:0;top:.6rem;bottom:.6rem;width:2px;background:var(--border-default)}
.ch7tp96{position:relative;padding:0 0 var(--space-media) var(--space-gap)}
.ch7tp96:last-child{padding-bottom:0}
.c1ugaxrj{position:absolute;left:calc(var(--space-gap) * -1);top:.45rem;width:.85rem;height:.85rem;
border-radius:999px;background:var(--brand-primary);transform:translateX(-50%);
box-shadow:0 0 0 4px var(--surface-muted)}
.cm440uo{margin:0;font-size:var(--type-small);letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary)}
.c2nqz5n{margin:.2rem 0 0;font-family:var(--font-heading);font-size:var(--type-h3);color:var(--text-primary)}
.c1cl59yx{margin:.35rem 0 0;color:var(--text-secondary)}
@media(max-width:52rem){
  .cklpnxu[data-aside="yes"] .c1btc53g{grid-template-columns:1fr}
}

.cub6c17{background:var(--brand-secondary);color:var(--surface-main);padding-block:var(--space-section)}
.c1vh5tvl{max-width:var(--measure-wide);margin-inline:auto;padding-inline:var(--space-gutter);
display:grid;gap:var(--space-gap);grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);align-items:start}
.ceb2gr9{margin:0;font-family:var(--font-heading);font-size:var(--type-h2)}
.c1xm4khx{margin:.75rem 0 0;opacity:.85}
.ceo6xl1{margin:0;padding:0;list-style:none;display:grid;gap:1.25rem}
.c2fnxxu{border-top:1px solid rgba(255,255,255,.25);padding-top:1rem}
.c1iproia{margin:0;font-family:var(--font-heading);font-size:var(--type-h3)}
.c1uolfk9{margin:.35rem 0 0;opacity:.85;max-width:62ch}
@media(max-width:52rem){.c1vh5tvl{grid-template-columns:1fr}}

.c1sel8in{background:var(--surface-muted);padding-block:var(--space-section)}
.cdcw4rx{max-width:var(--measure-wide);margin-inline:auto;padding-inline:var(--space-gutter)}
.c13k0m75{margin:0;font-family:var(--font-heading);font-size:var(--type-h2);color:var(--text-primary)}
.cz8808p{margin:.75rem 0 0;max-width:60ch;color:var(--text-secondary)}
/* Two columns of pairs, which is what lets a long list be scanned; one
   column when the answers themselves are long. */
.cxh48nd{margin-top:var(--space-gap);display:grid;gap:var(--space-media);
grid-template-columns:repeat(auto-fit,minmax(22rem,1fr))}
.c1sel8in[data-single="yes"] .cxh48nd{grid-template-columns:1fr;gap:var(--space-gap);max-width:70ch}
.cuv92w9{display:grid;gap:.4rem;padding-top:var(--space-gap);border-top:2px solid var(--brand-primary)}
.c1sel8in[data-single="yes"] .cuv92w9{border-top-width:1px;border-top-color:var(--border-default)}
.cdven5g{margin:0;font-family:var(--font-heading);font-size:var(--type-h3);color:var(--text-primary)}
.c9fl01w{margin:0;color:var(--text-secondary)}
@media(max-width:52rem){
  .cxh48nd{grid-template-columns:1fr;gap:var(--space-gap)}
}

.ck9sbat{background:var(--brand-secondary);color:var(--action-primary-text);padding-block:var(--space-section)}
.ck9sbat[data-quiet="yes"]{background:var(--surface-muted);color:var(--text-primary)}
.cwan2g3{max-width:var(--measure-wide);margin-inline:auto;padding-inline:var(--space-gutter);
display:grid;gap:var(--space-media);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}
.c1ldckwz{margin:0;font-family:var(--font-heading);font-size:var(--type-h2)}
.c7a6fsr{margin:.75rem 0 0;max-width:52ch;opacity:.88}
.ck9sbat[data-quiet="yes"] .c7a6fsr{opacity:1;color:var(--text-secondary)}
/* Statements, not features: each one is a single line and they are ruled
   apart so none of them reads as a selling point. */
.c1ccwckb{list-style:none;margin:0;padding:0;display:grid;gap:0}
.c148fljt{display:grid;grid-template-columns:1.25rem minmax(0,1fr);gap:.85rem;align-items:baseline;
padding-block:var(--space-gap);border-top:1px solid rgba(255,255,255,.22)}
.ck9sbat[data-quiet="yes"] .c148fljt{border-top-color:var(--border-default)}
.cn2ql9i{width:.7rem;height:.7rem;border-radius:999px;border:2px solid currentColor;
justify-self:center;transform:translateY(-.1em)}
.c1l08yla{font-size:var(--type-lead)}
@media(max-width:52rem){
  .cwan2g3{grid-template-columns:1fr}
}

.cv3hio6{background:var(--surface-main);padding-block:var(--space-section)}
.c293qns{max-width:var(--measure-wide);margin-inline:auto;padding-inline:var(--space-gutter)}
.c135l5ca{margin:0 0 var(--space-gap);font-family:var(--font-heading);font-size:var(--type-h2);color:var(--text-primary)}
.c15th8ac{margin:0;padding:0;list-style:none;display:grid;gap:var(--space-gap);grid-template-columns:repeat(4,minmax(0,1fr))}
.c15th8ac[data-count="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}
.c15th8ac[data-count="5"]{grid-template-columns:repeat(5,minmax(0,1fr))}
.cv3hio6[data-variant="B"] .c15th8ac{grid-template-columns:1fr;max-width:58ch}
.cv3hio6[data-variant="B"] .c1p7zsta{border-top:1px solid var(--border-default);padding-top:1rem}
.c1j84pd8{margin:0;font-family:var(--font-heading);font-weight:700;color:var(--brand-primary)}
.cr4osuf{margin:.35rem 0 0;font-family:var(--font-heading);font-size:var(--type-h3);color:var(--text-primary)}
.c1il3tjc{margin:.35rem 0 0;color:var(--text-secondary)}
@media(max-width:64rem){.c15th8ac,.c15th8ac[data-count="3"],.c15th8ac[data-count="5"]{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:44rem){.c15th8ac,.c15th8ac[data-count="3"],.c15th8ac[data-count="5"]{grid-template-columns:1fr}}

.c12wrdhd{background:var(--surface-main);padding-block:var(--space-section)}
.cs8iw13{max-width:var(--measure-wide);margin-inline:auto;padding-inline:var(--space-gutter)}
.c12wrdhd[data-variant="B"] .cs8iw13{max-width:58rem}
.cewxa7r{margin:0 0 var(--space-gap);font-family:var(--font-heading);font-size:var(--type-h2);color:var(--text-primary)}
.c1ftr72f{display:grid;gap:0}
.c1dtp2m0{border-top:1px solid var(--border-default)}
.c1dtp2m0:last-child{border-bottom:1px solid var(--border-default)}
.c1atps22{cursor:pointer;list-style:none;padding:1.1rem 2rem 1.1rem 0;position:relative;
font-family:var(--font-heading);font-weight:600;color:var(--text-primary);min-height:44px}
.c1atps22::-webkit-details-marker{display:none}
.c1atps22::after{content:"";position:absolute;right:.35rem;top:1.45rem;width:.55rem;height:.55rem;
border-right:2px solid var(--text-secondary);border-bottom:2px solid var(--text-secondary);transform:rotate(45deg)}
.c1dtp2m0[open] .c1atps22::after{transform:rotate(-135deg)}
.c1f9jf5m{padding:0 0 1.1rem;color:var(--text-secondary);max-width:70ch}
.c1f9jf5m p{margin:0}