/* DGL: one editorial grid. Working components own their own control styles. */
:root { --edge:var(--dgl-edge); --ink:var(--dgl-ink); --paper:var(--dgl-paper); --line:var(--dgl-line); --muted:var(--dgl-subtle); --gutter:32px; }
html { scroll-padding-top:112px; } body { font-size:16px; line-height:1.65; }
button,input,textarea,select { font-family:inherit; } button { border-radius:2px; } input,select,textarea { min-width:0; max-width:100%; }
a,button,input,select,textarea,summary { touch-action:manipulation; } button:disabled { cursor:default; opacity:.5; }
[hidden] { display:none!important; } p { text-wrap:pretty; } h1,h2,h3,h4 { font-weight:400; }
button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible { outline:2px solid #52767e; outline-offset:3px; }
.skip-link { position:fixed; top:10px; left:20px; z-index:100; padding:10px 18px; background:var(--paper); color:var(--ink); transform:translateY(-180%); }
.skip-link:focus { transform:none; } .muted,.micro-copy { color:var(--muted); } .micro-copy { font-size:12px; line-height:1.7; }
.restored-header { position:sticky; top:0; z-index:20; background:rgba(245,243,237,.97); backdrop-filter:blur(16px); padding-block:calc(15px + env(safe-area-inset-top)) 15px; min-height:86px; }
.dark .restored-header { background:linear-gradient(112deg,rgba(32,46,53,.97),rgba(17,27,33,.97)); }
.restored-header .brand { font-size:48px; min-height:50px; } .restored-header nav { gap:32px; } .restored-header nav a { font-size:13px; }
.line-link { font-size:14px; gap:28px; min-height:48px; font-weight:400; }
.quiet-action { display:inline-flex; align-items:center; gap:12px; min-height:48px; padding:8px 0; background:none; border:0; border-bottom:1px solid currentColor; font-size:13px; color:inherit; }
.solid-action { display:inline-flex; align-items:center; justify-content:space-between; gap:28px; min-height:48px; padding:12px 20px; background:var(--ink); color:var(--paper); border:1px solid var(--ink); font-size:14px; }
.solid-action:hover { background:#2b3e47; } .inline-actions { display:flex; align-items:center; flex-wrap:wrap; gap:16px 32px; }
/* Home: the atmosphere continues all the way through the page. */
.home-opening { padding-top:64px; } .opening-type { display:grid; grid-template-columns:1.65fr 1fr; align-items:end; gap:var(--gutter); padding-bottom:48px; }
.opening-type h1 { font-size:clamp(58px,7.1vw,110px); line-height:1.09; } .opening-context { margin-bottom:28px; font-size:12px; letter-spacing:.03em; }
.opening-aside { justify-self:end; padding-bottom:6px; } .opening-aside>p { font-size:16px; line-height:1.9; color:var(--dgl-muted); }
.opening-actions { display:flex; flex-direction:column; align-items:flex-start; gap:8px; margin-top:24px; } .opening-actions .line-link { font-size:13px; min-width:220px; }
.coast-frame { aspect-ratio:2.3; border-radius:0; }
.home-paths,.home-instruments { display:grid; grid-template-columns:1fr 1.4fr; gap:64px; padding:88px var(--edge); }
.home-paths { padding-bottom:64px; } .home-instruments { border-block:1px solid #50616870; }
.editorial-intro h2 { font-size:clamp(34px,3.5vw,54px); line-height:1.18; margin:24px 0; } .editorial-intro>p:last-child { max-width:33ch; color:var(--dgl-muted); font-size:15px; }
.editorial-rows>a { display:grid; grid-template-columns:24px 1fr 24px; gap:20px; padding:24px 0; border-top:1px solid #65777d70; }
.editorial-rows>a:last-child { border-bottom:1px solid #65777d70; } .row-number { font-size:12px; color:var(--dgl-muted); padding-top:6px; }
.editorial-rows h3 { font-size:26px; line-height:1.35; } .editorial-rows p { color:var(--dgl-muted); margin-top:10px; font-size:14px; }
.row-arrow { font-size:23px; } .editorial-rows a:hover h3,.instrument-links a:hover h3 { text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:6px; }
.instrument-links { display:grid; grid-template-columns:1fr; }
.instrument-links>a { display:grid; grid-template-columns:145px 1fr; column-gap:24px; padding:24px 0; border-top:1px solid #65777d70; }
.instrument-links>a:first-child { padding-top:0; border-top:0; } .instrument-links>a>span:first-child { grid-row:1/4; font-size:12px; color:var(--dgl-muted); padding-top:5px; }
.instrument-links h3 { font-size:25px; line-height:1.3; } .instrument-links p { font-size:14px; color:var(--dgl-muted); margin:10px 0; }
.instrument-action { font-size:13px; min-height:44px; display:inline-flex; align-items:center; text-decoration:underline; text-underline-offset:7px; }
.closer-band { gap:64px; grid-template-columns:1fr 1.4fr; padding-block:80px; } .closer-band h2 { font-size:clamp(34px,3.5vw,54px); } .closer-picture img { aspect-ratio:1.5; }
/* All page introductions and larger systems use the same two columns. */
.compact-heading { display:grid; grid-template-columns:1fr 1fr; gap:var(--gutter); align-items:end; padding:44px var(--edge) 40px; }
.compact-heading h1 { font-size:clamp(40px,4.1vw,62px); line-height:1.13; margin-top:16px; } .compact-heading h1 em { color:#627d83; }
.compact-heading>div:last-child { max-width:49ch; justify-self:end; } .compact-heading>div:last-child>p { font-size:16px; }
.compact-heading .quiet-action,.compact-heading .line-link { margin-top:12px; } .compact-heading .muted { font-size:13px; margin-top:12px; }
.work-heading { padding-top:32px; padding-bottom:32px; } .work-heading h1 { font-size:clamp(38px,3.6vw,55px); }
.working-section { padding:0 var(--edge) 64px; } .practice-section { padding:64px var(--edge); border-top:1px solid var(--line); }
.section-intro { display:grid; grid-template-columns:1fr 1fr; gap:var(--gutter); align-items:end; padding-bottom:40px; }
.section-intro h2 { font-size:clamp(34px,3.6vw,54px); line-height:1.15; margin-top:20px; } .section-intro>p { font-size:15px; color:var(--muted); max-width:53ch; }
.system-row { display:grid; grid-template-columns:1fr 1fr; gap:var(--gutter); padding:36px 0; border-top:1px solid var(--line); }
.system-title { display:grid; grid-template-columns:28px 1fr; column-gap:16px; align-content:start; }
.system-title>.eyebrow { grid-row:1/3; padding-top:6px; color:var(--muted); } .system-title h3 { font-size:30px; line-height:1.3; max-width:22ch; }
.system-title>p { grid-column:2; margin-top:14px; font-size:14px; color:var(--muted); max-width:42ch; }
.system-flow { font-size:14px; padding:0 0 22px; border-bottom:1px solid var(--line); }
.system-parts { display:grid; grid-template-columns:1fr 1fr; gap:24px; padding-top:22px; } .system-parts h4 { font-size:13px; margin:0 0 8px; }
.system-parts p { font-size:13px; line-height:1.8; color:var(--muted); } .system-detail .line-link { margin-top:20px; font-size:13px; }
.practice-source { border-top:1px solid var(--line); padding-top:24px; font-size:12px; max-width:94ch; color:var(--muted); }
.short-close { display:flex; align-items:center; justify-content:space-between; gap:40px; padding:56px var(--edge) 72px; border-top:1px solid var(--line); }
.short-close h2 { font-size:clamp(34px,4vw,56px); line-height:1.17; } .short-close p:not(.eyebrow) { max-width:56ch; font-size:15px; color:var(--muted); margin-top:20px; }
.short-close .eyebrow { margin-bottom:20px; }
/* A resource starts with its deliverable. */
.useful-launchers { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--gutter); padding:0 var(--edge) 48px; }
.useful-launchers>a { display:flex; flex-direction:column; align-items:start; padding:24px 0 8px; border-top:1px solid var(--line); }
.useful-launchers .eyebrow { color:var(--muted); font-size:12px; } .useful-launchers h2 { font-size:30px; line-height:1.2; margin:16px 0; }
.useful-launchers p { font-size:14px; color:var(--muted); margin-bottom:20px; max-width:35ch; } .launcher-action { display:flex; align-items:center; min-height:48px; font-size:13px; margin-top:auto; border-bottom:1px solid currentColor; }
.useful-launchers>a:hover h2 { text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:5px; }
.library-section { padding:48px var(--edge) 64px; border-top:1px solid var(--line); } .library-heading { display:grid; grid-template-columns:1fr 1fr; gap:var(--gutter); align-items:end; }
.library-heading h2 { font-size:38px; line-height:1.2; margin-top:16px; } .search-field { font-size:12px; width:100%; max-width:400px; justify-self:end; }
.search-field input { display:block; width:100%; height:48px; margin-top:8px; border:1px solid #a6b2ad; border-radius:2px; background:#fbfaf6; padding:12px 14px; font-size:14px; color:var(--ink); }
.library-filters { display:flex; flex-wrap:wrap; gap:24px; margin:24px 0 8px; } .library-filters button { min-height:48px; padding:8px 0; border:0; border-bottom:2px solid transparent; background:none; font-size:13px; color:var(--muted); }
.library-filters button[aria-pressed=true] { border-color:var(--ink); color:var(--ink); } .library-rows { display:grid; grid-template-columns:1fr 1fr; column-gap:var(--gutter); margin-top:24px; }
.library-row { display:grid; grid-template-columns:1fr 24px; gap:24px; align-items:start; padding:24px 0; border-top:1px solid var(--line); }
.library-row h3 { font-size:23px; line-height:1.4; margin:8px 0; max-width:34ch; } .library-row p { font-size:14px; color:var(--muted); line-height:1.75; max-width:50ch; }
.library-row .resource-kind { font-size:11px; color:var(--muted); } .library-row .row-arrow { padding-top:22px; } .library-row:hover h3 { text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:5px; }
.guide-header { padding-top:32px; padding-bottom:32px; } .guide-header h1 { font-size:clamp(34px,3.8vw,57px); line-height:1.2; }
.guide-description { font-size:17px; max-width:68ch; margin-top:22px; } .guide-tool-jump { margin-top:16px; } .guide-image { display:none; }
.guide-layout { padding-top:0; grid-template-columns:240px minmax(0,760px); gap:48px; } .guide-toc { position:sticky; top:115px; } .guide-toc a { min-height:44px; display:flex; align-items:center; }
.guide-body { font-size:16px; } .guide-body>.brief-builder:first-child,.guide-body>.workflow-planner:first-child,.guide-body>section[data-checklist]:first-child { margin-top:0; padding-top:24px; }
.guide-body .field input,.guide-body .field textarea,.guide-body .field select,.guide-body #studio-brief-output,.guide-body #workflow-brief-output { width:100%; font-size:16px; min-height:48px; padding:12px; border:1px solid #a3b4af; background:#faf9f5; border-radius:2px; color:var(--ink); }
.guide-body .field { margin-bottom:20px; } .guide-body .field label { display:block; font-size:13px; margin-bottom:8px; } .guide-body button { min-height:48px; padding:12px 16px; background:#263b43; color:var(--paper); border:0; font-size:14px; }
.guide-body .checklist-items label { display:flex; gap:12px; padding:12px 0; align-items:start; min-height:48px; } .guide-body .checklist-items input { width:20px; height:20px; flex:none; accent-color:#47636a; }
.guide-body :is(.brief-builder,.workflow-planner,section[data-checklist]) { scroll-margin-top:120px; } .guide-body .practical-intro { margin-bottom:32px; }
.related-guides { padding:40px var(--edge); border-top:1px solid var(--line); } .related-guides h2 { font-size:32px; margin-bottom:24px; }
.guide-rows { list-style:none; margin:0; padding:0; } .guide-rows li { border-top:1px solid var(--line); padding:24px 0; display:flex; align-items:center; justify-content:space-between; gap:32px; }
.guide-rows h3 { font-size:22px; } .guide-rows p { font-size:14px; color:var(--muted); margin-top:8px; max-width:70ch; } .guide-next { display:flex; align-items:center; justify-content:space-between; gap:24px; margin-top:24px; font-size:14px; }
.compact-link { display:inline-flex; min-height:48px; align-items:center; border-bottom:1px solid currentColor; font-size:13px; gap:20px; flex-shrink:0; }
.table-scroll { max-width:100%; overflow:auto; } .guide-body table { min-width:520px; }
/* The image archive is optional, with a straight reading order. */
.direction-archive { margin:48px var(--edge) 64px; border-top:1px solid #60707870; }
.direction-archive>summary { min-height:64px; padding:20px 0; cursor:pointer; font-size:16px; }
.direction-archive .collection-grid { padding:24px 0; gap:32px; grid-template-columns:repeat(3,minmax(0,1fr)); }
.direction-archive .collection-grid figure:nth-child(even) { padding-top:0; } .direction-archive .collection-grid img { aspect-ratio:1.2; }
.selection-bar { display:flex; align-items:center; gap:24px; padding:16px 0; border-block:1px solid #60707870; font-size:13px; }
.selection-bar>button { background:transparent; color:var(--paper); border:0; border-bottom:1px solid #8ba0a4; min-height:48px; font-size:13px; } .selection-bar>.line-link { margin-left:auto; font-size:13px; }
.gallery-image { display:block; position:relative; width:100%; background:none; padding:0; border:0; overflow:hidden; } .gallery-image img { width:100%; object-fit:cover; }
.image-open { position:absolute; bottom:12px; right:12px; padding:8px 12px; background:#13252ddd; color:#eeeae0; font-size:12px; }
.collection-grid figcaption { align-items:start; gap:16px; font-size:15px; } .collection-grid figcaption>div>span { display:block; font-size:12px; margin-top:5px; }
.collection-grid figcaption>button { background:none; border:0; border-bottom:1px solid #607981; color:var(--dgl-muted); font-size:12px; min-height:44px; min-width:68px; }
.collection-grid figcaption>button[aria-pressed=true] { color:var(--paper); border-color:var(--paper); } .collection-provenance { font-size:12px; color:var(--dgl-muted); padding-top:16px; }
dialog { max-height:calc(100svh - 24px); border:0; } dialog::backdrop { background:#071117c9; backdrop-filter:blur(8px); }
.icon-button { background:none; border:1px solid #82939366; min-width:44px; min-height:44px; font-size:25px; line-height:1; color:inherit; }
.gallery-dialog { width:min(1100px,calc(100vw - 48px)); padding:24px; background:#15242c; color:var(--paper); overflow:auto; }
.gallery-controls { display:flex; justify-content:space-between; align-items:center; font-size:13px; margin-bottom:16px; } .gallery-dialog>img { width:100%; height:min(58svh,620px); object-fit:contain; }
.gallery-bottom { display:flex; justify-content:space-between; align-items:end; gap:24px; padding-top:20px; } .gallery-bottom h2 { font-size:24px; } .gallery-bottom p { font-size:13px; color:var(--dgl-muted); margin-top:8px; }
.gallery-actions { display:flex; flex-wrap:wrap; gap:8px; } .gallery-actions button { min-height:44px; min-width:44px; border:1px solid #72898f70; background:none; color:var(--paper); padding:10px 14px; font-size:12px; } .gallery-actions button[aria-pressed=true] { background:#385059; }
/* Conversation: one note, with context carried in. */
.conversation-layout { display:grid; grid-template-columns:1fr 1fr; gap:64px; padding:48px var(--edge) 64px; align-items:start; }
.conversation-intro h1 { font-size:clamp(48px,5.3vw,80px); line-height:1.14; margin:24px 0; } .conversation-intro h1 em { color:#627d83; }
.conversation-intro>p:not(.eyebrow) { font-size:17px; line-height:1.85; max-width:36ch; } .conversation-intro>.muted { font-size:14px!important; margin-top:20px; }
.conversation-intro>img { margin-top:32px; width:100%; max-width:430px; height:190px; object-fit:cover; } .conversation-form { padding-top:4px; }
.note-form label { display:block; font-size:13px; margin:0 0 8px; color:var(--ink); }
.note-form input,.note-form textarea { display:block; width:100%; min-height:48px; padding:12px 14px; border:1px solid #a5b3af; border-radius:2px; background:#faf9f5; color:var(--ink); font-size:16px; line-height:1.5; resize:vertical; }
.note-form textarea { min-height:144px; } .note-pair { display:grid; grid-template-columns:1fr 1fr; gap:16px; margin:20px 0; }
.note-chips { display:flex; gap:8px; flex-wrap:wrap; margin-bottom:24px; } .note-chips button { background:none; border:1px solid #b7c3bf; color:#425a60; padding:10px 12px; min-height:44px; font-size:12px; }
.note-chips button:hover { background:#e5ebe3; } .note-actions { display:flex; align-items:center; gap:24px; margin-top:20px; } .note-actions .solid-action { flex:1; }
.note-form .micro-copy { margin-top:16px; } .note-feedback,.note-error { font-size:14px; line-height:1.7; margin-top:16px; white-space:pre-line; }
.note-feedback:empty { display:none; } .note-error { color:#8b3728; } .note-trap { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
.note-form .note-trap input { min-height:0; } .note-form input[readonly],.note-form textarea[readonly] { background:#e8ece5; }
.contact-drawer { position:fixed; inset:0 0 0 auto; margin:0; width:560px; max-width:100%; max-height:100svh; height:100svh; padding:24px 40px calc(24px + env(safe-area-inset-bottom)); overflow:auto; background:var(--paper); color:var(--ink); box-shadow:-20px 0 70px #0002; }
.drawer-top { display:flex; justify-content:space-between; align-items:center; margin-bottom:24px; } .drawer-top .brand { font-size:42px; min-height:48px; }
.contact-drawer h2 { font-size:46px; line-height:1.15; margin:16px 0 24px; } .dialog-open { overflow:hidden; }
.problem-opening { display:grid; grid-template-columns:1fr 1fr; gap:var(--gutter); align-items:center; padding:44px var(--edge) 56px; }
.problem-opening h1 { font-size:clamp(40px,4.5vw,68px); line-height:1.15; margin:24px 0; } .problem-opening em { color:#627d83; }
.problem-opening>div>p:not(.eyebrow) { max-width:48ch; font-size:16px; color:var(--muted); } .problem-opening .inline-actions { margin-top:24px; }
.problem-opening figure { height:420px; } .problem-opening img { width:100%; height:100%; object-fit:cover; }
.three-points { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--gutter); padding:48px var(--edge) 64px; border-top:1px solid var(--line); }
.three-points article>span { font-size:12px; color:var(--muted); } .three-points h2 { font-size:28px; line-height:1.3; margin:20px 0; } .three-points p { font-size:15px; color:var(--muted); }
.expectations { display:grid; grid-template-columns:1fr 1fr; gap:var(--gutter); padding:24px var(--edge) 64px; } .expectations h2 { font-size:42px; line-height:1.2; }
.expectations summary { cursor:pointer; min-height:60px; padding:16px 0; border-top:1px solid var(--line); font-size:15px; } .expectations details p { font-size:14px; color:var(--muted); padding-bottom:24px; }
.not-found { padding:64px var(--edge); } .not-found h1 { font-size:56px; } .not-found a { display:inline-flex; margin-top:24px; min-height:48px; } .privacy-content { max-width:1100px; }
.new-footer { display:flex; align-items:end; justify-content:space-between; gap:32px; padding:48px var(--edge) calc(24px + env(safe-area-inset-bottom)); background:#10191e; color:var(--paper); }
.new-footer p { font-size:13px; } .new-footer .eyebrow { margin-bottom:12px; } .new-footer>p { margin-left:auto; } .new-footer>p>span { color:var(--dgl-muted); font-size:12px; }
.new-footer>div:last-child { display:flex; align-items:center; gap:24px; font-size:12px; } .new-footer>div:last-child a { padding:12px 0; min-height:44px; } .new-footer>div:last-child>span { color:var(--dgl-muted); }
@media(min-width:1700px) { :root { --dgl-edge:calc((100vw - 1450px)/2); } #dgl-site { max-width:none; } }
@media(max-width:1000px) { .restored-header nav { gap:20px; } .home-paths,.home-instruments,.closer-band { grid-template-columns:1fr 1.3fr; gap:32px; } .instrument-links>a { grid-template-columns:1fr; } .instrument-links>a>span:first-child { grid-row:auto; margin-bottom:12px; } .conversation-layout { gap:32px; } .system-parts { grid-template-columns:1fr; gap:16px; } .guide-layout { grid-template-columns:180px minmax(0,1fr); gap:32px; } }
@media(max-width:760px) {
 :root { --gutter:24px; --dgl-edge:24px; } html { scroll-padding-top:24px; }
 .restored-header { display:block; position:static; padding-top:calc(12px + env(safe-area-inset-top)); padding-bottom:8px; } .restored-header .brand { font-size:40px; min-height:42px; width:70px; }
 .restored-header nav { display:flex; justify-content:space-between; gap:4px 10px; margin-top:4px; flex-wrap:wrap; } .restored-header nav a { font-size:12px; min-height:44px; gap:0; white-space:nowrap; }
 .home-opening { padding-top:32px; } .opening-type { display:block; padding-bottom:32px; } .opening-type h1 { font-size:clamp(42px,10vw,66px); }
 .opening-context { font-size:11px; margin-bottom:24px; } .opening-aside { margin-top:24px; } .opening-aside>p { font-size:15px; line-height:1.8; }
 .opening-actions { flex-direction:row; gap:8px 20px; flex-wrap:wrap; margin-top:16px; } .opening-actions .line-link { font-size:12px; min-width:0; gap:20px; } .coast-frame { aspect-ratio:1.4; }
 .home-paths,.home-instruments,.closer-band { grid-template-columns:1fr; gap:32px; padding-block:48px; }
 .editorial-intro h2,.closer-band h2 { font-size:36px; margin:20px 0; } .editorial-intro>p:last-child { max-width:42ch; font-size:14px; }
 .editorial-rows>a { gap:12px; grid-template-columns:20px 1fr 20px; padding:24px 0; } .editorial-rows h3 { font-size:23px; } .editorial-rows p { font-size:14px; }
 .instrument-links>a { grid-template-columns:1fr; padding:24px 0; } .instrument-links h3 { font-size:26px; } .closer-picture img { aspect-ratio:1.4; }
 .compact-heading { display:block; padding-top:28px; padding-bottom:28px; } .compact-heading h1 { font-size:clamp(37px,8.9vw,52px); } .compact-heading>div:last-child { margin-top:20px; } .compact-heading>div:last-child>p { font-size:14px; }
 .work-heading h1 { font-size:39px; } .working-section { padding-bottom:40px; } .work-heading .quiet-action { margin-top:8px; }
 .practice-section { padding-block:40px; } .section-intro { grid-template-columns:1fr; gap:20px; padding-bottom:32px; } .section-intro h2 { font-size:36px; } .section-intro>p { font-size:14px; }
 .system-row { grid-template-columns:1fr; gap:24px; padding:28px 0; } .system-title { grid-template-columns:20px 1fr; gap:12px; } .system-title h3 { font-size:28px; }
 .system-parts { grid-template-columns:1fr 1fr; gap:20px; } .system-detail { padding-left:32px; } .system-flow { font-size:13px; } .practice-source { font-size:12px; }
 .short-close { display:block; padding-block:40px; } .short-close h2 { font-size:36px; } .short-close>.line-link { margin-top:24px; }
 .useful-launchers { display:block; padding-bottom:32px; } .useful-launchers>a { display:grid; grid-template-columns:1fr 1fr; gap:8px 20px; padding:20px 0; align-items:start; }
 .useful-launchers .eyebrow { grid-column:1/-1; font-size:11px; } .useful-launchers h2 { font-size:24px; margin:8px 0; } .useful-launchers p { font-size:13px; margin:8px 0 0; } .launcher-action { grid-column:1/-1; justify-self:start; font-size:13px; min-height:44px; }
 .library-section { padding-block:32px 48px; } .library-heading { display:block; } .library-heading h2 { font-size:33px; } .search-field { display:block; max-width:none; margin-top:24px; } .search-field input { font-size:16px; }
 .library-filters { gap:16px; margin-top:16px; } .library-filters button { font-size:12px; } .library-rows { grid-template-columns:1fr; margin-top:20px; } .library-row { padding:22px 0; gap:16px; } .library-row h3 { font-size:23px; } .library-row p { font-size:14px; }
 .guide-header h1 { font-size:35px; } .guide-description { font-size:16px; } .guide-layout { grid-template-columns:1fr; gap:24px; } .guide-toc { position:static; } .guide-toc ol { display:grid; grid-template-columns:1fr 1fr; gap:0 16px; } .guide-toc a { font-size:12px; }
 .guide-body h2 { font-size:27px; } .guide-body .article-lead { font-size:17px; } .guide-next { display:block; } .guide-next a { margin-top:16px; } .guide-rows li { display:block; } .guide-rows a { margin-top:16px; }
 .direction-archive { margin-block:32px 48px; } .direction-archive .collection-grid { grid-template-columns:1fr 1fr; gap:24px; } .selection-bar { flex-wrap:wrap; gap:12px 20px; } .selection-bar>.line-link { margin-left:0; }
 .collection-grid figcaption { display:block; font-size:14px; } .collection-grid figcaption>button { margin-top:8px; } .gallery-dialog { width:calc(100vw - 24px); padding:16px; } .gallery-dialog>img { height:50svh; } .gallery-bottom { display:block; } .gallery-actions { margin-top:20px; }
 .conversation-layout { display:block; padding-top:32px; padding-bottom:40px; } .conversation-intro h1 { font-size:44px; margin:20px 0; } .conversation-intro>p:not(.eyebrow) { font-size:15px; } .conversation-intro>img { display:none; } .conversation-form { padding:0; margin-top:32px; }
 .note-pair { gap:16px; } .note-actions { gap:16px; } .note-form .micro-copy { font-size:12px; } .contact-drawer { padding:20px 24px calc(24px + env(safe-area-inset-bottom)); } .drawer-top { margin-bottom:16px; } .contact-drawer h2 { font-size:38px; }
 .problem-opening { display:flex; flex-direction:column; gap:32px; align-items:stretch; padding-top:32px; } .problem-opening h1 { font-size:40px; } .problem-opening>div>p:not(.eyebrow) { font-size:15px; } .problem-opening figure { height:240px; }
 .three-points { grid-template-columns:1fr; gap:28px; padding-block:40px; } .three-points h2 { font-size:28px; margin:16px 0; } .expectations { display:block; padding-bottom:40px; } .expectations h2 { font-size:36px; margin-bottom:28px; }
 .new-footer { display:block; padding-top:32px; } .new-footer>p { margin-top:24px; } .new-footer>div:last-child { margin-top:16px; } .not-found h1 { font-size:42px; }
}
@media(max-width:380px) { :root { --dgl-edge:18px; } .restored-header nav a { font-size:12px; } .note-pair { grid-template-columns:1fr; } .note-chips { gap:6px; } .note-chips button { font-size:11px; padding:9px; } .system-parts { grid-template-columns:1fr; } .direction-archive .collection-grid { grid-template-columns:1fr; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *,*::before,*::after { animation:none!important; transition:none!important; } }
@media print { .restored-header,.new-footer,dialog,.selection-bar { display:none!important; } }
.system-built { font-size:12px; line-height:1.8; color:var(--muted); margin-top:20px; }
.guide-body .checklist-download { margin-left:12px; background:transparent; color:var(--ink); border:1px solid var(--ink); }
@media(max-width:760px) { .guide-body .checklist-download { margin:12px 0 0; display:block; } }

/* The delivery receipt uses the same quiet contact surface. */
.note-receipt { min-width:0; padding-block:clamp(20px,3vw,36px); border-block:1px solid var(--line); }
.note-receipt h2 { font-size:clamp(28px,3.2vw,42px); line-height:1.18; margin:0 0 20px; overflow-wrap:anywhere; }
.note-receipt>p { max-width:48ch; font-size:16px; line-height:1.8; }
.note-receipt [data-note-reference] { overflow-wrap:anywhere; white-space:normal; font-variant-numeric:tabular-nums; }
.note-receipt:focus-visible { outline:2px solid #52767e; outline-offset:8px; }
.note-receipt-download,.note-receipt .quiet-action,[data-note-full-draft] { max-width:100%; min-height:44px; white-space:normal; text-align:left; justify-content:flex-start; }
.note-receipt .quiet-action,[data-note-full-draft] { margin-top:20px; }
@media(max-width:760px) { .note-receipt { padding-block:24px; } .note-receipt h2 { font-size:28px; } .note-receipt>p { font-size:15px; } }