/* Home reorder comp (Juno 2026-10-24). Proposal only. Theme tokens only, so every theme (Night Desk default) works. */
/* News right after hero: give it a clean top edge */
.front-night + .sec-news { border-top: 4px solid var(--gold); }
.home-start .start-here { padding-top: 1.6rem; }

/* Toolkit as a standout full-width band */
.sec-toolkit.tk-band { border-top: 6px solid var(--purple); border-bottom: 6px solid var(--purple); padding-top: 3rem; padding-bottom: 3rem; }
.sec-toolkit.tk-band .wrap { max-width: 1400px; }
.sec-toolkit.tk-band h2 { font-size: clamp(1.8rem, 3.2vw, 2.6rem); }
.sec-toolkit.tk-band .tk-index { box-shadow: 6px 6px 0 var(--purple); }
.sec-toolkit.tk-band .tk-list a { padding: .34rem .1rem; font-size: .82rem; }
.tk-band-more { display: flex; flex-wrap: wrap; align-items: center; gap: .8rem; margin: 1.4rem 0 .4rem; }
.tk-band-link { display: inline-block; background: var(--ink); color: var(--paper); font: 700 .8rem/1 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  letter-spacing: .1em; text-transform: uppercase; padding: .9rem 1.1rem; text-decoration: none; border: 2px solid var(--ink); }
.tk-band-link:hover, .tk-band-link:focus-visible { background: var(--paper); color: var(--ink); outline: 3px solid var(--pink); outline-offset: 2px; }


/* Activities band, lower on the page */
.home-play { padding: 1.4rem 0 1.8rem; }
.home-play-kicker { margin-bottom: .4rem; }

/* Standalone /toolkit/ page */
.sec-toolkit.tk-page { padding-top: 2.4rem; padding-bottom: 4rem; min-height: 80vh; }
.sec-toolkit.tk-page .wrap { max-width: 1440px; }
.sec-toolkit.tk-page h1 { font-size: clamp(2rem, 4vw, 3.2rem); margin: .2rem 0; }
.tk-page-intro { max-width: 46rem; margin: .4rem 0 .6rem; }
.tk-page-back a { color: var(--ink); }
.sec-toolkit.tk-page .tk-head { position: sticky; top: 0; z-index: 2; background: var(--paper); padding: .8rem 0; }
.sec-toolkit.tk-page .tk-index { columns: 4; font-size: 1rem; }
.sec-toolkit.tk-page .tk-list a { white-space: normal; font-size: .86rem; padding: .4rem .1rem; }
@media (max-width: 1100px) { .sec-toolkit.tk-page .tk-index { columns: 3; } }
@media (max-width: 720px) { .sec-toolkit.tk-page .tk-index, .sec-toolkit.tk-band .tk-index { columns: 1; } .sec-toolkit.tk-page .tk-head { position: static; } }
@media (prefers-reduced-motion: reduce) { .tk-band-link { transition: none; } }

/* ---- Approved Oct 24: slim Start here strip inside the hero (theme tokens only) ---- */
.hero-start { display: flex; flex-wrap: wrap; align-items: center; gap: .4rem .5rem; margin: 1rem 0 0; padding: .55rem 0 0; border-top: 1px solid var(--band-rule); font: 700 .74rem/1.2 var(--font-sans); }
.hero-start-label { color: var(--band-accent); letter-spacing: .12em; text-transform: uppercase; font-size: .66rem; margin-right: .2rem; }
.hero-start a { display: inline-flex; align-items: center; gap: .35rem; color: var(--band-ink); text-decoration: none; border: 1px solid var(--band-rule); padding: .32rem .55rem .32rem .35rem; transition: border-color .2s ease, transform .2s ease; }
.hero-start a b { display: inline-grid; place-items: center; width: 1.15rem; height: 1.15rem; background: var(--band-accent); color: var(--tk-night-solid); font-size: .64rem; }
.hero-start a:hover, .hero-start a:focus-visible { border-color: var(--band-accent); transform: translateY(-1px); outline: none; }
.hero-start a:focus-visible { outline: 2px solid var(--band-edge); outline-offset: 2px; }
@media (prefers-reduced-motion: reduce) { .hero-start a { transition: none; } .hero-start a:hover { transform: none; } }
@media (max-width: 720px) { .hero-start a { flex: 1 1 100%; } }

/* ---- /toolkit/ page in the Night Desk dark panel (band tokens -> works in every theme) ---- */
:root, html[data-theme="night-desk"] { --tk-night-solid: #1a1738; }
html[data-theme="classic"] { --tk-night-solid: #f7f5f0; }
html[data-theme="pay-day"] { --tk-night-solid: #0f3326; }
html[data-theme="all-clear"] { --tk-night-solid: #37111f; }
.tk-night { border-bottom: 4px solid var(--band-edge); }
.tk-night .sec-toolkit { background: transparent; color: var(--band-ink);
  --ink: var(--band-ink); --ink-soft: var(--band-soft); --rule: var(--band-rule); --paper: var(--tk-night-solid);
  --card: var(--tk-night-solid); --paper-deep: var(--band-rule); }
.tk-night .sec-toolkit h1, .tk-night .sec-toolkit .section-kicker { color: var(--band-head); }
.tk-night .sec-toolkit a { color: var(--band-ink); }
.tk-night .tk-group, .tk-night .tk-col-head { color: var(--band-accent); }
.tk-night .sec-toolkit.tk-page .tk-head { background: var(--tk-night-solid); }
.tk-night .tk-community-label { color: var(--band-accent); }
.tk-night .tk-community .tk-sep { color: var(--band-soft); }