/* /rug/<token> and /rug/: the autopsy and the rug files */
.report-page h2 { margin: 0 0 .6rem; font: 800 1rem/1 var(--label); letter-spacing: .14em; text-transform: uppercase; color: var(--mustard); }
.autopsy { display: grid; gap: 1.2rem; }
.facts { margin: 0; padding: 0; list-style: none; display: grid; gap: .6rem; }
.facts li { padding-left: 1.2rem; position: relative; color: var(--on-jacket); font-size: 1.1rem; }
.facts li::before { content: ""; position: absolute; left: 0; top: .6em; width: .5rem; height: .5rem; background: var(--mustard); }
.tally { margin: 0; padding: 0; list-style: none; display: grid; gap: .55rem; }
.tally li { display: grid; grid-template-columns: minmax(8rem, 12rem) 1fr 3rem; gap: .8rem; align-items: center; }
.tally span { font: 700 1.05rem/1.2 var(--label); text-transform: uppercase; letter-spacing: .04em; }
.tally b { text-align: right; font: 900 1.4rem/1 var(--display); color: var(--mustard); }
.tally progress { width: 100%; height: 14px; appearance: none; border: 2px solid var(--ink); border-radius: 0; background: var(--jacket-deep); }
.tally progress::-webkit-progress-bar { background: var(--jacket-deep); }
.tally progress::-webkit-progress-value { background: var(--mustard); }
.tally progress::-moz-progress-bar { background: var(--mustard); }
.report-page .small { font-size: .92rem; }
.report-page .small a, .report-page p a { color: var(--on-jacket); }
.report-page .fine { font-size: .8rem; opacity: .7; }
.find { display: grid; gap: .4rem; }
.find label { font: 800 .85rem/1 var(--label); letter-spacing: .12em; text-transform: uppercase; color: var(--on-jacket-soft); }
.find .row { display: flex; gap: .6rem; flex-wrap: wrap; }
.find input { flex: 1 1 16rem; min-height: 44px; padding: 0 .8rem; border: 3px solid var(--ink); border-radius: 6px; font: 600 1rem var(--body); background: #fff; color: var(--ink); min-width: 0; }
.rug-list { margin: 0; padding: 0; list-style: none; display: grid; gap: .5rem; }
.rug-list a { display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "sym n" "why n"; gap: .1rem 1rem; align-items: center; padding: .8rem 1rem; background: var(--ticket); color: var(--ink); text-decoration: none; border-radius: 4px; box-shadow: 0 6px 14px -8px rgba(0, 0, 0, .6); }
.rug-list a:hover { background: var(--carbon-y); }
.rug-list b { grid-area: sym; font: 900 1.4rem/1 var(--display); }
.rug-list span { grid-area: why; color: #3d4a3e; font-weight: 600; }
.rug-list em { grid-area: n; font: 800 1rem/1 var(--label); font-style: normal; text-transform: uppercase; letter-spacing: .06em; }
@media (max-width: 520px) { .tally li { grid-template-columns: 1fr 2.5rem; } .tally progress { grid-column: 1 / -1; grid-row: 2; } }