/* Generated by scripts/site/build_assets.js from assets/src/css/toolkit.css. Do not edit; edit the source. */
/* Toolkit additions on top of the approved tools.css / tools2.css: controls rendered on the server, the live health
   report, the price calculator, the "not available" notice and printing. Design tokens only. */
.adm-root .tfil[hidden], .adm-root .qf[hidden], .adm-root .tk-err[hidden], .adm-root .hc-live[hidden], .adm-root [data-hc-example][hidden] { display: none; }
.adm-root .qf { display: grid; gap: 16px; }
.adm-root .tk-lab { display: grid; gap: 7px; font-size: 13.5px; font-weight: 600; }
.adm-root .tk-tpl button svg { pointer-events: none; }
.adm-root .tk-err { font-size: 13.5px; font-weight: 600; color: #E5484D; text-align: center; max-width: 340px; }
.adm-root .qr-img.is-blank svg { visibility: hidden; }
.adm-root .qr-img:empty { aspect-ratio: 1; }

/* closed tool (switched off or coming soon) */
.adm-root .tk-app.is-closed { display: block; }
.adm-root .tk-closed { margin-top: 22px; max-width: 640px; padding: 20px 22px; border-radius: 18px; background: var(--card); border: 1.5px dashed var(--line2); }
.adm-root .tk-closed b { font: 700 16px Sora; display: block; margin-bottom: 4px; }
.adm-root .tk-closed p { color: var(--mut); font-size: 14.5px; line-height: 1.55; } .adm-root .tk-closed a { color: var(--hl); text-decoration: underline; }

/* health check: messages, live report */
.adm-root .hc-msg.err { color: #E5484D; font-weight: 600; }
.adm-root .hc-live:focus { outline: none; }
.adm-root .hc-score .hc-again { margin-top: 16px; height: 44px; }
.adm-root .hc-cat li > div { min-width: 0; overflow-wrap: anywhere; }
.adm-root .hc-cat li .fix { display: block; margin-top: 3px; font-size: 13px; line-height: 1.5; color: var(--mut); opacity: .9; }
.adm-root .hc-cat li .fix b { font: 700 13px 'Inter Tight'; color: var(--ink); }
.adm-root .hc-arc { animation-name: adm-hcaoff; }
@keyframes adm-hcaoff { to { stroke-dashoffset: var(--off, 139); } }

/* price calculator */
.adm-root .pc-out { justify-items: stretch; }
.adm-root .pc-main { display: grid; gap: 4px; text-align: center; padding: 8px 0 4px; }
.adm-root .pc-main small { font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: .08em; color: var(--mut); }
.adm-root .pc-main output { font: 800 44px/1.1 Sora; letter-spacing: -.02em; overflow-wrap: anywhere; }
.adm-root .pc-list { display: grid; gap: 8px; margin: 0; }
.adm-root .pc-list[hidden] { display: none; }
.adm-root .pc-list > div { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; padding: 11px 14px; border-radius: 12px; background: var(--card); border: 1px solid var(--line); }
.adm-root .pc-list dt { color: var(--mut); font-size: 14px; } .adm-root .pc-list dd { margin: 0; font-weight: 700; font-size: 15px; text-align: right; overflow-wrap: anywhere; }
.adm-root .pc-disc { display: grid; gap: 10px; padding: 16px; border-radius: 18px; border: 1.5px dashed var(--line2); }
.adm-root .pc-disc > b { font: 700 16px Sora; } .adm-root .pc-disc p { color: var(--mut); font-size: 14px; line-height: 1.55; }
.adm-root .tk-ctl label .tk-hint { font-weight: 500; }
.adm-root [data-adm-price] .tk-row > label { grid-template-rows: minmax(2.6em, auto) auto auto; align-content: start; align-items: end; }

@media (max-width: 600px) { .adm-root .pc-main output { font-size: 36px; } }
@media (prefers-reduced-motion: reduce) { .adm-root .hc-arc { animation: none; stroke-dashoffset: var(--off, 139); } }
@media print {
  .adm-root .tk-app, .adm-root .tk-out, .adm-root .rv { position: static !important; transform: none !important; opacity: 1 !important; }
  .adm-root .invdoc { color: #101214; }
}