/* CostDay page styles. Small screens first; the wide layout is added at the end. */
:root{--cd-action:#755b1a;--cd-band:#312e2b;--cd-band-action:#c7ad6b;--cd-band-ink:#f5f4f1;--cd-band-rule:#938f8a;--cd-ink:#312e2b;--cd-on-action:#f5f4f1;--cd-panel:#e9e7e5;--cd-paper:#f5f4f1;--cd-pencil:#4a4642;--cd-rule:#6b6762;--cd-wash:#dcdad8}
:root[data-theme="dark"]{--cd-action:#c7ad6b;--cd-band:#373532;--cd-band-action:#c7ad6b;--cd-band-ink:#e7e5e1;--cd-band-rule:#938f8a;--cd-ink:#e7e5e1;--cd-on-action:#1d1c1a;--cd-panel:#2a2826;--cd-paper:#1d1c1a;--cd-pencil:#c8c4bf;--cd-rule:#938f8a;--cd-wash:#373532}

@font-face{font-family:"Domine";font-weight:650;font-display:swap;src:url(/fonts/domine.woff2) format("woff2");unicode-range:U+0000-00FF,U+2013,U+2014,U+2018,U+2019,U+201C,U+201D,U+2026}
@font-face{font-family:"Karla";font-weight:400;font-display:swap;src:url(/fonts/karla.woff2) format("woff2");unicode-range:U+0000-00FF,U+2013,U+2014,U+2018,U+2019,U+201C,U+201D,U+2026}
@font-face{font-family:"Karla";font-weight:700;font-display:swap;src:url(/fonts/karla.woff2) format("woff2");unicode-range:U+0000-00FF,U+2013,U+2014,U+2018,U+2019,U+201C,U+201D,U+2026}

*,*::before,*::after{box-sizing:border-box}
html{background:var(--cd-paper);-webkit-text-size-adjust:100%}
body{margin:0;font-family:"Karla",sans-serif;font-size:1.125rem;font-weight:400;line-height:1.65;overflow-wrap:break-word;color:var(--cd-ink);background:var(--cd-paper)}
a{text-decoration-thickness:.0625rem;text-underline-offset:.2em;color:var(--cd-action)}
a:hover{text-decoration-thickness:.1875rem}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--cd-action);outline-offset:3px}
main:focus{outline:none}
h1,h2,h3,h4{margin:0 0 .75rem;font-family:"Domine",serif;font-weight:650;line-height:1.2;color:var(--cd-ink)}
h1{font-size:2.125rem;line-height:1.15;text-wrap:balance}
h2{margin-block-start:2.25rem;font-size:1.5rem}
h3{margin-block-start:1.75rem;font-size:1.25rem}
h4{margin-block-start:1.5rem;font-size:1.125rem}
p,ul,ol,dl{margin:0 0 1rem}
strong,b{font-weight:700}
time{white-space:nowrap}
hgroup{margin:0 0 1.25rem}
hgroup>p{margin:0}

/* Jump link: out of sight until a keyboard lands on it. */
.cd-leap{position:absolute;z-index:5;display:inline-flex;align-items:center;min-block-size:2.75rem;padding:.5rem 1rem;border-radius:6px;font-weight:700;color:var(--cd-action);background:var(--cd-paper);inset-block-start:-12rem;inset-inline-start:1rem}
.cd-leap:focus{inset-block-start:1rem}

/* Top bar: name on the left, sections on the right, a double rule underneath. */
.cd-bar{display:flex;flex-wrap:wrap;gap:0 2rem;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-block-end:3px double var(--cd-rule);background:var(--cd-panel)}
.cd-logotype{margin:0;font-family:"Domine",serif;font-size:1.25rem;font-weight:650}
.cd-logotype a{display:inline-flex;align-items:center;min-block-size:2.75rem;text-decoration:none;color:var(--cd-ink)}
.cd-logotype span+span::before{display:inline-block;block-size:1em;margin-inline:.18em;border-inline-start:1px solid var(--cd-rule);vertical-align:-.12em;content:""}
.cd-routes ol{display:flex;flex-wrap:wrap;gap:0 1.5rem;margin:0;padding:0;list-style:none}
.cd-routes a{display:inline-flex;align-items:center;min-block-size:2.75rem;text-decoration:none;color:var(--cd-ink)}
.cd-routes a:hover{text-decoration:underline}
.cd-routes a[aria-current=page]{text-decoration:underline;text-decoration-thickness:.1875rem;text-underline-offset:.3em}

/* Main: title block first, working parts after it. */
main{display:block;max-inline-size:78rem;margin-inline:auto;padding:2rem 1.25rem 4rem;background:var(--cd-paper)}
.cd-intro{margin-block-end:2.5rem}
.cd-intro>:last-child{margin-block-end:0}
.cd-gist{max-inline-size:34ch;font-size:1.25rem}
.cd-flow>:first-child{margin-block-start:0}
.cd-flow>h2:first-child{margin-block-start:0}
.cd-stamp,.cd-stamped{margin:0;font-size:.9375rem;color:var(--cd-pencil)}
.cd-proceed{display:inline-flex;align-items:center;min-block-size:2.75rem;padding:.75rem 1.5rem;border-radius:6px;font-weight:700;text-decoration:none;color:var(--cd-on-action);background:var(--cd-action)}
.cd-proceed:hover{text-decoration:underline}

/* The four parts of a price: the one panel on the front page. */
.cd-parts{margin:0 0 2rem;padding:2rem 2rem 2rem 3.5rem;border-radius:6px;background:var(--cd-panel)}
.cd-parts li+li{margin-block-start:1rem}
.cd-parts strong{display:block;font-family:"Domine",serif;font-weight:650}

