/* Minuet — the pages nobody reads until they need to.
   Same paper and the same hand as the score, but set to be read DOWN: a
   document that scrolls sideways is a document nobody finishes. These pages
   omit html.w-page, so the body scrolls normally. d- prefixed throughout. */

.d-wrap{position:relative;z-index:1;max-width:70ch;margin:0 auto;padding:calc(var(--mast) + clamp(26px,5vw,54px)) clamp(20px,5vw,34px) 0}
.d-back{display:inline-flex;align-items:center;gap:8px;font-family:var(--f-hand);font-size:1.32rem;color:var(--ink-3);text-decoration:none;transform:rotate(-1deg);transform-origin:left}
.d-back:hover{color:var(--pen)}
.d-wrap .d-kick{font-family:var(--f-hand);font-size:1.5rem;line-height:1;color:var(--pen);margin:30px 0 4px;transform:rotate(-1.6deg);transform-origin:left}
.d-wrap h1{font-family:var(--f-disp);font-size:clamp(2.3rem,5.4vw,3.3rem);line-height:1.04;font-weight:700;letter-spacing:-.012em;margin:0 0 4px;color:var(--ink)}
.d-under{display:block;width:min(300px,62%);height:12px;color:var(--pen);opacity:.8;margin:0 0 26px}
.d-under path{fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round}
.d-wrap .d-lede{font-family:var(--f-disp);font-style:italic;font-size:1.28rem;line-height:1.46;color:var(--ink-2);margin:0 0 8px}
.d-wrap h2{font-family:var(--f-disp);font-size:1.44rem;font-weight:700;line-height:1.22;margin:40px 0 10px;color:var(--ink)}
.d-wrap h3,.d-wrap .d-q{font-family:var(--f-disp);font-size:1.14rem;font-weight:700;line-height:1.3;margin:30px 0 6px;color:var(--ink)}
/* NB: every specialised paragraph class below is .d-wrap-prefixed. This rule is
   (0,1,1) and would otherwise out-specify a bare .d-kick / .d-lede / .d-q. */
.d-wrap p,.d-wrap li{font-size:1.02rem;line-height:1.68;color:var(--ink-2);margin:0 0 14px;max-width:none}
.d-wrap ul{padding-left:1.15em;margin:0 0 16px}
.d-wrap li{margin-bottom:7px}
.d-wrap li::marker{color:var(--rule)}
.d-wrap strong{color:var(--ink);font-weight:600}

/* a note in the margin, in pen — the same voice as the score's marginalia */
.d-wrap .d-note{font-family:var(--f-hand);font-size:1.34rem;line-height:1.32;color:var(--red);margin:24px 0 28px;padding-left:16px;transform:rotate(-.6deg);transform-origin:left}

/* one boxed thing per page at most: the address you actually want */
.d-contact{margin:8px 0 30px;padding:22px 24px;border:2px solid var(--ink);border-radius:13px;box-shadow:5px 6px 0 var(--pen);background:var(--paper-2)}
.d-wrap .d-contact p{margin:0}
.d-contact a{font-family:var(--f-disp);font-size:1.5rem;font-weight:700;text-decoration:none;color:var(--ink);border-bottom:2.5px solid var(--pen)}
.d-contact a:hover{color:var(--pen)}
.d-contact .d-sub{display:block;font-size:.94rem;color:var(--ink-3);margin-top:8px}

.d-wrap .d-stamp{font-size:.84rem;color:var(--ink-3);margin:34px 0 0}
.d-rule{border:0;border-top:1.5px solid var(--rule);opacity:.75;margin:40px 0 0}
.d-foot{padding:26px 0 64px}
.d-links{display:flex;flex-wrap:wrap;gap:9px 22px;margin:0 0 15px;padding:0}
.d-links a{font-size:.95rem;font-weight:600;text-decoration:none;color:var(--ink-2)}
.d-links a:hover{color:var(--pen)}
.d-links [aria-current=page]{color:var(--pen);text-decoration:underline;text-underline-offset:3px}
.d-wrap .d-fine{font-size:.86rem;color:var(--ink-3);margin:0}
.d-wrap .d-legal{font-size:.72rem;line-height:1.5;color:var(--ink-3);max-width:56ch;margin:12px 0 0}

