*, *::before, *::after { box-sizing: border-box; }
[hidden] { display: none !important; }
img, svg, canvas, video { max-width: 100%; }
body { overflow-wrap: break-word; }
@media (max-width: 640px) {
  input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
  select, textarea { font-size: max(16px, var(--tpl-field-min, 0px)); }
}
input::placeholder,
textarea::placeholder{color:var(--ink);}
.canvas { max-width: var(--canvas-width, 900px); margin: 0 auto; }
.field-required::after {
  content: "*";
  color: var(--accent);
  font-size: 0.9em;
  vertical-align: super;
}
.flash{font-family:var(--font-body);font-size:var(--type-field);line-height:var(--type-note-line-loose);color:var(--color-text);padding:var(--inset-box) var(--inset-panel);border-left:3px solid;border-radius:2px;margin-bottom:var(--space-lg);}
.flash--success{border-left-color:var(--success);background:rgba(var(--success-rgb),0.08);}
.flash--info{border-left-color:var(--info);background:var(--info-bg);}
.flash--warn{border-left-color:var(--warn);background:var(--warn-bg);}
.flash--error{border-left-color:var(--error-red);background:rgba(var(--error-rgb),0.06);}
.flash__tag,
.flash__title{font-family:var(--font-mono);font-size:var(--type-note);text-transform:uppercase;}
.flash__tag{margin-right:var(--gap-row);}
.flash__title{display:block;}
.flash p{margin:var(--space-xs) 0 0;}
.flash ul{margin:var(--space-xs) 0 0;padding-left:1.25rem;}
.flash__action{color:inherit;text-decoration:underline;text-underline-offset:2px;white-space:nowrap;margin-left:var(--gap-row);}
.flash__actions{display:block;margin-top:var(--space-xs);}
.flash__actions > .flash__action:first-child{margin-left:0;}
.flash__dismiss{float:right;background:none;border:0;padding:0 0 0 var(--gap-row);font:inherit;font-size:1.4em;line-height:1;color:inherit;cursor:pointer;}
.flash--celebrate{text-align:center;border-left:none;background:none;border-radius:0;padding:var(--inset-box) 0;}
.flash--celebrate > [data-flash-text],
.flash--celebrate > .tpl-sublabel{display:block;max-width:44ch;margin-left:auto;margin-right:auto;line-height:1.25;}
.flash--celebrate-icon{display:block;width:40px;height:40px;margin:0 auto var(--space-sm);border-radius:50%;background-color:var(--quiz-correct);background-image:var(--quiz-tick-svg);background-repeat:no-repeat;background-position:center;background-size:27px 27px;}
.field-error{font-family:var(--font-mono);font-size:var(--type-caption);color:var(--error-red);margin-top:var(--space-xs);}
.site-footer {
  background: var(--footer-bg);
  border-top: 1px solid rgba(255,255,255,0.08);
  padding: 28px 24px;
  margin-top: 48px;
  text-align: center;
}
.site-footer-nav {
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 28px;
}
.site-footer-link {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  font-family:var(--font-mono);
  font-size: var(--type-badge);
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--footer-link);
  text-decoration: none;
  transition: color 0.15s ease;
}
.site-footer-link:hover,
.site-footer-link:focus-visible {
  color: var(--footer-link-hover);
}
.site-footer-copy {
  margin-top: var(--inset-panel);
  font-family:var(--font-mono);
  font-size: 10px;
  letter-spacing: 0.14em;
  color: var(--footer-copy);
}
@media (max-width: 480px) {
  .site-footer-nav { gap: var(--inset-panel); }
}