*{box-sizing:border-box}body{color:#111;background:#fff;margin:0;padding:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.5}main{max-width:40rem;margin:0 auto}body>main{box-sizing:content-box;padding:2rem 1.25rem}h1{margin:0 0 1rem;font-size:1.5rem}h2{margin:2rem 0 .5rem;font-size:1.125rem}label{margin:.75rem 0 .25rem;font-weight:600;display:block}input{width:100%;font:inherit;border:1px solid #999;border-radius:4px;padding:.6rem}button{font:inherit;color:#fff;cursor:pointer;background:#111;border:0;border-radius:4px;margin-top:1rem;padding:.75rem 1.25rem;font-weight:600}dl{grid-template-columns:1fr auto;gap:.25rem 1rem;margin:0;display:grid}dd{text-align:right;font-variant-numeric:tabular-nums;margin:0}.total{border-top:1px solid #ccc;padding-top:.25rem;font-weight:700}.card{border:1px solid #ccc;border-radius:6px;margin-bottom:1rem;padding:1rem}.error{color:#a00;font-weight:600}.note{color:#555;font-size:.875rem}.notice{background:#faf8f2;border-left:3px solid #b8860b;border-radius:4px;margin:1rem 0;padding:.75rem 1rem}.attention{color:#8a5a00;font-weight:600}.admin{box-sizing:content-box;max-width:52rem;margin:0 auto;padding:2rem 1.25rem}.admin header{border-bottom:1px solid #ccc;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:.75rem;display:flex}.admin header form{align-items:center;gap:.75rem;display:flex}.admin header button{margin-top:0;padding:.35rem .75rem;font-size:.875rem}.admin a{color:inherit}.admin .brand-actions{gap:.5rem;margin:.5rem 0 1rem;display:flex}.admin .link-button{color:#111;background:#fff;border:1px solid #999;border-radius:4px;padding:.35rem .75rem;font-size:.875rem;font-weight:600;text-decoration:none;display:inline-block}.admin .link-button:hover{background:#f3f3f3}.admin .status-on{color:#1a7f37;font-weight:600}.admin .status-off{color:#c1121f;font-weight:600}.admin button:disabled{opacity:.45;cursor:not-allowed}table{border-collapse:collapse;width:100%;margin:.5rem 0 1rem;font-size:.875rem}th,td{text-align:left;vertical-align:middle;border-bottom:1px solid #e5e5e5;padding:.35rem .5rem .35rem 0}th{white-space:nowrap;font-weight:600}td input{width:7rem;padding:.35rem}select{width:100%;font:inherit;border:1px solid #999;border-radius:4px;padding:.6rem}label.checkbox{align-items:center;gap:.5rem;margin-top:1rem;font-weight:600;display:flex}label.checkbox input{width:auto;margin:0}code{font-size:.875em}code.test-link{word-break:break-all;-webkit-user-select:all;user-select:all;max-width:100%;display:inline-block}table.served code{overflow-wrap:anywhere}.ramp{flex-wrap:wrap;gap:.5rem;margin:1rem 0;display:flex}.swatch{width:5.5rem}.swatch i{border:1px solid #ccc;border-radius:4px;height:3rem;display:block}.button-proof{border:1px solid;border-radius:6px;margin:1rem 0;padding:1.5rem}.cta-proof{border-radius:9999px;width:100%;min-height:48px;margin:0;font-weight:700}.warn{background:#fff8e1;border-left:3px solid #8a5a00;margin:.75rem 0;padding:.6rem .75rem;font-size:.875rem}.admin .colour-field{align-items:center;gap:.5rem;display:flex}.admin .colour-field input:not([type=color]){width:11rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.admin .colour-field input[type=color]{cursor:pointer;width:2.75rem;height:2.75rem;padding:.15rem}.admin .pairings{border:0;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:.75rem;margin:.5rem 0 1rem;padding:0;display:grid}.admin .pairings legend{margin:.75rem 0 .25rem;font-weight:600}.admin .pairing{cursor:pointer;border:1px solid #ccc;border-radius:6px;grid-template-columns:auto 1fr;gap:.15rem .5rem;padding:.75rem;display:grid}.admin .pairing:has(input:checked){border-color:#111;box-shadow:0 0 0 1px #111}.admin .pairing input{grid-row:1/span 4;align-self:start;width:auto;margin:.2rem 0 0}.admin .pairing-name{color:#555;font-size:.75rem;font-weight:600}.admin .pairing-heading{font-size:1.5rem;line-height:1.15}.admin .pairing-body{font-size:1rem;line-height:1.35}.admin .pairing .note{font-size:.8125rem}.field-problem{color:#a00;margin:.25rem 0 0;font-size:.875rem;font-weight:600}.actions{gap:.75rem;display:flex}.actions button{flex:1}textarea{width:100%;font:inherit;resize:vertical;border:1px solid #999;border-radius:4px;padding:.6rem}details{border:1px solid #e5e5e5;border-radius:4px;margin:.75rem 0;padding:.5rem .75rem}summary{cursor:pointer;font-weight:600}.money{font-variant-numeric:tabular-nums}th.money,td.money{text-align:right}.row-form{flex-wrap:wrap;align-items:center;gap:.5rem;margin:.5rem 0;display:flex}.row-form input{flex:6rem;width:auto;padding:.35rem}.row-form button{margin-top:0;padding:.35rem .75rem;font-size:.875rem}.preview-times a,.preview-times strong{white-space:nowrap}.photo-proof{aspect-ratio:1;object-fit:cover;border:1px solid #ccc;border-radius:4px;width:160px;margin:.5rem 0;display:block}
