/* ── KPI CARDS */
.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--rule)}
.kpi-card{background:var(--panel);padding:2rem 2rem 1.5rem;cursor:pointer;transition:background .15s;position:relative;overflow:hidden}
.kpi-card:hover,.kpi-card.open{background:rgba(18,26,34,.72)}
.kpi-card::after{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--signal);transform:scaleX(0);transform-origin:left;transition:transform .3s}
.kpi-card:hover::after,.kpi-card.open::after{transform:scaleX(1)}
.kpi-eyebrow{font-size:10px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--signal-bright);margin-bottom:.6rem}
.kpi-val{font-family:'IBM Plex Mono',monospace;font-size:clamp(28px,3vw,42px);font-weight:500;color:var(--signal-bright);line-height:1;margin-bottom:.4rem}
.kpi-val sup{font-size:.45em;vertical-align:super}
.kpi-title{font-size:15px;font-weight:400;color:var(--ivory);margin-bottom:.3rem;line-height:1.3}
.kpi-source{font-size:12px;font-weight:300;color:var(--sage-lt)}
.kpi-hint{font-size:11px;font-weight:500;letter-spacing:.1em;color:var(--sage-lt);margin-top:.5rem;text-transform:uppercase}
.kpi-expand{max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1);background:rgba(7,11,15,.58);margin-top:1rem}
.kpi-card.open .kpi-expand{max-height:480px;padding:1.2rem}
.kpi-row{display:flex;justify-content:space-between;padding:5px 0;border-bottom:1px solid var(--rule)}
.kpi-row:last-of-type{border-bottom:none}
.kpi-rl{font-size:12px;font-weight:300;color:var(--sage-lt)}
.kpi-rv{font-family:'IBM Plex Mono',monospace;font-size:13px;font-weight:500;color:var(--ivory-dim)}
.kpi-bar-wrap{margin:10px 0}
.kpi-bt{height:4px;background:var(--chart-grid);margin-bottom:3px}
.kpi-bf{height:100%;transition:width .9s .1s}
.kpi-bf.lead{background:var(--up)}
.kpi-bf.ref{background:var(--signal)}
.kpi-bf.lag{background:var(--dn)}
.kpi-bl{display:flex;justify-content:space-between;font-size:11px;color:var(--sage-lt)}
.kpi-why{font-size:13px;font-weight:300;color:var(--sage-lt);line-height:1.7;margin-top:10px;padding-top:10px;border-top:1px solid var(--rule)}
.kpi-link{display:inline-block;margin-top:8px;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--signal-bright);text-decoration:none}

/* ── DATA EXPLORER */
#nav-index{padding:5rem 0;background:var(--bg)}
.exp-header{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-bottom:2.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--rule)}
.exp-title{font-family:'Cormorant Garamond',serif;font-size:24px;font-weight:600;color:var(--ivory);margin-bottom:3px}
.exp-src{font-size:13px;font-weight:300;color:var(--sage-lt)}
.exp-controls{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.sel{font-family:'Inter',sans-serif;font-size:12px;font-weight:500;letter-spacing:.1em;background-color:var(--panel);color:var(--ivory);border:1px solid var(--rule-strong);padding:8px 32px 8px 12px;cursor:pointer;outline:none;min-width:180px;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' fill='none'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23D76460' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:calc(100% - 10px) center}
.seg{display:flex;gap:1px;background:var(--rule)}
.sbtn{font-family:'Inter',sans-serif;font-size:11px;font-weight:500;letter-spacing:.13em;text-transform:uppercase;padding:7px 13px;background:transparent;border:none;color:var(--sage-lt);cursor:pointer;transition:all .15s}
.sbtn:hover{color:var(--ivory-dim)}
.sbtn.active{background:var(--accent-soft);color:var(--signal-bright)}
.exp-main{display:grid;grid-template-columns:1fr 300px;gap:1px;background:var(--rule)}
.exp-chart-panel{background:var(--panel);padding:2rem}
.exp-stats-panel{background:var(--panel-lt);display:flex;flex-direction:column;gap:1px;background:var(--rule)}
.exp-stat{background:var(--panel-lt);padding:1.3rem 1.5rem}
.esl{font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--sage-lt);margin-bottom:4px}
.esv{font-family:'IBM Plex Mono',monospace;font-size:22px;font-weight:500;color:var(--ivory)}
.ess{font-size:12px;font-weight:300;color:var(--sage-lt);margin-top:2px}
.mini-bars{display:flex;flex-direction:column;gap:8px;margin-top:1rem}
.mb-row{display:flex;align-items:center;gap:8px}
.mb-l{font-size:12px;color:var(--sage-lt);width:76px;flex-shrink:0;text-align:right}
.mb-t{flex:1;height:4px;background:var(--chart-grid)}
.mb-f{height:100%;transition:width .9s cubic-bezier(.4,0,.2,1)}
.mb-f.gold{background:var(--signal)}
.mb-f.up{background:var(--up)}
.mb-f.dn{background:var(--dn)}
.mb-v{font-family:'IBM Plex Mono',monospace;font-size:12px;font-weight:500;color:var(--ivory-dim);width:36px;text-align:right;flex-shrink:0}
.demo-note{font-size:11px;color:var(--sage-lt);font-style:italic;margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--rule)}
.chart-container{position:relative;height:300px}
.exp-mode-btns{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:1.2rem}
.mbtn{font-family:'Inter',sans-serif;font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;padding:5px 12px;background:transparent;border:1px solid var(--rule);color:var(--sage-lt);cursor:pointer;transition:all .15s}
.mbtn:hover{border-color:var(--rule-strong);color:var(--ivory-dim)}
.mbtn.active{border-color:var(--signal);color:var(--signal-bright);background:var(--accent-soft)}

