/* Dad's Desk: the template for grown-up, legal and help pages (roadmap step 9, 2026-09-29).
   Pages opt in with <body class="kit dd">. Built only from tokens.css variables and the kit parts in kit.css;
   this file adds the page template around them. No raw colours below except the dad-chip green (kit's own). */

/* ---------- ground + base ---------- */
body.dd{background-color:var(--kraft-lite);background-image:radial-gradient(rgba(43,35,68,.07) 1.6px,transparent 1.6px);
  background-size:var(--dots-size);font-weight:500}
.dd main{display:block;padding-bottom:var(--s-7)}
.dd .ic{width:1em;height:1em;display:block;flex:none}
.dd b,.dd strong{font-weight:800}
.dd em{font-style:italic}
.dd-wrap{max-width:var(--w-page);margin:0 auto;padding:0 var(--gutter)}
.dd-wrap--text{max-width:calc(var(--w-text) + 2 * var(--gutter))}
.dd .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---------- hero: tape, plain-ink H1, lede, optional real photo ---------- */
.dd-hero{padding:var(--s-6) 0 var(--s-6)}
.dd-hero .dd-wrap{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s-6);align-items:center}
.dd-hero--photo .dd-wrap{grid-template-columns:minmax(0,1fr) 280px;gap:var(--s-7)}
.dd-hero h1{font-family:var(--f-display);font-weight:400;font-size:var(--fs-h1);line-height:1.05;letter-spacing:.005em;margin:var(--s-4) 0 var(--s-3);max-width:14em}
.dd-lede{font-size:var(--fs-lede);line-height:1.5;font-weight:500;max-width:var(--measure)}
.dd-lede + .dd-lede{margin-top:var(--s-3)}
.dd-meta{margin-top:var(--s-4);font-family:var(--f-mono);font-size:var(--fs-mono);font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.dd-hero .polaroid{justify-self:end;width:100%;max-width:280px;transform:rotate(2.5deg)}
.dd-hero .polaroid img{aspect-ratio:4/5;object-position:45% 55%}
.dd-hero .btn-row{margin-top:var(--s-5)}

/* jump links */
.dd-jump{display:flex;flex-wrap:wrap;align-items:center;gap:0 var(--s-5);margin:var(--s-4) 0 0;padding:0;list-style:none;font-weight:800;font-size:var(--fs-small)}
.dd-jump li{display:flex;align-items:center}
.dd-jump .lbl{font-family:var(--f-mono);font-size:var(--fs-mono);font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}
.dd-jump a{display:inline-flex;align-items:center;min-height:44px}

/* ---------- folder tabs: the legal set and the help set, one row of paper tabs ---------- */
.dd-tabs{margin:var(--s-5) 0 0;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.dd-tabs::-webkit-scrollbar{display:none}
.dd-tabs ul{display:flex;gap:6px;margin:0;padding:0 0 0 2px;list-style:none;border-bottom:3px solid var(--ink);width:max-content;min-width:100%}
.dd-tabs a{display:flex;align-items:center;min-height:44px;padding:0 16px;font-family:var(--f-display);font-weight:400;font-size:1rem;line-height:1;
  color:var(--ink);text-decoration:none;background:var(--sand);border:3px solid var(--ink);border-bottom:0;border-radius:12px 12px 0 0;white-space:nowrap;
  transition:background var(--t-quick) var(--ease-out)}
.dd-tabs a:hover{background:var(--card)}
.dd-tabs a[aria-current="page"]{background:var(--card);position:relative;top:3px;padding-bottom:3px;min-height:47px}

/* ---------- 'At a glance' slip ---------- */
.dd-glance{margin-top:var(--s-6);max-width:var(--w-text)}
.dd-glance .slip{border:2px solid rgba(43,35,68,.25)}
.dd-kicker{display:block;font-family:var(--f-mono);font-size:var(--fs-mono);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:var(--s-3)}
.dd-glance ul{margin:0;padding:0;list-style:none;display:grid;gap:var(--s-2)}
.dd-glance li{position:relative;padding-left:28px;font-weight:600;max-width:60ch}
.dd-glance li::before{content:"";position:absolute;left:2px;top:.45em;width:14px;height:14px;border-radius:50%;background:var(--teal);border:2px solid var(--ink)}
.dd-glance--safety ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-3)}

