body.vjh-reading.vlf-twelve .vlf-celestial{position:relative;background:radial-gradient(ellipse at 20% 50%,#dce4d350,transparent 50%),radial-gradient(ellipse at 80% 40%,#d5e7e750,transparent 55%);padding:48px 4% 28px;color:#35545a}
body.vjh-reading.vlf-floating.vlf-sky.vlf-watercolor.vlf-twelve .masthead{margin-top:0;min-height:90px;padding-top:10px;padding-bottom:32px}
.vlf-twelve .vlf-bodies{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));list-style:none;padding:0;margin:0;gap:12px}
.vlf-twelve .vlf-bodies li{text-align:center;list-style:none;margin:0;min-width:0;padding:0}
.vlf-twelve .vlf-orb{display:block;font:clamp(26px,3vw,48px)/1.5 'Segoe UI Symbol','Noto Sans Symbols 2',sans-serif;color:#887341}
.vlf-twelve .vlf-body-name{display:block;font:13px/1.4 Georgia,serif;overflow-wrap:anywhere;margin-top:7px}
body.vjh-reading.vlf-twelve .vlf-painted{height:clamp(145px,18vw,370px);background:#f7f5ee url("twelve-planets.png") center top/100% auto no-repeat;padding:0}
.vlf-twelve-path .vlf-bodies{padding-block:24px 35px;position:relative}
.vlf-twelve-path .vlf-bodies::before{content:"";position:absolute;left:1%;right:1%;top:42%;height:45px;border-top:1px solid #aa8b494d;border-bottom:1px dashed #aa8b4930;transform:rotate(-2deg);border-radius:50%;pointer-events:none}
.vlf-twelve-path .vlf-bodies li{position:relative}
.vlf-twelve-path .vlf-bodies li:nth-child(3n+1){transform:translateY(-14px)}
.vlf-twelve-path .vlf-bodies li:nth-child(3n+2){transform:translateY(14px)}
.vlf-twelve-path .vlf-orb{position:relative;display:flex;align-items:center;justify-content:center;margin:auto;width:clamp(38px,5vw,74px);height:clamp(38px,5vw,74px);border:1px solid #b69a585c;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fffdf5,#dce5dc99);font-size:clamp(25px,2.5vw,38px)}
.vlf-twelve-path .vlf-bodies li:nth-child(even) .vlf-orb{background:radial-gradient(circle at 35% 30%,#fffdf5,#e9dec899)}
.vlf-twelve-path .vlf-orb::before{content:"";position:absolute;inset:-5px;border:1px solid #b69a582a;border-radius:45% 55% 50% 50%;transform:rotate(25deg)}
@media(max-width:780px){
 .vlf-twelve .vlf-bodies{grid-template-columns:repeat(6,minmax(0,1fr));gap:24px 12px}
 body.vjh-reading.vlf-twelve .vlf-celestial{padding:28px 5% 20px}
 body.vjh-reading.vlf-twelve .vlf-painted{padding:0}
 .vlf-twelve-path .vlf-bodies li{transform:none!important}
 .vlf-twelve-path .vlf-bodies::before{display:none}
 .vlf-twelve .vlf-body-name{font-size:12px}
}
@media(max-width:400px){.vlf-twelve .vlf-bodies{grid-template-columns:repeat(4,minmax(0,1fr))}}