/* AllChinaBuy Spreadsheet Haul Tray. Canvas, bottle green and tag tan. Prefix hdt- */
:root{
  --hdt-canvas:#f2f4eb;
  --hdt-paper:#ffffff;
  --hdt-ink:#283021;
  --hdt-ink-soft:#58614d;
  --hdt-green:#4d5d2b;
  --hdt-green-2:#657440;
  --hdt-tan:#8a4f25;
  --hdt-line:#d4dac9;
  --hdt-stitch:#a9b598;
  --hdt-mint:#31b38c;
  --hdt-focus:#0b6bcb;
  --hdt-shadow:none;
  --hdt-wrap:1180px;
  --hdt-col:760px;
  --hdt-head:"Bahnschrift","DIN Alternate","Arial Narrow","Segoe UI",sans-serif;
  --hdt-body:"Segoe UI",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;
  color-scheme:light dark;
}
@media (prefers-color-scheme:dark){
  :root{
    --hdt-canvas:#121815;
    --hdt-paper:#1a221e;
    --hdt-ink:#ece6da;
    --hdt-ink-soft:#bcc5be;
    --hdt-green:#9fd6bc;
    --hdt-green-2:#7cc5a5;
    --hdt-tan:#e7ae80;
    --hdt-line:#34433b;
    --hdt-stitch:#55665c;
    --hdt-focus:#7fb8ff;
    --hdt-shadow:0 1px 2px rgba(0,0,0,.4),0 6px 18px rgba(0,0,0,.35);
  }
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--hdt-canvas);color:var(--hdt-ink);font:17px/1.65 var(--hdt-body)}
img{max-width:100%;height:auto;display:block}
a{color:var(--hdt-green)}
a:hover{color:var(--hdt-tan)}
:focus-visible{outline:3px solid var(--hdt-focus);outline-offset:2px}
h1,h2,h3{font-family:var(--hdt-head);line-height:1.18;letter-spacing:.005em;color:var(--hdt-ink)}
h1{font-size:clamp(1.9rem,3.6vw,2.9rem);margin:.2em 0 .45em;font-weight:700}
h2{font-size:clamp(1.45rem,2.3vw,1.95rem);margin:0 0 .6em;font-weight:700}
h3{font-size:1.08rem;margin:0 0 .35em;font-weight:700}
p{margin:0 0 1em}
ul,ol{margin:0 0 1em;padding-left:1.25em}
li{margin:.25em 0}
table{border-collapse:collapse;width:100%;font-size:.95rem}
th,td{border:1px solid var(--hdt-line);padding:.55em .7em;text-align:left;vertical-align:top}
th{background:var(--hdt-paper)}
.hdt-sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.hdt-skip{position:absolute;left:-999px;top:0;background:var(--hdt-green);color:#fff;padding:.7em 1em;z-index:50}
.hdt-skip:focus{left:8px;top:8px}
.hdt-wrap{max-width:var(--hdt-wrap);margin:0 auto;padding:0 24px}

/* masthead */
.hdt-top{background:var(--hdt-paper);border-bottom:1px solid var(--hdt-line)}
.hdt-top__in{display:flex;align-items:center;gap:20px;min-height:72px}
.hdt-mark{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--hdt-ink);flex:0 0 auto;min-height:44px}
.hdt-mark img{width:40px;height:40px}
.hdt-mark .brandmark span{display:flex;flex-direction:column;font:600 .74rem/1.1 var(--hdt-head);letter-spacing:.04em;text-transform:uppercase;color:var(--hdt-ink-soft)}
.hdt-mark .brandmark b{font:700 1.3rem/1.05 var(--hdt-head);letter-spacing:.01em;text-transform:none;color:var(--hdt-green)}
.hdt-nav{margin-left:auto}
.hdt-nav ul{display:flex;flex-wrap:nowrap;gap:2px;list-style:none;margin:0;padding:0}
.hdt-nav li{margin:0}
.hdt-nav a{display:flex;align-items:center;min-height:44px;padding:0 11px;border-radius:8px;text-decoration:none;color:var(--hdt-ink);font:600 .93rem/1 var(--hdt-head);white-space:nowrap}
.hdt-nav a:hover{background:var(--hdt-canvas);color:var(--hdt-green)}
.hdt-nav a[aria-current="page"]{background:var(--hdt-green);color:var(--hdt-paper)}
.hdt-menu{display:none}

