img,svg.lockup,.hero-bg,.ph,.tile,.work .cv,canvas#scene{-webkit-touch-callout:none;-webkit-user-drag:none;user-select:none;-webkit-user-select:none}
a:has(>img),.guide-shot{-webkit-touch-callout:none}

:root{
  --paper:#FBF4E9; --sand:#F3E5CF; --sand-2:#EBD8BC; --line:#E3CFB1;
  --bark:#4A2D1C; --bark-2:#7B5A40;
  --olive:#556228; --on-olive:#FFF8EC; --leaf:#93A055;
  --sun:#E8A93A; --sun-soft:#F6D9A0; --on-sun:#4A2D1C;
  --deep:#4A2D1C; --on-deep:#FBF4E9;
  --logo-mark:#556228; --logo-word:#4A2D1C;
  --arc-bg:#22190F; --arc-ink:#F4EADA;
  --photo-filter:none; --art-filter:none;
  --shadow:0 30px 60px -36px rgba(74,45,28,.45);
  --font-display:"Fredoka", ui-rounded, "SF Pro Rounded", system-ui, sans-serif;
  --cjk:"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans SC","Source Han Sans SC";
  --cjk-head:var(--cjk);
  --r-s:12px; --r-m:20px; --r-l:28px;
  --step--1:.86rem; --step-0:1rem; --step-1:1.18rem; --step-2:1.45rem; --step-3:clamp(1.7rem,3.2vw,2.4rem); --step-4:clamp(2.6rem,7vw,5.2rem);
  --shade:none;
  --ease-out:cubic-bezier(.22,1,.36,1); --spring:cubic-bezier(.3,1.4,.5,1);
  color-scheme:light;
}
/* night: the same desk by moonlight, a warm lamp on */
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  --paper:#15140F; --sand:#201E17; --sand-2:#2B2920; --line:#38352A;
  --bark:#F0E6D3; --bark-2:#B8AB92;
  --olive:#BCC97E; --on-olive:#181A0E; --leaf:#8E9B55;
  --sun:#F0B04A; --sun-soft:#46371F; --on-sun:#22170C;
  --deep:#2A2419; --on-deep:#F0E6D3;
  --logo-mark:#B4C274; --logo-word:#F0E6D3;
  --arc-bg:#0D0D09; --arc-ink:#EFE6D4;
  --photo-filter:brightness(.62) saturate(.72) contrast(1.06); --art-filter:brightness(.93);
  --shadow:0 30px 60px -36px rgba(0,0,0,.75);
  color-scheme:dark;
}}
:root[data-theme="dark"]{
  --paper:#15140F; --sand:#201E17; --sand-2:#2B2920; --line:#38352A;
  --bark:#F0E6D3; --bark-2:#B8AB92;
  --olive:#BCC97E; --on-olive:#181A0E; --leaf:#8E9B55;
  --sun:#F0B04A; --sun-soft:#46371F; --on-sun:#22170C;
  --deep:#2A2419; --on-deep:#F0E6D3;
  --logo-mark:#B4C274; --logo-word:#F0E6D3;
  --arc-bg:#0D0D09; --arc-ink:#EFE6D4;
  --photo-filter:brightness(.62) saturate(.72) contrast(1.06); --art-filter:brightness(.93);
  --shadow:0 30px 60px -36px rgba(0,0,0,.75);
  color-scheme:dark;
}
:lang(zh-Hant){--cjk:"PingFang TC","Microsoft JhengHei","Noto Sans TC","Source Han Sans TC";--cjk-head:var(--cjk)}
:lang(ja){--cjk:"Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic","Noto Sans JP","Meiryo";--cjk-head:"Zen Maru Gothic",var(--cjk)}