/* prose links — pen underline, same hand as the score */
.d-wrap p a,.d-wrap li a,.d-wrap dd a{color:var(--ink);text-decoration:none;border-bottom:1.5px solid var(--pen);word-break:break-word}
.d-wrap p a:hover,.d-wrap li a:hover,.d-wrap dd a:hover{color:var(--pen)}

/* sections + their headings clear the fixed masthead when linked to */
.d-sec{scroll-margin-top:calc(var(--mast) + 18px)}
.d-wrap .d-conth{margin-top:44px;scroll-margin-top:calc(var(--mast) + 18px)}

/* contents: the movement list at the head of a part */
.d-toc{margin:26px 0 8px;padding:20px 24px 18px;border:1.5px solid var(--rule);border-radius:12px;background:var(--paper-2)}
.d-wrap .d-toch{font-family:var(--f-hand);font-size:1.34rem;line-height:1;color:var(--pen);margin:0 0 12px;transform:rotate(-1deg);transform-origin:left}
.d-toc ol{list-style:none;counter-reset:toc;margin:0;padding:0;columns:2;column-gap:32px}
.d-wrap .d-toc li{counter-increment:toc;font-size:.95rem;line-height:1.42;margin:0 0 8px;break-inside:avoid}
.d-toc li a{color:var(--ink-2);text-decoration:none;border:0}
.d-toc li a::before{content:counter(toc) ".";color:var(--ink-3);margin-right:7px;font-variant-numeric:tabular-nums}
.d-toc li a:hover{color:var(--pen)}
@media (max-width:560px){.d-toc ol{columns:1}}

/* the short version: what the page says before you read the page */
.d-sum{margin:22px 0 4px;padding:24px 26px 10px;border:2px solid var(--ink);border-radius:13px;box-shadow:5px 6px 0 var(--pen);background:var(--paper-2)}
.d-wrap .d-sumh{font-family:var(--f-disp);font-size:1.2rem;font-weight:700;color:var(--ink);margin:0 0 12px}
.d-wrap .d-sum li{margin-bottom:9px}

/* the diagnostics table, set as a definition list so it reads on a phone */
.d-tbl{display:grid;grid-template-columns:minmax(88px,.32fr) 1fr;gap:0;margin:6px 0 20px;border-top:1.5px solid var(--rule)}
.d-tbl dt{font-family:var(--f-disp);font-weight:700;font-size:.98rem;line-height:1.5;color:var(--ink);padding:13px 16px 13px 0;border-bottom:1.5px solid var(--rule)}
.d-tbl dd{font-size:.98rem;line-height:1.6;color:var(--ink-2);margin:0;padding:13px 0;border-bottom:1.5px solid var(--rule)}
@media (max-width:560px){.d-tbl{grid-template-columns:1fr}.d-tbl dt{padding-bottom:2px;border-bottom:0}.d-tbl dd{padding-top:4px}}

/* UNRESOLVED — every square bracket left in the source shows up like this,
   so nothing can be published while a decision is still outstanding. */
.d-flag{background:#FBE6A8;color:#5B4405;font-family:var(--f-mono,ui-monospace,monospace);font-size:.86em;line-height:1.5;padding:2px 7px;border-radius:4px;box-decoration-break:clone;-webkit-box-decoration-break:clone}

@media print{
  .w-mast,.w-skip,.d-back,.d-under,.d-toc{display:none}
  body::before{display:none}
  .d-wrap{padding-top:0;max-width:none}
  .d-contact,.d-sum{box-shadow:none}
  .d-sec{break-inside:auto}
  h2,h3{break-after:avoid}
}

/* --- SC 2.5.8 target size: list-of-links rows get a 24px pointer target. Inline links
    inside prose are exempt (the "inline" exception) and are deliberately left alone. --- */
.d-toc a,.d-links a{display:inline-block;padding:3px 0;min-height:24px;box-sizing:content-box}
.d-toc li{line-height:1.5}