/* relaxrelaxingmusic.com: video rows and the docked player on the older library pages (which keep their own styles). */
.rrm-v{margin:40px 0;padding:22px 0;border-top:1px solid rgba(162,130,63,.45);border-bottom:1px solid rgba(162,130,63,.45);font-family:"Inter",system-ui,sans-serif;position:relative;z-index:5}
.rrm-v-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:14px}
.rrm-v-head b{font-size:11.5px;letter-spacing:.22em;text-transform:uppercase;color:#8B1E1E}
[data-theme="dark"] .rrm-v-head b{color:#E8A08E}
.rrm-v-head a{font-size:13px;color:inherit;opacity:.8}
.rrm-v .vrow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
@media(max-width:640px){.rrm-v .vrow{grid-template-columns:repeat(3,minmax(200px,1fr));overflow-x:auto;padding-bottom:6px}}
.vc{display:flex;flex-direction:column;gap:8px;text-align:left;background:none;border:0;padding:0;cursor:pointer;color:inherit;font:inherit}
.vthumb{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;border:1px solid rgba(162,130,63,.55);background:#2A3530}
.vthumb img{width:100%;height:100%;object-fit:cover;display:block}
.vplay-ic{position:absolute;left:50%;top:50%;width:40px;height:40px;margin:-20px 0 0 -20px;border-radius:50%;background:rgba(122,28,28,.9);box-shadow:0 0 0 1px #D2B77E}
.vplay-ic::after{content:"";position:absolute;left:15px;top:12px;border-left:13px solid #F6EEDF;border-top:8px solid transparent;border-bottom:8px solid transparent}
.vlen{position:absolute;right:6px;bottom:6px;font:600 10.5px "Inter",sans-serif;background:rgba(20,24,21,.82);color:#F6EEDF;padding:2px 6px}
.vt{font-family:"Fraunces",Georgia,serif;font-size:15.5px;line-height:1.25}
.dock{position:fixed;right:18px;bottom:18px;z-index:9000;width:min(400px,calc(100vw - 24px));background:#141915;border:1px solid #A2823F;box-shadow:0 24px 60px -18px rgba(0,0,0,.55);font-family:"Inter",system-ui,sans-serif}
.dock[hidden]{display:none}.dock.big{width:min(820px,calc(100vw - 24px))}
.dock-bar{display:flex;align-items:center;gap:8px;padding:8px 8px 8px 14px;border-bottom:1px solid rgba(210,183,126,.35)}
.dock-title{flex:1;min-width:0;margin:0;font:500 15px/1.2 "Fraunces",Georgia,serif;color:#F6EEDF;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dock-btns{display:flex;gap:4px}
.dock-btns button,.dock-btns a{width:30px;height:30px;display:grid;place-items:center;border:1px solid rgba(210,183,126,.45);background:none;color:#E6D2A0;font:600 13px "Inter",sans-serif;text-decoration:none;cursor:pointer}
.dock-btns button[hidden]{display:none}.dock-btns a{font-size:9.5px}
.dock-video{aspect-ratio:16/9;background:#000}.dock-video iframe{width:100%;height:100%;border:0;display:block}
@media(max-width:640px){.dock,.dock.big{right:8px;left:8px;bottom:8px;width:auto}}
.dock-resume{position:fixed;right:18px;bottom:18px;z-index:8990;display:flex;align-items:center;gap:12px;max-width:min(380px,calc(100vw - 24px));padding:12px 44px 12px 14px;background:#141915;color:#F6EEDF;border:1px solid #A2823F;cursor:pointer;text-align:left;font:500 11px "Inter",sans-serif;letter-spacing:.14em;text-transform:uppercase}
.dock-resume b{display:block;font:500 15px/1.2 "Fraunces",Georgia,serif;letter-spacing:0;text-transform:none;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:260px}
.dock-resume i{flex:none;width:32px;height:32px;border-radius:50%;background:#7A1C1C;box-shadow:0 0 0 1px #D2B77E;position:relative}
.dock-resume i::after{content:"";position:absolute;left:12px;top:9px;border-left:10px solid #F6EEDF;border-top:7px solid transparent;border-bottom:7px solid transparent}
.dock-resume-x{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:26px;height:26px;border:0;background:none;color:#CFC4B0;cursor:pointer}
/* "Skip to content" on the older pages (tools/landmarks.py): hidden until focused with the keyboard */
.rrm-skip{position:absolute;left:-999px;top:8px;z-index:10000;background:#1F1A16;color:#fff;padding:8px 14px;border-radius:6px;font:500 15px/1.2 system-ui,sans-serif;text-decoration:none}
.rrm-skip:focus{left:8px}
/* health notice under the title (tools/notices.py, brief 4c) */
.rrm-note{max-width:640px;margin:16px 0 0;padding:10px 14px;border:1px solid color-mix(in srgb,currentColor 35%,transparent);border-radius:10px;font-size:14px;line-height:1.55;font-style:normal;letter-spacing:normal;text-transform:none;text-align:left}
.rrm-note strong{font-weight:600}
.hero .rrm-note,#gate .rrm-note{margin-left:auto;margin-right:auto}
/* advertising & inquiries line (tools/inquiries.py): a long address must wrap, not scroll sideways */
a[href^="mailto:"]{overflow-wrap:anywhere}