/* How a post is made: numbered steps, one ruled line under each. */
.cd-route{margin:0 0 1rem;padding:0;list-style:none;counter-reset:cd-leg}
.cd-route li{display:grid;grid-template-columns:2.25rem minmax(0,1fr);padding-block:.75rem;border-block-end:1px solid var(--cd-rule)}
.cd-route li::before{font-family:"Domine",serif;font-weight:650;content:counter(cd-leg) ".";counter-increment:cd-leg}
.cd-route strong,.cd-route span{grid-column:2}
.cd-note,.cd-takeaway{max-inline-size:44rem}
.cd-note p:last-child{margin-block-end:0}
.cd-takeaway{margin:0 0 1rem}
.cd-takeaway dt{font-weight:700}
.cd-takeaway dd{margin:0 0 .75rem}

/* Post list: a plain table with a rule under every row. */
.cd-slide{margin:0 0 1.5rem;overflow-x:auto}
.cd-slide:focus-visible{outline:3px solid var(--cd-action);outline-offset:3px}
.cd-at-roll .cd-slide{padding:2rem;border-radius:6px;background:var(--cd-panel)}
.cd-roll{inline-size:100%;border-collapse:collapse}
.cd-roll caption{padding-block-end:.5rem;font-size:.9375rem;text-align:start;color:var(--cd-pencil)}
.cd-roll th,.cd-roll td{padding:.75rem .75rem .75rem 0;border-block-end:1px solid var(--cd-rule);text-align:start;vertical-align:top}
.cd-roll th{font-weight:700}
.cd-roll a{font-weight:700}
.cd-sub{display:block;font-size:.9375rem;font-weight:400;color:var(--cd-pencil)}

/* Topic list: name above, one line of detail below. */
.cd-topics{margin:0 0 1.5rem}
.cd-topics dt{font-weight:700}
.cd-topics dd{margin:0 0 1rem}
.cd-pick ul{display:flex;flex-wrap:wrap;gap:0 1.25rem;margin:0 0 1rem;padding:0;list-style:none}
.cd-pick a,.cd-pick span{display:inline-flex;align-items:center;min-block-size:2.75rem}
.cd-pick span{font-weight:700}
.cd-trail ol{display:flex;flex-wrap:wrap;margin:0 0 .5rem;padding:0;list-style:none;font-size:.9375rem}
.cd-trail li{display:inline-flex;align-items:center;min-block-size:2.75rem}
.cd-trail li+li::before{margin-inline:.5rem;font-size:.9375rem;content:"/";color:var(--cd-pencil)}
.cd-trail span{font-size:.9375rem;color:var(--cd-pencil)}

/* Policy pages: numbered clauses. */
.cd-clauses{margin:0 0 2.5rem;padding-inline-start:1.5rem}
.cd-clauses li+li{margin-block-start:2rem}
.cd-clauses h2{margin-block:0 .5rem;font-size:1.25rem}
.cd-clauses p{max-inline-size:44rem;margin:0}

/* Next steps: the one panel on every page that has no list of its own. */
.cd-next{padding:2rem;border-radius:6px;background:var(--cd-panel)}
.cd-next h2{margin-block:0 .5rem;font-size:1.25rem}
.cd-next ul{display:flex;flex-wrap:wrap;gap:0 1.5rem;margin:0 0 .75rem;padding:0;list-style:none}
.cd-next a{display:inline-flex;align-items:center;min-block-size:2.75rem}
.cd-next p{margin:0}

/* Post text. */
.cd-contents{margin:0 0 2rem}
.cd-contents h2{margin-block:0 .5rem;font-size:1.125rem}
.cd-contents ol{margin:0;padding-inline-start:1.5rem}
.cd-contents a{display:inline-block;padding-block:.25rem}
.cd-text{max-inline-size:44rem}
.cd-text h2{margin-block-start:2.5rem}
.cd-text table{inline-size:100%;border-collapse:collapse}
.cd-text th,.cd-text td{padding:.75rem;border:1px solid var(--cd-rule);text-align:start;vertical-align:top}
.cd-text pre{padding:1rem;border-radius:6px;overflow-x:auto;background:var(--cd-panel)}
.cd-text code{font-family:ui-monospace,monospace;font-size:inherit}
.cd-text img{max-inline-size:100%;block-size:auto}

/* Footer: a dark band holding one definition list of links. */
.cd-floor{padding:2.5rem 1.25rem 2rem;color:var(--cd-band-ink);background:var(--cd-band)}
.cd-sitemap,.cd-mail,.cd-small{max-inline-size:78rem;margin-inline:auto}
.cd-sitemap dl{display:grid;grid-template-columns:minmax(0,1fr);gap:1.5rem;margin:0}
.cd-sitemap dt{margin-block-end:.25rem;font-family:"Domine",serif;font-size:1.25rem;font-weight:650}
.cd-sitemap dd{margin:0}
.cd-floor a{display:inline-flex;align-items:center;min-block-size:2.75rem;color:var(--cd-band-action)}
.cd-floor a:focus-visible{outline:3px solid var(--cd-band-action);outline-offset:3px}
.cd-mail{margin-block-start:1.5rem;padding-block-start:1rem;border-block-start:1px solid var(--cd-band-rule);font-style:normal}
.cd-small{margin-block:.25rem 0;font-size:.9375rem}

@media (min-width:48rem){
h1{font-size:2.5rem}
h2{font-size:1.75rem}
.cd-bar{padding:2rem}
main{padding-inline:2rem}
.cd-floor{padding-inline:2rem}
.cd-sitemap dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem}
}
@media (min-width:64rem){
h1{font-size:3rem}
main{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:3.5rem;align-items:start;padding-block:3.5rem 6rem}
.cd-intro{margin-block-end:0}
}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto}}