/* Paper-inspired styling for the worksheet overview and generator. */
.worksheets-page {
  --paper-ink: #1c3146;
  --paper-muted: #43576b;
  --paper-blue: #1c4e87;
  --paper-mint: #e2f2e8;
  --paper-yellow: #fff1c9;
  --paper-lilac: #efe8f8;
  --paper-line: #cbd7d0;
  color: var(--paper-ink);
  background: #fffcf6;
}
.worksheets-page .download-header {
  border-bottom: 1px solid #e6e0d6;
  gap: 14px;
}
.worksheets-page .worksheet-intro {
  margin: 24px 0 28px;
  padding: clamp(24px, 3.7vw, 44px);
  border: 1px solid #e4decb;
  border-radius: 24px;
  background: linear-gradient(125deg, #fff2ce 0%, #fffaf0 62%, #e7f4ed 100%);
}
.worksheets-page .worksheet-intro h1 {
  color: #1c3146;
  letter-spacing: -.035em;
}
.worksheets-page .worksheet-intro > p:not(.worksheet-kicker),
.worksheets-page .generator-hero-copy { color: #344f62; }
.worksheets-page .worksheet-kicker { color: #1b674c; }
.worksheets-page .worksheet-benefits { gap: 8px; }
.worksheets-page .worksheet-benefits span {
  padding: 7px 12px;
  border: 1px solid #cfdfd2;
  border-radius: 999px;
  background: #fffefa;
  color: #284c3b;
}
.worksheets-page .worksheet-benefits span:before { color: #16754f; }
.worksheets-page .generator-callout {
  gap: 18px;
  border: 1px solid #b8d6c2;
  border-radius: 18px;
  background: var(--paper-mint);
  padding: 24px;
}
.worksheets-page .generator-callout p { color: #345848; }
.worksheets-page .generator-callout a,
.worksheets-page .worksheet-download,
.generator-page .generator-primary {
  background: var(--paper-blue);
  color: #fff;
  border-radius: 10px;
  box-shadow: 0 3px 0 #103761;
}
.worksheets-page .generator-callout a:hover,
.worksheets-page .worksheet-download:hover,
.generator-page .generator-primary:hover { background: #153e6b; }
.worksheets-page .worksheet-filters {
  padding: 16px;
  border: 1px solid #dfdacd;
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 7px 22px #253d3110;
}
.worksheets-page .worksheet-groups { gap: 8px; border-bottom-color: #e7e6df; }
.worksheets-page .worksheet-groups button {
  min-height: 62px;
  background: #f7f8f4;
  color: #314d4a;
}
.worksheets-page .worksheet-groups button[aria-pressed=true] {
  background: #dcf0e2;
  color: #164f39;
  box-shadow: inset 0 0 0 2px #397958;
}
.worksheets-page .worksheet-groups button:hover { background: #e8f4eb; }
.worksheets-page .worksheet-operations button {
  min-height: 44px;
  border-color: #a6b9ad;
  color: #304c43;
  background: #fff;
}
.worksheets-page .worksheet-operations button[aria-pressed=true] {
  background: #245b43;
  border-color: #245b43;
  color: #fff;
}
.worksheets-page .worksheet-results { margin: 34px 0 20px; }
.worksheets-page .worksheet-collection-heading {
  border-left-color: #4b9874;
}
.worksheets-page .worksheet-card {
  border: 1px solid var(--paper-line);
  border-radius: 18px;
  box-shadow: 0 6px 20px #243f3010;
}
.worksheets-page .worksheet-card-heading { background: #f0f8f2; }
.worksheets-page .worksheet-card[data-group="gross"] .worksheet-card-heading { background: #fff5db; }
.worksheets-page .worksheet-card[data-group="weitere"] .worksheet-card-heading { background: #f2ebfb; }
.worksheets-page .worksheet-card-heading .worksheet-eyebrow { color: #216649; }
.worksheets-page .worksheet-card[data-group="gross"] .worksheet-eyebrow { color: #78500f; }
.worksheets-page .worksheet-card[data-group="weitere"] .worksheet-eyebrow { color: #614587; }
.worksheets-page .worksheet-mode { background: #fffefa; color: #36504b; }
.worksheets-page .worksheet-preview { background: #edf5ef; border-bottom-color: #d3e3d7; }
.worksheets-page .worksheet-card[data-group="gross"] .worksheet-preview { background: #fbf2d9; }
.worksheets-page .worksheet-card[data-group="weitere"] .worksheet-preview { background: #efeaf7; }
.worksheets-page .worksheet-example { background: #f8f7f0; color: #1c3146; }
.worksheets-page .worksheet-note { background: #f0ebf8; }
.worksheets-page .worksheet-note p,
.worksheets-page .worksheet-description,
.worksheets-page .worksheet-scope { color: var(--paper-muted); }
/* The section heading already explains the format; the note below the grid
   explains kDrive once for all cards. */
.worksheets-page .worksheet-description,
.worksheets-page .worksheet-provider { display: none; }
.worksheets-page button:focus-visible,
.worksheets-page a:focus-visible,
.worksheets-page input:focus-visible,
.worksheets-page select:focus-visible {
  outline: 3px solid #0a6f82;
  outline-offset: 3px;
}
.generator-page .generator-hero { margin-bottom: 30px; }
.generator-page .generator-controls {
  border: 1px solid #cbd9cd;
  border-radius: 20px;
  background: #f3f9f3;
  box-shadow: 0 7px 22px #253d3110;
}
.generator-page .generator-controls fieldset { border-bottom-color: #d4e2d5; }
.generator-page .generator-controls legend > span { background: #246547; }
.generator-page .generator-controls select,
.generator-page .generator-controls input[type=number] { border-color: #91aa9b; }
.generator-page .row-options span { color: #294d3d; border-color: #a9c2b0; }
.generator-page .row-options input:checked + span { background: #246547; border-color: #246547; color: #fff; }
.generator-page .generator-preview { min-width: 0; }
.generator-page .sheet-preview { border-color: #d8d4c8; box-shadow: 0 9px 28px #263c3120; }
.generator-page .shuffle-button { color: #245b43; border-color: #9db9a8; min-height: 44px; }
.generator-page .generator-help { border-color: #e2ddd0; }
@media (max-width: 680px) {
  .worksheets-page .worksheet-intro { margin: 18px 0 24px; padding: 23px 19px; border-radius: 18px; }
  .worksheets-page .worksheet-filters { padding: 10px; }
  .worksheets-page .worksheet-groups { gap: 5px; }
  .worksheets-page .worksheet-groups button { min-height: 60px; }
  .worksheets-page .generator-callout { padding: 19px; }
  .generator-page .generator-controls { padding: 20px; }
}