/* ── NAV SECTIONS SYSTEM */
#sections{padding:5rem 0;background:var(--panel-mid);border-top:1px solid var(--rule-strong)}
.nsys-tabs{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--rule)}
.nsys-tab{background:var(--bg);padding:1.5rem;cursor:pointer;transition:background .15s;position:relative;border-bottom:2px solid transparent}
.nsys-tab:hover{background:rgba(18,26,34,.54)}
.nsys-tab.active{background:var(--panel);border-bottom-color:var(--signal)}
.nsys-code{font-size:10px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--rule-strong);margin-bottom:3px}
.nsys-tab.active .nsys-code{color:var(--signal-bright)}
.nsys-name{font-family:'Cormorant Garamond',serif;font-size:20px;font-weight:600;color:var(--ivory-mist)}
.nsys-tab.active .nsys-name{color:var(--ivory)}
.nsys-micro{font-size:12px;font-weight:300;color:var(--sage-lt);margin-top:3px;line-height:1.4}
.nsys-panel{display:none;background:var(--panel)}
.nsys-panel.active{display:grid;grid-template-columns:1fr 1fr;gap:0;background:var(--rule)}
.ns-info{padding:2.5rem;background:var(--panel)}
.ns-info h3{font-family:'Cormorant Garamond',serif;font-size:28px;font-weight:600;color:var(--ivory);margin-bottom:1rem}
.ns-info .what{font-size:15px;font-weight:400;color:var(--ivory-dim);line-height:1.8;margin-bottom:.6rem}
.ns-info .problem{font-size:14px;font-weight:300;color:var(--sage-lt);font-style:italic;line-height:1.75;margin-bottom:1rem;padding-left:10px;border-left:2px solid var(--rule-strong)}
.ns-formats h4{font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--signal-bright);margin-bottom:.8rem;margin-top:1.2rem}
.ns-formats ul{list-style:none}
.ns-formats li{font-size:14px;font-weight:300;color:var(--sage-lt);padding:4px 0 4px 14px;position:relative;line-height:1.5;border-bottom:1px solid var(--rule)}
.ns-formats li:last-child{border-bottom:none}
.ns-formats li::before{content:'';position:absolute;left:0;top:12px;width:6px;height:1px;background:var(--rule-strong)}
.ns-result{font-size:14px;font-weight:400;color:var(--ivory-dim);margin-top:1rem;padding:10px 14px;background:var(--accent-soft);border-left:2px solid var(--signal)}
.ns-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:1rem}
.ns-tag{font-size:11px;font-weight:500;letter-spacing:.11em;text-transform:uppercase;padding:3px 9px;border:1px solid var(--rule-strong);color:var(--signal-bright)}
.ns-viz{padding:2rem;background:var(--panel-lt);display:flex;flex-direction:column;justify-content:flex-start;min-height:480px}
.ns-viz-label{font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--signal-bright);margin-bottom:1rem}

