/* Barber Shop Corner question box (added 7 Oct 2026). Loaded on /corner/ only, after site.css.
   Every colour is one of the site's tokens, so both themes work. Targets are 44 px or more. Nothing here relies on colour alone:
   a problem has its words, a left bar and a thicker border. No font, image or address is loaded from anywhere. */
.corner-ask {border-top:4px solid var(--ink)}
.corner-form {display:grid;gap:22px;margin-top:20px}
.corner-field {min-width:0;margin:0}
.corner-field .small {margin:8px 0 0}
.corner-tag {font-weight:400;font-size:.875rem;color:var(--muted)}
.corner-form textarea {display:block;width:100%;min-height:9.5rem;padding:12px 14px;border:1px solid var(--edge);border-radius:2px;background:var(--panel);color:var(--ink);font:inherit;line-height:1.5;resize:vertical}
.corner-choice {padding:14px 16px 12px}
.corner-radio {display:flex;align-items:center;gap:12px;min-height:44px;margin:0;font-weight:400}
.corner-radio input[type=radio] {flex:none;width:22px;height:22px;min-height:22px;margin:0;padding:0;accent-color:var(--accent)}
.corner-form [aria-invalid=true] {border-color:var(--contra);border-width:2px}
.corner-error {margin:8px 0 0;padding:8px 12px;border-left:4px solid var(--contra);color:var(--contra);font-weight:600;font-size:.95rem;line-height:1.5}
.corner-alert {padding:14px 16px;border:1px solid var(--contra);border-left-width:4px;background:var(--panel)}
.corner-alert p {margin:0}
.corner-alert p+p {margin-top:8px}
.corner-alert [data-corner-alert-text] {color:var(--contra);font-weight:600}
.corner-check-title {margin:0 0 8px;font-weight:600}
.corner-widget {min-height:65px;max-width:100%;overflow-x:auto}
.corner-done {padding:20px;border:1px solid var(--edge);border-left:4px solid var(--green);background:var(--green-soft);color:var(--ink)}
.corner-done>p:first-child {margin-top:0}
.corner-receipt {font:700 1.15rem/1.45 var(--sans);overflow-wrap:anywhere}
.corner-details {margin-top:16px;border-top:1px dashed var(--edge)}
.corner-details summary {display:flex;align-items:center;min-height:44px;cursor:pointer;font:600 .85rem/1.5 var(--mono);color:var(--accent)}
.corner-record {margin:12px 0 0;padding:12px 14px;border:1px solid var(--edge);background:var(--bg);color:var(--ink);font:400 .8rem/1.6 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere;user-select:all}
.corner-done .fingerprint {margin-block:8px}
@media(max-width:420px) {.corner-ask {padding-inline:12px}}