/* ---------- document layout: 680px reading column + a sticky 'On this page' rail at 1100px+ ---------- */
.dd-doc{padding-top:var(--s-6)}
.dd-doc .dd-wrap{display:grid;grid-template-columns:minmax(0,var(--w-text));gap:var(--s-7);justify-content:start}
.dd-toc-rail{display:none}
@media (min-width:1100px){
  .dd-doc--toc .dd-wrap{grid-template-columns:minmax(0,var(--w-text)) 240px;justify-content:space-between}
  .dd-toc-rail{display:block;position:sticky;top:calc(var(--ttl-head) + var(--s-5));align-self:start;max-height:calc(100vh - var(--ttl-head) - 48px);overflow:auto;
    border-left:3px solid var(--ink);padding:var(--s-1) 0 var(--s-1) var(--s-4)}
  .dd-toc-m{display:none}
}
.dd-toc-rail ol,.dd-toc-m ol{list-style:none;margin:0;padding:0}
.dd-toc-rail a{display:flex;align-items:center;min-height:36px;padding:4px 0;font-weight:700;font-size:var(--fs-small);line-height:1.3;color:var(--ink);text-decoration:none}
.dd-toc-rail a:hover{text-decoration:underline;text-decoration-color:var(--coral);text-decoration-thickness:3px;text-underline-offset:3px}
.dd-toc-m{margin:0 0 var(--s-5);background:var(--card);border:2px solid rgba(43,35,68,.25);border-radius:var(--r-card)}
.dd-toc-m summary{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:0 var(--s-4);cursor:pointer;list-style:none;
  font-family:var(--f-mono);font-size:var(--fs-mono);font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.dd-toc-m summary::-webkit-details-marker{display:none}
.dd-toc-m summary::after{content:"+";font-family:var(--f-display);font-size:1.4rem;line-height:1}
.dd-toc-m[open] summary::after{content:"\2013"}
.dd-toc-m ol{padding:0 var(--s-4) var(--s-3)}
.dd-toc-m a{display:flex;align-items:center;min-height:44px;font-weight:700;color:var(--ink)}

/* reading comfort: 64ch, weight 500, doc-size headings with ids */
.dd-prose{max-width:var(--w-text)}
.dd-prose > * + *{margin-top:var(--s-4)}
.dd-prose h2{font-family:var(--f-display);font-weight:400;font-size:var(--fs-h2-doc);line-height:1.1;margin-top:var(--s-7);display:flex;align-items:center;gap:var(--s-3)}
.dd-prose h2:first-child{margin-top:0}
.dd-prose h2 .ic{width:32px;height:32px}
.dd-prose h3{font-family:var(--f-display);font-weight:400;font-size:var(--fs-h3);line-height:1.15;margin-top:var(--s-5)}
.dd-prose h2 + *,.dd-prose h3 + *{margin-top:var(--s-3)}
.dd-prose p,.dd-prose li{max-width:64ch;font-weight:500}
.dd-prose ul,.dd-prose ol{padding-left:1.4em}
.dd-prose li + li{margin-top:var(--s-2)}
.dd-prose li::marker{color:var(--muted);font-weight:800}
.dd-prose .fine{font-size:var(--fs-small);color:var(--muted);font-weight:600}
.dd [id]{scroll-margin-top:calc(var(--ttl-head) + 16px)}

/* a friendly note from Dad inside a document: never looks like the hazard label */
.dd-note{background:var(--tint-lilac);border-radius:var(--r-card);padding:var(--s-4) var(--s-5);border:2px solid rgba(43,35,68,.25)}
.dd-note .dad-chip{margin-bottom:var(--s-2)}
.dd-note p{max-width:62ch}
.dd-note p + p{margin-top:var(--s-3)}
/* the kit's chip, used outside .dad-desk */
.dd .dad-chip{display:inline-block;font-family:var(--f-mono);font-size:var(--fs-mono);font-weight:700;background:var(--ink);color:var(--chip-green);border-radius:6px;padding:4px 10px;margin-bottom:var(--s-3)}

/* the hazard label: yellow, 4px, triangle, verbatim */
.dd .hazard{max-width:var(--w-text);font-size:1.0625rem;line-height:1.35;letter-spacing:.01em}
.dd .hazard svg{width:32px;height:32px;margin-top:-2px}
.dd .hazard p{margin:0}

/* tables: bordered on desktop, a labelled card per row on phones (no cut-off columns, no blank rows) */
.dd-table{background:var(--card);border:3px solid var(--ink);border-radius:var(--r-card);overflow:hidden}
.dd-table table{border-collapse:collapse;width:100%;font-size:var(--fs-small)}
.dd-table th{background:var(--ink);color:var(--paper);font-family:var(--f-display);font-weight:400;letter-spacing:.02em;font-size:1rem}
.dd-table th,.dd-table td{padding:10px 14px;text-align:left;vertical-align:top;border-bottom:2px solid var(--sand)}
.dd-table tr:last-child td{border-bottom:0}
.dd-table td{font-weight:500}
.dd-table td:first-child{font-weight:700}
.dd-prose .dd-table{max-width:none}
@media (max-width:720px){
  .dd-table{background:none;border:0;border-radius:0;overflow:visible}
  .dd-table table,.dd-table tbody,.dd-table tr,.dd-table td{display:block;width:auto}
  .dd-table tr:has(> th){display:none}
  .dd-table tr{background:var(--card);border:2px solid rgba(43,35,68,.25);border-radius:var(--r-card);padding:var(--s-3) var(--s-4);margin:0 0 var(--s-3)}
  .dd-table td{border:0;padding:3px 0}
  .dd-table td::before{content:attr(data-label);display:block;font-family:var(--f-mono);font-size:var(--fs-mono);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
  .dd-table td:first-child{font-size:1.0625rem;font-weight:800}
  .dd-table td:first-child::before{display:none}
}

/* small pills (data register) */
.dd .pill{display:inline-block;font-family:var(--f-mono);font-size:.72rem;font-weight:700;letter-spacing:.04em;border:2px solid var(--ink);border-radius:var(--r-pill);padding:.1em .7em;white-space:nowrap;background:var(--tint-butter)}
.dd .pill--home{background:var(--teal)}

/* changelog */
.dd-log{list-style:none;padding:0;margin:0;border-left:3px solid var(--ink)}
.dd-prose .dd-log{padding-left:0}
.dd-log li{padding:0 0 var(--s-3) var(--s-4);position:relative}
.dd-log li::before{content:"";position:absolute;left:-8px;top:.5em;width:13px;height:13px;border-radius:50%;background:var(--card);border:3px solid var(--ink)}
.dd-log time{display:block;font-family:var(--f-mono);font-size:var(--fs-mono);font-weight:700;letter-spacing:.04em;color:var(--muted)}

/* a quiet disclosure for long small print */
.dd-details{background:var(--card);border:2px solid rgba(43,35,68,.25);border-radius:var(--r-card)}
.dd-details summary{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);min-height:56px;padding:var(--s-2) var(--s-5);cursor:pointer;list-style:none;
  font-family:var(--f-display);font-size:var(--fs-h3);line-height:1.15}
.dd-details summary::-webkit-details-marker{display:none}
.dd-details summary::after{content:"+";font-size:1.6rem;line-height:1}
.dd-details[open] summary::after{content:"\2013"}
.dd-details > div{padding:0 var(--s-5) var(--s-5);font-size:var(--fs-small);max-width:60ch}
.dd-details > div > * + *{margin-top:var(--s-3)}

/* ---------- section scaffolding ---------- */
.dd-section{padding:0 0 var(--s-7)}
.dd-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s-2) var(--s-4);flex-wrap:wrap;margin:0 0 var(--s-5);padding-bottom:var(--s-3);border-bottom:2px solid rgba(43,35,68,.25)}
.dd-section-head h2{font-family:var(--f-display);font-weight:400;font-size:var(--fs-h2-doc);line-height:1.1;display:flex;align-items:center;gap:var(--s-3)}
.dd-section-head h2 .ic{width:32px;height:32px}
.dd-section-head p{color:var(--muted);font-size:var(--fs-small);font-weight:700;max-width:40em}
.dd-section > .dd-wrap > p,.dd-body > p{max-width:var(--measure)}
.dd-body > * + *{margin-top:var(--s-4)}

