/* The approved spread composition uses the section's existing plates and site type. All rules are scoped to its on state. */
#org-chart[data-spread-on]>.q-oc-tower,#org-chart[data-spread-on]>.q-oc-ladder{display:none}
.q-spread{position:relative;isolation:isolate;padding:16px 1.5% 24px;background:#030805;color:var(--oc-cream);font-family:var(--t-font-body)}
.q-spread *{box-sizing:border-box}
.q-spread-backdrop{position:absolute;inset:0;z-index:-1;overflow:hidden}
.q-spread .q-spread-backdrop img{width:100%;height:100%;object-fit:cover;object-position:50% 0}
.q-spread-head{position:relative;padding:0 12px 30px}
.q-spread-head .q-oc-memo{font-size:clamp(12px,1.2vw,23px);border-width:3px;padding:7px 12px}
.q-spread-head .q-oc-title{font-size:clamp(36px,4.4vw,84px);line-height:1.02;margin-top:6px}
.q-spread-layout{position:relative;display:grid;grid-template-columns:minmax(0,3.4fr) minmax(270px,1fr);grid-template-rows:1fr auto;gap:10px}
.q-spread-posts,.q-spread-panel,.q-spread-foot{min-width:0;border:10px solid #293831;border-image:url(/runtime/quit/pages-art/strip.png) 26 46 fill / 10px stretch;background:#030b07}
.q-spread-posts{grid-column:1;grid-row:1/3;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:8px!important;list-style:none}
.q-spread-card{min-width:0;display:flex;flex-direction:column;border:6px solid #304438;border-image:url(/runtime/quit/pages-art/strip.png) 26 46 / 6px stretch;background:#020c08}
.q-spread-thumb{display:block;width:100%;height:auto;aspect-ratio:1.55;object-fit:cover;object-position:center 20%;border-bottom:1px solid var(--oc-mint)}
.q-spread-info{display:flex;flex:1;flex-direction:column;gap:5px;min-width:0;padding:8px 5px 5px}
.q-spread-platform{color:var(--oc-mint);font:700 clamp(12px,1.08vw,21px)/1.2 var(--t-font-display);letter-spacing:.04em}
.q-spread-handle{color:var(--oc-cream);font:400 clamp(18px,1.4vw,27px)/1.2 var(--t-font-body);overflow-wrap:anywhere}
.q-spread-views{color:var(--oc-orange);font:700 clamp(15px,1.55vw,29px)/1.16 var(--t-font-display);overflow-wrap:anywhere}
.q-spread-time{color:#b9c1b6;font:400 clamp(16px,1.2vw,23px)/1.2 var(--t-font-body);letter-spacing:.04em}
.q-spread-open,.q-spread-partner,.q-spread-buy{display:flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;text-align:center;text-decoration:none;font:700 clamp(12px,1.1vw,21px)/1.25 var(--t-font-display);padding:7px 5px;border:2px solid var(--oc-mint);border-radius:5px;background:#020b07;color:var(--oc-mint);letter-spacing:.04em}
.q-spread-open{margin-top:auto}
.q-spread :is(a):focus-visible{outline:3px solid var(--oc-cream);outline-offset:3px}
.q-spread :is(a):hover{filter:brightness(1.18)}
.q-spread-panel{grid-column:2;grid-row:1;padding:10px;display:flex;flex-direction:column;gap:12px}
.q-spread-live{display:flex;align-items:center;gap:10px;min-height:58px;color:var(--oc-orange);font:700 clamp(19px,1.8vw,34px)/1.1 var(--t-font-display);white-space:nowrap}
.q-spread-dot{width:14px;height:14px;border-radius:50%;background:var(--oc-mint);flex:none}
.q-spread-totals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;flex:1}
.q-spread-stat{display:flex;flex-direction:column;justify-content:center;gap:12px;padding:12px 8px;border:2px solid var(--oc-mint);border-radius:5px;min-width:0;text-align:center;background:#020c08}
.q-spread-stat--measured_views,.q-spread-stat--posts{grid-column:1/-1}
.q-spread-stat dt{color:var(--oc-mint);font:700 clamp(12px,1.1vw,21px)/1.2 var(--t-font-display);letter-spacing:0}
.q-spread-stat dd{font:700 clamp(30px,3.25vw,62px)/1.05 var(--t-font-display);color:var(--oc-cream);overflow-wrap:anywhere}
.q-spread-stat--measured_views dd{font-size:clamp(24px,2.55vw,49px)}
.q-spread-foot{grid-column:2;grid-row:2;padding:8px;display:flex;flex-direction:column;gap:12px}
.q-spread-note{color:var(--oc-cream);font:400 clamp(16px,1.08vw,21px)/1.35 var(--t-font-body);text-align:center}
.q-spread-partner{color:#140b04;background:var(--oc-orange);border:7px solid var(--oc-orange);border-image:url(/runtime/quit/pages-art/plate.png) 14 12 fill / 7px stretch;min-height:58px;font-size:clamp(12px,1.1vw,21px)}
.q-spread-buy{min-height:54px;font-size:clamp(12px,1.05vw,20px)}
@media(max-width:1100px) and (min-width:768px){.q-spread-layout{grid-template-columns:minmax(0,2.6fr) minmax(240px,1fr)}.q-spread-posts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){
 .q-spread{padding:14px 0 16px}
 .q-spread-head{width:86%;margin:0 0 12px 5%;padding:12px 10px;border:7px solid #334333;border-image:url(/runtime/quit/pages-art/strip.png) 26 46 fill / 7px stretch;background:#020b07}
 .q-spread-head .q-oc-memo{font-size:12px;line-height:1.3;padding:5px 4px;letter-spacing:0;border-width:2px}
 .q-spread-head .q-oc-title{font-size:clamp(25px,9.1vw,60px);line-height:1.08;margin-top:6px}
 .q-spread-head .q-oc-title>span{padding:0;margin:0;background:transparent}
 .q-spread-head .q-oc-br{display:block}
 .q-spread-layout{display:flex;flex-direction:column;gap:8px}
 .q-spread-panel{order:1;padding:5px 7px;gap:4px;border-width:7px;border-image-width:7px}
 .q-spread-live{min-height:28px;font-size:16px;gap:8px}
 .q-spread-dot{width:9px;height:9px}
 .q-spread-totals{grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:6px}
 .q-spread-stat{grid-column:auto;padding:8px 3px;gap:6px}
 .q-spread-stat dt{font-size:12px;letter-spacing:0}
 .q-spread-stat dd{font-size:30px}
 .q-spread-stat--measured_views dd{font-size:clamp(19px,6vw,40px)}
 .q-spread-stat--partners,.q-spread-stat--clippers{flex-direction:row;align-items:center;gap:8px;padding:6px 3px}
 .q-spread-stat--partners dd,.q-spread-stat--clippers dd{font-size:19px}
 .q-spread-posts{order:2;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;border-width:7px;border-image-width:7px;padding:4px!important}
 .q-spread-card{border-width:4px;border-image-width:4px}
 .q-spread-card:nth-child(n+5){display:none}
 .q-spread-thumb{aspect-ratio:1.55}
 .q-spread-info{padding:6px 4px 4px;gap:4px}
 .q-spread-platform{font-size:12px}
 .q-spread-handle{font-size:20px}
 .q-spread-views{font-size:clamp(12px,3.7vw,22px);line-height:1.25}
 .q-spread-time{font-size:17px;letter-spacing:0}
 .q-spread-open{font-size:12px;padding:6px 2px;letter-spacing:0}
 .q-spread-foot{order:3;border-width:7px;border-image-width:7px;padding:6px 10px 10px;gap:10px}
 .q-spread-note{font-size:18px}
 .q-spread-partner,.q-spread-buy{min-height:48px;font-size:clamp(12px,3.6vw,24px)}
}