/* Direction B: the log book first (v03). Tokens only. */
.app-content h1{font-weight:700}
.wb-switch{background:var(--color-bg);padding:0;margin:0 0 var(--s-5);display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-2) var(--s-4)}
.wb-switch p{margin:0;font-size:var(--t-base);color:var(--color-muted)}
.wb-switch-links{display:flex;flex-wrap:wrap;gap:var(--s-2)}
.wb-switch .btn{min-height:40px;display:inline-flex;align-items:center}
.wb-overview{margin:0 0 var(--s-5);font-size:var(--t-lg);color:var(--color-ink);max-width:60ch}
.wb-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s-6);align-items:start}
.wb-side{order:-1}
@media (min-width:900px){
  .wb-side{order:0;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:var(--s-5);align-items:start}
  .wb-side .btn-primary{grid-column:1 / -1;justify-self:start;min-width:16rem}
}
.wb-log{background:var(--color-card);border-radius:var(--radius);padding:var(--s-5)}
.wb-log h2{font-size:var(--t-xl);font-weight:700;color:var(--color-ink);margin:0 0 var(--s-2)}
.wb-log h3{font-size:var(--t-lg);font-weight:700;color:var(--color-ink);margin:0 0 var(--s-3)}
.wb-lead{margin:0 0 var(--s-4);max-width:62ch}
.wb-line{margin:0 0 var(--s-2);color:var(--color-body);max-width:62ch}
.wb-meta{margin:var(--s-2) 0 0;font-size:var(--t-sm);color:var(--color-muted)}
.wb-facts{margin:0 0 var(--s-5);display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:var(--s-3) var(--s-5)}
.wb-facts dt{font-size:var(--t-sm);color:var(--color-muted)}
.wb-facts dd{margin:0;color:var(--color-ink);font-weight:600}
.wb-days{display:grid;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:var(--s-3)}
.wb-day{background:var(--color-bg);border-radius:var(--radius-sm);padding:var(--s-3) var(--s-4)}
.wb-flights{list-style:none;margin:0;padding:0;display:grid;gap:var(--s-4)}
.wb-flights li{display:flex;gap:var(--s-3);align-items:flex-start}
.wb-no{flex:0 0 1.75rem;font-size:var(--t-sm);color:var(--color-muted);padding-top:.15rem}
.wb-vh{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.wb-fl{display:flex;flex-direction:column;gap:var(--s-1);min-width:0}
.wb-man{font-weight:600;color:var(--color-ink)}
.wb-out{white-space:nowrap;display:inline-flex;align-items:center;gap:var(--s-1);font-size:var(--t-base)}
.wb-out svg{width:18px;height:18px;flex:0 0 auto}
.wb-done{color:var(--color-success-ink)}
.wb-repeat{color:var(--color-warning-ink)}
.wb-note{color:var(--color-body)}
.wb-book{margin:0 0 var(--s-5)}
.wb-book:last-child{margin-bottom:0}
.wb-side{padding:var(--s-5);box-shadow:none;display:grid;gap:var(--s-4)}
.wb-side .btn-primary{text-align:center;min-height:44px}
.wb-side h3{font-size:var(--t-lg);font-weight:700;color:var(--color-ink);margin:0 0 var(--s-2)}
.wb-blk{margin:0}
.wb-blk .progress{margin-top:var(--s-2)}
.wb-below-btn{margin:calc(var(--s-2) * -1) 0 0}
.wb-people,.wb-plain{margin:0;padding:0;list-style:none;display:grid;gap:var(--s-1);color:var(--color-body)}
.wb-plain{gap:var(--s-2)}
.wb-side a:not(.btn),.wb-log a:not(.btn){color:var(--color-accent-text);font-weight:600}
.app-content .wb-courses-h{font-size:var(--t-xl);font-weight:700;color:var(--color-ink);margin:var(--s-7) 0 var(--s-3)}
.course-list{box-shadow:none}
.course-list .mo{font-size:var(--t-base);font-weight:700;letter-spacing:0;color:var(--color-ink);margin:0}
.crow.mine{background:var(--color-card)}
.crow .wb-state{flex:0 0 auto;font-size:var(--t-sm);color:var(--color-body)}
.crow.mine .wb-state{font-weight:700;color:var(--color-ink)}
.crow .btn{min-height:44px;display:inline-flex;align-items:center}
@media (max-width:620px){
  .wb-log,.wb-side{padding:var(--s-4)}
  .crow{flex-wrap:wrap}
  .crow .what{flex:1 1 100%}
}
.wb-side .btn-primary:focus-visible,.wb-switch a:focus-visible,.crow a:focus-visible,.wb-log a:focus-visible,.wb-side a:focus-visible{outline:3px solid var(--color-accent-text);outline-offset:2px}
.wb-w0{width:0.0%}
.wb-w1{width:4.17%}
.wb-w2{width:8.33%}
.wb-w3{width:12.5%}
.wb-w4{width:16.67%}
.wb-w5{width:20.83%}
.wb-w6{width:25.0%}
.wb-w7{width:29.17%}
.wb-w8{width:33.33%}
.wb-w9{width:37.5%}
.wb-w10{width:41.67%}
.wb-w11{width:45.83%}
.wb-w12{width:50.0%}
.wb-w13{width:54.17%}
.wb-w14{width:58.33%}
.wb-w15{width:62.5%}
.wb-w16{width:66.67%}
.wb-w17{width:70.83%}
.wb-w18{width:75.0%}
.wb-w19{width:79.17%}
.wb-w20{width:83.33%}
.wb-w21{width:87.5%}
.wb-w22{width:91.67%}
.wb-w23{width:95.83%}
.wb-w24{width:100.0%}
.wb-side .btn-sm{min-height:44px;display:inline-flex;align-items:center}