/* Kommunearket (lag-kommuneark.mjs). På skjermen et ark i midten, ved utskrift bare arket på A4 liggende.
   Fargene er de lyse fra appen, også i mørk modus, fordi det er papir. */
@page { size: A4 landscape; margin: 8mm; }
.ark-verktoy { padding-block: 24px 8px; }
.ark-verktoy h1 { font-family: var(--display); font-size: 1.6rem; margin: 4px 0 8px; }
.ark-knapper { display: flex; gap: 10px; flex-wrap: wrap; }
.ark { background: #ffffff; color: #1b2233; width: min(1080px, calc(100% - 32px)); margin: 8px auto 40px; padding: 18px 22px; border-radius: 6px; box-shadow: 0 1px 3px rgba(27,34,51,.12);
  -webkit-print-color-adjust: exact; print-color-adjust: exact; font-family: var(--body); }
.ark-topp { border-bottom: 2px solid #1b2233; padding-bottom: 6px; margin-bottom: 10px; }
.ark-topp h2 { font-family: var(--display); font-size: 22px; margin: 0; color: #1f2a44; }
.ark-merke { font-size: 10px; letter-spacing: .08em; text-transform: uppercase; color: #5e6472; }
.ark-under { font-size: 12px; color: #5e6472; }
.ark-innhold { display: grid; grid-template-columns: 1fr 210px; gap: 16px; }
.ark-maneder { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px 12px; }
.mnd h3 { font-family: var(--display); font-size: 12.5px; margin: 0 0 3px; color: #1f2a44; text-transform: capitalize; }
.mnd h3 span { font-family: var(--body); font-weight: 400; color: #5e6472; font-size: 11px; }
.rute { display: grid; grid-template-columns: repeat(7, 1fr); gap: 2px; }
.rute b { font-size: 8px; color: #5e6472; text-align: center; font-weight: 600; }
.rute span { font-size: 9.5px; line-height: 17px; height: 17px; text-align: center; border-radius: 3px; border: 1px solid #e4e1da; }
.rute span.helg { background: #eceae4; border-color: transparent; color: #5e6472; }
.rute span.helligdag { background: #bd4239; border-color: transparent; color: #ffffff; }
.rute span.fri { background: #bfcde7; border-color: transparent; }
.rute span.sfo-stengt { background: #4f6fa3; border-color: transparent; color: #ffffff; font-weight: 600; }
.ark-liste { font-size: 11px; line-height: 1.35; }
.ark-liste h4 { font-size: 11px; margin: 0 0 3px; text-transform: uppercase; letter-spacing: .06em; color: #5e6472; }
.ark-liste ul { list-style: none; margin: 0 0 10px; padding: 0; }
.ark-liste li { margin-bottom: 2px; }
.ark-merk { font-size: 10.5px; color: #8a5a2b; margin: 0 0 8px; }
.ark-forklaring { display: grid; gap: 3px; font-size: 10.5px; color: #5e6472; }
.ark-forklaring i { display: inline-block; width: 10px; height: 10px; border-radius: 2px; margin-right: 5px; vertical-align: -1px; }
.ark-forklaring i.skole { border: 1px solid #cfcbc2; } .ark-forklaring i.fri { background: #bfcde7; }
.ark-forklaring i.sfo-stengt { background: #4f6fa3; } .ark-forklaring i.helligdag { background: #bd4239; }
.ark-bunn { display: flex; justify-content: space-between; gap: 16px; margin-top: 10px; padding-top: 6px; border-top: 1px solid #cfcbc2; font-size: 10px; color: #5e6472; }
@media (max-width: 760px) { .ark-innhold { grid-template-columns: 1fr; } .ark-maneder { grid-template-columns: repeat(2, 1fr); } }
@media print {
  html, body { background: #ffffff !important; }
  .ark-verktoy { display: none; }
  .ark { width: auto; margin: 0; padding: 0; box-shadow: none; border-radius: 0; }
  .ark-innhold { grid-template-columns: 1fr 52mm; }
  .ark-maneder { grid-template-columns: repeat(4, 1fr); }
}