/* extra UI for the notice identifier; site chrome is /styles.css */
.kicker{margin:0 0 .35rem;font:650 .72rem/1 system-ui,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.file{display:block;padding:1rem 1.05rem;border:1px dashed #b7ae9c;background:#fbfaf6;cursor:pointer;margin:0 0 .8rem}
.file input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}
.file strong{display:block;font:650 .95rem/1.3 system-ui,sans-serif;margin:0 0 .2rem}
.file small{color:var(--muted);font: .85rem/1.35 system-ui,sans-serif}
.preview{display:none;margin:.2rem 0 1rem;max-width:min(100%,22rem);border:1px solid var(--line)}
.or{text-align:center;color:var(--muted);font:.85rem/1 system-ui,sans-serif;margin:.4rem 0 .8rem}
.progress{display:none;margin:.2rem 0 .35rem;color:var(--muted);font:.88rem/1.35 system-ui,sans-serif}
.bar{display:none;height:4px;background:#e6e0d6;margin:0 0 1rem;overflow:hidden}
.bar>i{display:block;height:100%;width:0;background:var(--accent)}
.guess{font:.88rem/1.4 system-ui,sans-serif;color:var(--muted);margin:.15rem 0 1rem}
.result{display:none;background:var(--card);border:1px solid var(--line);padding:1.1rem 1.2rem;margin:1.2rem 0}
.result.show{display:block}
.result h2{margin-top:0}
.dl{display:grid;grid-template-columns:7.4rem 1fr;gap:.45rem .85rem;margin:.4rem 0 0}
.dl dt{margin:0;font:650 .72rem/1.3 system-ui,sans-serif;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);padding-top:.2rem}
.dl dd{margin:0}
.extra{margin:.9rem 0 0;color:var(--muted);font-size:.95rem}
.outline{white-space:pre-wrap;background:#fff;border:1px solid var(--line);padding:1.1rem 1.2rem;min-height:10rem;font-size:.95rem}
details{margin:1.1rem 0;border-top:1px solid var(--line);padding-top:.85rem}
details summary{cursor:pointer;font:600 1.05rem/1.3 Georgia,serif}
.paid-note{font:.9rem/1.4 system-ui,sans-serif;color:var(--muted)}