.rrr-ranch-media { --media-ink: #17392d; --media-muted: #456252; --media-edge: #d9e4d8; --media-paper: #fffdf8; color: var(--media-ink); width: 100%; max-width: 1440px; margin: 0 auto; padding: clamp(24px, 4vw, 56px) clamp(16px, 3vw, 48px); box-sizing: border-box; }
.rrr-ranch-media *, .rrr-ranch-media__dialog * { box-sizing: border-box; }
.rrr-ranch-media__heading { display: flex; justify-content: space-between; align-items: end; gap: 24px; margin-bottom: 24px; }
.rrr-ranch-media__eyebrow { margin: 0 0 8px; color: #697e5d; font: 700 12px/1.3 system-ui, sans-serif; letter-spacing: .12em; text-transform: uppercase; }
.rrr-ranch-media__heading h2 { margin: 0 0 8px; color: var(--media-ink); font: 700 clamp(28px, 3.5vw, 48px)/1.08 Georgia, serif; }
.rrr-ranch-media__heading p:last-child { max-width: 68ch; margin: 0; color: var(--media-muted); line-height: 1.55; }
.rrr-ranch-media__filters, .rrr-ranch-media__pages, .rrr-ranch-media__actions, .rrr-ranch-media__viewer-actions, .rrr-ranch-media__viewer-nav { display: flex; flex-wrap: wrap; align-items: end; gap: 10px; }
.rrr-ranch-media__filters { padding: 16px 0; border-top: 1px solid var(--media-edge); margin-bottom: 18px; }
.rrr-ranch-media label { display: grid; gap: 5px; font: 600 13px/1.35 system-ui, sans-serif; color: var(--media-ink); }
.rrr-ranch-media input, .rrr-ranch-media textarea, .rrr-ranch-media select, .rrr-ranch-media__dialog input, .rrr-ranch-media__dialog textarea, .rrr-ranch-media__dialog select { min-height: 42px; padding: 9px 11px; border: 1px solid #9bb4a1; border-radius: 7px; background: #fff; color: var(--media-ink, #17392d); font: 400 15px/1.3 system-ui, sans-serif; }
.rrr-ranch-media input[type="search"] { width: min(220px, 70vw); }
.rrr-ranch-media button, .rrr-ranch-media__dialog button, .rrr-ranch-media__actions a { min-height: 42px; padding: 10px 15px; border: 1px solid #496d56; border-radius: var(--rrr-button-radius,7px); background: #fff; color: #17392d; text-decoration: none; font: 700 14px/1.2 system-ui, sans-serif; cursor: pointer; }
.rrr-ranch-media button:hover, .rrr-ranch-media__dialog button:hover, .rrr-ranch-media__actions a:hover { background: #eff5ee; }
.rrr-ranch-media button:disabled { cursor: not-allowed; opacity: .5; }
.rrr-ranch-media :focus-visible, .rrr-ranch-media__dialog :focus-visible { outline: 3px solid #b6954a; outline-offset: 3px; }
.rrr-ranch-media__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(12px, 2vw, 24px); }
.rrr-ranch-media__grid.is-list { grid-template-columns: 1fr; }
.rrr-ranch-media__card { min-width: 0; overflow: hidden; border: 1px solid var(--media-edge); border-radius: 12px; background: var(--media-paper); box-shadow: 0 6px 25px #17392d10; }
.rrr-ranch-media__card-link { display: block; height: 100%; color: inherit; text-decoration: none; }
.rrr-ranch-media__card-link:hover strong { text-decoration: underline; }
.rrr-ranch-media__thumb { display: grid; place-items: center; min-height: 150px; aspect-ratio: 16 / 10; background: linear-gradient(145deg, #e8ede4, #becfb9); overflow: hidden; }
.rrr-ranch-media__thumb img { width: 100%; height: 100%; object-fit: cover; }
.rrr-ranch-media__thumb-label { color: #244b39; font: 700 17px/1.3 Georgia, serif; }
.rrr-ranch-media__thumb.is-social { background: radial-gradient(ellipse at 18% 100%,#b8904533,transparent 65%),linear-gradient(145deg,#173f35,#102d27); }
.rrr-ranch-media__thumb.is-social .rrr-ranch-media__thumb-label { color:#fff; font-size:clamp(20px,2.5vw,30px); }
.rrr-ranch-media__excerpt { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; color:var(--media-muted); font:400 15px/1.55 system-ui,sans-serif; }
.rrr-ranch-media__card-copy { display: grid; gap: 7px; padding: 15px 17px 19px; }
.rrr-ranch-media__card-copy small { color: #687c61; font: 700 11px/1.2 system-ui, sans-serif; text-transform: uppercase; letter-spacing: .1em; }
.rrr-ranch-media__card-copy strong { font: 700 20px/1.28 Georgia, serif; }
.rrr-ranch-media__grid.is-list .rrr-ranch-media__card-link { display: grid; grid-template-columns: minmax(120px, 220px) 1fr; }
.rrr-ranch-media__grid.is-list .rrr-ranch-media__thumb { aspect-ratio: 16 / 9; min-height: 110px; }
.rrr-ranch-media__pages { justify-content: center; margin-top: 24px; }
.rrr-ranch-media__status { min-height: 1.3em; color: var(--media-muted); }
.rrr-ranch-media__detail { padding: 18px; border: 1px solid var(--media-edge); border-radius: 12px; background: var(--media-paper); margin-bottom: 26px; }
.rrr-ranch-media__detail h3 { margin: 0 0 16px; font: 700 clamp(24px, 3vw, 36px)/1.2 Georgia, serif; }
.rrr-ranch-media__detail img, .rrr-ranch-media__detail video { display: block; max-width: 100%; max-height: 70vh; margin: 0 auto 16px; }
.rrr-ranch-media__viewer { display: grid; gap: 16px; }
.rrr-ranch-media__viewer img, .rrr-ranch-media__viewer video { display: block; max-width: 100%; max-height: 65vh; margin: 0 auto; }
.rrr-ranch-media__viewer p { margin: 0; line-height: 1.55; }
.rrr-ranch-media__viewer a { color: #23624c; }
.rrr-ranch-media__viewer-nav { justify-content: space-between; border-top: 1px solid #d8e2d9; padding-top: 12px; }
.rrr-ranch-media__dialog { width: min(920px, calc(100vw - 36px)); max-width: 920px; }
.rrr-ranch-media--staff { max-width: none; padding: 0; }
.rrr-ranch-media--staff .rrr-workspace-module__body { padding: 24px; }
.rrr-ranch-media__staff-list { display: grid; gap: 10px; }
.rrr-ranch-media__staff-row { display: flex; justify-content: space-between; align-items: center; gap: 18px; padding: 16px; border: 1px solid var(--media-edge); border-radius: 10px; background: #fff; }
.rrr-ranch-media__staff-row h3 { margin: 5px 0; font: 700 20px/1.25 Georgia, serif; }
.rrr-ranch-media__staff-row p { margin: 0; color: var(--media-muted); }
.rrr-ranch-media__staff-row small { text-transform: capitalize; color: #60725a; }
.rrr-ranch-media__form { display: grid; gap: 14px; max-width: 690px; }
.rrr-ranch-media__form label { display: grid; gap: 6px; font: 600 14px/1.4 system-ui, sans-serif; }
.rrr-ranch-media__form textarea { min-height: 90px; resize: vertical; }
.rrr-ranch-media__form label:has(input[type="checkbox"]) { display: flex; align-items: start; }
.rrr-ranch-media__form input[type="checkbox"] { min-height: 20px; width: 20px; }
@media (min-width:800px) { form.rrr-ranch-media__form { grid-template-columns:repeat(2,minmax(0,1fr)); max-width:none; } form.rrr-ranch-media__form>p, form.rrr-ranch-media__form>button, form.rrr-ranch-media__form>.rrr-ranch-media__actions { grid-column:1/-1; } form.rrr-ranch-media__form label:has(textarea) { grid-column:1/-1; } }
@media (max-width: 800px) { .rrr-ranch-media__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .rrr-ranch-media__heading, .rrr-ranch-media__staff-row { align-items: start; flex-direction: column; } }
@media (max-width: 600px) { .rrr-ranch-media__grid { grid-template-columns: 1fr; } .rrr-ranch-media__dialog { width: 100%; height: 100dvh; max-width: 100%; max-height: 100dvh; margin: 0; border-radius: 0; } .rrr-ranch-media__filters { align-items: stretch; } .rrr-ranch-media__filters label { min-width: 45%; } .rrr-ranch-media__filters button { flex: 1; } }