/* hero (home and inner) */
.hdt-hero{padding:38px 0 30px}
.hdt-hero__box{background:transparent;border:0;border-radius:0;padding:24px 0;box-shadow:none}
.hdt-hero__lede{font-size:1.1rem;color:var(--hdt-ink-soft);max-width:62ch;margin-bottom:1.1em}
.hdt-find{display:flex;gap:0;max-width:820px;background:var(--hdt-paper);border:1px solid var(--hdt-green);border-radius:3px;padding:0}
.hdt-find input[type=search]{flex:1;min-width:0;min-height:52px;border:0;background:transparent;font:1.05rem var(--hdt-body);color:var(--hdt-ink);padding:0 12px}
.hdt-find input[type=search]:focus{outline:none}
.hdt-find:focus-within{box-shadow:0 0 0 3px var(--hdt-focus)}
.hdt-find button{min-height:52px;padding:0 26px;border:0;border-radius:0;background:var(--hdt-green);color:var(--hdt-paper);font:700 1rem var(--hdt-head);cursor:pointer}
.hdt-find button:hover{background:var(--hdt-green-2)}
.hdt-strip{display:flex;flex-wrap:wrap;gap:8px 18px;margin:14px 0 0;padding:0;list-style:none}
.hdt-strip li{margin:0}
.hdt-strip a{display:inline-flex;align-items:center;min-height:44px;padding:0 4px;font-weight:600;text-decoration:underline;text-underline-offset:3px}
.hdt-crumbs{font-size:.9rem;color:var(--hdt-ink-soft);margin:0 0 .4em}
.hdt-crumbs a{display:inline-flex;align-items:center;min-height:44px;min-width:44px}
.hdt-inner .hdt-hero__box{padding:20px 0}
.hdt-inner .hdt-hero__lede{margin-bottom:.4em}