/* ---------- tiles: grouped icon doors (hub) ---------- */
.dd-tiles{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s-5)}
.dd .tile{height:100%}
.dd .tile-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--s-2)}
.dd .tile-top .tile-ic{margin-bottom:0}
.dd .tile-ic .ic{width:32px;height:32px}
.dd .tile i{font-style:normal;padding-top:4px;transition:transform var(--t-quick) var(--ease-pop)}
.dd .tile i svg{width:22px;height:22px;display:block}
@media (hover:hover) and (pointer:fine){.dd .tile:hover i{transform:translateX(3px)}}
.dd-tint-butter .tile{--tile-tint:var(--tint-butter)}
.dd-tint-sky .tile{--tile-tint:var(--tint-sky)}
.dd-tint-mint .tile{--tile-tint:var(--tint-mint)}
.dd-tint-lilac .tile{--tile-tint:var(--tint-lilac)}

/* ---------- Dad's Desk card at the end of every page ---------- */
.dd-end{padding-top:var(--s-2)}
.dd .dad-desk{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:var(--s-6);border-radius:var(--r-card)}
.dd .dad-desk p{max-width:34em}
.dd .dad-desk p + p{margin-top:var(--s-3)}
.dd .dad-desk .small-print{grid-column:1 / -1;margin-top:0}
.dd .dad-desk .btn-row{margin-top:var(--s-4)}
.dd .dad-desk--solo{grid-template-columns:minmax(0,1fr)}
.dd-hub{display:inline-flex;align-items:center;gap:var(--s-2);min-height:44px;font-weight:800}

/* ---------- business pages ---------- */
/* tier / topic / role cards */
.dd-cards{list-style:none;margin:0;padding:0;display:grid;gap:var(--s-5)}
.dd-cards--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.dd-cards--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.dd-card{display:flex;flex-direction:column;gap:var(--s-3);height:100%;background:var(--card);border:3px solid var(--ink);border-radius:var(--r-card);padding:var(--s-5)}
.dd-card h3{font-family:var(--f-display);font-weight:400;font-size:var(--fs-h3);line-height:1.15}
.dd-card p{font-weight:500}
.dd-card .card-ic{width:52px;height:52px;border-radius:50%;background:var(--tint-sky);border:2px solid var(--ink);display:grid;place-items:center}
.dd-card .card-ic .ic{width:32px;height:32px}
.dd-card--feature{background:var(--tint-butter)}
.dd-card .btn,.dd-card .btn-row{margin-top:auto}
.dd-price{font-family:var(--f-display);font-weight:400;font-size:1.5rem;line-height:1.1}
.dd-price small{display:block;font-family:var(--f-mono);font-size:var(--fs-mono);font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin-bottom:2px}
.dd-check{list-style:none;margin:0;padding:0;display:grid;gap:var(--s-2)}
.dd-check li{display:grid;grid-template-columns:22px minmax(0,1fr);gap:var(--s-2);align-items:start;font-weight:500}
.dd-check li svg{width:22px;height:22px;margin-top:3px}
.dd-rules{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-3) var(--s-5)}
.dd-rules li{display:grid;grid-template-columns:22px minmax(0,1fr);gap:var(--s-2);font-weight:600}
.dd-rules li svg{width:22px;height:22px;margin-top:3px}

/* pinned role cards with a tear-off tab */
.dd-pin{position:relative;background:var(--card);border:3px solid var(--ink);border-radius:var(--r-card);padding:var(--s-6) var(--s-5) 0;display:flex;flex-direction:column;gap:var(--s-3);height:100%}
.dd-pin > .tape{position:absolute;top:-16px;left:var(--s-5)}
.dd-pin h3{font-family:var(--f-display);font-weight:400;font-size:var(--fs-h3);line-height:1.15;display:flex;align-items:center;gap:var(--s-2)}
.dd-pin h3 .ic{width:28px;height:28px}
.dd-pin p{font-weight:500}
.dd-pin .tear{margin:auto calc(-1 * var(--s-5)) 0;border-top:3px dashed var(--ink);padding:var(--s-3) var(--s-5) var(--s-4);background:var(--tint-butter);border-radius:0 0 15px 15px}
.dd-pin .tear a{display:flex;align-items:center;justify-content:space-between;gap:var(--s-2);min-height:44px;font-family:var(--f-display);font-size:1.0625rem;color:var(--ink);text-decoration:none}
.dd-pin .tear a svg{width:20px;height:20px;flex:none;transition:transform var(--t-quick) var(--ease-pop)}
@media (hover:hover) and (pointer:fine){.dd-pin .tear a:hover svg{transform:translateX(3px)}.dd-pin .tear a:hover{text-decoration:underline;text-decoration-color:var(--coral);text-decoration-thickness:3px;text-underline-offset:4px}}
.dd-pins{list-style:none;margin:0;padding:var(--s-3) 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-7) var(--s-5)}

/* proof strip of real photos */
.dd-proof{list-style:none;margin:0;padding:var(--s-4) 0 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s-6) var(--s-5)}
.dd-proof .polaroid{transform:rotate(-1.5deg)}
.dd-proof li:nth-child(even) .polaroid{transform:rotate(1.5deg)}
.dd-proof .polaroid img{aspect-ratio:4/5}
.dd-proof .polaroid figcaption{font-size:1.2rem}
.dd-proof--3{grid-template-columns:repeat(3,minmax(0,1fr))}

/* thesis / quote block */
.dd-pull{border-left:6px solid var(--sun);padding:var(--s-2) 0 var(--s-2) var(--s-5);font-size:var(--fs-lede);line-height:1.5;font-weight:600;max-width:var(--measure)}

