/* Rocking A owner ratings (RATINGS, Oct 20 2026). Mobile-first; marks stay >= 18px on cards and 40px in the form. */
.rm-row{--rm:20px;display:inline-flex;align-items:center;gap:3px;vertical-align:middle;flex:none}
.rm-one{position:relative;display:inline-block;width:var(--rm,20px);height:var(--rm,20px);flex:none;vertical-align:middle}
.rm-one .rm{display:block;width:var(--rm,20px);height:var(--rm,20px)}
.rm-fill{position:absolute;left:0;top:0;height:100%;overflow:hidden}
.rm-fill .rm{max-width:none}

/* listing card */
.ra-box{background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px 12px;margin:0 0 12px}
.ra-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin:0 0 6px}
.ra-title{font-family:var(--serif);font-weight:700;color:var(--rust-dk);font-size:1.02rem}
.ra-count{font-weight:700;color:var(--ink);font-size:.92rem}
.ra-sample{margin:0 0 8px;background:#fdf0d5;border:1px dashed var(--rust);color:var(--rust-dk);border-radius:6px;padding:4px 8px;font-size:.78rem;font-weight:700;line-height:1.3}
.ra-list{margin:0;display:grid;gap:5px}
.ra-item{display:flex;align-items:center;justify-content:space-between;gap:8px}
.ra-item dt{font-size:.92rem;font-weight:600;color:var(--ink);min-width:0}
.ra-item dd{margin:0;display:flex;align-items:center;gap:7px;flex:none}
.ra-num{font-weight:800;color:var(--rust-dk);min-width:2.1em;text-align:right;font-variant-numeric:tabular-nums}
.ra-foot{margin:8px 0 0;font-size:.84rem;color:var(--muted)}
.ra-cta{font-weight:700;color:var(--green);white-space:nowrap}
.ra-none{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 12px;padding:8px 12px}
.ra-empty{margin:0;font-size:.92rem;color:var(--muted);display:flex;align-items:center;gap:6px}
.ra-none .rm-one{--rm:18px}
@media (min-width:760px){.ra-list{grid-template-columns:1fr 1fr;column-gap:24px}}

/* rating form */
.ra-form .ra-h2{font-size:1.3rem}
.ra-signedin{font-size:.92rem;color:var(--muted);margin:0 0 12px}
.ra-link{background:none;border:0;padding:0 4px;color:var(--green);text-decoration:underline;font:inherit;cursor:pointer}
.ra-scale{font-size:.92rem;color:var(--muted);margin:0 0 6px}
.ra-editing{background:#f3f6ef;border:1px solid var(--sage);border-radius:8px;padding:8px 10px;font-size:.92rem}
.ra-metric{border:1px solid var(--line);border-radius:10px;background:#fff;margin:0 0 10px;padding:8px 10px 6px}
.ra-metric legend{font-weight:700;font-family:var(--serif);color:var(--green-dk);padding:0 4px;font-size:1.05rem}
.ra-pick{display:flex;flex-direction:row-reverse;justify-content:flex-end;gap:6px}
.ra-in{position:absolute;opacity:0;width:1px;height:1px}
.ra-opt{display:flex;flex-direction:column;align-items:center;cursor:pointer;width:48px;padding:2px 0;border-radius:8px}
.ra-mk{position:relative;width:40px;height:40px;display:block}
.ra-mk .rm{width:40px;height:40px;display:block;max-width:none}
.ra-on{position:absolute;inset:0;opacity:0;transition:opacity .08s}
.ra-n{font-size:.8rem;font-weight:700;color:var(--muted);line-height:1.2}
.ra-pick .ra-opt:hover .ra-on,.ra-pick .ra-opt:hover ~ .ra-opt .ra-on{opacity:.55}
.ra-pick .ra-in:checked ~ .ra-opt .ra-on{opacity:1}
.ra-pick .ra-in:checked ~ .ra-opt .ra-n{color:var(--rust-dk)}
.ra-pick .ra-in:focus-visible + .ra-opt{outline:3px solid var(--green);outline-offset:1px}
.ra-lock{display:inline-block;margin-left:4px;background:#efe6d1;color:var(--brown);border-radius:999px;padding:1px 8px;font-size:.76rem;font-weight:700;vertical-align:1px}
.ra-hint{display:block;color:var(--muted);font-size:.82rem;margin-top:4px}
.ra-preview-code{background:#fdf0d5;border:2px dashed var(--rust);border-radius:10px;padding:10px 12px;margin:0 0 12px;font-size:.92rem}
.ra-code{display:block;font-size:1.8rem;letter-spacing:.2em;color:var(--rust-dk);margin-top:4px}
.ra-code-in{font-size:1.5rem!important;letter-spacing:.3em;max-width:12em}

/* admin */
.adm-sum{font-weight:700}
.adm-tabs{display:flex;gap:14px;margin:0 0 12px}
.adm-tabs a[aria-current]{font-weight:800;color:var(--rust-dk);text-decoration:none}
.adm-list{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.adm-r{background:var(--paper);border:1px solid var(--line);border-left:5px solid var(--rust-dk);border-radius:12px;padding:12px 14px}
.adm-r.is-hidden{opacity:.75;border-left-color:#999}
.adm-top{margin:0 0 2px}
.adm-meta{margin:0 0 8px;font-size:.84rem;color:var(--muted);overflow-wrap:anywhere}
.adm-tag{display:inline-block;background:#fdf0d5;color:var(--rust-dk);border:1px solid var(--rust);border-radius:4px;font-size:.7rem;font-weight:800;padding:0 5px;vertical-align:2px}
.adm-hid{background:#eee;color:#444;border-color:#999}
.adm-sc{margin:0 0 8px;display:grid;gap:4px}
.adm-sc div{display:flex;justify-content:space-between;align-items:center;gap:8px}
.adm-sc dt{font-size:.88rem;font-weight:600}.adm-sc dd{margin:0;display:flex;align-items:center;gap:6px}
.adm-sc .rm-row{--rm:16px}
.adm-c{background:#fff;border:1px solid var(--line);border-radius:8px;padding:8px 10px;margin:0 0 8px}
.adm-c .ra-lock{margin:0 0 4px}
.adm-c p{margin:4px 0 0;font-size:.92rem}
.adm-act{display:flex;gap:8px;flex-wrap:wrap}
.adm-act input[name=reason]{flex:1 1 180px;min-width:0;padding:8px 10px;border:1px solid var(--line);border-radius:8px;font:inherit}