*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth;scroll-padding-top:84px;background:var(--paper)}
body{margin:0;background:var(--paper);color:var(--bark);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",var(--cjk),sans-serif;font-size:var(--step-0);line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;display:block}
:lang(ja) h1,:lang(ja) h2,:lang(ja) h3,:lang(ja) h4{word-break:auto-phrase}
:lang(ja) .hero h1,:lang(ja) .svc-tab .nm,:lang(ja) .svc-intro h3{word-break:keep-all;overflow-wrap:anywhere}
h1,h2,h3,h4{font-family:var(--font-display),var(--cjk-head),sans-serif;line-height:1.2;text-wrap:balance;margin:0;font-weight:600}
h2{font-size:var(--step-3);letter-spacing:.005em}
h3{font-size:var(--step-1)}
h4{font-size:1.04rem}
p{margin:0}
a{color:var(--olive);text-underline-offset:3px}
button,input,textarea{font:inherit;color:inherit}
:focus-visible{outline:2.5px solid var(--olive);outline-offset:3px;border-radius:8px}
.num{font-family:var(--font-display),var(--cjk),sans-serif;font-variant-numeric:tabular-nums}
.muted{color:var(--bark-2)}
.wrap{max-width:72rem;margin:0 auto;padding-inline:clamp(16px,4.5vw,48px)}
section{padding-block:clamp(64px,9vw,112px);position:relative}
.sec-head{display:grid;gap:10px;max-width:44rem;margin-bottom:clamp(26px,4vw,44px)}
.sec-head p{color:var(--bark-2)}
.sec-head h2::after{content:"";display:inline-block;width:1.05em;height:1.05em;margin-left:.3em;vertical-align:-.12em;background:url(illus-sprig-sm.webp) center/contain no-repeat;transform:rotate(-14deg);filter:var(--art-filter)}
.art{filter:var(--art-filter)}


.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:999px;padding:13px 26px;font-weight:650;text-decoration:none;cursor:pointer;border:1.5px solid transparent;font-size:1.02rem;transition:box-shadow .25s, transform .25s, background .25s;white-space:nowrap}
.btn svg{width:16px;height:16px}
.btn-olive{background:var(--olive);color:var(--on-olive)}
.btn-olive:hover{box-shadow:0 0 0 6px color-mix(in srgb,var(--sun) 28%,transparent),0 10px 30px -8px color-mix(in srgb,var(--sun) 70%,transparent);transform:translateY(-1px)}
.btn-line{border-color:var(--bark);color:var(--bark);background:color-mix(in srgb,var(--paper) 55%,transparent)}
.btn-line:hover{background:var(--paper)}
.btn-sm{padding:9px 18px;font-size:.94rem}
html{scroll-padding-top:100px}.recording-page{background:var(--paper);padding-bottom:0}.guide-header{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px clamp(16px,4vw,40px);border-bottom:1px solid var(--line);background:var(--paper)}.guide-brand{display:flex;gap:6px;align-items:baseline;text-decoration:none;color:var(--bark)}.guide-brand .lockup{width:150px;height:40px}.guide-header nav{display:flex;gap:12px;align-items:center}.guide-header a{font-size:.88rem}.guide-header button,.guide-header select{min-height:44px;border:1px solid var(--line);background:var(--paper);color:var(--bark);border-radius:12px;padding:7px 10px;font:inherit}.guide-header button{min-width:44px}#guide-main{max-width:1000px;margin:auto;padding:0 24px}.guide-hero{padding:48px 0 24px}.guide-kicker{color:var(--olive);font-size:.75rem;letter-spacing:.15em;font-weight:650}.guide-hero h1{font-size:clamp(2rem,5vw,3.4rem);line-height:1.25;margin:14px 0 20px;max-width:760px}.guide-hero>p{max-width:760px;color:var(--bark-2)}.guide-quick{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0;list-style:none;margin:26px 0 0}.guide-quick li{background:var(--sand);border:1px solid var(--line);border-radius:14px;padding:14px 18px;font-weight:600}.guide-toc{display:flex;gap:8px;overflow:auto;padding:10px 0 24px;scrollbar-width:thin}.guide-toc a{flex:none;padding:8px 14px;border:1px solid var(--line);border-radius:999px;text-decoration:none;font-size:.85rem;color:var(--olive)}.guide-section{padding:30px 0;border-top:1px solid var(--line);scroll-margin-top:110px}.guide-section h2{font-size:1.5rem;line-height:1.45;margin-bottom:16px}.guide-section p,.guide-section li{color:var(--bark-2);line-height:1.85}.guide-section ul{padding-left:22px;display:grid;gap:12px}.guide-section details,.guide-footer details{margin:18px 0;border:1px solid var(--line);border-radius:14px;padding:14px 18px}.guide-section summary,.guide-footer summary{cursor:pointer;font-weight:650;min-height:28px}.guide-section details p{margin-top:12px}.noise-cases{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:20px 0}.noise-cases article{padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--sand)}.noise-cases h3{font-size:1rem;color:var(--olive);margin-bottom:8px}.guide-shot{margin:24px 0;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:var(--sand)}.guide-shot>a{display:block;background:#202329}.guide-shot img{display:block;width:100%;height:auto}.guide-shot.arrangement img{aspect-ratio:4/1;object-fit:cover;object-position:top}.guide-shot figcaption{padding:14px 18px;font-size:.82rem}.guide-shot figcaption a{font-weight:600;color:var(--olive)}.export-steps{padding-left:26px;display:grid;gap:16px}.export-steps h3{font-size:1.05rem;color:var(--bark)}.naming-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0}.naming-cards article{border:1px solid var(--line);padding:16px;border-radius:14px;min-width:0}.naming-cards h3{font-size:1rem}.naming-cards code{display:block;font-size:.85rem;overflow-wrap:anywhere;margin:10px 0;color:var(--olive)}.naming-cards p{font-size:.85rem}.guide-section pre{margin-top:14px;padding:16px;background:var(--sand);border-radius:12px;overflow:auto}.guide-checklist{display:grid;gap:12px;margin:20px 0}.guide-checklist label{display:flex;gap:12px;align-items:start;padding:12px 14px;border:1px solid var(--line);border-radius:12px;cursor:pointer}.guide-checklist input{width:22px;height:22px;flex:none;accent-color:var(--olive);margin-top:4px}.guide-checklist label:has(input:checked){opacity:.65}.guide-footer{padding:26px 0 60px}.guide-footer ul{padding-left:20px}.guide-footer textarea,.guide-section textarea{width:100%;font:inherit;padding:12px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(max-width:720px){.guide-header{padding:8px 14px;flex-wrap:wrap;gap:8px}.guide-header nav{width:100%;gap:8px;justify-content:space-between}.guide-header select{font-size:16px;max-width:126px}.guide-brand .lockup{width:120px;height:32px}#guide-main{padding:0 18px}.guide-hero{padding-top:28px}.guide-hero h1{font-size:2rem}.guide-hero>p{font-size:.9rem}.guide-quick{grid-template-columns:1fr;gap:8px}.guide-quick li{font-size:.9rem;padding:12px 14px}.guide-section{padding:25px 0}.guide-section h2{font-size:1.3rem}.guide-section p,.guide-section li{font-size:.92rem}.noise-cases,.naming-cards{grid-template-columns:1fr}.guide-shot.arrangement img{aspect-ratio:2.8/1}.guide-toc{margin-right:-18px;padding-right:18px}.guide-shot figcaption{padding:12px}.guide-section details{padding:12px}.guide-section{scroll-margin-top:125px}}

