/* Additive treatments only. Original layout, type scale and application stay intact. */
:root{--detail:#8c5329;--detail-wash:#f0e5cf;--frame:#e7e9de;--frame-line:#adb99d}
.brand-family{display:flex;flex-direction:column;gap:4px;min-width:0}
.publisher{font-size:11px;letter-spacing:.02em;color:var(--muted);width:fit-content;text-decoration:none}
.publisher strong{font:normal 14px Georgia,serif;color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.publisher:hover strong{text-decoration-thickness:2px}
.masthead nav a:last-child{text-decoration:none}
.masthead nav a:last-child:hover{background:var(--ink)}
::selection{background:var(--detail-wash);color:var(--ink)}
.archive-tools input:focus,.archive-tools select:focus{border-color:var(--green);outline:2px solid var(--line);outline-offset:2px}
.capture-preview img{background:var(--frame);border-color:var(--frame-line)}
.capture-preview:hover img{border-color:var(--green)}
.case{transition:background-color 160ms ease-out}
.case:focus-within{background:color-mix(in srgb,var(--wash) 30%,transparent)}
.related-reading{border-top:1px solid var(--line);margin-top:28px;padding-top:18px;display:flex;justify-content:space-between;align-items:baseline;gap:16px 30px;flex-wrap:wrap;font-size:13px}
.related-reading p{margin:0;max-width:67ch}
.related-reading nav{display:flex;gap:22px;flex-wrap:wrap}
.publisher-footer{padding:14px 0 25px;margin-bottom:20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:22px}
.publisher-footer p{font-size:13px;max-width:68ch;margin:8px 0 0;color:var(--muted)}
.publisher-title{font:normal 24px Georgia,serif;text-decoration:none}
.publisher-footer nav{display:flex;flex-wrap:wrap;gap:12px 22px;font-size:13px}
/* 01: same paper/forest palette; small amber punctuation and calmer chrome. */
body[data-treatment=familiar] .section-heading h2::after{content:'';display:inline-block;width:7px;height:7px;margin:0 0 3px 12px;background:var(--detail);border-radius:50%}
body[data-treatment=familiar] .credit{border-left-color:var(--detail)}
body[data-treatment=familiar] .capture-preview img{box-shadow:3px 3px 0 #d9decd}
body[data-treatment=familiar] .evidence>summary{color:var(--ink)}
@media(max-width:700px){.brand-family{gap:3px}.publisher{font-size:10px}.publisher strong{font-size:13px}.publisher-footer{display:block}.publisher-footer nav{margin-top:17px}.related-reading{font-size:12px}.masthead nav{gap:12px}.related-reading nav{gap:12px 22px}}
@media(prefers-reduced-motion:reduce){.case,.capture-preview img{transition:none}}
