/* Trustee Daybook — "bound ledger" design system (SPEC 5). Self-hosted fonts only. */
@font-face{font-family:"Libre Caslon Text";src:url(fonts/caslon-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Libre Caslon Text";src:url(fonts/caslon-400-italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"Libre Caslon Text";src:url(fonts/caslon-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Source Sans 3";src:url(fonts/source-sans-3-wght.woff2) format("woff2");font-weight:200 900;font-style:normal;font-display:swap}

:root{
  --paper:#f7f2e8; --paper-2:#efe6d3; --card:#fffdf8;
  --ink:#1c2433; --ink-2:#4a5468; --ink-3:#6b7385;
  --rule:#ddd2bd; --rule-2:#c9bca2;
  --green:#1f4d3b; --green-2:#2b6650; --green-deep:#173d2f; --sage:#dfe7dc;
  --red:#a8322a; --red-soft:#f4dcd6;
  --serif:"Libre Caslon Text",Georgia,"Times New Roman",serif;
  --sans:"Source Sans 3",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --line:2.1rem; --radius:6px; --shell:1180px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:400 1.0625rem/1.6 var(--sans);font-feature-settings:"kern","liga";overflow-x:hidden}
img,svg{max-width:100%}
a{color:var(--green);text-decoration-thickness:1px;text-underline-offset:.18em}
a:hover{color:var(--red)}
:focus-visible{outline:3px solid var(--red);outline-offset:2px}
.skip{position:absolute;left:-999px;top:0;background:var(--ink);color:#fff;padding:.5rem 1rem;z-index:9}
.skip:focus{left:1rem}
.shell{max-width:var(--shell);margin:0 auto;padding:0 1.5rem}
.shell--read{max-width:820px}
.muted{color:var(--ink-3)}
.fine{font-size:.875rem;color:var(--ink-3);margin-top:1.25rem}
.opt{font-weight:400;color:var(--ink-3)}
.nb{white-space:nowrap}

/* masthead */
.mast{background:var(--paper);border-bottom:1px solid var(--rule)}
.mast__in{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:4.5rem}
.brand{display:flex;align-items:center;gap:.6rem;text-decoration:none;color:var(--ink)}
.brand__name{font:400 1.45rem/1 var(--serif);letter-spacing:.005em}
.mark{width:34px;height:34px;flex:none}
.mark__cover{fill:var(--green)} .mark__spine{fill:var(--green-deep)} .mark__ribbon{fill:var(--red)}
.mark__lines{stroke:var(--paper);stroke-width:1.6;stroke-linecap:round;fill:none}
.menu__btn{display:none}
.menu__list{display:flex;align-items:center;gap:1.6rem}
.menu__list a{color:var(--ink-2);text-decoration:none;font-weight:500;font-size:.98rem;padding:.3rem 0;border-bottom:2px solid transparent}
.menu__list a:hover{color:var(--ink);border-color:var(--rule-2)}
.menu__list a[aria-current]{color:var(--ink);border-color:var(--red)}
.menu__list .menu__cta{background:var(--green);color:var(--paper);padding:.55rem 1rem;border-radius:var(--radius);border:0}
.menu__list .menu__cta[aria-current]{color:var(--paper)} /* v1.0.1 review D1: on /start it stayed navy on green */
.menu__list .menu__cta:hover{background:var(--green-deep);color:#fff}
.menu > summary{list-style:none} .menu > summary::-webkit-details-marker{display:none}
.menu{display:none}
.tab-preview{background:var(--green-deep);color:#e9efe6;font-size:.9rem}
.tab-preview p{margin:0;padding:.45rem 0}
.tab-preview a{color:#fff}
.tab-preview__tag{display:inline-block;background:var(--red);color:#fff;font-weight:700;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;padding:.1rem .5rem;border-radius:2px;margin-right:.5rem;vertical-align:1px}

/* type */
.kicker{font:600 .78rem/1.2 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--red);margin:0 0 .9rem}
.kicker--light{color:#f0b9a9}
.display{font:400 clamp(2.5rem,5.4vw,4.4rem)/1.04 var(--serif);letter-spacing:-.015em;margin:0 0 1.25rem}
.title{font:400 clamp(2rem,4vw,3rem)/1.1 var(--serif);letter-spacing:-.01em;margin:0 0 1rem}
.h2{font:400 clamp(1.6rem,2.8vw,2.25rem)/1.15 var(--serif);margin:0 0 1rem;text-wrap:balance}
.h2--gap{margin-top:3rem}
.h3{font:700 1.08rem/1.3 var(--serif);margin:0 0 .6rem}
.lede{font-size:1.2rem;line-height:1.55;color:var(--ink-2);max-width:40em}
.lede--small{font-size:1.05rem}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;font:600 1rem/1.2 var(--sans);padding:.8rem 1.3rem;border-radius:var(--radius);border:1.5px solid transparent;text-decoration:none;cursor:pointer;min-height:44px}
.btn--ink{background:var(--green);color:var(--paper)} .btn--ink:hover{background:var(--green-deep);color:#fff}
.btn--line{border-color:var(--ink);color:var(--ink);background:transparent} .btn--line:hover{background:var(--ink);color:var(--paper)}
.btn--quiet{background:var(--paper-2);color:var(--ink);border-color:var(--rule-2);padding:.55rem 1rem;font-size:.95rem}
.btn--quiet:hover{background:var(--sage);color:var(--ink)}
.btn--danger{background:var(--red);color:#fff} .btn--danger:hover{background:#7f241e;color:#fff}

/* hero */
.hero{padding:4.5rem 0 4rem;background:linear-gradient(180deg,var(--paper) 0,var(--paper) 70%,var(--paper-2) 100%)}
.hero__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:3.5rem;align-items:center}
.hero__cta{display:flex;flex-wrap:wrap;gap:.75rem;margin:1.75rem 0 1rem}
.hero__fine{font-size:.9rem;color:var(--ink-3);margin:.25rem 0 0}
.hero__page{margin:0}
.hero__page figcaption{font-size:.82rem;color:var(--ink-3);margin-top:.7rem;max-width:36em}
.pricenote{font-size:.95rem;color:var(--ink-2);margin:.75rem 0 0}
.pricenote strong{color:var(--green)}
.pricenote__count{color:var(--ink-3)}

/* the paper page and the ledger */
.paper{position:relative;background:var(--card);border:1px solid var(--rule);border-radius:3px;box-shadow:0 1px 0 var(--rule),0 18px 40px -24px rgba(28,36,51,.35);padding:1.25rem 1.25rem 1.25rem 2.6rem;overflow:hidden}
.paper::before,.paper::after{content:"";position:absolute;top:0;bottom:0;width:1px;background:var(--red);opacity:.55}
.paper::before{left:1.55rem} .paper::after{left:1.75rem}
.paper__head{display:flex;justify-content:space-between;gap:1rem;font:italic 400 1rem/1.3 var(--serif);color:var(--ink-2);border-bottom:2px solid var(--ink);padding-bottom:.6rem;margin:0 0 .25rem;flex-wrap:wrap}
.paper--small{padding-top:.75rem}
.ledger{overflow-x:auto}
.ledger__t{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums lining-nums}
.ledger__t caption{text-align:left;font:italic 400 1rem var(--serif);padding:.3rem 0}
.ledger__t th{font:600 .72rem/1.2 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);text-align:left;padding:.7rem .5rem;border-bottom:1px solid var(--rule-2)}
.ledger__t td{padding:.65rem .5rem;border-bottom:1px solid var(--rule);vertical-align:top}
.ledger__t .c-no{width:2.6rem;color:var(--ink-3);font-size:.85rem}
.ledger__t .c-date{width:7.6rem;white-space:nowrap;font-size:.92rem}
.ledger__t .c-num{width:7.5rem;text-align:right;white-space:nowrap;font-family:var(--serif);font-size:1rem}
.ledger__t th.c-num{text-align:right;font:600 .72rem/1.2 var(--sans);letter-spacing:.12em}
.ledger__t .kind{display:block;font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--green-2)}
.ledger__t .what{display:block}
.ledger__t .why{display:block;font-family:var(--serif);font-size:.95rem;color:var(--ink-2);margin-top:.2rem}
.ledger__t .meta{display:block;font-size:.8rem;color:var(--ink-3);margin-top:.2rem}
.ledger__t .late{color:var(--red);font-weight:600}
.ledger__t tr.is-void .what,.ledger__t tr.is-void .c-num,.ledger__t tr.is-void .why{text-decoration:line-through;text-decoration-color:var(--red);text-decoration-thickness:1.5px;color:var(--ink-3)}
.voidnote{display:block;font-size:.85rem;color:var(--red);margin-top:.25rem}
.ledger__t tfoot th,.ledger__t tfoot td{border-top:1px solid var(--ink);border-bottom:3px double var(--ink);padding:.7rem .5rem;font-weight:600}
.ledger__t tfoot th{text-transform:none;letter-spacing:0;font-size:.95rem;color:var(--ink)}
.ledger--compact .ledger__t td{padding:.55rem .4rem}
.ledger--compact .c-no,.ledger--mid .c-no{display:none}
.ledger--compact .ledger__t .c-date{width:4.4rem}
.ledger--mid .ledger__t .c-date{width:6.6rem}
.ledger--compact .ledger__t .c-num,.ledger--mid .ledger__t .c-num{width:6.4rem}
.empty{color:var(--ink-3);font-style:italic;text-align:center}
.voidform{margin-top:.35rem;font-size:.9rem}
.voidform summary{cursor:pointer;color:var(--ink-3);font-size:.82rem}
.voidform form{display:grid;gap:.45rem;margin-top:.5rem;max-width:30rem}
.voidform input{width:100%}

/* bands and sections */
.band--quote{background:var(--green-deep);color:#eef2ea;padding:4.5rem 0}
.statute{margin:0 0 1.5rem}
.statute p{font:italic 400 clamp(1.6rem,3.2vw,2.5rem)/1.25 var(--serif);margin:0 0 1rem}
.statute footer{font-size:.95rem;color:#c8d4c6}
.statute a{color:#fff}
.statute__note{color:#d5ddd2;max-width:44em}
.statute__note a{color:#fff}
.statute--small{border-left:3px solid var(--red);padding:.4rem 0 .4rem 1.25rem;margin:1.5rem 0}
.statute--small p{font-size:1.3rem;color:var(--ink)}
.statute--small footer{color:var(--ink-3)}
.statute--small a{color:var(--green)}
.section{padding:4.5rem 0}
.section--tight{padding:2.5rem 0 4rem}
.section--tint{background:var(--paper-2)}
.section--ink{background:var(--ink);color:#e7e9ee}
.section__head{max-width:46rem;margin-bottom:2.25rem}
.section__lede{color:var(--ink-2);font-size:1.08rem}
.split{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:3rem;align-items:center}

.index{list-style:none;margin:0;padding:0;border-top:2px solid var(--ink)}
.index__row{display:grid;grid-template-columns:3.2rem auto 1fr minmax(0,22rem);gap:.9rem;align-items:baseline;padding:1rem 0;border-bottom:1px solid var(--rule)}
.index__no{font:400 1.05rem var(--serif);color:var(--red)}
.index__name{font:400 1.25rem/1.3 var(--serif)}
.index__dots{border-bottom:1px dotted var(--rule-2);height:.8em}
.index__ex{color:var(--ink-2);font-size:.98rem}

.figures{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:2px solid var(--ink);border-bottom:3px double var(--ink)}
.figure{padding:1.4rem 1.2rem;border-right:1px solid var(--rule)}
.figure:last-child{border-right:0}
.figure__label{display:block;font-size:.8rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}
.figure__num{display:block;font:400 clamp(1.6rem,2.6vw,2.2rem)/1.2 var(--serif);font-variant-numeric:tabular-nums lining-nums;margin-top:.4rem}

/* v1.0.1 (review B1): the price list is a ruled rate card on the ink band, set like a ledger page */
.ratecard{position:relative;background:var(--card);color:var(--ink);border-radius:3px;padding:1.5rem 1.75rem 1.35rem 3.3rem;box-shadow:0 1px 0 var(--rule),0 34px 60px -34px rgba(0,0,0,.75);max-width:64rem}
.ratecard::before,.ratecard::after{content:"";position:absolute;top:0;bottom:0;width:1px;background:var(--red);opacity:.55}
.ratecard::before{left:2.05rem} .ratecard::after{left:2.25rem}
.rates{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums lining-nums}
.rates__cap{caption-side:top;text-align:left;font:italic 400 1rem/1.3 var(--serif);color:var(--ink-2);border-bottom:2px solid var(--ink);padding:0 0 .6rem}
.rates th,.rates td{padding:1.15rem .6rem;border-bottom:1px solid var(--rule);text-align:left;vertical-align:top}
.rates thead th{font:600 .72rem/1.2 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);padding:.75rem .6rem;border-bottom:1px solid var(--rule-2)}
.rates td.rates__no{width:3rem;font:400 1.1rem/1.4 var(--serif);color:var(--red)}
.rates__plan{font:400 1.4rem/1.25 var(--serif);white-space:nowrap}
.rates__what{color:var(--ink-2);max-width:30em}
.rates .rates__amt{text-align:right;white-space:nowrap;width:12rem}
.rates__line{display:block;white-space:nowrap}
.rates__line--alt{margin-top:.3rem}
.rates__fig{font:400 1.65rem/1.15 var(--serif)}
.rates__line--alt .rates__fig{font-size:1.2rem}
.rates__per{font-size:.82rem;color:var(--ink-3)}
.rates tbody tr:last-child th,.rates tbody tr:last-child td{border-bottom:3px double var(--ink)}
.rates tr.is-main th,.rates tr.is-main td{background:rgba(168,50,42,.045)}
.stamp{display:inline-block;margin-top:.7rem;border:2px solid var(--red);color:var(--red);font:700 .68rem/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;padding:.38rem .55rem;border-radius:3px;transform:rotate(-3deg);background:var(--card)}
.ratecard__foot{margin:1rem 0 0;color:var(--ink-2);font-size:.95rem;max-width:52em}

.qa{border-bottom:1px solid var(--rule);padding:1rem 0}
.qa summary{cursor:pointer;font:400 1.2rem/1.35 var(--serif);list-style:none}
.qa summary::-webkit-details-marker{display:none}
.qa summary::before{content:"+";display:inline-block;width:1.4rem;color:var(--red)}
.qa[open] summary::before{content:"–"}
.qa p{margin:.6rem 0 0 1.4rem;color:var(--ink-2)}

/* inner pages */
.pagehead{padding:3.5rem 0 1.5rem;border-bottom:1px solid var(--rule)}
.pagehead--msg{border:0;padding:4.5rem 0 5rem}
.prose p,.prose li{max-width:44em}
.checks{list-style:none;padding:0}
.checks li{padding:.7rem 0 .7rem 1.8rem;border-bottom:1px solid var(--rule);position:relative}
.checks li::before{content:"";position:absolute;left:.2rem;top:1.15rem;width:.7rem;height:.7rem;border:1.5px solid var(--green);border-radius:1px}
.terms li{margin:.6rem 0}
.compare{width:100%;border-collapse:collapse;background:var(--card);border:1px solid var(--rule);font-size:.98rem}
.compare th,.compare td{padding:.85rem 1rem;border-bottom:1px solid var(--rule);text-align:left;vertical-align:top}
.compare thead th{font:400 1.15rem/1.3 var(--serif);border-bottom:2px solid var(--ink)}
.compare__price{font:600 .9rem var(--sans);color:var(--green)}
.callout{background:var(--sage);border-left:4px solid var(--green);padding:1.1rem 1.3rem;margin:1.75rem 0;border-radius:0 var(--radius) var(--radius) 0}
.callout p{margin:.3rem 0}
.callout__head{font:400 1.25rem var(--serif)}
.callout--key{background:#fff7e6;border-color:var(--red)}
.linkbox{display:flex;gap:.5rem;flex-wrap:wrap}
.linkbox input{flex:1 1 18rem;font-family:ui-monospace,Consolas,monospace;font-size:.92rem}
.saved{background:var(--sage);padding:.6rem 1rem;border-radius:var(--radius);display:inline-block}
.alert{background:var(--red-soft);border-left:4px solid var(--red);padding:.9rem 1.2rem;margin:0 0 1.25rem;border-radius:0 var(--radius) var(--radius) 0}
.alert__head{font-weight:700;margin:0}
.alert ul{margin:.35rem 0 0;padding-left:1.2rem}

/* forms */
.card{background:var(--card);border:1px solid var(--rule);border-radius:var(--radius);padding:1.4rem}
.form{display:grid;gap:1rem}
.field{display:grid;gap:.35rem;min-width:0}
.field label{font-weight:600;font-size:.95rem}
.field--check{grid-template-columns:auto 1fr;align-items:start;gap:.6rem}
.field--check label{font-weight:400}
.field--check input{width:1.2rem;height:1.2rem;margin-top:.2rem}
input,select,textarea{font:inherit;color:var(--ink);background:#fff;border:1px solid var(--rule-2);border-radius:4px;padding:.6rem .7rem;min-height:44px;width:100%;max-width:100%}
textarea{resize:vertical;min-height:4rem}
input:focus,select:focus,textarea:focus{border-color:var(--green);outline:2px solid var(--sage)}
.hint{font-size:.85rem;color:var(--ink-3);margin:0}
.row2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
[hidden]{display:none !important}
.danger{border-top:1px solid var(--rule);padding-top:1rem;margin-top:1rem}

/* inside a daybook */
.bookbar{background:var(--card);border-bottom:1px solid var(--rule)}
.bookbar__in{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;padding-top:.6rem;padding-bottom:.6rem}
.bookbar__name{display:flex;align-items:center;gap:.5rem;margin:0;font:400 1.15rem var(--serif);min-width:0}
.bookbar__name span{overflow-wrap:anywhere}
.bookbar .mark{width:24px;height:24px}
.tabs{display:flex;gap:.25rem;flex-wrap:wrap}
.tabs a{text-decoration:none;color:var(--ink-2);padding:.45rem .8rem;border-radius:4px;font-weight:500}
.tabs a[aria-current]{background:var(--green);color:var(--paper)}
.tabs a:hover{background:var(--paper-2);color:var(--ink)}
.tabs a[aria-current]:hover{background:var(--green-deep);color:#fff}
.bookgrid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:2rem;align-items:start;margin-top:1.25rem}
.bookgrid__side{display:grid;gap:1rem}
.mini{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin:.8rem 0}
.mini div{border-top:1px solid var(--rule);padding-top:.4rem}
.mini dt{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3)}
.mini dd{margin:0;font:400 1.3rem var(--serif);font-variant-numeric:tabular-nums}
.settings summary{cursor:pointer;font-weight:600}
.filter{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin:1rem 0 1.25rem}
.filter select,.filter input{width:auto}
.filter fieldset{border:1px solid var(--rule);border-radius:var(--radius);padding:.8rem 1rem;display:flex;flex-wrap:wrap;gap:.6rem;align-items:center;margin:0;min-width:0}
.filter legend{font-weight:600;padding:0 .3rem}
.pill{display:inline-flex;align-items:center;gap:.35rem;background:var(--card);border:1px solid var(--rule);border-radius:999px;padding:.35rem .8rem;font-size:.95rem}
.pill input{width:auto;min-height:0}
.toolsline{display:flex;flex-wrap:wrap;gap:.7rem;align-items:center;margin:1.5rem 0 .5rem}
.listcount{margin:.25rem 0 .5rem}
.pager{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.6rem;margin:.9rem 0}
.pager__at{font:italic 400 1rem var(--serif);color:var(--ink-2)}
.pager__end{color:var(--ink-3);font-size:.9rem;padding:.55rem 0}
.sumgrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-bottom:1rem}
.sumgrid--two{grid-template-columns:repeat(2,minmax(0,1fr))}
.sumcard{background:var(--card);border:1px solid var(--rule);border-top:3px solid var(--green);border-radius:0 0 var(--radius) var(--radius);padding:1.1rem 1.2rem;min-width:0}
.figs{width:100%;border-collapse:collapse;font-size:.95rem}
.figs th{font-weight:400;text-align:left;padding:.35rem .4rem .35rem 0;border-bottom:1px solid var(--rule);overflow-wrap:anywhere}
.figs td{text-align:right;white-space:nowrap;padding:.35rem 0;border-bottom:1px solid var(--rule);font-family:var(--serif);font-variant-numeric:tabular-nums lining-nums;vertical-align:top}
.figs tfoot th,.figs tfoot td{font-weight:700;border-top:1px solid var(--ink);border-bottom:3px double var(--ink)}
.figs tr.is-debt td{color:var(--red)}
.plainlist{padding-left:1.1rem;margin:.4rem 0}
.plainlist li{margin:.3rem 0}
.holdings{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,20rem),1fr));gap:1rem;margin:1.25rem 0}
.holding__type{font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--green-2);margin:0 0 .3rem;font-weight:600}
.holding__val{font:400 1.6rem var(--serif);margin:.6rem 0;font-variant-numeric:tabular-nums}
.holding.is-debt .holding__type{color:var(--red)}
.holding.is-closed{opacity:.75}
.holding details{margin-top:.6rem;border-top:1px solid var(--rule);padding-top:.5rem}
.holding summary{cursor:pointer;font-size:.92rem;color:var(--green)}
.people{list-style:none;padding:0;margin:1rem 0}
.person{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.8rem 0;border-bottom:1px solid var(--rule)}
.person__name{font:400 1.15rem var(--serif);margin:0}
.person p{margin:0}

/* footer */
.foot{background:var(--green-deep);color:#d9e2d6;padding:3.5rem 0 1.5rem;margin-top:0}
.foot a{color:#fff}
.foot__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:2rem;border-bottom:1px solid #2f5a49;padding-bottom:1.75rem}
.foot__brand{font:400 1.5rem var(--serif);color:#fff;margin:0 0 .4rem}
.foot__line{margin:0;max-width:24em}
.foot__nav{display:flex;flex-wrap:wrap;gap:.6rem 1.4rem;align-content:start;justify-content:flex-end}
.foot__nav a{text-decoration:none}
.foot__nav a:hover{text-decoration:underline;color:#fff}
.notadvice{font-size:.88rem;line-height:1.55;color:#c7d2c3;margin:1.5rem 0;max-width:62em}
.notadvice strong{color:#fff}
.foot__base{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;font-size:.85rem;color:#a9b8a5}

/* print */
.printhead{border-bottom:2px solid var(--ink);margin-bottom:1.5rem;padding-top:1rem}
@media print{
  body{background:#fff;font-size:10.5pt}
  .mast,.foot__grid,.foot__nav,.noprint,.tab-preview,.voidform,.skip{display:none !important}
  .foot{background:#fff;color:#333;padding:.5rem 0}
  .notadvice,.foot__base{color:#333}
  .notadvice strong,.foot a{color:#000}
  .sumgrid,.sumgrid--two{grid-template-columns:1fr 1fr}
  .sumcard{break-inside:avoid;border-color:#999}
  .ledger__t tr{break-inside:avoid}
  a{color:#000;text-decoration:none}
}

/* responsive */
@media (max-width:1000px){
  .sumgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .index__row{grid-template-columns:2.6rem 1fr;gap:.3rem .8rem}
  .index__dots{display:none}
  .index__ex{grid-column:2}
}
@media (max-width:860px){
  .menu{position:relative;display:block}
  .menu__list--desk{display:none}
  .menu__btn{display:inline-flex;align-items:center;gap:.4rem;cursor:pointer;font-weight:600;border:1px solid var(--rule-2);border-radius:var(--radius);padding:.5rem .9rem;min-height:44px}
  .menu__btn::after{content:"";width:14px;height:10px;background:linear-gradient(var(--ink),var(--ink)) top/100% 2px no-repeat,linear-gradient(var(--ink),var(--ink)) center/100% 2px no-repeat,linear-gradient(var(--ink),var(--ink)) bottom/100% 2px no-repeat}
  .menu__list{display:none;position:absolute;right:0;top:calc(100% + .5rem);flex-direction:column;align-items:stretch;gap:0;background:var(--card);border:1px solid var(--rule);border-radius:var(--radius);box-shadow:0 14px 30px -16px rgba(0,0,0,.35);min-width:15rem;padding:.5rem;z-index:5}
  .menu[open] .menu__list{display:flex}
  .menu__list a{padding:.7rem .8rem;border:0}
  .menu__list .menu__cta{margin-top:.4rem;text-align:center}
  .hero{padding:2.5rem 0 3rem}
  .hero__grid,.split,.bookgrid,.foot__grid{grid-template-columns:minmax(0,1fr)}
  .hero__grid{gap:2.5rem}
  .foot__nav{justify-content:flex-start}
  .figures{grid-template-columns:repeat(2,minmax(0,1fr))}
  .figure:nth-child(2){border-right:0}
  .figure:nth-child(-n+2){border-bottom:1px solid var(--rule)}
  .rates .rates__amt{width:9rem}
  .sumgrid--two{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:560px){
  .shell{padding:0 1rem}
  .brand__name{font-size:1.2rem}
  .mark{width:28px;height:28px}
  .row2,.sumgrid{grid-template-columns:minmax(0,1fr)}
  .paper{padding:1rem .75rem 1rem 1.6rem}
  .paper::before{left:.8rem} .paper::after{left:.95rem}
  .ledger__t .c-no{display:none}
  .ledger__t thead{display:none}
  .ledger__t tr{display:grid;grid-template-columns:1fr auto;border-bottom:1px solid var(--rule);padding:.5rem 0}
  .ledger__t td{border:0;padding:.15rem .25rem}
  .ledger__t .c-date{grid-column:1;width:auto;font-weight:600}
  .ledger__t .c-part{grid-column:1 / -1}
  .ledger__t tbody .c-num{grid-row:1;grid-column:2;width:auto}
  .ledger__t .c-num:empty{display:none}
  .ledger__t td.c-in:not(:empty)::before{content:"in ";font:600 .7rem var(--sans);color:var(--ink-3);text-transform:uppercase}
  .ledger__t td.c-out:not(:empty)::before{content:"out ";font:600 .7rem var(--sans);color:var(--ink-3);text-transform:uppercase}
  /* v1.0.1 review T1: label on its own line, then In and Out side by side, each labelled (the column heads are hidden) */
  .ledger__t tfoot tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.1rem .6rem;border-top:1px solid var(--ink);border-bottom:3px double var(--ink)}
  .ledger__t tfoot th,.ledger__t tfoot td{border:0;padding:.3rem .25rem}
  .ledger__t tfoot th{grid-column:1 / -1}
  .ledger .ledger__t tfoot .c-num{width:auto}
  .ledger__t tfoot td.c-in{grid-column:1;text-align:left}
  .ledger__t tfoot td.c-out{grid-column:2;text-align:right}
  .ratecard{padding:1.1rem .85rem 1rem 1.85rem}
  .ratecard::before{left:.8rem} .ratecard::after{left:.95rem}
  .rates thead{display:none}
  .rates tbody tr{display:grid;grid-template-columns:1.8rem minmax(0,1fr);gap:.25rem .4rem;padding:1rem 0;border-bottom:1px solid var(--rule)}
  .rates tbody tr:last-child{border-bottom:3px double var(--ink)}
  .rates th,.rates td,.rates tbody tr:last-child th,.rates tbody tr:last-child td,.rates tr.is-main th,.rates tr.is-main td{border:0;padding:0;background:none}
  .rates tbody tr.is-main{background:rgba(168,50,42,.045)}
  .rates td.rates__no{grid-column:1;grid-row:1 / span 3;width:auto}
  .rates__plan{grid-column:2;grid-row:1;white-space:normal}
  .rates .rates__amt{grid-column:2;grid-row:2;width:auto;text-align:left;white-space:normal;display:flex;flex-wrap:wrap;align-items:baseline;gap:.15rem .45rem}
  .rates__line{display:inline;margin:0}
  .rates__what{grid-column:2;grid-row:3;font-size:.95rem}
  .stamp{margin-top:.35rem}
  .figures{grid-template-columns:minmax(0,1fr)}
  .figure{border-right:0;border-bottom:1px solid var(--rule)}
  .compare{font-size:.88rem}
  .compare th,.compare td{padding:.6rem .45rem}
  .display{font-size:2.35rem}
}