/* sections */
main{display:block}
.hdt-sec{padding:34px 0}
.hdt-sec + .hdt-sec{border-top:1px solid var(--hdt-line)}
.hdt-pair{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:stretch}
.hdt-pair--rev .hdt-pair__text{order:2}
.hdt-pair__text{min-width:0}
.hdt-pair__text > :last-child{margin-bottom:0}
.hdt-fig{margin:0;display:flex;flex-direction:column;background:var(--hdt-paper);border:1px solid var(--hdt-line);border-radius:14px;overflow:hidden}
.hdt-pair .hdt-fig{min-height:300px}
.hdt-pair .hdt-fig img{flex:1 1 auto;width:100%;height:100%;min-height:0;object-fit:cover}
.hdt-fig--chart{background:#f3eee3}
.hdt-pair .hdt-fig--chart img{object-fit:contain;background:#f3eee3}
.hdt-fig--chart figcaption{color:#45524b;border-top-color:#d8cdb8}
.hdt-fig figcaption{font-size:.84rem;line-height:1.45;color:var(--hdt-ink-soft);padding:9px 13px;border-top:1px solid var(--hdt-line)}
.hdt-col{max-width:var(--hdt-col);margin:0 auto}
.hdt-col__text > :last-child{margin-bottom:0}
.hdt-col .hdt-fig{margin:22px 0}
.hdt-col .hdt-fig img{width:100%;height:auto}
.hdt-flow{max-width:var(--hdt-col);margin:22px 0 0}
.hdt-flow > :last-child{margin-bottom:0}
.hdt-note{border-left:4px solid var(--hdt-tan);background:var(--hdt-paper);padding:12px 16px;border-radius:0 10px 10px 0;margin:0 0 1em}
.hdt-tag{display:inline-block;font:700 .72rem/1 var(--hdt-head);letter-spacing:.08em;text-transform:uppercase;color:var(--hdt-tan);background:var(--hdt-paper);border:1px solid var(--hdt-line);padding:6px 12px 6px 16px;margin:0 0 10px;clip-path:polygon(9px 0,100% 0,100% 100%,9px 100%,0 50%)}
.hdt-more{display:inline-flex;align-items:center;min-height:44px;font-weight:700}
.hdt-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin:0 0 1em;padding:0;list-style:none}
.hdt-facts li{margin:0;background:var(--hdt-paper);border:1px solid var(--hdt-line);border-radius:12px;padding:12px 14px;font-size:.95rem}
.hdt-facts b{display:block;font-family:var(--hdt-head);color:var(--hdt-green)}
.hdt-tablewrap{overflow-x:auto;margin:0 0 1em}

/* wall */
.hdt-wall{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:18px 0 0;padding:0;list-style:none}
.hdt-wall li{margin:0}
.hdt-tile{display:flex;flex-direction:column;height:100%;text-decoration:none;color:var(--hdt-ink);background:var(--hdt-paper);border:1px solid var(--hdt-line);border-radius:14px;overflow:hidden;box-shadow:var(--hdt-shadow)}
.hdt-tile img{width:100%;aspect-ratio:4/3;object-fit:cover}
.hdt-tile__name{font:700 1.04rem/1.2 var(--hdt-head);padding:11px 13px 3px;color:var(--hdt-green)}
.hdt-tile__line{font-size:.88rem;line-height:1.45;color:var(--hdt-ink-soft);padding:0 13px 12px}
.hdt-tile:hover .hdt-tile__name{color:var(--hdt-tan)}
.hdt-tile__kind{font:600 .7rem/1 var(--hdt-head);letter-spacing:.07em;text-transform:uppercase;color:var(--hdt-tan);padding:0 13px 13px;margin-top:auto}

/* product cards */
.hdt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(212px,1fr));gap:18px;margin:18px 0 0;padding:0;list-style:none}
.hdt-grid > li{margin:0}
.hdt-card{position:relative;display:flex;flex-direction:column;height:100%;background:var(--hdt-paper);border:1px solid var(--hdt-line);border-radius:14px;overflow:hidden}
.hdt-card__link{display:block;text-decoration:none;color:var(--hdt-ink)}
.hdt-card__link img{width:100%;aspect-ratio:1/1;object-fit:cover;background:#f6f2ea}
.hdt-card__name{font-size:1rem;line-height:1.25;margin:11px 13px 4px;color:var(--hdt-green)}
.hdt-card__link:hover .hdt-card__name{color:var(--hdt-tan);text-decoration:underline}
.hdt-card__note{font-size:.86rem;line-height:1.45;color:var(--hdt-ink-soft);margin:0 13px 8px}
.hdt-card__meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:auto 13px 12px;font-size:.8rem;color:var(--hdt-ink-soft)}
.hdt-card__shelf{font:700 .7rem/1 var(--hdt-head);letter-spacing:.06em;text-transform:uppercase;color:var(--hdt-tan)}
.hdt-add{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;min-width:44px;padding:0 14px;margin:0 13px 13px;border:2px solid var(--hdt-green);border-radius:10px;background:transparent;color:var(--hdt-green);font:700 .92rem var(--hdt-head);cursor:pointer}
.hdt-add:hover{background:var(--hdt-green);color:var(--hdt-paper)}
.hdt-add[aria-pressed="true"]{background:var(--hdt-green);color:var(--hdt-paper)}

/* working agents */
.hdt-agents{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:18px 0 1em;padding:0;list-style:none}
.hdt-agents li{margin:0;background:var(--hdt-paper);border:1px solid var(--hdt-line);border-radius:14px;padding:16px 18px}
.hdt-agents h3{color:var(--hdt-green);margin-bottom:.5em}
.hdt-agents dl{margin:0 0 .6em;display:grid;grid-template-columns:auto 1fr;gap:4px 12px;font-size:.92rem}
.hdt-agents dt{font-weight:700}
.hdt-agents dd{margin:0}
.hdt-agents small{display:block;color:var(--hdt-ink-soft);font-size:.8rem;line-height:1.4}
.hdt-agents a{display:inline-flex;align-items:center;min-height:44px;font-weight:700}
.hdt-status{background:var(--hdt-paper);border:0;border-left:3px solid var(--hdt-tan);border-radius:0;padding:14px 18px;font-size:.95rem;color:var(--hdt-ink-soft);margin:0 0 1em}
.hdt-status p{margin:0}

