/* three-lanes.css (Oct. 31, 2026): homepage lanes, What changed strip, Tips hub, nav lane pills. Scoped under .lanes, .wc, .start, .th-*, nav.primary .nav-lane. Theme colors come from /themes.css; lane accents below. */
.lanes,.wc,.th-hero,.th-grid,.th-more,nav.primary{--l1:#3fd1c3;--l2:#d4a017;--l3:#ff9a52;--l1t:#0a524f;--l2t:#6e5200;--l3t:#9a3f0a}
html[data-theme="classic"] :is(.lanes,.wc,.th-hero,.th-grid,.th-more,nav.primary){--l1:#0f6e6a;--l2:#6b4fa0;--l3:#e87a2e;--l1t:#0f6e6a;--l2t:#6b4fa0;--l3t:#9a3f0a}
html[data-theme="pay-day"] :is(.lanes,.wc,.th-hero,.th-grid,.th-more,nav.primary){--l1:#7ee0a8;--l2:#f2c14e;--l3:#ff9fcb;--l1t:#074d30;--l2t:#876000;--l3t:#a8460f}
html[data-theme="all-clear"] :is(.lanes,.wc,.th-hero,.th-grid,.th-more,nav.primary){--l1:#6fe3c9;--l2:#ffb547;--l3:#ff9fcb;--l1t:#094c54;--l2t:#855700;--l3t:#a8400c}
html[data-theme="closed-won"] :is(.lanes,.wc,.th-hero,.th-grid,.th-more,nav.primary){--l1:#7fe0ff;--l2:#ffa07a;--l3:#ff9fcb;--l1t:#084a53;--l2t:#7d5a00;--l3t:#a8420c}
/* lanes */
.lanes{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:1.1rem auto 0}
.lanes .lane{background:var(--card,#fff);color:var(--ink,#14131f);border:2px solid var(--ink,#14131f);border-top:8px solid var(--lc);border-radius:12px;padding:1rem 1.1rem;display:flex;flex-direction:column;min-height:300px;box-shadow:5px 5px 0 var(--paper-deep,#e9edf5)}
.lanes .lane.t1{--lc:var(--l1);--lt:var(--l1t)}.lanes .lane.t2{--lc:var(--l2);--lt:var(--l2t)}.lanes .lane.t3{--lc:var(--l3);--lt:var(--l3t)}
.lanes .lane h2{margin:0;font:800 1.6rem/1 Georgia,serif;display:flex;align-items:center;gap:.5rem}.lanes .lane .n{font:700 .75rem/1 ui-monospace,monospace;color:var(--lt)}
.lanes .lane .sub{color:var(--ink-soft,#4d5166);font-size:.9rem;margin:.35rem 0 .6rem}
.lanes .lane ul{list-style:none;margin:0;padding:0;flex:1}.lanes .lane li{border-top:1px solid var(--rule,#d2d8e4);padding:.42rem 0;font-size:.92rem}.lanes .lane li a{color:var(--ink,#14131f);text-decoration:none;font-weight:600}
.lanes .lane li small{display:block;color:var(--ink-soft,#4d5166);font-size:.76rem}
.lanes .lvl{display:flex;gap:.35rem;margin-bottom:.5rem}.lanes .lvl a{font:700 .74rem/1 system-ui,sans-serif;padding:.35rem .6rem;border-radius:999px;border:1.5px solid var(--ink,#14131f);color:var(--ink,#14131f);text-decoration:none}.lanes .lvl a.on{background:var(--ink,#14131f);color:var(--card,#fff)}
.lanes .go{margin-top:.6rem;align-self:flex-start;background:var(--ink,#14131f);color:var(--card,#fff);text-decoration:none;font-weight:700;padding:.5rem .9rem;border-radius:999px;font-size:.88rem}
.lanes .tpl-bot{width:30px;height:30px;border-radius:8px;background:var(--l3);border:2px solid var(--ink,#14131f);display:inline-block}
@keyframes tpl-bot-bob{to{translate:0 6px}}
/* start here */
.start{display:flex;flex-wrap:wrap;gap:.3rem .6rem;align-items:center;background:var(--paper-deep,#e9edf5);border-radius:8px;padding:.4rem .55rem;margin-bottom:.5rem;font-size:.82rem}
.start b{font:700 .72rem/1 ui-monospace,monospace;text-transform:uppercase;color:var(--ink,#14131f)}.start a{color:var(--ink,#14131f);font-weight:600}
/* what changed strip */
.wc{margin:1rem auto 0;display:flex;align-items:center;gap:.8rem;border:1.5px solid var(--rule,#d2d8e4);border-radius:999px;background:var(--card,#fff);padding:.35rem .4rem;overflow:hidden}
.wc b{flex:none;background:var(--night,#14122b);color:var(--lit,#f2f3fa);font:700 .75rem/1 ui-monospace,monospace;padding:.45rem .7rem;border-radius:999px}
.wc .date{flex:none;font:700 .78rem/1 ui-monospace,monospace;color:var(--ink-soft,#4d5166)}
.wc .line{margin:0;flex:1;font-size:.9rem;color:var(--ink,#14131f);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wc .all{flex:none;font-size:.82rem;font-weight:700;padding-right:.6rem}
/* tips hub */
.th-hero{padding:1.1rem 0}.th-hero .th-kick{font:700 .75rem/1 ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--l1t)}.th-hero h1{font:800 2rem/1.1 Georgia,serif;margin:.3rem 0}.th-hero .th-lede{color:var(--ink-soft,#4d5166);margin:0}
.th-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;margin:1rem 0 1.2rem;padding:0;list-style:none}
.th-grid .th-card{background:var(--card,#fff);border:1.5px solid var(--ink,#14131f);border-top:6px solid var(--l1);border-radius:10px;padding:.8rem .9rem}
.th-grid .th-card a{color:var(--ink,#14131f);font-weight:700;text-decoration:none}.th-grid .th-card p{margin:.35rem 0 0;font-size:.85rem;color:var(--ink-soft,#4d5166)}
.th-grid .th-card small{display:block;font:700 .7rem/1 ui-monospace,monospace;color:var(--l1t);margin-bottom:.35rem}
.th-more{margin:0 0 2rem}
/* nav lane pills (desktop) */
@media (min-width:1100px){
 header.site nav.primary a.nav-lane{border:2px solid var(--lc,transparent);border-radius:999px}
 header.site nav.primary a.nav-tips{--lc:var(--l1)}header.site nav.primary a.nav-training{--lc:var(--l2)}header.site nav.primary a.nav-templates{--lc:var(--l3)}
}
@media (prefers-reduced-motion:no-preference){.lanes .tpl-bot{animation:tpl-bot-bob 1.1s ease-in-out infinite alternate}}
@media (max-width:720px){
 .lanes{grid-template-columns:1fr;gap:.55rem;margin-top:.7rem}.lanes .lane{min-height:0;padding:.6rem .8rem;border-top-width:6px;box-shadow:none;display:grid;grid-template-columns:1fr auto;align-items:center}
 .lanes .lane h2{font-size:1.25rem}.lanes .lane .sub{margin:.15rem 0 0;font-size:.82rem;grid-column:1}.lanes .lane ul,.lanes .lvl,.lanes .start{display:none}.lanes .lane .go{grid-row:1/3;grid-column:2;margin:0}
 .wc{border-radius:10px;flex-wrap:wrap}.wc .line{flex-basis:100%;white-space:normal}
 .th-grid{grid-template-columns:1fr}.th-hero h1{font-size:1.5rem}}