/* press: quick kit, boilerplate with copy, fact grid, asset thumbs */
.dd-kit{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-4)}
.dd-kit a{display:flex;align-items:center;gap:var(--s-3);min-height:72px;height:100%;padding:var(--s-3) var(--s-4);background:var(--card);border:3px solid var(--ink);border-radius:var(--r-card);
  box-shadow:var(--sh-2);color:var(--ink);text-decoration:none;transition:transform var(--t-quick) var(--ease-pop),box-shadow var(--t-quick) var(--ease-pop)}
@media (hover:hover) and (pointer:fine){.dd-kit a:hover{transform:translate(-2px,-2px);box-shadow:var(--sh-3)}}
.dd-kit a:active{transform:translate(2px,2px);box-shadow:var(--sh-1)}
.dd-kit .kit-ic{width:44px;height:44px;flex:none;border-radius:50%;background:var(--tint-butter);border:2px solid var(--ink);display:grid;place-items:center}
.dd-kit .kit-ic .ic{width:26px;height:26px}
.dd-kit b{display:block;font-family:var(--f-display);font-weight:400;font-size:1.125rem;line-height:1.15}
.dd-kit span span{display:block;font-size:var(--fs-small);color:var(--muted);font-weight:600}
.dd-boiler{display:grid;gap:var(--s-4)}
.dd-boiler article{background:var(--card);border:2px solid rgba(43,35,68,.25);border-radius:var(--r-card);padding:var(--s-5)}
.dd-boiler header{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);margin-bottom:var(--s-3);flex-wrap:wrap}
.dd-boiler h3{font-family:var(--f-display);font-weight:400;font-size:var(--fs-h3)}
.dd-boiler .copy-src{max-width:68ch;font-weight:500}
.dd-copy{min-height:44px}
.dd-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-3);margin:0}
.dd-facts div{background:var(--card);border:2px solid rgba(43,35,68,.25);border-radius:var(--r-card);padding:var(--s-4)}
.dd-facts dt{font-family:var(--f-mono);font-size:var(--fs-mono);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:var(--s-1)}
.dd-facts dd{margin:0;font-weight:600;font-size:var(--fs-small);line-height:1.5}
.dd-assets{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-5)}
.dd-asset{display:flex;flex-direction:column;height:100%;background:var(--card);border:3px solid var(--ink);border-radius:var(--r-card);overflow:hidden}
.dd-asset .well{display:grid;place-items:center;aspect-ratio:4/3;background:var(--sand);border-bottom:3px solid var(--ink);padding:var(--s-4)}
.dd-asset .well img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.dd-asset .well--photo{padding:0}
.dd-asset .well--photo img{width:100%;height:100%;object-fit:cover}
.dd-asset .well--dark{background:var(--ink)}
.dd-asset > div:last-child{padding:var(--s-3) var(--s-4) var(--s-4);display:flex;flex-direction:column;gap:2px;flex:1}
.dd-asset b{font-family:var(--f-display);font-weight:400;font-size:1.0625rem;line-height:1.2}
.dd-asset a{display:inline-flex;align-items:center;min-height:44px;font-weight:800;margin-top:auto}
.dd-swatches{display:flex;flex-wrap:wrap;gap:var(--s-2)}

/* ---------- help set: channel rows, topic slips, forms ---------- */
.dd-chans{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-4)}
.dd-chan{display:grid;grid-template-columns:52px minmax(0,1fr) 20px;gap:var(--s-2) var(--s-4);align-items:center;min-height:72px;height:100%;padding:var(--s-3) var(--s-4);
  background:var(--card);border:3px solid var(--ink);border-radius:var(--r-card);box-shadow:var(--sh-3);color:var(--ink);text-decoration:none;
  transition:transform var(--t-quick) var(--ease-pop),box-shadow var(--t-quick) var(--ease-pop)}
@media (hover:hover) and (pointer:fine){.dd-chan:hover{transform:translate(-2px,-2px);box-shadow:var(--sh-4)}}
.dd-chan:active{transform:translate(3px,3px);box-shadow:var(--sh-1)}
.dd-chan .tile-ic{width:52px;height:52px;border-radius:50%;background:var(--tint-sky);border:2px solid var(--ink);display:grid;place-items:center;margin:0}
.dd-chan .tile-ic .ic{width:30px;height:30px}
.dd-chan b{display:block;font-family:var(--f-display);font-weight:400;font-size:var(--fs-h3);line-height:1.15}
.dd-chan span.v{display:block;font-weight:800;font-size:var(--fs-small)}
.dd-chan span.d{display:block;font-weight:600;font-size:var(--fs-small);color:var(--muted);line-height:1.4}
.dd-chan > svg{width:20px;height:20px}
.dd-promise{margin-top:var(--s-4);font-family:var(--f-hand);font-weight:700;font-size:var(--fs-hand);color:var(--teal-ink)}
.dd-topics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-5)}
.dd-topic{border:2px solid rgba(43,35,68,.25)}
.dd-topic h3{font-family:var(--f-display);font-weight:400;font-size:var(--fs-h3);line-height:1.15;display:flex;align-items:center;gap:var(--s-3);margin-bottom:var(--s-3)}
.dd-topic h3 .ic{width:32px;height:32px}
.dd-topic > * + *{margin-top:var(--s-3)}
.dd-topic p,.dd-topic li{font-weight:500}
.dd-topic ol{padding-left:1.4em}
.dd-topic--wide{grid-column:1 / -1}

.dd-field{display:grid;gap:6px}
.dd-field label,.dd-label{font-weight:800;font-size:var(--fs-small)}
.dd input[type=text],.dd input[type=email],.dd input[type=tel],.dd textarea{width:100%;min-height:48px;padding:10px 14px;font-weight:600;font-size:1rem;
  color:var(--ink);background:var(--card);border:3px solid var(--ink);border-radius:12px}