/* guides list */
.hdt-routes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 1em;padding:0;list-style:none}
.hdt-routes li{margin:0}
.hdt-routes a{display:flex;flex-direction:column;justify-content:center;min-height:64px;height:100%;padding:12px 16px;border:1px solid var(--hdt-line);border-radius:12px;background:var(--hdt-paper);text-decoration:none}
.hdt-routes a span{font-size:.88rem;color:var(--hdt-ink-soft);font-weight:400}
.hdt-railnav{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 0;padding:0;list-style:none}
.hdt-railnav li{margin:0}
.hdt-railnav a{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border:1px solid var(--hdt-line);border-radius:999px;background:var(--hdt-canvas);text-decoration:none;font:600 .9rem var(--hdt-head)}
.hdt-railnav a[aria-current="page"]{background:var(--hdt-green);border-color:var(--hdt-green);color:var(--hdt-paper)}

/* glossary */
.hdt-terms{margin:0 0 1em}
.hdt-terms dt{font:700 1.02rem/1.3 var(--hdt-head);color:var(--hdt-green);margin-top:.9em}
.hdt-terms dd{margin:.2em 0 0}
.hdt-qa details{border:1px solid var(--hdt-line);border-radius:12px;background:var(--hdt-paper);margin:0 0 10px}
.hdt-qa summary{cursor:pointer;min-height:44px;display:flex;align-items:center;padding:8px 16px;font:700 1rem var(--hdt-head)}
.hdt-qa details > div{padding:0 16px 12px}

/* footer */
.hdt-foot{background:var(--hdt-paper);border-top:1px solid var(--hdt-line);margin-top:30px;padding:30px 0 90px;font-size:.92rem;color:var(--hdt-ink-soft)}
.hdt-foot__grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:28px}
.hdt-foot__name{font:700 1.1rem var(--hdt-head);color:var(--hdt-ink);margin-bottom:.4em}
.hdt-foot ul{list-style:none;padding:0;margin:0}
.hdt-foot li{margin:0}
.hdt-foot li a{display:inline-flex;align-items:center;min-height:44px;min-width:44px}