.guide-section>h3{font-size:1.12rem;margin:26px 0 12px;color:var(--bark)}.mic-distance{display:grid;grid-template-columns:1fr .85fr 1fr .85fr 1fr;align-items:center;max-width:650px;background:var(--sand);border:1px solid var(--line);border-radius:16px;padding:22px 18px;margin:18px 0;text-align:center;gap:6px}.mic-distance strong{font-size:.95rem}.distance-gap{display:grid;gap:2px;color:var(--olive)}.distance-gap small{font-size:.78rem}.distance-gap>span{font-size:1.5rem;line-height:1}.record-steps{list-style:none;counter-reset:record-step;display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0!important;margin:18px 0}.record-steps li{counter-increment:record-step;padding:18px 18px 18px 54px;background:var(--sand);border:1px solid var(--line);border-radius:14px;position:relative}.record-steps li:before{content:counter(record-step);position:absolute;left:18px;top:18px;font-size:1.1rem;color:var(--olive);font-weight:700}.record-steps h4{font-size:1rem;margin:0 0 6px;color:var(--bark)}.record-steps p{font-size:.9rem!important;margin:0}.gain-note{padding:14px 18px;border-left:3px solid var(--olive);background:var(--sand);border-radius:0 12px 12px 0;font-size:.9rem}.guide-table{width:100%;border-collapse:collapse;margin:18px 0 24px;font-size:.9rem;table-layout:fixed}.guide-table th,.guide-table td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line);padding:14px 12px;overflow-wrap:anywhere;line-height:1.7}.guide-table thead{background:var(--sand);color:var(--olive)}.guide-table th:first-child{width:28%}.guide-table tbody th{font-weight:600;color:var(--bark)}.guide-table td{color:var(--bark-2)}.naming-examples .guide-table th:first-child{width:20%}.naming-examples .guide-table td:nth-child(2){font-family:ui-monospace,monospace;font-size:.78rem}.guide-photos>summary{font-weight:600}.guide-photos .guide-shot{margin-bottom:12px}
@media(max-width:720px){.record-steps{grid-template-columns:1fr}.mic-distance{padding:18px 10px;gap:3px}.mic-distance strong{font-size:.82rem}.distance-gap small{font-size:.68rem}.guide-table th,.guide-table td{padding:12px 6px;font-size:.82rem}.guide-table th:first-child{width:29%}.naming-examples .guide-table th:first-child{width:19%}.guide-section>h3{font-size:1.08rem}.guide-photos{padding:12px 8px!important}}