.dd textarea{min-height:120px;resize:vertical}
.dd input::placeholder,.dd textarea::placeholder{color:var(--muted);opacity:1}
.dd-form{display:grid;gap:var(--s-4)}
.dd-form .row2{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-4)}
.dd-form .note{font-size:var(--fs-small);color:var(--muted);font-weight:600}
/* the robot check: sentence case, a 24px chunky checkbox */
.dd-check-in{display:flex;align-items:flex-start;gap:var(--s-3);font-weight:600;cursor:pointer;min-height:44px}
.dd-check-in input{appearance:none;-webkit-appearance:none;flex:none;width:24px;height:24px;margin:1px 0 0;border:3px solid var(--ink);border-radius:6px;background:var(--card);
  box-shadow:var(--sh-1);display:grid;place-items:center;cursor:pointer}
.dd-check-in input::after{content:"";width:11px;height:6px;border-left:3px solid var(--ink);border-bottom:3px solid var(--ink);transform:rotate(-45deg) translate(1px,-1px);opacity:0}
.dd-check-in input:checked{background:var(--teal)}
.dd-check-in input:checked::after{opacity:1}
.dd-check-in em{font-style:normal;color:var(--muted)}
/* one success card and one alert callout for every form on these pages */
.dd-success{background:var(--tint-mint);border:3px solid var(--ink);border-radius:var(--r-card);padding:var(--s-5);display:grid;gap:var(--s-2)}
.dd-success .tape{justify-self:start;background:var(--teal)}
.dd-success h3{font-family:var(--f-display);font-weight:400;font-size:1.5rem;line-height:1.15;margin-top:var(--s-2)}
.dd-alert{background:color-mix(in srgb,var(--error) 10%,var(--card));border:2px solid var(--error);border-radius:12px;padding:var(--s-3) var(--s-4);font-weight:700;display:grid;gap:var(--s-2)}
.dd-alert .btn-row{margin-top:var(--s-1)}
@media (prefers-reduced-motion:no-preference){:where(html:not(.calm)) .dd-success{animation:dd-stamp var(--t-base) var(--ease-pop)}}
@keyframes dd-stamp{from{transform:scale(.8) rotate(-6deg);opacity:0}to{transform:none;opacity:1}}

/* ---------- FAQ sticky notes ---------- */
.dd-notes{columns:2;column-gap:var(--s-5)}
.dd-notes .note{display:inline-block;width:100%;break-inside:avoid;margin:0 0 var(--s-5);position:relative;padding:var(--s-5) var(--s-5) var(--s-4);
  background:var(--tint-butter);border:2px solid var(--ink);border-radius:4px;box-shadow:var(--sh-paper);transform:rotate(-.8deg)}
.dd-notes .note:nth-child(4n+2){background:var(--tint-sky);transform:rotate(.7deg)}
.dd-notes .note:nth-child(4n+3){background:var(--tint-mint);transform:rotate(-.5deg)}
.dd-notes .note:nth-child(4n+4){background:var(--tint-lilac);transform:rotate(.9deg)}
.dd-notes .note::before{content:"";position:absolute;top:-12px;left:50%;width:84px;height:22px;margin-left:-42px;transform:rotate(-3deg);
  background:rgba(232,211,169,.9);border-left:2px dashed rgba(43,35,68,.2);border-right:2px dashed rgba(43,35,68,.2)}
.dd-notes .note h2{font-family:var(--f-display);font-weight:400;font-size:var(--fs-h3);line-height:1.15;margin-bottom:var(--s-2)}
.dd-notes .note p{font-weight:500;font-size:var(--fs-body);line-height:1.55}

/* ---------- the envelope (contact) ---------- */
.dd-env{position:relative;max-width:680px;margin:0 auto;padding-top:74px}
.dd-env svg{pointer-events:none}
.dd-env .flap{position:absolute;top:0;left:50%;transform:translateX(-50%);width:min(600px,96%);z-index:0}
.dd-env .card{position:relative;z-index:1;background:var(--card);border:3px solid var(--ink);border-radius:var(--r-card);box-shadow:var(--sh-3);padding:var(--s-6);
  background-image:repeating-linear-gradient(180deg,transparent 0 30px,rgba(43,35,68,.05) 30px 31px)}
.dd-env .stamp-art{position:absolute;top:16px;right:18px;width:74px;z-index:3;transform:rotate(4deg)}
.dd-env .card h1{font-family:var(--f-display);font-weight:400;font-size:var(--fs-h1);line-height:1.05;margin:var(--s-3) 0 var(--s-3);padding-right:84px}
.dd-env .card > p{max-width:34em}
.dd-env .card > p + p{margin-top:var(--s-2)}
.dd-env form{margin-top:var(--s-5)}
.dd-env .spill{position:absolute;left:-26px;bottom:-30px;width:190px;z-index:2}
.dd-env .spill-r{position:absolute;right:-40px;bottom:-26px;width:170px;z-index:2}

/* ---------- My Lab passport (account + rewards) ---------- */
.passport{background:var(--card);border:3px solid var(--ink);border-radius:var(--r-panel);box-shadow:var(--sh-3);padding:var(--s-5) var(--s-6) var(--s-6);position:relative;overflow:hidden}
.passport::before{content:"";position:absolute;inset:0 0 auto 0;height:10px;background:repeating-linear-gradient(90deg,var(--coral) 0 24px,var(--sun) 24px 48px,var(--teal) 48px 72px)}
.passport-head{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);flex-wrap:wrap;margin:var(--s-2) 0 var(--s-4)}
.passport-head h2{font-family:var(--f-display);font-weight:400;font-size:var(--fs-h2-doc);line-height:1.1}
.passport-state{display:inline-flex;align-items:center;gap:var(--s-2);font-family:var(--f-mono);font-size:var(--fs-mono);font-weight:700;letter-spacing:.06em;text-transform:uppercase;
  background:var(--tint-lilac);border:2px solid var(--ink);border-radius:var(--r-pill);padding:4px 12px}
