/* T49 Foraging walks & courses - page layout only; visual tokens come from css/v2 */
.wk .psb-hero__title--l { color: var(--text-display); }
.wk-body { display: grid; grid-template-columns: minmax(0, 1fr) 380px; gap: 32px; align-items: start; padding-block: 40px 72px; }
.psb .wk-count { font: 700 var(--fs-body)/1.4 var(--font-body); color: var(--text-secondary); margin-bottom: 14px; }
.wk-list { list-style: none; margin: 0 0 16px; padding: 0; display: grid; gap: 16px; }
.wk-list li[hidden] { display: none; }
.wk-card { display: grid; grid-template-columns: 84px minmax(0, 1fr) auto; gap: 20px; align-items: center; padding: 16px 20px 16px 16px; background: var(--bg-surface); border: var(--stroke); border-radius: 22px; box-shadow: var(--shadow-row); }
.wk-date { display: grid; justify-items: center; padding: 8px 0; border: 2px solid var(--ink-900); border-radius: 16px; background: var(--butter-500); color: var(--ink-900); font: 500 12px/1.2 var(--font-mono); text-transform: uppercase; }
.wk-date b { font: 400 34px/1 var(--font-display); }
.wk-card__body { display: grid; gap: 4px; }
.psb .wk-card h3 { font: 700 18px/1.3 var(--font-body); }
.wk-card__body p { font-size: var(--fs-body-s); color: var(--text-secondary); }
.wk-card__body .psb-mono { font-size: 12px; color: var(--text-muted); }
.wk-tags { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 4px !important; }
.wk-tag { padding: 3px 10px; border: 1.5px solid var(--ink-900); border-radius: var(--radius-pill); background: var(--butter-100); color: var(--ink-900); font: 700 12px/1.3 var(--font-body); }
.wk-tag--ok { background: var(--pine-100); }
.wk-tag--id { background: var(--sky-100); }
.wk-card__side { display: grid; gap: 10px; justify-items: end; }
.wk-price { font: 400 26px/1 var(--font-display); color: var(--text-display); }
.wk-rail { display: grid; gap: 16px; position: sticky; top: 104px; }
.wk-submit h2 { color: var(--text-display); font-size: 22px; }
.psb .wk-before h2 { font: 700 var(--fs-h5)/1.3 var(--font-body); }
.wk-before ul { margin: 0; padding-left: 1.1em; display: grid; gap: 6px; font-size: var(--fs-body-s); }
@media (max-width: 1100px) { .wk-body { grid-template-columns: 1fr; } .wk-rail { position: static; } }
@media (max-width: 600px) {
    .wk-card { grid-template-columns: 60px minmax(0, 1fr); gap: 12px; padding: 12px; }
    .wk-date b { font-size: 24px; }
    .wk-card__side { grid-column: 1 / -1; grid-template-columns: auto 1fr; align-items: center; justify-items: stretch; }
    .wk-price { font-size: 20px; }
}