/* Quiet opaque reading surfaces: papery in daylight, leather-like at night. */
body.reference-site{--reading-bg:#fbf7ee;--reading-text:#44392d;--reading-heading:#503b28;--reading-muted:#756655;--reading-border:#e3d8c5;--reading-grain:#765c3420}
body.reference-site[data-theme="tiniri"]{--reading-bg:#fbf4e5;--reading-border:#e4d2b2;--reading-grain:#8d6b3515}
body.reference-site[data-theme="urti"]{--reading-bg:#f5f7ed;--reading-text:#293e32;--reading-heading:#184c3c;--reading-muted:#617365;--reading-border:#d5dfcd;--reading-grain:#43684b12}
body.reference-site[data-theme="tafsut"]{--reading-bg:#fcf5f5;--reading-text:#493943;--reading-heading:#693d57;--reading-muted:#796774;--reading-border:#e8d8de;--reading-grain:#83516c10}
body.reference-site[data-theme="itri"]{--reading-bg:#171d2d;--reading-text:#eae5d9;--reading-heading:#f1d486;--reading-muted:#bcc3d1;--reading-border:#3a4050;--reading-grain:#d7bd8520}
body.reference-site[data-theme] .reading-panel{background-color:var(--reading-bg);background-image:radial-gradient(ellipse at top left,#ffffff07,transparent 65%),radial-gradient(circle,var(--reading-grain) .6px,transparent .85px);background-size:auto,5px 5px;color:var(--reading-text);border:1px solid var(--reading-border);border-radius:10px;padding:clamp(22px,3vw,38px);box-shadow:0 8px 30px #0000000c,inset 0 1px #ffffff0a}
body.reference-site[data-theme] .reading-panel p,body.reference-site[data-theme] .reading-panel li,body.reference-site[data-theme] .reading-panel strong,body.reference-site[data-theme] .reading-panel td{color:var(--reading-text)}
body.reference-site[data-theme] .reading-panel h1,body.reference-site[data-theme] .reading-panel h2,body.reference-site[data-theme] .reading-panel h3,body.reference-site[data-theme] .reading-panel h4{color:var(--reading-heading)}
body.reference-site[data-theme] .reading-panel small{color:var(--reading-muted)}
body.reference-site[data-theme] .reading-panel .tour-facts{border-color:var(--reading-border)}
.reading-panel p:last-child{margin-bottom:0}
@media(max-width:650px){body.reference-site[data-theme] .reading-panel{padding:20px;border-radius:8px}}

/* Tighter rhythm between gallery, tour facts and the itinerary. */
.reference-site .tour-layout.section{padding-top:32px;column-gap:40px}
body.reference-site[data-theme] .tour-layout>.reading-panel{padding:28px}
.reference-site .reading-panel .tour-facts{padding-bottom:16px;margin-bottom:20px}
.reference-site .reading-panel .prose>:first-child{margin-top:0}
@media(max-width:650px){.reference-site .tour-layout.section{padding-top:24px}body.reference-site[data-theme] .tour-layout>.reading-panel{padding:20px}}