.passport-state svg{width:18px;height:18px}
.passport-track{margin:0 0 var(--s-5)}
.passport-track .bar{position:relative;height:22px;background:var(--sand);border:3px solid var(--ink);border-radius:var(--r-pill);overflow:hidden}
.passport-track .fill{position:absolute;inset:0 auto 0 0;width:0;background:repeating-linear-gradient(45deg,var(--sun) 0 10px,var(--tint-butter) 10px 20px);border-right:3px solid var(--ink);transition:width var(--t-show) var(--ease-out)}
.passport-track .fill[style*="width:0"]{border-right:0}
.passport-track .ticks{display:flex;justify-content:space-between;margin-top:6px;font-family:var(--f-mono);font-size:var(--fs-mono);font-weight:700;color:var(--muted)}
.passport-track .now{font-weight:800;margin-top:var(--s-2)}
.passport-stamps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--s-4)}
.passport-stamps .stamp{width:100%}
.passport-stamps .stamp__ring{width:84px;height:84px;background:var(--paper);color:var(--muted)}
.passport-stamps .stamp__ring svg{width:40px;height:40px;opacity:.35;filter:grayscale(1)}
.passport-stamps .stamp span{font-size:var(--fs-label);line-height:1.25;max-width:12ch}
.passport-stamps .stamp small{display:block;font-family:var(--f-mono);font-size:.72rem;font-weight:700;color:var(--muted);margin-top:2px}
.passport-stamps .stamp.is-got .stamp__ring{background:var(--tint-butter);transform:rotate(-6deg);box-shadow:var(--sh-1)}
.passport-stamps .stamp.is-got .stamp__ring svg{opacity:1;filter:none}
.passport.is-locked .passport-stamps,.passport.is-locked .passport-track{opacity:.6}
.passport-foot{margin-top:var(--s-5);font-size:var(--fs-small);font-weight:600;color:var(--muted)}
/* ways to earn: stamps-to-collect cards */
.dd-ways{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-5)}
.dd-way{display:grid;grid-template-columns:88px minmax(0,1fr);gap:var(--s-4);align-items:start;background:var(--card);border:3px solid var(--ink);border-radius:var(--r-card);padding:var(--s-5)}
.dd-way .pts{display:grid;place-items:center;width:88px;height:88px;border-radius:50%;border:3px dashed var(--ink);background:var(--tint-sky);font-family:var(--f-display);font-size:2rem;line-height:.9;text-align:center}
.dd-way .pts small{display:block;font-family:var(--f-mono);font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.dd-way h3{font-family:var(--f-display);font-weight:400;font-size:var(--fs-h3);line-height:1.15;margin-bottom:var(--s-2)}
.dd-way p{font-weight:500}
.dd-way .tag{display:inline-block;margin-top:var(--s-3);font-family:var(--f-mono);font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;background:var(--paper);border:2px solid var(--ink);border-radius:var(--r-pill);padding:2px 10px}
.dd-reward{display:flex;align-items:center;gap:var(--s-5);flex-wrap:wrap;background:var(--sun);border:3px solid var(--ink);border-radius:var(--r-card);padding:var(--s-5)}
.dd-reward .big{font-family:var(--f-display);font-size:clamp(2rem,1.6rem + 1.6vw,2.6rem);line-height:1}
.dd-reward p{flex:1 1 260px;font-weight:600}
/* lab-account.js output inside the Dad's Desk look */
.dd .lab{margin-top:0}
.dd .lab .hint,.dd .lab-hint{margin-top:12px}

/* ---------- give-back: the referral ticket ---------- */
.dd .ticket{max-width:560px}
.dd .ticket__stub{background:var(--sun);min-width:112px}
.dd .ticket__stub b{font-size:2.2rem}
.dd .ticket__body code{font-family:var(--f-mono);font-size:1.6rem;font-weight:700;letter-spacing:.08em;background:var(--paper);border:2px dashed var(--ink);border-radius:8px;padding:2px 12px;justify-self:start;display:inline-block}
.dd .ticket__body .btn-row{margin-top:var(--s-2)}
.dd-steps{counter-reset:s;list-style:none;margin:0;padding:0;display:grid;gap:var(--s-3)}
.dd-steps li{counter-increment:s;display:grid;grid-template-columns:36px minmax(0,1fr);gap:var(--s-3);align-items:start;font-weight:500}
.dd-steps li::before{content:counter(s);display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--card);border:3px solid var(--ink);font-family:var(--f-display);font-size:1.1rem}
.dd-split{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:var(--s-7);align-items:center}
.dd-split .polaroid{max-width:300px;justify-self:center}
.dd-cookie{display:grid;grid-template-columns:120px minmax(0,1fr);gap:var(--s-5);align-items:start;max-width:var(--w-text)}
.dd-cookie img{width:120px;height:120px;object-fit:cover;border:3px solid var(--ink);border-radius:var(--r-card);background:var(--card)}
.dd-cookie > div > * + *{margin-top:var(--s-3)}

/* ---------- sustainability: the four-stop strip ---------- */
.dd-strip{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s-6)}
.dd-strip li{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--s-2)}
.dd-strip .stop{width:96px;height:96px;border-radius:50%;background:var(--card);border:3px solid var(--ink);box-shadow:var(--sh-2);display:grid;place-items:center}
.dd-strip .stop svg{width:56px;height:56px}
.dd-strip .hand{font-size:1.5rem;color:var(--ink)}
.dd-strip p{font-size:var(--fs-small);font-weight:600;color:var(--muted);max-width:18ch}
.dd-strip li + li::before{content:"";position:absolute;top:44px;left:calc(-50% + 56px);width:calc(100% - 112px + var(--s-6));height:0;border-top:3px dashed var(--ink)}
.dd-strip li + li::after{content:"";position:absolute;top:37px;left:calc(50% - 60px);width:12px;height:12px;border-top:3px solid var(--ink);border-right:3px solid var(--ink);transform:rotate(45deg)}
.dd-report{background:var(--card);border:3px solid var(--ink);border-radius:var(--r-card);box-shadow:var(--sh-2);padding:var(--s-5) var(--s-5) var(--s-5);position:relative;max-width:var(--w-text)}
.dd-report > .tape{position:absolute;top:-16px;left:var(--s-5)}
.dd-report p{font-size:var(--fs-lede);font-weight:600;line-height:1.5;margin-top:var(--s-2)}
.dd-frame{background:var(--card);border:3px solid var(--ink);border-radius:var(--r-card);overflow:hidden;max-width:360px}
.dd-frame img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.dd-frame figcaption{padding:var(--s-2) var(--s-4) var(--s-3);font-family:var(--f-hand);font-weight:700;font-size:var(--fs-hand);text-align:center;border-top:3px solid var(--ink)}

