:root { --bg:#080b12; --panel:#111723; --line:rgba(166,184,221,.18); --text:#f4f7ff; --muted:#98a4ba; --lime:#dfff3f; --blue:#7d9fff; color-scheme:dark; font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--bg); color:var(--text); }
a { color:inherit; }
.site-header { position:sticky; top:0; z-index:10; display:flex; justify-content:space-between; align-items:center; height:66px; border-bottom:1px solid var(--line); background:rgba(8,11,18,.94); padding:0 max(20px,calc((100% - 1180px)/2)); backdrop-filter:blur(16px); }
.brand { display:flex; align-items:center; gap:10px; text-decoration:none; }
.brand > span { display:grid; width:36px; height:36px; place-items:center; border-radius:8px; background:var(--lime); color:#111607; }
.brand strong { display:grid; font-size:15px; }
.brand small { color:var(--muted); font-size:9px; letter-spacing:.08em; text-transform:uppercase; }
.site-header nav { display:flex; gap:24px; }
.site-header nav a { color:#b8c3d7; font-size:13px; text-decoration:none; }
.site-header nav a:hover,.site-header nav a.active { color:var(--lime); }
main { width:min(1180px,calc(100% - 40px)); margin:auto; padding:22px 0 64px; }
.breadcrumbs { display:flex; gap:8px; align-items:center; margin-bottom:20px; color:var(--muted); font-size:11px; }
.breadcrumbs a { text-decoration:none; }
.breadcrumbs b { color:#dce4f4; }
.hero { display:grid; grid-template-columns:minmax(0,1fr) 270px; gap:40px; align-items:end; border-bottom:1px solid var(--line); padding:48px 0; }
.eyebrow { margin:0; color:var(--lime); font-size:10px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.hero h1 { max-width:780px; margin:8px 0 14px; font-size:clamp(45px,7vw,78px); line-height:.94; letter-spacing:-.03em; }
.lede { max-width:760px; margin:0; color:#b3bed1; font-size:18px; line-height:1.65; }
.data-status { display:flex; flex-wrap:wrap; gap:5px; margin-top:16px; }
.data-status span { border:1px solid var(--line); border-radius:999px; padding:4px 7px; font-size:8px; font-weight:750; text-transform:uppercase; letter-spacing:.04em; }
.data-status .final { border-color:rgba(102,229,165,.3); color:#75eab0; }
.data-status .preliminary { border-color:rgba(255,158,79,.3); color:#ffb77a; }
.data-status .community { border-color:rgba(189,128,255,.3); color:#d0a8ff; }
.hero-actions { display:flex; gap:8px; margin-top:25px; }
.hero-actions a { border:1px solid var(--line); border-radius:7px; padding:11px 15px; color:#dce4f2; font-size:12px; text-decoration:none; }
.hero-actions .primary { border-color:var(--lime); background:var(--lime); color:#111607; font-weight:800; }
.hero aside { display:grid; gap:5px; border-left:2px solid var(--lime); padding:8px 0 8px 18px; }
.hero aside span,.hero aside small { color:var(--muted); font-size:10px; text-transform:uppercase; }
.hero aside strong { font-size:25px; }
.hero aside b { color:var(--lime); font-size:44px; line-height:1; }
.metrics { display:grid; grid-template-columns:repeat(4,1fr); gap:9px; margin:18px 0; }
.metrics article,.panel { border:1px solid var(--line); border-radius:8px; background:var(--panel); }
.metrics article { display:grid; gap:5px; padding:16px; }
.metrics span,.metrics small { color:var(--muted); font-size:10px; text-transform:uppercase; }
.metrics strong { font-size:24px; }
.quality-gates { display:grid; grid-template-columns:1.15fr repeat(3,1fr); gap:9px; margin:0 0 18px; }
.quality-gates > div,.quality-gates article { border-top:1px solid var(--line); padding:14px 4px; }
.quality-gates h2 { margin:5px 0 0; font-size:18px; }
.quality-gates article { display:grid; grid-template-columns:auto 1fr; gap:5px 8px; align-content:start; }
.quality-gates article > span { grid-row:1/3; align-self:start; border:1px solid currentColor; border-radius:999px; padding:3px 6px; font-size:8px; font-weight:800; text-transform:uppercase; }
.quality-gates article > strong { font-size:11px; }
.quality-gates article > small { color:var(--muted); font-size:9px; line-height:1.45; }
.quality-pass { color:#75eab0; }
.quality-limited { color:#d0a8ff; }
.content-grid { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr); gap:9px; }
.panel { padding:18px; }
.section-heading { display:flex; justify-content:space-between; align-items:flex-start; gap:20px; border-bottom:1px solid var(--line); padding-bottom:13px; }
.section-heading h2,.takeaways h2,.profile-links h2,.method h2 { margin:5px 0 0; font-size:22px; }
.section-heading > small { color:var(--muted); font-size:10px; text-transform:uppercase; }
.fuel-list { display:grid; gap:13px; padding-top:17px; }
.fuel-row > div:first-child { display:grid; grid-template-columns:8px 1fr 55px 100px; gap:8px; align-items:center; margin-bottom:5px; font-size:12px; }
.fuel-row > div:first-child > i { width:8px; height:8px; border-radius:99px; }
.fuel-row span,.fuel-row b { color:var(--muted); text-align:right; font-size:11px; font-weight:500; }
.track { height:5px; border-radius:99px; background:rgba(255,255,255,.06); overflow:hidden; }
.track i { display:block; height:100%; border-radius:inherit; }
.takeaways ul { display:grid; gap:0; margin:15px 0 0; padding:0; list-style:none; }
.takeaways li { border-top:1px solid var(--line); padding:13px 0; color:#b7c1d4; font-size:13px; line-height:1.5; }
.takeaways li strong { color:var(--text); }
.plants-panel { margin-top:9px; }
.table-wrap { overflow-x:auto; }
table { width:100%; border-collapse:collapse; }
th { color:var(--muted); padding:12px 10px; font-size:9px; text-align:left; text-transform:uppercase; }
td { border-top:1px solid var(--line); padding:12px 10px; color:#c8d1e2; font-size:12px; }
td strong,td small { display:block; }
td small { margin-top:3px; color:var(--muted); font-size:9px; }
.plant-table-link { color:inherit; text-decoration:none; }
.plant-table-link:hover strong { color:var(--lime); }
.fuel-pill { display:inline-flex; align-items:center; gap:6px; white-space:nowrap; }
.fuel-pill i { width:7px; height:7px; border-radius:99px; }
.profile-links { display:grid; grid-template-columns:1.25fr repeat(4,1fr); gap:9px; margin-top:9px; }
.profile-links > div { padding:15px 0; }
.all-states-link { display:inline-block; margin-top:10px; color:var(--lime); font-size:10px; text-decoration:none; }
.profile-links > a { display:grid; gap:5px; border:1px solid var(--line); border-radius:8px; background:var(--panel); padding:15px; text-decoration:none; }
.profile-links > a:hover { border-color:rgba(223,255,63,.5); }
.profile-links > a span { color:var(--lime); font-size:10px; font-weight:800; }
.profile-links > a b { color:var(--muted); font-size:10px; }
.method { display:grid; grid-template-columns:240px 1fr auto; gap:30px; align-items:center; margin-top:35px; border-top:1px solid var(--line); border-bottom:1px solid var(--line); padding:24px 0; }
.method > p { color:var(--muted); font-size:12px; line-height:1.6; }
.method > div:last-child { display:grid; gap:7px; }
.method a { color:var(--lime); font-size:11px; }
.site-footer { display:flex; justify-content:space-between; align-items:center; gap:25px; width:min(1180px,calc(100% - 40px)); margin:auto; border-top:1px solid var(--line); padding:22px 0 34px; color:var(--muted); font-size:10px; }
.site-footer > div { display:grid; gap:3px; }
.site-footer strong { color:#dbe3f1; text-transform:uppercase; }
.site-footer nav { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:14px; }
.site-footer a { color:#8995aa; text-decoration:none; }
.site-footer a:hover { color:var(--lime); }
.directory-hero { display:flex; justify-content:space-between; align-items:flex-end; gap:40px; border-bottom:1px solid var(--line); padding:45px 0 30px; }
.directory-hero h1 { max-width:720px; margin:8px 0 12px; font-size:clamp(42px,6vw,70px); line-height:.96; letter-spacing:-.03em; }
.directory-hero > div > p:last-child { max-width:720px; margin:0; color:#b3bed1; font-size:17px; line-height:1.6; }
.directory-hero aside { display:grid; min-width:190px; border-left:2px solid var(--lime); padding-left:18px; }
.directory-hero aside strong { color:var(--lime); font-size:52px; line-height:1; }
.directory-hero aside span { margin-top:6px; color:var(--muted); font-size:10px; text-transform:uppercase; }
.directory-metrics { display:grid; grid-template-columns:repeat(3,1fr); gap:9px; margin:18px 0; }
.directory-metrics article { display:grid; gap:5px; border:1px solid var(--line); border-radius:8px; background:var(--panel); padding:16px; }
.directory-metrics span,.directory-metrics small { color:var(--muted); font-size:10px; text-transform:uppercase; }
.directory-metrics strong { font-size:24px; }
.directory-toolbar { display:grid; grid-template-columns:minmax(260px,1fr) 240px auto; align-items:end; gap:9px; margin:28px 0 12px; }
.directory-toolbar label { display:grid; gap:6px; color:var(--muted); font-size:9px; letter-spacing:.07em; text-transform:uppercase; }
.directory-toolbar input,.directory-toolbar select { width:100%; height:42px; border:1px solid var(--line); border-radius:7px; outline:0; background:var(--panel); padding:0 12px; color:var(--text); }
.directory-toolbar input:focus,.directory-toolbar select:focus { border-color:rgba(223,255,63,.55); }
.directory-toolbar p { margin:0; padding:0 3px 13px; color:var(--muted); font-size:11px; }
.directory-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px; }
.directory-card { border:1px solid var(--line); border-radius:8px; background:var(--panel); overflow:hidden; }
.directory-card[hidden] { display:none; }
.directory-card-top { display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid var(--line); padding:9px 13px; }
.directory-card-top > span { color:var(--lime); font-size:10px; font-weight:800; }
.directory-card-top > span b { margin-left:5px; color:#75eab0; font-size:8px; font-weight:700; text-transform:uppercase; }
.directory-card-top label { display:flex; align-items:center; gap:6px; color:var(--muted); font-size:10px; cursor:pointer; }
.directory-card-top input { accent-color:var(--lime); }
.directory-card > a { display:block; padding:15px; text-decoration:none; }
.directory-card > a:hover { background:rgba(223,255,63,.025); }
.directory-card h2 { margin:0 0 7px; font-size:24px; }
.directory-card p { display:flex; align-items:center; gap:7px; min-height:34px; margin:0; color:var(--muted); font-size:11px; }
.directory-card p i { flex:0 0 auto; width:8px; height:8px; border-radius:99px; }
.directory-card dl { display:grid; grid-template-columns:1fr 1fr; margin:13px 0; border-top:1px solid var(--line); border-left:1px solid var(--line); }
.directory-card dl div { display:grid; gap:3px; border-right:1px solid var(--line); border-bottom:1px solid var(--line); padding:9px; }
.directory-card dt { color:var(--muted); font-size:8px; text-transform:uppercase; }
.directory-card dd { margin:0; font-size:13px; font-weight:700; }
.directory-card > a > strong { color:var(--lime); font-size:10px; text-transform:uppercase; }
.compare-dock { position:sticky; z-index:8; bottom:14px; display:grid; grid-template-columns:1fr auto auto; align-items:center; gap:9px; max-width:720px; margin:18px auto 0; border:1px solid rgba(223,255,63,.35); border-radius:8px; background:rgba(12,17,27,.96); padding:11px; box-shadow:0 18px 45px rgba(0,0,0,.38); backdrop-filter:blur(14px); }
.compare-dock[hidden] { display:none; }
.compare-dock > div { display:grid; gap:2px; }
.compare-dock strong { font-size:12px; }
.compare-dock span { color:var(--muted); font-size:9px; }
.compare-dock button { height:36px; border:1px solid var(--line); border-radius:6px; background:transparent; padding:0 12px; color:#c8d1e2; font-size:11px; cursor:pointer; }
.compare-dock button:last-child { border-color:var(--lime); background:var(--lime); color:#111607; font-weight:800; }
.compare-dock button:disabled { opacity:.35; cursor:default; }
.directory-method { margin-top:40px; }
.trust-main { padding-top:22px; }
.trust-hero { max-width:850px; border-bottom:1px solid var(--line); padding:35px 0 40px; }
.trust-hero h1 { margin:8px 0 13px; font-size:clamp(42px,6vw,68px); line-height:.96; letter-spacing:-.03em; }
.trust-hero > p:nth-of-type(2) { max-width:760px; margin:0; color:#b3bed1; font-size:17px; line-height:1.6; }
.trust-hero > span { display:block; margin-top:18px; color:#727f95; font-size:9px; text-transform:uppercase; }
.trust-layout { display:grid; grid-template-columns:220px minmax(0,760px); gap:55px; align-items:start; padding:34px 0; }
.trust-layout > aside { position:sticky; top:90px; display:grid; gap:12px; border-left:2px solid var(--lime); padding-left:14px; }
.trust-layout > aside > strong { font-size:12px; text-transform:uppercase; }
.trust-layout > aside nav { display:grid; }
.trust-layout > aside nav a { border-bottom:1px solid var(--line); padding:8px 0; color:var(--muted); font-size:11px; text-decoration:none; }
.trust-layout > aside nav a.active,.trust-layout > aside nav a:hover { color:var(--lime); }
.trust-layout > aside p { margin:5px 0 -6px; color:var(--muted); font-size:9px; text-transform:uppercase; }
.trust-layout > aside > a { color:var(--lime); font-size:11px; }
.trust-content { display:grid; gap:35px; }
.trust-content section { scroll-margin-top:90px; }
.trust-content h2 { margin:0 0 10px; font-size:25px; }
.trust-content p,.trust-content li { color:#b3bed0; font-size:14px; line-height:1.7; }
.trust-content p { margin:8px 0; }
.trust-content a { color:var(--lime); }
.trust-content ul,.trust-content ol { display:grid; gap:6px; padding-left:20px; }
.trust-principles,.definition-grid { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
.trust-principles article,.definition-grid article { border:1px solid var(--line); border-radius:8px; background:var(--panel); padding:14px; }
.trust-principles strong,.definition-grid strong { color:#e8edf7; font-size:13px; }
.trust-principles p,.definition-grid p { margin-bottom:0; font-size:12px; }
.trust-definitions { margin:0; }
.trust-definitions div { display:grid; grid-template-columns:150px 1fr; gap:18px; border-top:1px solid var(--line); padding:13px 0; }
.trust-definitions dt { color:#e5ebf5; font-weight:800; }
.trust-definitions dd { margin:0; color:#aeb9cc; font-size:13px; line-height:1.55; }
.source-table { display:grid; gap:8px; }
.source-table article { border:1px solid var(--line); border-radius:8px; background:var(--panel); padding:14px; }
.source-table article > div,.source-table article footer { display:flex; justify-content:space-between; align-items:center; gap:15px; }
.source-table article > div strong { font-size:14px; }
.source-table article p { margin:9px 0; font-size:12px; }
.source-table article footer { border-top:1px solid var(--line); padding-top:9px; color:var(--muted); font-size:9px; }
.source-table article footer a { color:var(--lime); }
.status { border:1px solid var(--line); border-radius:999px; padding:3px 7px; font-size:8px; text-transform:uppercase; white-space:nowrap; }
.status.final { border-color:rgba(102,229,165,.3); color:#75eab0; }
.status.preliminary { border-color:rgba(255,158,79,.3); color:#ffb77a; }
.status.community { border-color:rgba(189,128,255,.3); color:#d0a8ff; }
.status.reported { border-color:rgba(125,159,255,.3); color:#9db5ff; }
.correction-action { border:1px solid rgba(223,255,63,.22); border-radius:8px; background:rgba(223,255,63,.04); padding:18px; }
.plant-hero { display:grid; grid-template-columns:minmax(0,1fr) 290px; gap:40px; align-items:end; border-bottom:1px solid var(--line); padding:45px 0; }
.plant-hero h1 { max-width:850px; margin:8px 0 14px; font-size:clamp(44px,6.5vw,76px); line-height:.95; letter-spacing:-.03em; }
.plant-hero .data-status { margin:0 0 18px; }
.plant-hero aside { display:grid; gap:6px; border-left:2px solid var(--lime); padding:8px 0 8px 18px; }
.plant-hero aside span,.plant-hero aside small { color:var(--muted); font-size:9px; text-transform:uppercase; }
.plant-hero aside strong { font-size:39px; line-height:1; }
.plant-hero aside b { font-size:17px; }
.plant-metrics strong { overflow-wrap:anywhere; font-size:20px; }
.plant-content-grid { grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr); }

.guide-main { width:min(100% - 40px,1040px); }
.guide-hero { padding:58px 0 34px; border-bottom:1px solid var(--line); }
.guide-hero h1 { max-width:850px; margin:8px 0 14px; font-size:clamp(42px,6vw,72px); line-height:.98; }
.guide-hero > p:not(.eyebrow) { max-width:750px; color:#b9c4d8; font-size:17px; line-height:1.65; }
.guide-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin:26px 0; }
.guide-card { display:grid; gap:12px; min-height:230px; border:1px solid var(--line); border-radius:8px; background:var(--panel); padding:24px; color:inherit; text-decoration:none; }
.guide-card:hover { border-color:rgba(223,255,63,.5); transform:translateY(-2px); }
.guide-card span,.guide-card b { color:var(--lime); font-size:10px; font-weight:800; text-transform:uppercase; }
.guide-card h2 { margin:12px 0 0; font-size:28px; }
.guide-card p { color:var(--muted); font-size:13px; line-height:1.65; }
.guide-card b { align-self:end; }
.guide-article { width:min(100%,820px); margin:0 auto; padding:20px 0; }
.guide-article > section { padding:34px 0; border-bottom:1px solid var(--line); }
.guide-article h2 { margin:0 0 14px; font-size:30px; }
.guide-article p,.guide-article li { color:#b9c4d8; font-size:15px; line-height:1.75; }
.guide-article p strong,.guide-article li strong { color:#f4f7fc; }
.guide-definition-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:9px; margin-top:18px; }
.guide-definition-grid article { border:1px solid var(--line); border-radius:8px; background:var(--panel); padding:16px; }
.guide-definition-grid strong { color:var(--lime); font-size:13px; }
.guide-definition-grid p { margin:8px 0 0; font-size:12px; line-height:1.6; }
.guide-steps { display:grid; gap:8px; padding:0; list-style:none; counter-reset:steps; }
.guide-steps li { display:grid; grid-template-columns:170px 1fr; gap:18px; border-left:2px solid var(--lime); background:var(--panel); padding:13px 16px; }
.guide-table-wrap { overflow:auto; margin-top:18px; border:1px solid var(--line); border-radius:8px; }
.guide-table-wrap table { width:100%; border-collapse:collapse; }
.guide-table-wrap th,.guide-table-wrap td { border-bottom:1px solid var(--line); padding:11px 13px; text-align:left; font-size:12px; }
.guide-table-wrap th { color:var(--muted); font-size:9px; text-transform:uppercase; }
.guide-table-wrap td:first-child { color:var(--muted); }
.guide-table-wrap td a { color:var(--lime); font-weight:700; }
.guide-ranking { display:grid; gap:7px; margin-top:18px; }
.guide-ranking a { display:grid; grid-template-columns:25px 130px 1fr 55px; gap:10px; align-items:center; color:inherit; text-decoration:none; }
.guide-ranking span,.guide-ranking em { color:var(--muted); font-size:10px; font-style:normal; }
.guide-ranking i { height:7px; overflow:hidden; border-radius:999px; background:#222936; }
.guide-ranking i b { display:block; height:100%; border-radius:inherit; background:var(--lime); }
.guide-checklist { display:grid; gap:7px; padding-left:20px; }
.guide-actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:18px; }
.guide-actions a { border:1px solid rgba(223,255,63,.45); border-radius:5px; padding:10px 13px; color:var(--lime); font-size:11px; font-weight:700; text-decoration:none; }
.guide-source { display:grid; grid-template-columns:150px 1fr auto auto; gap:16px; align-items:center; margin:28px 0 12px; border:1px solid var(--line); border-radius:8px; background:var(--panel); padding:16px; }
.guide-source p { margin:0; font-size:11px; }
.guide-source a { color:var(--lime); font-size:10px; }
.guide-related { grid-template-columns:1.25fr repeat(3,1fr); width:min(100%,1040px); margin:24px auto 45px; }
.capacity-group { display:grid; gap:9px; border-bottom:1px solid var(--line); padding:15px 0; }
.capacity-group>strong,.technology-list>span { color:var(--muted); font-size:9px; text-transform:uppercase; }
.capacity-group>div { display:grid; grid-template-columns:1fr auto; gap:5px 12px; align-items:center; }
.capacity-group>div>span { display:flex; align-items:center; gap:7px; font-size:11px; }
.capacity-group>div>span i { width:7px; height:7px; border-radius:99px; }
.capacity-group>div>b { font-size:11px; }
.capacity-group em { grid-column:1/-1; height:4px; border-radius:99px; background:rgba(255,255,255,.06); overflow:hidden; }
.capacity-group em i { display:block; height:100%; border-radius:inherit; }
.capacity-group.empty { grid-template-columns:100px 1fr; color:var(--muted); font-size:11px; }
.technology-list { display:flex; flex-wrap:wrap; gap:7px; padding-top:15px; }
.technology-list span { flex:0 0 100%; }
.technology-list b { border:1px solid var(--line); border-radius:999px; padding:5px 8px; color:#bdc7d9; font-size:9px; font-weight:600; }
.facility-facts h2 { margin:5px 0 13px; font-size:22px; }
.facility-facts dl { margin:0; }
.facility-facts dl div { display:grid; grid-template-columns:100px 1fr; gap:12px; border-top:1px solid var(--line); padding:10px 0; }
.facility-facts dt { color:var(--muted); font-size:9px; text-transform:uppercase; }
.facility-facts dd { margin:0; font-size:11px; font-weight:700; text-align:right; }
.coordinate-link { display:block; margin-top:13px; color:var(--lime); font-size:10px; text-align:right; }
.plant-related { grid-template-columns:1.25fr repeat(4,1fr); }
.primary-action { display:inline-flex; margin-top:8px; border-radius:7px; background:var(--lime); padding:10px 13px; color:#111607 !important; font-size:11px; font-weight:800; text-decoration:none; }
@media (max-width:850px) { .site-header nav a:not(:first-child){display:none}.hero,.plant-hero{grid-template-columns:1fr;padding:30px 0}.metrics{grid-template-columns:1fr 1fr}.quality-gates{grid-template-columns:1fr 1fr}.quality-gates>div{grid-column:1/-1}.content-grid,.plant-content-grid{grid-template-columns:1fr}.profile-links,.plant-related{grid-template-columns:1fr 1fr}.profile-links>div{grid-column:1/-1}.method{grid-template-columns:1fr;gap:8px}.hero h1,.plant-hero h1{font-size:48px}.lede{font-size:15px}.trust-layout{grid-template-columns:1fr;gap:28px}.trust-layout>aside{position:static}.trust-layout>aside nav{grid-template-columns:repeat(3,1fr);gap:0 12px}.site-footer{align-items:flex-start;flex-direction:column}.site-footer nav{justify-content:flex-start} }
@media (max-width:850px) { .directory-grid{grid-template-columns:1fr 1fr}.directory-toolbar{grid-template-columns:1fr 1fr}.directory-toolbar p{grid-column:1/-1;padding:0}.directory-hero{align-items:flex-start;flex-direction:column}.directory-metrics{grid-template-columns:1fr}.compare-dock{bottom:8px} }
@media (max-width:850px) { .guide-definition-grid{grid-template-columns:1fr}.guide-source{grid-template-columns:1fr}.guide-related{grid-template-columns:1fr 1fr}.guide-related>div{grid-column:1/-1} }
@media (max-width:520px) { main{width:min(100% - 24px,1180px)}.site-header{padding:0 12px}.metrics,.quality-gates{grid-template-columns:1fr}.quality-gates>div{grid-column:auto}.profile-links{grid-template-columns:1fr}.hero-actions{display:grid}.fuel-row>div:first-child{grid-template-columns:8px 1fr 45px 80px}.section-heading{display:grid}.site-footer{width:calc(100% - 24px);display:grid;gap:8px}.trust-principles,.definition-grid{grid-template-columns:1fr}.trust-definitions div{grid-template-columns:1fr;gap:5px}.trust-layout>aside nav{grid-template-columns:1fr 1fr}.trust-hero h1{font-size:43px} }
@media (max-width:520px) { .guide-main{width:calc(100% - 24px)}.guide-grid{grid-template-columns:1fr}.guide-hero h1{font-size:43px}.guide-steps li{grid-template-columns:1fr;gap:4px}.guide-ranking a{grid-template-columns:20px 105px 1fr 45px}.guide-related{grid-template-columns:1fr} }
@media (max-width:520px) { .directory-grid,.directory-toolbar{grid-template-columns:1fr}.compare-dock{grid-template-columns:1fr 1fr}.compare-dock>div{grid-column:1/-1}.directory-hero h1{font-size:45px} }