/* the tray (dock button + drawer) */
.hdt-dock{position:fixed;right:18px;bottom:18px;z-index:40;display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:0 18px 0 16px;border:0;border-radius:999px;background:var(--hdt-tan);color:#fff;font:700 1rem var(--hdt-head);box-shadow:0 6px 20px rgba(0,0,0,.25);cursor:pointer}
.hdt-dock__count{display:inline-grid;place-items:center;min-width:28px;height:28px;padding:0 6px;border-radius:999px;background:#fff;color:#6b3a17;font-size:.9rem}
@media (prefers-color-scheme:dark){.hdt-dock{background:#8a4f25}}
.hdt-drawer{position:fixed;top:0;right:0;bottom:0;z-index:45;width:min(420px,100%);background:var(--hdt-paper);border-left:1px solid var(--hdt-line);box-shadow:-10px 0 30px rgba(0,0,0,.18);display:flex;flex-direction:column}
.hdt-drawer[hidden]{display:none}
.hdt-drawer__head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;border-bottom:1px solid var(--hdt-line)}
.hdt-drawer__title{font:700 1.25rem var(--hdt-head);margin:0}
.hdt-drawer__sum{font-size:.92rem;color:var(--hdt-ink-soft);padding:10px 16px 0;margin:0}
.hdt-drawer__body{flex:1;overflow-y:auto;padding:6px 16px 10px}
.hdt-drawer__empty{color:var(--hdt-ink-soft);font-size:.95rem;margin:14px 0}
.hdt-drawer__group{margin:12px 0 0}
.hdt-drawer__group h3{font:700 .8rem/1 var(--hdt-head);letter-spacing:.07em;text-transform:uppercase;color:var(--hdt-tan);margin:0 0 6px}
.hdt-drawer__list{list-style:none;margin:0;padding:0}
.hdt-drawer__item{display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:10px;padding:6px 0;border-bottom:1px solid var(--hdt-line);margin:0}
.hdt-drawer__item.is-drag{opacity:.45}
.hdt-drawer__item img{width:52px;height:52px;object-fit:cover;border-radius:8px}
.hdt-drawer__item a{font-size:.9rem;line-height:1.3;text-decoration:none}
.hdt-drawer__ctl{display:flex;gap:2px}
.hdt-drawer__ctl button,.hdt-drawer__x{min-width:44px;min-height:44px;border:1px solid var(--hdt-line);border-radius:8px;background:var(--hdt-canvas);color:var(--hdt-ink);font:700 1rem var(--hdt-body);cursor:pointer}
.hdt-drawer__ctl button:disabled{opacity:.35;cursor:default}
.hdt-drawer__foot{display:flex;flex-wrap:wrap;gap:8px;padding:12px 16px 16px;border-top:1px solid var(--hdt-line)}
.hdt-drawer__foot button{min-height:44px;padding:0 14px;border-radius:10px;border:2px solid var(--hdt-green);background:var(--hdt-green);color:var(--hdt-paper);font:700 .92rem var(--hdt-head);cursor:pointer}
.hdt-drawer__foot button.hdt-quiet{background:transparent;color:var(--hdt-green)}
.hdt-drawer__msg{flex-basis:100%;min-height:1.2em;font-size:.86rem;color:var(--hdt-ink-soft);margin:0}

/* layout breakpoints (after base rules on purpose) */
@media (max-width:1100px){
  .hdt-nav a{padding:0 8px;font-size:.88rem}
  .hdt-mark .brandmark b{font-size:1.15rem}
}
@media (max-width:960px){
  .hdt-top__in{flex-wrap:wrap;gap:6px 14px;padding:8px 0}
  .hdt-nav{display:none;width:100%;order:3}
  .hdt-nav.is-open{display:block}
  .hdt-nav ul{flex-direction:column;flex-wrap:wrap}
  .hdt-menu{display:inline-flex;align-items:center;min-height:44px;margin-left:auto;padding:0 14px;border:1px solid var(--hdt-line);border-radius:10px;background:var(--hdt-canvas);color:var(--hdt-ink);font:700 .95rem var(--hdt-head);cursor:pointer}
  .hdt-pair{grid-template-columns:1fr;gap:20px}
  .hdt-pair--rev .hdt-pair__text{order:0}
  .hdt-pair .hdt-fig{min-height:0}
  .hdt-pair .hdt-fig img{height:auto;aspect-ratio:auto}
  .hdt-wall{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hdt-agents,.hdt-routes{grid-template-columns:1fr}
  .hdt-foot__grid{grid-template-columns:1fr}
}
@media (max-width:560px){
  body{font-size:16px}
  .hdt-wrap{padding:0 16px}
  .hdt-hero{padding:20px 0 18px}
  .hdt-hero__box,.hdt-inner .hdt-hero__box{padding:20px 16px 16px;border-radius:14px}
  .hdt-find{flex-direction:column}
  .hdt-find button{width:100%}
  .hdt-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .hdt-card__name{margin:9px 10px 4px;font-size:.95rem}
  .hdt-card__note{margin:0 10px 8px}
  .hdt-card__meta{margin:auto 10px 10px;flex-direction:column;align-items:flex-start}
  .hdt-add{margin:0 10px 10px}
  .hdt-wall{gap:10px}
  .hdt-tile__line{display:none}
  .hdt-agents dl{grid-template-columns:1fr}
  .hdt-dock{right:12px;bottom:12px}
}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media print{
  body{background:#fff}
  body.hdt-printing > *:not(.hdt-drawer){display:none!important}
  body.hdt-printing .hdt-drawer{position:static;display:block!important;width:auto;box-shadow:none;border:0}
  body.hdt-printing .hdt-drawer__ctl,body.hdt-printing .hdt-drawer__foot,body.hdt-printing .hdt-drawer__x{display:none!important}
  body.hdt-printing .hdt-drawer__item a::after{content:" " attr(href);font-size:.75rem;word-break:break-all}
}

/* Local review, 21 October 2026: category navigation and readable guide media. */
.complete-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 18px;margin:28px 0}.complete-category-grid>a{display:flex;min-width:0;flex-direction:column;text-decoration:none;color:inherit}.complete-category-grid img{display:block;width:100%;height:auto;aspect-ratio:6/5;object-fit:contain;background:#fff}.complete-category-grid span{display:block;padding:12px 0}.complete-category-grid strong{display:block;font-size:1.05rem;line-height:1.35}.complete-category-grid small{display:block;line-height:1.55;margin-top:6px;font-size:.9rem}.complete-category-grid a:hover strong{text-decoration:underline}.reading-extension{width:min(calc(100% - 40px),1120px);margin:0 auto;padding:44px 0}.reading-extension p,.reading-extension li{max-width:78ch;line-height:1.75}.reading-extension h3{margin-top:28px}.reading-extension table{border-collapse:collapse;width:100%;margin:22px 0}.reading-extension th,.reading-extension td{padding:14px;text-align:left;border-bottom:1px solid #b9b4a9;vertical-align:top}.reading-extension .table-scroll{overflow:auto}.guide-original{display:block}.guide-original img{height:auto!important;object-fit:contain!important}.guide-original:focus-visible{outline:3px solid currentColor;outline-offset:4px}.guide-original-note{display:block;font-size:.8rem;margin-top:5px}.flow-diagram{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:20px 0}.flow-diagram>div{padding:16px;border:1px solid #b9b4a9}.flow-diagram b{display:block;margin-bottom:8px}.reading-extension details{padding:18px 0;border-bottom:1px solid #b9b4a9}.reading-extension summary{cursor:pointer;font-weight:700;min-height:44px}.reading-extension blockquote{margin:20px 0;padding:18px 22px;border-left:3px solid currentColor;background:#ffffff55}.reading-extension img{max-width:100%;height:auto}@media(max-width:700px){.complete-category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}.complete-category-grid small{font-size:.85rem}.reading-extension{padding:32px 0}.reading-extension table{min-width:540px}.flow-diagram{grid-template-columns:1fr}}

.home-summary{width:min(calc(100% - 40px),1120px);margin:0 auto}.home-summary p{max-width:75ch}.home-summary+figure{width:min(calc(100% - 40px),850px);margin:24px auto}.home-summary+figure img{height:auto;object-fit:contain}.lbn-row>.home-summary,.htr-sec>.home-summary{width:100%}@media(max-width:700px){.lgr-hero h1,.lbn-hero h1,.hdt-hero h1,.htr-hero h1{font-size:1.8rem;line-height:1.2}.lbn-hero{padding-top:24px;padding-bottom:28px}.complete-category-grid small{line-height:1.45}}

/* Verified archived tutorial figures: retain the complete original frame. */
.tutorial-source{margin:1.5rem 0 2rem}.tutorial-source img{display:block;width:100%;max-width:100%;height:auto;object-fit:contain;background:#fff}.tutorial-source figcaption{font-size:.875rem;line-height:1.6;margin-top:.65rem}.tutorial-step{margin-block:2.25rem}.tutorial-step h3{line-height:1.35}.tutorial-context{max-width:78ch}.tutorial-source a:focus-visible{outline:3px solid currentColor;outline-offset:4px}

/* 21 October 2026: site-specific visual refinement. */
.hdt-hero{border-bottom:1px solid var(--hdt-line);padding:26px 0;background:var(--hdt-canvas)}
.hdt-hero h1{max-width:26ch;letter-spacing:-.025em;line-height:1.12}
.hdt-hero__lede{max-width:64ch}.hdt-top{background:var(--hdt-paper)}
.hdt-nav a,.hdt-menu,.hdt-add,.hdt-railnav a{border-radius:3px}
.hdt-sec{padding:48px 0}.hdt-sec+.hdt-sec{border-top:0}.hdt-sec:has(>.home-summary){width:min(1132px,calc(100% - 48px));margin:auto;display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:start}
.hdt-sec>.home-summary,.hdt-sec>.home-summary+figure{width:100%;margin:0}.hdt-fig{border:0;border-radius:0;background:transparent}.hdt-fig figcaption{padding:10px 0}
.complete-category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 34px}
.complete-category-grid>a{display:grid;grid-template-columns:140px minmax(0,1fr);gap:20px;padding:20px 0;border-bottom:1px solid var(--hdt-line);align-items:center}
.complete-category-grid img{aspect-ratio:1;object-fit:contain}.complete-category-grid span{padding:0}.complete-category-grid strong{font-family:var(--hdt-head);font-size:1.15rem}.complete-category-grid small{color:var(--hdt-ink-soft)}
.hdt-tile{border:0;border-radius:0;box-shadow:none}.hdt-tile__name,.hdt-tile__line,.hdt-tile__kind{padding-left:0}
.hdt-card{border-radius:3px}.hdt-facts li,.hdt-agents li,.hdt-routes a,.hdt-qa details{border-radius:0;box-shadow:none}
.hdt-facts li{border:0;border-top:2px solid var(--hdt-line)}.hdt-routes a{border:0;border-bottom:1px solid var(--hdt-line);padding-inline:0;background:transparent}
.hdt-note{border-radius:0}.hdt-dock{border-radius:4px;background:var(--hdt-green);box-shadow:0 3px 12px #0002}.hdt-dock__count{border-radius:2px;color:#4d5d2b}
.hdt-drawer__head{background:var(--hdt-canvas)}.hdt-drawer__ctl button,.hdt-drawer__x,.hdt-drawer__foot button{border-radius:3px}
.reading-extension{max-width:1132px}.reading-extension p,.reading-extension li{max-width:74ch}.tutorial-step{padding-top:18px;border-top:1px solid var(--hdt-line)}
@media(min-width:1000px){.hdt-hero:not(.hdt-inner) .hdt-hero__box:has(.hdt-find){display:grid;grid-template-columns:1.2fr .8fr;gap:0 56px;align-items:start}.hdt-hero__box:has(.hdt-find) h1,.hdt-hero__box:has(.hdt-find) .hdt-hero__lede{grid-column:1}.hdt-hero__box:has(.hdt-find) .hdt-find{grid-column:2;grid-row:1;align-self:end;flex-direction:column;padding:18px;background:var(--hdt-paper);gap:12px}.hdt-hero__box:has(.hdt-find) .hdt-strip{grid-column:2;grid-row:2;align-self:start}.hdt-hero__box:has(.hdt-find) .hdt-find input{border-bottom:1px solid var(--hdt-line);padding-inline:0}.hdt-hero__box:has(.hdt-find) .hdt-find button{border-radius:2px}}
@media(max-width:760px){.complete-category-grid>a{grid-template-columns:100px minmax(0,1fr);gap:16px}.complete-category-grid{grid-template-columns:1fr}.hdt-sec:has(>.home-summary){grid-template-columns:1fr;gap:24px}.hdt-sec{padding:34px 0}}
@media(max-width:560px){.hdt-hero{padding:16px 0}.hdt-hero__box,.hdt-inner .hdt-hero__box{padding:12px 0;border-radius:0}.hdt-hero h1{font-size:31px;line-height:1.12}.hdt-hero__lede{font-size:16.5px}.hdt-find input[type=search]{padding-inline:14px}.hdt-strip{gap:0 16px}.hdt-sec:has(>.home-summary){width:calc(100% - 32px)}.hdt-tile__line{display:block}.hdt-dock{right:10px;bottom:10px}}
@media(prefers-color-scheme:dark){:root{--hdt-canvas:#1c2118;--hdt-paper:#242c1f;--hdt-ink:#eef1e5;--hdt-ink-soft:#c3ccb4;--hdt-green:#c1d29a;--hdt-green-2:#d3e3ad;--hdt-line:#414b36}.hdt-dock{background:#4d5d2b}.hdt-find input::placeholder{color:#b6c2aa;opacity:1}}