/* ---------- phones ---------- */
@media (max-width:1000px){
  .dd-tiles,.dd-proof{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-4) var(--s-4)}
  .dd-proof{gap:var(--s-6) var(--s-5)}
  .dd .dad-desk{grid-template-columns:1fr}
  .dd-cards--3,.dd-kit,.dd-assets,.dd-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dd-cards--3 > :last-child:nth-child(odd),.dd-assets > :last-child:nth-child(odd),.dd-facts > :last-child:nth-child(odd){grid-column:1 / -1}
  .dd-chans{grid-template-columns:1fr}
  .dd-glance--safety ul{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dd-strip{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:var(--s-6)}
  .dd-strip li:nth-child(3)::before,.dd-strip li:nth-child(3)::after{display:none}
  .passport-stamps{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:720px){
  .dd-hero{padding:var(--s-5) 0 var(--s-5)}
  .dd-hero--photo .dd-wrap{grid-template-columns:minmax(0,1fr);gap:var(--s-5)}
  .dd-hero h1{margin-top:var(--s-3)}
  .dd-lede{font-size:var(--fs-body);line-height:1.55}
  .dd-hero .polaroid{justify-self:center;max-width:250px;transform:rotate(2deg);margin-top:var(--s-2)}
  .dd-hero .polaroid img{aspect-ratio:3/2}
  .dd-jump{display:none}
  .dd-section{padding-bottom:var(--s-6)}
  .dd-section-head{flex-direction:column;gap:2px;align-items:flex-start;margin-bottom:var(--s-4);padding-bottom:var(--s-2)}
  /* one calm row per door: icon | name + line | arrow */
  .dd-tiles{grid-template-columns:1fr;gap:var(--s-3)}
  .dd-tiles .tile{display:grid;grid-template-columns:44px minmax(0,1fr) 20px;grid-template-areas:"ic name arr" "ic desc arr";column-gap:var(--s-4);row-gap:2px;
    align-items:center;padding:var(--s-3) var(--s-4);box-shadow:var(--sh-2);min-height:76px}
  .dd-tiles .tile:active{box-shadow:none;transform:translate(4px,4px)}
  .dd-tiles .tile-top{display:contents}
  .dd-tiles .tile-ic{grid-area:ic;width:44px;height:44px;align-self:center}
  .dd-tiles .tile-ic .ic{width:28px;height:28px}
  .dd-tiles .tile i{grid-area:arr;padding:0}
  .dd-tiles .tile i svg{width:20px;height:20px}
  .dd-tiles .tile b{grid-area:name;font-size:1.125rem;align-self:end}
  .dd-tiles .tile > span:last-child{grid-area:desc;align-self:start;font-size:.875rem;line-height:1.4}
  .dd-cards--3,.dd-cards--2,.dd-kit,.dd-assets,.dd-facts,.dd-pins,.dd-topics,.dd-ways,.dd-rules{grid-template-columns:1fr}
  .dd-assets{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-3)}
  .dd-asset .well{padding:var(--s-3)}
  .dd-asset > div:last-child{padding:var(--s-2) var(--s-3) var(--s-3)}
  .dd-asset b{font-size:1rem}
  .dd-proof{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-5) var(--s-4)}
  .dd-proof .polaroid{padding:6px 6px 0}
  .dd-proof .polaroid figcaption{font-size:1.05rem;padding:6px 2px 8px}
  .dd-split{grid-template-columns:1fr;gap:var(--s-6)}
  .dd .dad-desk{gap:var(--s-5)}
  .dd .dad-desk dl{grid-template-columns:1fr;gap:0}
  .dd .dad-desk dd{margin-bottom:var(--s-2)}
  .dd-glance--safety ul{grid-template-columns:1fr}
  .dd-notes{columns:1}
  .dd-env{padding-top:48px}
  .dd-env .card{padding:var(--s-5) var(--s-4)}
  .dd-env .stamp-art{width:58px;top:12px;right:12px}
  .dd-env .card h1{padding-right:64px}
  .dd-env .spill{left:-12px;width:140px}.dd-env .spill-r{right:-10px;width:120px}
  .dd-form .row2{grid-template-columns:1fr}
  .dd-way{grid-template-columns:72px minmax(0,1fr);padding:var(--s-4)}
  .dd-way .pts{width:72px;height:72px;font-size:1.6rem}
  .passport{padding:var(--s-4) var(--s-4) var(--s-5)}
  .passport-stamps{gap:var(--s-3)}
  .passport-stamps .stamp__ring{width:68px;height:68px}
  .passport-stamps .stamp__ring svg{width:32px;height:32px}
  .dd-cookie{grid-template-columns:1fr}
  .dd-strip{grid-template-columns:1fr;row-gap:var(--s-5)}
  .dd-strip li{flex-direction:row;text-align:left;gap:var(--s-4)}
  .dd-strip li > div{display:flex;flex-direction:column}
  .dd-strip li::before,.dd-strip li::after{display:none}
  .dd-strip .stop{width:72px;height:72px;flex:none}
  .dd-strip .stop svg{width:44px;height:44px}
  .dd .ticket{grid-template-columns:1fr}
  .dd .ticket__stub{border-right:0;border-bottom:3px dashed var(--ink);flex-direction:row;gap:var(--s-3);padding:var(--s-3)}
  .dd .dad-desk .btn-row .btn{white-space:normal;text-align:center}
}
@media (prefers-reduced-motion:reduce){.dd .tile i,.dd-kit a,.dd-chan,.dd-pin .tear a svg,.passport-track .fill{transition:none}}
:where(html.calm) .dd :is(.tile i,.dd-kit a,.dd-chan,.passport-track .fill){transition:none}
@media print{
  body.dd{background:#fff}
  .dd :is(.tile,.dad-desk,.polaroid,.dd-chan,.dd-kit a,.passport,.dd-report){box-shadow:none;transform:none}
  .dd-toc-rail,.dd-toc-m,.dd-tabs,.dd-copy{display:none}
}

/* phone numbers never split at the hyphen */
.dd a[href^="sms:"],.dd a[href^="tel:"]{white-space:nowrap}
.dd-narrow{max-width:var(--w-text)}
.dd-proof + .dd-cards{margin-top:var(--s-7)}
.dd-asset .well--photo img.top,.dd-proof img.top{object-position:50% 22%}
/* quiet text links that carry a class (the kit only colours bare links) */
.dd main a.go,.dd main a.dd-hub{color:var(--ink);text-decoration:underline;text-decoration-color:var(--coral);text-decoration-thickness:3px;text-underline-offset:3px;display:inline-flex;align-items:center;min-height:44px}
.dd main a.go:hover,.dd main a.dd-hub:hover{background:linear-gradient(transparent 55%,var(--sun) 55%)}
.dd-hero .dd-wrap > *,.dd-section .dd-wrap > *{min-width:0}
.dd main{overflow-x:clip}
.dd-asset .well{min-height:0;overflow:hidden}
.dd-asset .well--photo{position:relative}
.dd-asset .well--photo img{position:absolute;inset:0}
/* safety: the six-tile glance, each a door to its section */
.dd-glance--safety{max-width:none}
.dd-glance--safety li{padding:0}
.dd-glance--safety li::before{display:none}
.dd-glance--safety .tile{flex-direction:row;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-4);box-shadow:var(--sh-2);min-height:72px}
.dd-glance--safety .tile-ic{width:44px;height:44px;margin:0;flex:none}
.dd-glance--safety .tile-ic .ic{width:28px;height:28px}
.dd-glance--safety .tile > span:last-child{font-size:.95rem;line-height:1.35;color:var(--ink);font-weight:700}
.dd-hero .hazard{margin-top:var(--s-4)}
.dd .hazard b{text-transform:none}
.dd-prose .dd-glance ul{padding-left:0}
.dd-prose .dd-glance li + li{margin-top:0}
.dd-prose .dd-glance{margin-top:0}
/* documents: the column is text-width for words, but tables may use the full width beside the rail */
.dd-doc .dd-wrap{grid-template-columns:minmax(0,1fr)}
@media (min-width:1100px){.dd-doc--toc .dd-wrap{grid-template-columns:minmax(0,1fr) 220px;gap:var(--s-7)}}
.dd-doc .dd-prose{max-width:none}
.dd-doc .dd-prose > :not(.dd-table):not(.dd-glance--safety){max-width:var(--w-text)}
.dd-doc .dd-prose > .dd-table{max-width:none}
.dd-waste{margin:var(--s-5) 0 0;background:var(--card);border:2px solid rgba(43,35,68,.25);border-radius:var(--r-card);padding:var(--s-5) var(--s-4) var(--s-4)}
.dd-waste-cap{margin-top:var(--s-4);text-align:center;font-family:var(--f-hand);font-weight:700;font-size:var(--fs-hand);color:var(--teal-ink)}
.dd-waste .dd-strip{gap:var(--s-4)}
.dd-waste .dd-strip .hand{font-size:1.375rem;line-height:1.1}
.dd-prose .dd-strip{padding-left:0}
.dd-prose .dd-strip li + li{margin-top:0}
.dd-prose .dd-report{margin-bottom:var(--s-2)}
.dd-doc .dd-prose > .dd-frame{max-width:320px}
.dd-report{box-shadow:none}
.dd-mt3{margin-top:var(--s-3)}
.dd-split--form{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:start}
@media (max-width:720px){.dd-split--form{grid-template-columns:minmax(0,1fr)}}
.dd-body .fine,.dd-card .fine{font-size:var(--fs-small);color:var(--muted);font-weight:600}
#wt-out:empty{display:none}
.dd-hero--slim{padding:var(--s-5) 0 0}
.dd-hero--slim .dd-tabs{margin-top:0}
#cf-out:empty{display:none}
.dd a.dd-chan,.dd a.btn{white-space:normal}
.dd a.btn{white-space:nowrap}
.dd-env .card{padding-bottom:72px}
/* My Lab widget (lab-account.js) inside Dad's Desk: calmer type, no opacity on text, room under the sign-in row */
.dd .lab{margin:0;box-shadow:var(--sh-2);border-radius:var(--r-card)}
.dd .lab h3{font-size:1.15rem}
.dd .lab p{font-weight:600}
.dd .lab a{color:var(--ink);text-decoration-color:var(--coral);text-decoration-thickness:3px;text-underline-offset:3px}
.dd .lab-kicker{color:var(--muted);font-size:.75rem}
.dd .lab-note,.dd .lab-muted{opacity:1;color:var(--muted)}
.dd .lab-form + .lab-msg,.dd .lab-msg{margin-top:12px}
.dd .lab-note{margin-top:12px}
.dd-acct{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--s-6);align-items:start}
@media (max-width:900px){.dd-acct{grid-template-columns:minmax(0,1fr)}}
.dd-way .pts--mint{background:var(--tint-mint)}
.dd-mt5{margin-top:var(--s-5)}
.dd .h3{font-family:var(--f-display);font-weight:400;font-size:var(--fs-h3);line-height:1.15}
.dd-split--ticket{grid-template-columns:minmax(0,1fr) minmax(0,440px)}
@media (max-width:720px){.dd-split--ticket{grid-template-columns:minmax(0,1fr)}}
.dd .ticket__body .fine{font-size:var(--fs-small);color:var(--muted);font-weight:600}
.passport{box-shadow:var(--sh-paper)}
.dd-hero .dd-meta + .dd-lede{margin-top:var(--s-3)}