/* 16px base; 1.333 type ratio; 8px spacing; working document, generous density. */
    @font-face { font-family: Manrope; src: url('assets/Manrope.ttf') format('truetype'); font-display: swap; }
    * { box-sizing: border-box; }
    body { margin: 0; font: 1rem/1.5 Manrope,Arial,sans-serif; color: #24231d; background: #f7f0df; }
    header { background: #f5cb45; color: #24231d; border-bottom: 2px solid #24231d; padding: 32px 0; }
    .wrap { width: min(100% - 48px,960px); margin-inline: auto; }
    a { color: inherit; display: inline-flex; align-items: center; min-height: 48px; text-underline-offset: 4px; }
    a:focus-visible { outline: 3px solid #a82d21; outline-offset: 4px; }
    h1,h2,h3,p { margin: 0; }
    h1,h2 { font-family: Impact,'Arial Narrow',sans-serif; font-weight: 400; text-transform: uppercase; line-height: 1.2; }
    h1 { font-size: 3.157rem; margin-block: 24px; }
    h2 { font-size: 2.369rem; margin-bottom: 24px; }
    h3 { font-size: 1.333rem; margin-bottom: 16px; line-height: 1.2; }
    p { max-width: 65ch; }
    p + p { margin-top: 16px; }
    section { padding-block: 48px; border-bottom: 1px solid #8c806c; }
    .status { font-family: 'Courier New',monospace; padding: 8px 16px; background: #e9dfcb; color: #24231d; display: inline-block; margin-bottom: 16px; }
    .shots { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; }
    article { border-top: 2px solid #a82d21; padding-top: 24px; }
    ol,ul { padding-left: 24px; }
    li { margin-block: 16px; }
    .warning { border-left: 4px solid #a82d21; padding: 16px 24px; background: #e9dfcb; color: #24231d; }
    .paths { overflow-wrap: anywhere; }
    footer { padding-block: 32px; }
    @media(max-width:600px) { .wrap { width: calc(100% - 32px); } .shots { grid-template-columns:1fr; } h1 { font-size:2.369rem; } }
    @media(prefers-reduced-motion:reduce) { * { animation:none!important; transition:none!important; } }