/* The Voice Realm blog, "Green Room" design. Approved by the owner 26 Sep 2026.
   Selectors start with html body.vr-rd so they outrank the older blog add-ons (03-blog-type uses html body .entry). */
:root{
  --navy:#0B1B28; --light:#F5F8FC; --tint:#E6EFF8; --ink:#13222F; --muted:#51606E; --line:#D8E2EC;
  --teal:#189FBE; --mint:#7ADCB0; --amber:#F0A93B; --violet:#7C63E6; --pink:#F26D8D; --coral:#D8322C; --sky:#5BB8F0;
  --sans:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --serif:"Newsreader",Georgia,"Times New Roman",serif;
  --gut:clamp(16px,3vw,36px);
}
html body.vr-rd{margin:0;background:var(--light);color:var(--ink);font:17px/1.55 var(--sans);-webkit-font-smoothing:antialiased}
body.vr-rd *,body.vr-rd *::before,body.vr-rd *::after{box-sizing:border-box}
:where(body.vr-rd) img{max-width:100%;height:auto}
body.vr-rd a{color:inherit;text-decoration:none}
body.vr-rd :focus-visible{outline:3px solid var(--teal);outline-offset:2px;border-radius:4px}
body.vr-rd ::selection{background:#BFE9F3;color:var(--ink)}
.vr-rd .wrap{max-width:1240px;margin:0 auto;padding-left:var(--gut);padding-right:var(--gut)}
.vr-rd .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.vr-rd .skip{position:absolute;left:-999px;top:8px;background:#fff;padding:10px 14px;border-radius:8px;z-index:50;font-weight:700}
.vr-rd .skip:focus{left:8px}
.vr-rd .blob{position:absolute;border-radius:50%;filter:blur(60px);opacity:.45;pointer-events:none}

/* ---------- header ---------- */
.gtop{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:40;box-shadow:0 6px 18px -14px rgba(11,27,40,.45)}
.gtop .gmenu{max-height:calc(100vh - 80px);overflow-y:auto}
.gtop__in{max-width:1240px;margin:0 auto;padding:12px var(--gut);display:flex;align-items:center;justify-content:space-between;gap:18px}
.rlogo{display:inline-flex;align-items:flex-end;gap:10px;flex:0 0 auto}
.rlogo img{height:40px;width:auto;display:block}
.rlogo small{font:800 14px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--teal);padding-bottom:4px}
.gnav{display:flex;gap:18px;white-space:nowrap;font-weight:600;font-size:15px;color:var(--muted)}
.gnav a{padding:6px 0;border-bottom:2px solid transparent}
.gnav a:hover,.gnav a[aria-current]{color:var(--ink);border-bottom-color:var(--teal)}
.gtop__r{display:flex;align-items:center;gap:14px}
.ghire{white-space:nowrap;font-weight:700;font-size:14px;color:var(--ink);border:1.5px solid var(--line);padding:8px 14px;border-radius:999px}
.ghire:hover{border-color:var(--teal)}
.onair{display:inline-flex;align-items:center;gap:9px;background:#2A0B0B;color:#FF5A52;font:800 14px/1 var(--sans);letter-spacing:.16em;padding:9px 13px;border-radius:8px;border:1px solid #5A1614;animation:vronair 1.4s steps(1,end) infinite;white-space:nowrap}
.onair i{width:9px;height:9px;border-radius:50%;background:#FF3B30;box-shadow:0 0 10px #FF3B30}
@keyframes vronair{0%{background:#D8322C;color:#fff;border-color:#FF6B63;box-shadow:0 0 0 4px rgba(216,50,44,.25),0 0 26px rgba(255,59,48,.75)}50%{background:#2A0B0B;color:#FF5A52;border-color:#5A1614;box-shadow:none}}
.gsearch-btn,.gmenu-btn{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;border:1.5px solid var(--line);background:#fff;color:var(--ink);cursor:pointer;padding:0}
.gmenu-btn{display:none;gap:4px;align-content:center}
.gmenu-btn span{display:block;width:18px;height:2px;background:var(--ink);border-radius:2px}
.gsearch{max-width:1240px;margin:0 auto;padding:0 var(--gut) 14px;display:flex;gap:10px}
.gsearch input{flex:1;min-width:0;font:500 17px var(--sans);padding:12px 16px;border:1.5px solid var(--line);border-radius:12px}
.gsearch button{font:800 15px var(--sans);background:var(--ink);color:#fff;border:0;border-radius:12px;padding:0 20px;cursor:pointer}
.gsearch[hidden],.gmenu[hidden]{display:none!important}
.gmenu{display:grid;gap:2px;padding:6px var(--gut) 16px;max-width:1240px;margin:0 auto}
.gmenu a{padding:12px 0;font-weight:700;font-size:17px;border-top:1px solid var(--line)}
@media (max-width:1280px){.gnav{display:none}.gmenu-btn{display:grid}}
@media (min-width:1281px){.gmenu{display:none!important}}
@media (max-width:600px){.rlogo img{height:30px}.rlogo small,.ghire{display:none}.onair{padding:7px 10px;letter-spacing:.1em}.gtop__r{gap:8px}.gtop__in{gap:10px}}
@media (max-width:480px){.rlogo img{height:26px}.gsearch-btn{display:none}.gmenu-btn{width:40px;height:40px}}
.gmenu__s{display:flex;gap:8px;padding:6px 0 10px}
.gmenu__s input{flex:1;min-width:0;font:500 16px var(--sans);padding:11px 14px;border:1.5px solid var(--line);border-radius:12px}
.gmenu__s button{font:800 15px var(--sans);background:var(--ink);color:#fff;border:0;border-radius:12px;padding:0 16px}

/* ---------- hero / cover ---------- */
.ghero{position:relative;overflow:hidden;background:var(--navy);color:#fff;padding:16px 0 36px}
.ghero--short{padding-bottom:30px}
.ghero .wrap{position:relative}
.gh1{font:700 18px/1.3 var(--sans);letter-spacing:.01em;margin:0 0 14px;color:#fff;display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline}
.gh1 span{color:#9FB2C3;font-weight:500}
.ghero--short .gh1{font:400 clamp(32px,4.4vw,56px)/1.05 var(--serif);letter-spacing:-.01em;margin:10px 0 6px;display:block}
.ghero--short .gh1 span{display:block;font:500 17px/1.5 var(--sans);color:#B9C8D6;margin-top:10px;max-width:70ch}
.cover{position:relative;display:block;border-radius:24px;overflow:hidden;min-height:clamp(380px,46vw,560px);background:#132636;box-shadow:0 30px 60px -20px rgba(0,0,0,.6)}
.cover .cover__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;max-width:none}
.cover::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,27,40,.92) 0%,rgba(11,27,40,.72) 38%,rgba(11,27,40,.1) 70%),linear-gradient(0deg,rgba(11,27,40,.7) 0%,rgba(11,27,40,0) 45%)}
.cover__txt{position:absolute;z-index:1;left:clamp(20px,4vw,52px);bottom:clamp(22px,4vw,48px);max-width:min(700px,86%)}
.kick{font:800 14px/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--amber);display:flex;align-items:center;gap:10px;margin:0 0 14px}
.kick::before{content:"";width:26px;height:3px;border-radius:2px;background:currentColor}
.cover__h{font:400 clamp(32px,4.4vw,60px)/1.02 var(--serif);margin:0 0 14px;letter-spacing:-.015em;text-wrap:balance;color:#fff}
.cover__ex{color:#D5E0EA;font-size:19px;line-height:1.5;margin:0 0 22px;max-width:46ch}
.btn{display:inline-flex;align-items:center;gap:8px;background:var(--coral);color:#fff;font-weight:800;font-size:16px;padding:14px 22px;border-radius:999px}
.cover:hover .btn{background:#E23A33}
.cover--art{min-height:clamp(360px,42vw,520px)}
.nophoto .cover--art{min-height:0;background:linear-gradient(135deg,#132F44,#1B2350)}
.nophoto .cover--art::after{display:none}
.nophoto .cover__txt{position:relative;left:auto;bottom:auto;padding:clamp(26px,4vw,48px);max-width:900px}
.crumb{position:relative;font-size:14px;color:#9FB2C3;margin:0 0 14px;display:flex;gap:8px;flex-wrap:wrap}
.crumb a{color:#D5E0EA}
.crumb a:hover{color:#fff}
.by{display:flex;align-items:center;gap:10px 12px;font-size:15px;color:#D5E0EA;flex-wrap:wrap}
.by .av,.abio .av{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--teal),var(--violet));display:grid;place-items:center;font-weight:800;color:#fff;font-size:14px;flex:0 0 auto}
.by b{color:#fff}
.by a:hover b{text-decoration:underline}
.by .sep{opacity:.5}
.cover--art .cover__h{font-size:clamp(30px,4.2vw,56px);margin-bottom:18px}
@media (max-width:760px){
  .ghero{padding-top:12px}
  .cover,.cover--art{min-height:500px}
  .cover::after{background:linear-gradient(0deg,rgba(11,27,40,.96) 0%,rgba(11,27,40,.78) 52%,rgba(11,27,40,.1) 88%)}
  .cover__txt{right:20px;max-width:none}
  .cover__ex{font-size:17px}
  .nophoto .cover--art{min-height:0}
}

/* ---------- chips, grid, cards ---------- */
.chips{display:flex;gap:10px;flex-wrap:wrap;padding-top:22px;padding-bottom:4px}
.chip{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;background:#fff;font-weight:700;font-size:14px;box-shadow:0 0 0 1px var(--line)}
.chip:hover{box-shadow:0 0 0 2px var(--teal)}
.chip i{width:10px;height:10px;border-radius:50%}
.gsec{font:500 clamp(26px,3vw,34px)/1.1 var(--serif);margin:26px 0 0;letter-spacing:-.01em}
.grid{display:grid;grid-template-columns:repeat(6,1fr);gap:22px;padding:18px 0 10px}
.cell{grid-column:span 2;display:flex}
.cell.half{grid-column:span 3}
.cell.wide{grid-column:span 6}
.card{background:#fff;border-radius:22px;overflow:hidden;box-shadow:0 1px 0 var(--line),0 14px 30px -24px rgba(11,27,40,.5);display:flex;flex-direction:column;width:100%}
.card__img{display:block;aspect-ratio:16/9;overflow:hidden;background:var(--tint)}
.card__img img{width:100%;height:100%;object-fit:cover;display:block}
.card__ph{display:block;width:100%;height:100%;opacity:.25}
.card__b{padding:16px 18px 20px;display:flex;flex-direction:column;gap:8px}
.card .cat{font:800 14px/1.2 var(--sans);letter-spacing:.06em;text-transform:uppercase}
.card h3{font:500 23px/1.15 var(--serif);margin:0;text-wrap:balance;color:var(--ink)}
.card h3 a:hover{color:#0E7C96}
.card p{margin:0;color:var(--muted);font-size:15px;line-height:1.55}
.cell.wide .card{flex-direction:row}
.cell.wide .card__img{flex:0 0 46%;aspect-ratio:auto;min-height:260px}
.cell.wide .card__b{justify-content:center;padding:26px 30px}
.cell.wide .card h3{font-size:clamp(26px,2.6vw,34px)}
.adtile{display:flex;align-items:center;width:100%}
.tad{display:block;border-radius:14px;overflow:hidden;box-shadow:0 12px 30px -16px rgba(11,27,40,.45);width:100%}
.tad img{display:block;width:100%;height:auto}
.empty{font-size:18px;color:var(--muted);padding:20px 0}
.pager{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;padding:20px 0 44px}
.pager .page-numbers{min-width:44px;height:44px;display:inline-grid;place-items:center;padding:0 14px;border-radius:999px;background:#fff;box-shadow:0 0 0 1px var(--line);font-weight:700;font-size:15px}
.pager .current{background:var(--navy);color:#fff;box-shadow:none}
.pager a.page-numbers:hover{box-shadow:0 0 0 2px var(--teal)}
@media (max-width:980px){.grid{grid-template-columns:repeat(2,1fr)}.cell,.cell.half{grid-column:span 1}.cell.wide{grid-column:span 2}}
@media (max-width:760px){.grid{grid-template-columns:1fr}.cell,.cell.half,.cell.wide{grid-column:auto}.cell.wide .card{flex-direction:column}.cell.wide .card__img{aspect-ratio:16/9;min-height:0}.cell.wide .card__b{padding:16px 18px 20px}.cell.wide .card h3{font-size:23px}.adtile{max-width:460px;margin:0 auto}}

/* ---------- article ---------- */
.abody{display:grid;grid-template-columns:minmax(0,720px) 300px;justify-content:center;gap:clamp(28px,4vw,64px);padding-top:38px;padding-bottom:40px}
html body.vr-rd .entry{min-width:0;font:400 19px/1.72 var(--sans);color:#23313D}
html body.vr-rd .entry > p:first-child{font:400 23px/1.5 var(--serif);color:var(--ink)}
html body.vr-rd .entry > p:first-child::first-letter{float:left;font:500 78px/.8 var(--serif);margin:8px 12px 0 0;color:var(--teal)}
html body.vr-rd .entry p{margin:0 0 20px}
html body.vr-rd .entry a{color:#0E7C96;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px;text-decoration-color:rgba(24,159,190,.35)}
html body.vr-rd .entry a:hover{text-decoration-color:currentColor}
html body.vr-rd .entry h2{font:500 clamp(28px,3vw,36px)/1.12 var(--serif);margin:46px 0 14px;letter-spacing:-.01em;text-wrap:balance;color:var(--ink);scroll-margin-top:96px;clear:both}
html body.vr-rd .entry h2::before{content:"";display:inline-block;width:12px;height:12px;border-radius:50%;background:var(--c,var(--teal));margin-right:14px;transform:translateY(-4px)}
html body.vr-rd .entry h2:nth-of-type(7n+2)::before{background:var(--pink)}
html body.vr-rd .entry h2:nth-of-type(7n+3)::before{background:var(--amber)}
html body.vr-rd .entry h2:nth-of-type(7n+4)::before{background:var(--violet)}
html body.vr-rd .entry h2:nth-of-type(7n+5)::before{background:#1E9E6A}
html body.vr-rd .entry h2:nth-of-type(7n+6)::before{background:var(--coral)}
html body.vr-rd .entry h2:nth-of-type(7n)::before{background:var(--sky)}
html body.vr-rd .entry h3{font:600 clamp(22px,2.3vw,26px)/1.25 var(--serif);margin:34px 0 10px;color:var(--ink)}
html body.vr-rd .entry h4{font:700 19px/1.35 var(--sans);margin:26px 0 8px;color:var(--ink)}
html body.vr-rd .entry ul,html body.vr-rd .entry ol{margin:0 0 24px;padding:0;list-style:none}
html body.vr-rd .entry li{position:relative;padding-left:32px;margin:0 0 10px;line-height:1.62}
html body.vr-rd .entry ul > li::before{content:"";position:absolute;left:7px;top:.64em;width:9px;height:9px;border-radius:50%;background:var(--teal)}
html body.vr-rd .entry ol{counter-reset:vrn}
html body.vr-rd .entry ol > li{counter-increment:vrn}
html body.vr-rd .entry ol > li::before{content:counter(vrn);position:absolute;left:0;top:.18em;width:23px;height:23px;border-radius:50%;background:var(--navy);color:#fff;font:800 14px/23px var(--sans);text-align:center}
html body.vr-rd .entry blockquote{margin:30px 0;padding:0;border:0;background:none;font:400 italic clamp(23px,2.5vw,28px)/1.35 var(--serif);color:var(--navy)}
html body.vr-rd .entry blockquote::before{content:"\201C";display:block;font:500 90px/.6 var(--serif);color:var(--pink);height:38px;font-style:normal}
html body.vr-rd .entry blockquote p{margin:0 0 10px}
html body.vr-rd .entry blockquote cite{display:block;font:700 14px/1.3 var(--sans);font-style:normal;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
html body.vr-rd .entry img{border-radius:16px;height:auto}
html body.vr-rd .entry .wp-caption{max-width:100%;margin:30px auto;background:none;border:0;padding:0}
html body.vr-rd .entry .wp-caption img{display:block;width:100%;margin:0}
html body.vr-rd .entry .wp-caption-text,html body.vr-rd .entry figcaption{font-size:15px;line-height:1.5;color:var(--muted);margin:10px 0 0;padding:0 0 0 14px;border-left:3px solid var(--line);text-align:left}
html body.vr-rd .entry figure{margin:30px 0}
html body.vr-rd .entry .kbw{display:block;overflow:hidden;border-radius:16px;width:fit-content;max-width:100%;margin:0 auto}
html body.vr-rd .entry .wp-caption .kbw{width:100%}
html body.vr-rd .entry .kbw img{border-radius:0}
html body.vr-rd .entry img.voh-infographic{border-radius:10px;max-width:min(560px,100%);margin:26px auto}
html body.vr-rd .entry table{width:100%;border-collapse:collapse;font-size:16px;margin:0 0 24px;display:block;overflow-x:auto}
html body.vr-rd .entry th,html body.vr-rd .entry td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
html body.vr-rd .entry th{background:var(--tint);font-weight:700}
html body.vr-rd .entry iframe,html body.vr-rd .entry video{max-width:100%;border-radius:14px}
html body.vr-rd .entry video.vr-anim{display:block;width:100%;max-width:560px;height:auto;margin:26px auto;border-radius:10px}
html body.vr-rd .entry hr{border:0;height:1px;background:var(--line);margin:34px 0}
html body.vr-rd .entry .vrad{font-size:inherit}
.endcta{margin:34px 0 0;border-radius:22px;background:var(--navy);color:#fff;padding:26px;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;clear:both}
html body.vr-rd .entry .endcta__h{font:400 30px/1.1 var(--serif);margin:0;color:#fff}
.endcta__h i{color:var(--mint)}
html body.vr-rd .entry .endcta a{background:var(--coral);color:#fff;font-weight:800;padding:13px 20px;border-radius:999px;text-decoration:none}
.abio{display:flex;gap:14px;align-items:flex-start;margin-top:28px;padding:18px;border-radius:18px;background:#fff;box-shadow:0 0 0 1px var(--line)}
html body.vr-rd .entry .abio p{font-size:16px;line-height:1.55;margin:0}
html body.vr-rd .entry .abio .abio__n{font-weight:800;margin-bottom:4px}
.aside{position:relative}
.stick{position:sticky;top:92px;display:flex;flex-direction:column;gap:20px}
.toc{background:#fff;border-radius:18px;padding:18px;box-shadow:0 0 0 1px var(--line)}
.toc b{display:block;font:800 14px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;margin-bottom:12px}
.toc a{display:flex;gap:10px;align-items:baseline;padding:8px 0;font-size:15px;font-weight:600;line-height:1.35;border-top:1px solid var(--line)}
.toc a:first-of-type{border-top:0}
.toc a:hover{color:#0E7C96}
.toc a i{flex:0 0 9px;height:9px;border-radius:50%;transform:translateY(-1px)}
.next{display:block;background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 0 0 1px var(--line)}
.next__img{display:block;aspect-ratio:16/9;overflow:hidden}
.next__img img{width:100%;height:100%;object-fit:cover;display:block}
.next__b{display:block;padding:14px 16px 16px}
.next__k{display:block;font:800 14px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase}
.next__h{display:block;font:500 20px/1.2 var(--serif);margin-top:8px}
.more{padding-bottom:30px}
@media (max-width:1100px){.abody{grid-template-columns:minmax(0,720px)}.aside{display:none}}
@media (max-width:760px){
  .abody{padding-top:26px}
  html body.vr-rd .entry{font-size:18px}
  html body.vr-rd .entry > p:first-child{font-size:20px}
  html body.vr-rd .entry > p:first-child::first-letter{font-size:64px}
  html body.vr-rd .entry blockquote{font-size:22px}
}

/* ---------- footer ---------- */
.gft{position:relative;overflow:hidden;background:var(--navy);color:#C9D6E2;margin-top:10px}
.gft__in{position:relative;max-width:1240px;margin:0 auto;padding:44px var(--gut) 26px;display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:30px}
.gft__brand img{height:44px;width:auto;display:block}
.gft__brand p{font-size:15px;line-height:1.55;margin:14px 0 0;max-width:34ch}
.gft__col{display:flex;flex-direction:column;gap:9px}
.gft__col b{font:800 14px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:#fff;margin-bottom:6px}
.gft__col a{font-size:15px}
.gft__col a:hover{color:#fff;text-decoration:underline}
.gft__bot{position:relative;border-top:1px solid rgba(255,255,255,.1);max-width:1240px;margin:0 auto;padding:16px var(--gut) 24px;font-size:14px;color:#8FA3B5}
@media (max-width:900px){.gft__in{grid-template-columns:1fr 1fr}.gft__brand{grid-column:1/-1}}
@media (max-width:480px){.gft__in{grid-template-columns:1fr}}

/* ---------- slow drifting photos (set up by site.js) ---------- */
.kb{will-change:transform;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate}
.kb-l{animation-name:vrkbL}.kb-r{animation-name:vrkbR}.kb-u{animation-name:vrkbU}.kb-d{animation-name:vrkbD}.kb-in{animation-name:vrkbIn}.kb-out{animation-name:vrkbOut}.kb-dg{animation-name:vrkbDg}
@keyframes vrkbL{from{transform:scale(1.08) translateX(2.2%)}to{transform:scale(1.08) translateX(-2.2%)}}
@keyframes vrkbR{from{transform:scale(1.08) translateX(-2.2%)}to{transform:scale(1.08) translateX(2.2%)}}
@keyframes vrkbU{from{transform:scale(1.08) translateY(2.2%)}to{transform:scale(1.08) translateY(-2.2%)}}
@keyframes vrkbD{from{transform:scale(1.08) translateY(-2.2%)}to{transform:scale(1.08) translateY(2.2%)}}
@keyframes vrkbIn{from{transform:scale(1.01)}to{transform:scale(1.1)}}
@keyframes vrkbOut{from{transform:scale(1.1)}to{transform:scale(1.01)}}
@keyframes vrkbDg{from{transform:scale(1.08) translate(1.6%,1.6%)}to{transform:scale(1.08) translate(-1.6%,-1.6%)}}
.kb.off{animation-play-state:paused}
@media (prefers-reduced-motion:reduce){.kb,.onair{animation:none!important}}

/* Floated photos on phones (owner, 26 Sep 2026: "photos are just in random places"). Every kind of floated image
   (classic img.alignleft, .wp-caption, and block-editor figure.alignleft/right) drops onto its own line, centred,
   between the paragraphs, and tall photos are capped so one photo never fills the screen. Desktop keeps the wrap. */
@media (max-width:760px){
  html body.vr-rd .entry figure.alignleft, html body.vr-rd .entry figure.alignright,
  html body.vr-rd .entry .wp-block-image .alignleft, html body.vr-rd .entry .wp-block-image .alignright,
  html body.vr-rd .entry .wp-caption.alignleft, html body.vr-rd .entry .wp-caption.alignright,
  html body.vr-rd .entry img.alignleft, html body.vr-rd .entry img.alignright,
  html body.vr-rd .entry img[align]{
    float:none!important; clear:both; display:block; margin:24px auto!important; width:min(100%,300px)!important; max-width:100%!important; text-align:center;
  }
  html body.vr-rd .entry figure.alignleft img, html body.vr-rd .entry figure.alignright img,
  html body.vr-rd .entry .wp-caption.alignleft img, html body.vr-rd .entry .wp-caption.alignright img,
  html body.vr-rd .entry img.alignleft, html body.vr-rd .entry img.alignright, html body.vr-rd .entry img[align]{
    display:block; width:100%!important; height:auto!important; max-width:100%!important; margin:0 auto;
  }
  
}
/* Desktop: block-editor floats get proper gutters and never exceed 45% of the column. */
@media (min-width:761px){
  html body.vr-rd .entry figure.alignleft{float:left;margin:6px 26px 16px 0;max-width:45%}
  html body.vr-rd .entry figure.alignright{float:right;margin:6px 0 16px 26px;max-width:45%}
}