/* ── SIGNAL MATRIX */
.sig-matrix{position:relative;height:300px;background:var(--bg);border:1px solid var(--rule);overflow:hidden;margin-top:1rem}
.sig-axis-x{position:absolute;bottom:0;left:0;right:0;height:1px;background:var(--chart-grid)}
.sig-axis-y{position:absolute;top:0;bottom:0;left:50%;width:1px;background:var(--chart-grid)}
.sig-axis-xl{position:absolute;bottom:6px;right:8px;font-size:11px;color:var(--sage-lt);letter-spacing:.12em;text-transform:uppercase}
.sig-axis-yl{position:absolute;top:8px;left:6px;font-size:11px;color:var(--sage-lt);letter-spacing:.12em;text-transform:uppercase}
.sig-dot{position:absolute;width:10px;height:10px;border-radius:50%;cursor:pointer;transform:translate(-50%,-50%);transition:transform .2s;z-index:2}
.sig-dot:hover{transform:translate(-50%,-50%) scale(1.8)}
.sig-tooltip{position:absolute;background:rgba(7,11,15,.96);border:1px solid var(--rule-strong);padding:10px 14px;width:220px;font-size:13px;pointer-events:none;z-index:10;display:none}
.sig-tooltip.show{display:block}
.sig-filters{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:1rem}
.sig-filter{font-size:11px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;padding:4px 10px;background:transparent;border:1px solid var(--rule);color:var(--sage-lt);cursor:pointer;transition:all .15s}
.sig-filter:hover{border-color:var(--rule-strong)}
.sig-filter.active{border-color:var(--signal);color:var(--signal-bright);background:var(--accent-soft)}

/* ── STAKEHOLDER MAP */
.sh-map{position:relative;height:280px;background:var(--bg);border:1px solid var(--rule);margin-top:1rem;overflow:visible}
.sh-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--signal);color:#fff;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:8px 14px;text-align:center;z-index:3;white-space:nowrap}
.sh-node{position:absolute;background:var(--panel);border:1px solid var(--rule-strong);padding:8px 12px;font-size:12px;font-weight:500;color:var(--ivory-dim);cursor:pointer;transition:all .2s;z-index:3;text-align:center;white-space:nowrap}
.sh-node:hover{background:var(--panel-lt);color:var(--ivory)}
.sh-tooltip{position:absolute;background:rgba(7,11,15,.97);border:1px solid var(--rule-strong);padding:12px 16px;min-width:200px;font-size:13px;pointer-events:none;z-index:20;display:none;top:0;left:50%;transform:translateX(-50%)}
.sh-tooltip.show{display:block}
.sh-process{display:flex;gap:1px;background:var(--rule);margin-top:1rem}
.sh-step{flex:1;background:var(--bg);padding:8px 6px;text-align:center;font-size:11px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--sage-lt);position:relative;cursor:default}
.sh-step::after{content:attr(data-n);display:block;font-family:'IBM Plex Mono',monospace;font-size:16px;font-weight:500;color:var(--signal-bright);margin-bottom:3px}

/* ── SOLUTION PATHWAY */
.sol-path{display:flex;flex-direction:column;gap:2px;background:var(--rule);margin-top:1rem}
.sol-step{background:var(--bg);padding:10px 16px;display:flex;align-items:flex-start;gap:12px;cursor:pointer;transition:background .15s}
.sol-step:hover{background:var(--panel)}
.sol-num{font-family:'IBM Plex Mono',monospace;font-size:18px;font-weight:500;color:var(--signal-bright);width:24px;flex-shrink:0;padding-top:1px}
.sol-t{font-size:14px;font-weight:500;color:var(--ivory-dim)}
.sol-b{font-size:13px;font-weight:300;color:var(--sage-lt);margin-top:2px;line-height:1.5}
.sol-type-btns{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:.8rem}
.stbtn{font-family:'Inter',sans-serif;font-size:11px;font-weight:500;letter-spacing:.09em;text-transform:uppercase;padding:4px 10px;background:transparent;border:1px solid var(--rule);color:var(--sage-lt);cursor:pointer;transition:all .15s}
.stbtn:hover{border-color:var(--rule-strong)}
.stbtn.active{border-color:var(--signal);color:var(--signal-bright);background:var(--accent-soft)}