.illustrated-hero{display:grid;grid-template-columns:minmax(0,1fr) 170px;gap:24px;align-items:center}.hero-art{width:170px;height:170px;object-fit:contain}.illustrated-hero p{max-width:730px;color:var(--bark-2);line-height:1.85}.help-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:8px 0 32px}.help-card{display:flex;flex-direction:column;align-items:start;padding:24px;border:1px solid var(--line);border-radius:22px;background:var(--sand);color:var(--bark);text-decoration:none;min-width:0;transition:transform .2s,border-color .2s}.help-card:hover{transform:translateY(-3px);border-color:var(--olive)}.help-card h2{font-size:1.3rem;margin:12px 0}.help-card p{color:var(--bark-2);margin:0 0 20px;line-height:1.75}.help-card strong{font-size:.88rem;color:var(--olive);margin-top:auto}.help-switch{display:flex;gap:8px;flex-wrap:wrap;margin:4px 0 24px}.help-switch a{padding:9px 13px;border:1px solid var(--line);border-radius:999px;text-decoration:none;font-size:.82rem;color:var(--bark-2)}.help-switch a[aria-current]{background:var(--olive);color:var(--paper);border-color:var(--olive)}.help-rows{margin:20px 0;border:1px solid var(--line);border-radius:16px;overflow:hidden}.help-rows>div{display:grid;grid-template-columns:175px minmax(0,1fr);border-top:1px solid var(--line)}.help-rows>div:first-child{border:0}.help-rows dt{padding:16px;background:var(--sand);font-weight:650;line-height:1.6}.help-rows dd{padding:16px;margin:0;line-height:1.85;color:var(--bark-2);overflow-wrap:anywhere}.help-share{position:relative}.help-share>.help-art{float:right;width:88px;height:88px;margin:0 0 8px 14px;object-fit:contain}.help-share .record-steps{grid-template-columns:repeat(3,minmax(0,1fr));clear:both}.help-share details{clear:both}.guide-section .help-list{gap:16px}.help-copy-fallback{display:block;margin-top:14px;width:100%;font:inherit;background:var(--sand);border:1px solid var(--line);border-radius:12px;color:var(--bark);padding:14px}.help-copy-fallback[hidden]{display:none}.guide-back{margin-left:20px;color:var(--olive)}.asklink-download{margin:24px 0 8px;font-size:.9rem}.guide-footer{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.guide-footer .guide-back{margin-left:0}.multi-scope{border:1px solid var(--line);border-radius:14px;padding:12px 14px;font-size:.82rem;color:var(--bark-2)}.multi-scope summary{cursor:pointer;font-weight:600;color:var(--bark)}.multi-scope p{margin:10px 0 0;line-height:1.8}.contact-brief{margin-top:20px}.contact-brief>p{font-size:.83rem;color:var(--bark-2);line-height:1.8;margin:12px 0 0}.creator-hero{position:relative}.creator-welcome{float:right;width:132px;height:132px;object-fit:contain}.recording-callout a{line-height:1.7}.recording-callout p{margin:6px 0}
@media(max-width:720px){.illustrated-hero{grid-template-columns:minmax(0,1fr) 76px;gap:10px;align-items:start}.hero-art{width:76px;height:76px;margin-top:25px}.illustrated-hero h1{font-size:1.85rem;margin-top:12px}.illustrated-hero p{grid-column:1/-1;font-size:.9rem}.help-grid{gap:12px}.help-card{padding:18px 16px;border-radius:16px}.help-card h2{font-size:1.05rem}.help-card p{font-size:.85rem;margin-bottom:14px}.help-card strong{font-size:.8rem}.help-rows>div{grid-template-columns:1fr}.help-rows dt{padding:12px 14px}.help-rows dd{padding:12px 14px;font-size:.92rem}.help-share .record-steps{grid-template-columns:1fr}.help-switch{gap:6px}.help-switch a{padding:8px 10px;font-size:.78rem}.help-share>.help-art{width:64px;height:64px}.creator-welcome{width:92px;height:92px}.help-inquiry .btn{max-width:100%;white-space:normal}}
@media(max-width:380px){.help-grid{grid-template-columns:1fr}.illustrated-hero{grid-template-columns:minmax(0,1fr) 64px}.hero-art{width:64px;height:64px}}
@media(prefers-reduced-motion:reduce){.help-card{transition:none}.help-card:hover{transform:none}}
@media(max-width:720px){.guide-quick{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-quick li{font-size:.84rem;padding:12px;line-height:1.65}}
@media(max-width:600px){.naming-examples .guide-table thead{display:none}.naming-examples .guide-table,.naming-examples .guide-table tbody{display:block}.naming-examples .guide-table tr{display:grid;grid-template-columns:1fr;padding:12px 0;border-top:1px solid var(--line)}.naming-examples .guide-table tr:first-child{border-top:0}.naming-examples .guide-table th,.naming-examples .guide-table td{display:block;width:auto!important;border:0;padding:5px 8px;text-align:left}.naming-examples .guide-table th{font-size:.9rem}.naming-examples .guide-table td:first-of-type{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.8rem;color:var(--olive);overflow-wrap:anywhere}.naming-examples .guide-table td:last-child{color:var(--bark-2);font-size:.8rem}}
@media(max-width:350px){.guide-quick{grid-template-columns:1fr}}

html{scroll-behavior:auto}footer.guide-footer{border-top:1px solid var(--line)}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
/* ===== v34: aligned with the home page grid, sticky table of contents, service tabs ===== */
html{scroll-padding-top:calc(var(--header-height,74px) + 24px)}
#guide-main{max-width:72rem;margin:0 auto;padding:0 clamp(16px,4.5vw,48px) 0}
.guide-hero{padding:clamp(28px,5vw,56px) 0 22px}
.illustrated-hero p{max-width:46rem}
.guide-section{scroll-margin-top:calc(var(--header-height,74px) + 24px)}

/* the four guides read as tabs, not as loose chips */
.help-switch{display:inline-flex;flex-wrap:wrap;gap:4px;padding:4px;margin:6px 0 22px;border:1px solid var(--line);border-radius:999px;background:color-mix(in srgb,var(--sand) 70%,transparent)}
.help-switch a{padding:8px 14px;border:0;border-radius:999px;font-size:.86rem;font-weight:600;color:var(--bark-2);text-decoration:none}
.help-switch a:hover{background:var(--paper);color:var(--bark)}
.help-switch a[aria-current]{background:var(--olive);color:var(--on-olive)}

/* key points: a checklist, not buttons */
.guide-quick{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 24px;margin:4px 0 8px}
.guide-quick li{position:relative;background:none;border:0;border-radius:0;padding:6px 0 6px 30px;font-weight:600;color:var(--bark)}
.guide-quick li::before{content:"";position:absolute;left:0;top:.62em;width:18px;height:18px;border-radius:50%;background:color-mix(in srgb,var(--leaf) 24%,transparent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.3l2.6 2.5L12 5.4' fill='none' stroke='%23556228' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat}
.night .guide-quick li::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.3l2.6 2.5L12 5.4' fill='none' stroke='%23BCC97E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}

/* content + table of contents */
.guide-body{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:clamp(32px,4vw,56px);align-items:start;margin-top:18px}
.guide-content{min-width:0;max-width:52rem}
.guide-aside{grid-column:2;grid-row:1;position:sticky;top:calc(var(--header-height,74px) + 24px)}
.guide-content{grid-column:1;grid-row:1}
.guide-toc{display:grid;gap:2px;padding:0;overflow:visible}
.guide-toc .toc-label{font-size:.75rem;letter-spacing:.12em;font-weight:650;color:var(--bark-2);margin:0 0 8px 12px;text-transform:uppercase}
.guide-toc a{display:flex;gap:10px;align-items:baseline;flex:none;padding:8px 12px;border:0;border-left:2px solid var(--line);border-radius:0 10px 10px 0;font-size:.88rem;line-height:1.45;color:var(--bark-2);text-decoration:none;transition:background .2s,color .2s,border-color .2s}
.guide-toc a:hover{background:color-mix(in srgb,var(--sand) 70%,transparent);color:var(--bark)}
.guide-toc a[aria-current]{border-left-color:var(--olive);background:color-mix(in srgb,var(--leaf) 14%,transparent);color:var(--olive);font-weight:650}
.guide-toc .toc-n{font-family:var(--font-display),var(--cjk),sans-serif;font-variant-numeric:tabular-nums;font-size:.8rem;color:var(--olive);min-width:1.4em}
@media (max-width:1100px){
  .guide-body{grid-template-columns:minmax(0,1fr);gap:0}
  .guide-aside{grid-column:1;grid-row:1;top:var(--header-height,108px);z-index:5;margin:0 calc(-1 * clamp(16px,4.5vw,48px));padding:8px clamp(16px,4.5vw,48px);background:color-mix(in srgb,var(--paper) 94%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
  .guide-content{grid-column:1;grid-row:2;max-width:none}
  .guide-toc{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:2px 0}
  .guide-toc::-webkit-scrollbar{display:none}
  .guide-toc .toc-label{display:none}
  .guide-toc a{border:1px solid var(--line);border-radius:999px;padding:7px 12px;font-size:.82rem;white-space:nowrap}
  .guide-toc a[aria-current]{border-color:var(--olive)}
  html{scroll-padding-top:calc(var(--header-height,108px) + 64px)}
  .guide-section{scroll-margin-top:calc(var(--header-height,108px) + 64px)}
}
.guide-content>.guide-section:first-child{border-top:0}
.help-copy .btn.is-done{background:var(--leaf)}

/* the three consultation steps sit in one row */
.journey-steps{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:860px){.journey-steps{grid-template-columns:1fr}}
.guide-footer{padding:26px 0 72px}

@media (max-width:720px){.help-switch{display:flex;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;max-width:100%}.help-switch::-webkit-scrollbar{display:none}.help-switch a{flex:none}}