/* Element defaults. Normal Mode only — no dark-mode variants exist in this system. */
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--surface-page);color:var(--text-body);font-family:var(--font-body);font-weight:var(--fw-light);font-size:var(--body);line-height:var(--body-lh)}
h1,h2,h3,h4{font-family:var(--font-heading);letter-spacing:var(--heading-tracking);margin:0;text-wrap:pretty}
h1{font-size:var(--h1);line-height:var(--h1-lh);font-weight:var(--fw-thin)}
h2{font-size:var(--h2);line-height:var(--h2-lh);font-weight:var(--fw-thin)}
h3{font-size:var(--h3);line-height:var(--h3-lh);font-weight:var(--fw-light)}
h4{font-size:var(--h4);line-height:var(--h4-lh);font-weight:var(--fw-regular)}
p{margin:0 0 var(--space-md)}
a{color:var(--link);text-decoration:underline;text-underline-offset:3px;transition:color var(--motion-fast) var(--motion-ease)}
a:hover{color:var(--link-hover)}
.on-dark a{color:var(--color-canvas)}
.on-dark a:hover{color:var(--color-primary-tint)}
:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}
.on-dark :focus-visible{outline-color:var(--focus-ring-on-dark)}
img,video{max-width:100%;height:auto}
/* Depth comes from background contrast, never shadow. Flat system — do not add a shadow level. */
.hairline{border:1px solid var(--border-hairline)}
/* The stylised speech-bubble button/block shape (rounded.motif) — Group standard. */
.shape-motif{border-radius:var(--rounded-sm) var(--rounded-pill) var(--rounded-pill) var(--rounded-pill)}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
/* Checked states for the appearance:none choice controls (inline styles cannot express :checked). */
input[type="checkbox"]:checked{background-color:var(--color-primary);border-color:var(--color-primary);background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7'/%3E%3C/svg%3E");background-size:18px;background-position:center;background-repeat:no-repeat}
input[type="radio"]:checked{border:7px solid var(--color-primary)}