/* ── CLAIM vs EVIDENCE */
.cve-flow{display:flex;flex-direction:column;gap:2px;background:var(--rule);margin-top:1rem}
.cve-step{background:var(--bg);padding:10px 16px;display:grid;grid-template-columns:120px 1fr;gap:12px;align-items:start}
.cve-tag{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;padding:4px 8px;text-align:center;margin-top:2px}
.cve-tag.claim{background:var(--accent-soft);color:var(--signal-bright);border:1px solid var(--rule-strong)}
.cve-tag.data{background:rgba(94,158,114,.1);color:var(--up);border:1px solid rgba(94,158,114,.2)}
.cve-tag.gap{background:rgba(185,74,72,.12);color:var(--chart-negative);border:1px solid rgba(185,74,72,.24)}
.cve-tag.q{background:rgba(201,209,217,.06);color:var(--ivory-dim);border:1px solid var(--rule)}
.cve-tag.verdict{background:var(--signal);color:#fff}
.cve-content{font-size:14px;font-weight:300;color:var(--sage-lt);line-height:1.6}
.cve-content strong{font-weight:500;color:var(--ivory-dim)}
.evid-score{display:flex;align-items:center;gap:10px;margin-top:1rem;padding:10px 14px;background:var(--accent-soft);border:1px solid var(--rule-strong)}
.evid-score-val{font-family:'IBM Plex Mono',monospace;font-size:30px;font-weight:500;color:var(--signal-bright)}
.evid-score-lbl{font-size:13px;font-weight:300;color:var(--sage-lt)}

/* ── NAV INDEX CARDS */
.idx-cards-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--rule);margin-top:1.5rem}
.idx-card{background:var(--panel);padding:1.2rem;cursor:pointer;transition:background .15s;position:relative;overflow:hidden}
.idx-card:hover,.idx-card.open{background:rgba(18,26,34,.72)}
.idx-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--signal);transform:scaleX(0);transform-origin:left;transition:transform .3s}
.idx-card:hover::after,.idx-card.open::after{transform:scaleX(1)}
.idx-card-name{font-size:14px;font-weight:500;color:var(--ivory);margin-bottom:3px;line-height:1.3}
.idx-card-score{font-family:'IBM Plex Mono',monospace;font-size:24px;font-weight:500;color:var(--signal-bright);margin-bottom:3px}
.idx-card-src{font-size:11px;color:var(--sage-lt);margin-bottom:.5rem}
.idx-card-expand{max-height:0;overflow:hidden;transition:max-height .35s;background:rgba(7,11,15,.58);margin-top:.5rem}
.idx-card.open .idx-card-expand{max-height:200px;padding:.8rem}
.idx-card-what{font-size:13px;font-weight:300;color:var(--sage-lt);line-height:1.6}

/* DEBT COUNTER */
.debt-block{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--rule-strong);border-top:1px solid var(--rule-strong)}
.debt-cell{padding:2rem;background:var(--panel-lt)}
.debt-label{font-size:10px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--signal-bright);margin-bottom:6px;display:flex;align-items:center;gap:6px}
.debt-num{font-family:'IBM Plex Mono',monospace;font-size:clamp(24px,3vw,38px);font-weight:500;color:var(--ivory);line-height:1;margin-bottom:3px}
.debt-rate{font-size:12px;color:var(--signal-bright)}
.debt-note{font-size:11px;color:var(--sage-lt);line-height:1.45;margin-top:8px}

