/* Three pages share the existing visual language. */
.site-nav.nav{gap:10px}.site-nav a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 13px;border-radius:8px;white-space:nowrap}.site-nav a[aria-current="page"]{background:var(--lime);color:var(--ink);font-weight:800}.site-nav a:hover{background:#dfff7818;color:var(--lime)}.site-nav a[aria-current="page"]:hover{background:var(--lime);color:var(--ink)}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--lime);outline-offset:4px}
.page-shell{overflow-x:clip}.page-main{animation:page-enter .28s ease-out both}@keyframes page-enter{from{opacity:.45;transform:translateX(14px)}to{opacity:1;transform:none}}
.construction-pill{color:var(--lime);border-color:#dfff7850}.intro-notice{border-top:0;padding-top:20px;padding-bottom:75px}.construction-box{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:34px;border:1px solid var(--line);border-radius:18px;background:#ffffff03}.construction-box h2{font-size:clamp(24px,3vw,34px);line-height:1.5;margin:12px 0}.construction-box p{color:var(--muted);font-size:13px;line-height:1.9}.construction-box .btn{flex-shrink:0}.intro-strip p{font-size:12px}
.tools-page .lab{padding-top:55px;border-top:0}.section-heading h1{font-size:42px;letter-spacing:-.045em;margin:14px 0 0;line-height:1.35}.tools-page .section-heading p{font-size:13px;line-height:1.9}.editor-retention{font-size:12px;color:var(--muted);margin:18px 0 0;line-height:1.8}.tools-page .lab-bottom p{font-size:12px;line-height:1.9}
.page-intro{padding-top:58px;padding-bottom:32px}.page-intro h1{font-size:clamp(32px,4vw,48px);line-height:1.35;letter-spacing:-.04em;margin:16px 0}.page-intro>p{font-size:14px;color:var(--muted);line-height:1.9;max-width:680px}.notebook-nav{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.notebook-nav a{font-size:12px;min-height:40px;display:inline-flex;align-items:center;padding:8px 14px;border:1px solid var(--line);border-radius:30px}.notebook-nav a:hover{color:var(--lime);border-color:var(--lime)}.notebook-sections .section{padding:65px 0}.notebook-sections .section-heading p{font-size:13px;line-height:1.9}.notebook-sections .cap-row p,.notebook-sections .entry-body dd,.notebook-sections .source p,.notebook-sections .hosting-grid p{font-size:13px;line-height:1.9}
.consultation-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}.consultation{border:1px solid var(--line);border-radius:14px;background:#ffffff03;overflow:hidden}.consultation summary{display:flex;align-items:center;gap:14px;cursor:pointer;padding:22px;list-style:none;font-size:15px;font-weight:700}.consultation summary::-webkit-details-marker{display:none}.consult-index{font:12px var(--mono);color:var(--lime)}.consult-plus{margin-left:auto;color:var(--lime);transition:transform .2s}.consultation[open] .consult-plus{transform:rotate(45deg)}.consult-body{padding:0 22px 24px}.consult-body time{font:11px var(--mono);color:var(--muted)}.consult-body dl{margin:20px 0 0}.consult-body dt{font-size:11px;letter-spacing:.06em;color:var(--lime);margin-top:18px}.consult-body dd{margin:7px 0 0;font-size:13px;line-height:1.9;overflow-wrap:anywhere}.footer p{font-size:12px}.footer .end-note{font-size:11px;line-height:1.9}
@media(max-width:680px){.site-nav.nav{gap:3px}.site-nav.nav a:nth-child(2){display:inline-flex}.site-nav a{padding:0 8px;font-size:10px}.section-heading h1{font-size:34px}.tools-page .lab{padding-top:36px}.page-intro{padding-top:36px}.page-intro>p{font-size:13px}.notebook-sections .section{padding:45px 0}.consultation-list{grid-template-columns:1fr}.construction-box{display:block;padding:24px}.construction-box .btn{margin-top:22px}.construction-box p br{display:none}.intro-notice{padding-bottom:45px}.notebook-nav{gap:7px}.notebook-nav a{padding:7px 11px;font-size:11px}.consultation summary{padding:20px}.footer .end-note{font-size:10px}}
@media(max-width:440px){.topbar .wrap{width:calc(100% - 24px)}.brand{font-size:10px;gap:7px}.brand small{display:none}.brand-icon{width:24px;height:24px;font-size:18px}.site-nav a{padding:0 6px;font-size:10px}.site-nav.nav{gap:2px}.hero-actions{flex-wrap:wrap}.hero-actions .btn{padding:12px 15px}}
@media(max-width:370px){.brand{font-size:9px}.site-nav a{font-size:9px;padding:0 5px}}
@media(prefers-reduced-motion:reduce){.page-main{animation:none}.consult-plus{transition:none}}

.export-row{flex-wrap:wrap}.export-row .export-message{max-width:none;flex-basis:100%;margin-left:0;margin-top:5px}