.wk-planner {
  --paper: #f3f7f4;
  --white: #fff;
  --ink: #071b35;
  --muted: #506778;
  --green: #126b2f;
  --pale: #eaf2e9;
  --line: #cfdbd2;
  --gold: #9b621f;
  --danger: #923a2e;
  max-width: none;
  padding: 32px 0 72px;
  color: var(--ink);
  background: var(--paper);
}
.wk-planner .shell { width: min(1160px, calc(100% - 40px)); }
.wk-planner .wk-back { display: inline-block; margin-bottom: 22px; font-weight: 750; }
.wk-planner h1 { max-width: 920px; font-size: clamp(2.5rem, 5vw, 4.5rem); }
.wk-planner .lead { color: var(--muted); }
.wk-planner button { color: #fff; }
.wk-planner button.secondary,
.wk-planner button.danger { color: var(--green); }
.wk-planner button.danger { color: var(--danger); }
.wk-planner .catalog button { color: var(--ink); }
.wk-planner .panel { box-shadow: 0 8px 28px rgba(7, 27, 53, .04); }
.wk-planner .fields > *, .wk-planner .event > * { min-width: 0; overflow-wrap: anywhere; }
.wk-planner .month { overflow-x: auto; }
.wk-planner dialog { color: var(--ink); }
@media (max-width: 700px) {
  .wk-planner { padding: 25px 0 55px; }
  .wk-planner .shell { width: min(100% - 26px, 1160px); }
  .wk-planner .event { grid-template-columns: 90px minmax(0, 1fr); }
}
@media print {
  .site-header, body > footer { display: none !important; }
  .wk-planner { padding: 0; background: #fff; }
}