/* PUBLIC DATA OBSERVATORY */
.ticker{display:none}.nav-links{gap:1rem;overflow-x:auto;scrollbar-width:none}.nav-links::-webkit-scrollbar{display:none}.nav-a{white-space:nowrap}
.obs-section{padding:5rem 0;border-top:1px solid var(--rule)}.obs-head{display:grid;grid-template-columns:1fr minmax(280px,520px);gap:2rem;align-items:end;margin-bottom:2rem}.obs-intro{color:var(--sage-lt);line-height:1.7;font-size:14px}.sample-flag{display:inline-flex;align-items:center;gap:.5rem;color:var(--signal);font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.sample-flag:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--signal)}
.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--rule);border-left:1px solid var(--rule)}.data-metric-card{min-height:230px;padding:1.4rem;border-right:1px solid var(--rule);border-bottom:1px solid var(--rule);display:flex;flex-direction:column;background:rgba(255,255,255,.012)}.dmc-title{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--sage-lt)}.dmc-value{font-family:'Cormorant Garamond',serif;font-size:38px;color:var(--ivory);margin:.8rem 0 .2rem}.dmc-period,.dmc-source{font-size:11px;color:var(--sage);line-height:1.5}.dmc-change{margin:.8rem 0;font-size:13px;color:var(--gold)}.dmc-link{margin-top:auto;color:var(--signal);font-size:11px;text-transform:uppercase;letter-spacing:.12em}
.region-shell{display:grid;grid-template-columns:1.6fr .8fr;border:1px solid var(--rule)}.region-map{min-height:390px;display:grid;place-items:center;padding:2rem;background:radial-gradient(circle at center,rgba(128,28,37,.12),transparent 58%)}.region-map svg{width:min(100%,620px);height:auto}.region-map path{fill:#182323;stroke:#67756f;stroke-width:1;transition:.2s}.region-map path:hover{fill:var(--signal)}.region-side{padding:2rem;border-left:1px solid var(--rule)}.region-side h3{font-family:'Cormorant Garamond',serif;font-size:28px;margin-bottom:1rem}.region-side p{color:var(--sage-lt);font-size:13px;line-height:1.75}
.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--rule);border:1px solid var(--rule)}.category-card{background:var(--bg);padding:1.6rem;min-height:220px}.category-card h3{font-family:'Cormorant Garamond',serif;font-size:24px;margin:.7rem 0}.category-card p{font-size:12px;color:var(--sage-lt);line-height:1.65}.category-card ul{list-style:none;margin-top:1rem;color:var(--ivory-dim);font-size:12px;line-height:1.8}.dataset-tools{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1.2rem}.data-btn{border:1px solid var(--rule-strong);padding:.65rem .8rem;color:var(--ivory);font-size:10px;letter-spacing:.1em;text-transform:uppercase;background:transparent}
.method-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--rule);border:1px solid var(--rule)}.method-box,.source-box{background:var(--bg);padding:2rem}.source-registry{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.source-chip{border:1px solid var(--rule);padding:.5rem .7rem;font-size:11px;color:var(--sage-lt)}.schema-table{width:100%;border-collapse:collapse;margin-top:1.5rem;font-size:12px}.schema-table th,.schema-table td{text-align:left;padding:.7rem;border-bottom:1px solid var(--rule)}.schema-table th{color:var(--signal);text-transform:uppercase;letter-spacing:.1em;font-size:10px}
@media(max-width:1050px){.metric-grid{grid-template-columns:repeat(2,1fr)}.category-grid{grid-template-columns:repeat(2,1fr)}.nav-links{max-width:72vw}.nav-descriptor{display:none}}@media(max-width:700px){.obs-head,.region-shell,.method-grid{grid-template-columns:1fr}.metric-grid,.category-grid{grid-template-columns:1fr}.region-side{border-left:0;border-top:1px solid var(--rule)}.nav-links .nav-a:nth-child(n+5){display:none}}
/* OBSERVATORY FINAL TWEAKS */
#kpi{display:none}
#hero{margin-top:calc(-1 * var(--tick-h))}

/* HOMEPAGE OBSERVATORY ORDER V2 */
.preview-section{padding:4.5rem 0;border-top:1px solid var(--rule)}
.preview-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--rule);border:1px solid var(--rule)}
.preview-card{background:var(--bg);padding:1.25rem;min-height:145px}.preview-label{font-size:11px;color:var(--sage-lt);text-transform:uppercase;letter-spacing:.1em}.preview-value{font:600 26px 'Cormorant Garamond',serif;color:var(--ivory);margin:.5rem 0}.preview-meta{font-size:10px;color:var(--sage);line-height:1.5}.preview-note{margin-top:1.25rem;color:var(--sage-lt);font-size:12px;line-height:1.7}
.primary-index-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--rule);border:1px solid var(--rule);margin:1.5rem 0}.primary-index-card{background:var(--bg);padding:1.25rem;min-height:190px}.index-score{font:600 34px 'Cormorant Garamond',serif;margin:.6rem 0}.index-status{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--gold)}.index-explain,.index-source{font-size:11px;color:var(--sage-lt);line-height:1.55}.index-source{color:var(--sage);margin-top:.7rem}
.source-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--rule);border:1px solid var(--rule)}.source-card{background:var(--bg);padding:1.25rem;min-height:170px}.source-card h3{font:600 20px 'Cormorant Garamond',serif;margin-bottom:.6rem}.source-card p{font-size:11px;color:var(--sage-lt);line-height:1.6}.source-format{color:var(--signal);font-size:10px;letter-spacing:.1em;text-transform:uppercase;margin:.6rem 0}
#membership{padding:3.5rem 0}#membership .access-hero{grid-template-columns:1fr 1fr}
@media(max-width:1050px){.preview-grid{grid-template-columns:repeat(2,1fr)}.primary-index-grid{grid-template-columns:repeat(2,1fr)}.source-card-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.preview-grid,.primary-index-grid,.source-card-grid{grid-template-columns:1fr}}