.database-section { padding: clamp(2.5rem, 6vw, 5.5rem) 0; }
.database-hero h1 { max-width: 16ch; }
.filter-panel { display: grid; grid-template-columns: minmax(14rem, 1.4fr) minmax(12rem, .7fr) auto auto; align-items: end; gap: .8rem; padding: 1rem; margin-bottom: 2.5rem; background: rgba(16, 21, 30, .92); border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow); }
.filter-panel label { display: grid; gap: .35rem; color: var(--text); font-size: .78rem; font-weight: 800; }
.filter-panel input, .filter-panel select { width: 100%; min-height: 2.9rem; padding: .6rem .75rem; color: var(--text); background: var(--bg-soft); border: 1px solid var(--line-strong); border-radius: .58rem; }
.filter-panel input:focus, .filter-panel select:focus { border-color: var(--aqua); outline: 2px solid transparent; }
.filter-panel .button { min-height: 2.9rem; }
.clear-filter { align-self: center; margin-bottom: .65rem; }
.database-heading { display: flex; align-items: end; justify-content: space-between; gap: 2rem; margin-bottom: 1.25rem; }
.database-heading .eyebrow { margin-bottom: .4rem; }
.database-heading h2 { margin: 0; font-size: clamp(1.8rem, 4vw, 3rem); letter-spacing: -.04em; }
.database-heading > p { margin: 0; color: var(--subtle); font-family: ui-monospace, "SFMono-Regular", Consolas, monospace; font-size: .75rem; }
.material-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
.material-card { display: flex; min-width: 0; min-height: 19rem; flex-direction: column; padding: 1.25rem; color: var(--text); background: rgba(16, 21, 30, .82); border: 1px solid var(--line); border-radius: var(--radius); text-decoration: none; transition: transform 160ms ease, border-color 160ms ease, background 160ms ease; }
.material-card:hover { color: var(--text); background: var(--surface-raised); border-color: rgba(255, 122, 69, .46); transform: translateY(-2px); }
.material-card-top { display: flex; align-items: center; justify-content: space-between; gap: .7rem; }
.material-card h3 { margin: 2.5rem 0 .2rem; font-size: clamp(1.35rem, 2.6vw, 2rem); }
.technical-name { margin: 0; color: var(--aqua); font-size: .78rem; font-weight: 750; }
.composition { margin: .8rem 0 0; color: var(--muted); font-size: .82rem; }
.material-notes { margin: .75rem 0 0; color: var(--subtle); font-size: .78rem; }
.material-card .card-link { margin-top: auto; padding-top: 1.25rem; color: var(--accent-bright); font-size: .82rem; font-weight: 850; }
.status-pill { display: inline-flex; align-items: center; gap: .35rem; padding: .22rem .5rem; border: 1px solid var(--line-strong); border-radius: 999px; font-family: ui-monospace, "SFMono-Regular", Consolas, monospace; font-size: .64rem; font-weight: 850; letter-spacing: .04em; text-transform: uppercase; }
.status-pill::before { width: .35rem; height: .35rem; content: ""; background: currentColor; border-radius: 50%; }
.status-safe { color: var(--good); border-color: rgba(116, 217, 159, .35); background: rgba(116, 217, 159, .07); }
.status-caution { color: var(--warning); border-color: rgba(243, 189, 103, .35); background: rgba(243, 189, 103, .07); }
.status-dangerous { color: var(--accent-bright); border-color: rgba(255, 122, 69, .4); background: rgba(255, 122, 69, .08); }
.status-critical { color: var(--danger); border-color: rgba(255, 141, 130, .42); background: rgba(255, 141, 130, .08); }
.status-unrated { color: var(--subtle); }
.pagination { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 1rem; margin-top: 2rem; }
.pagination > :last-child { justify-self: end; }
.pagination > span { color: var(--subtle); font-family: ui-monospace, "SFMono-Regular", Consolas, monospace; font-size: .72rem; }
.empty-panel { padding: 3rem; color: var(--muted); background: var(--surface); border: 1px dashed var(--line-strong); border-radius: var(--radius); text-align: center; }
.back-link { display: inline-block; margin-bottom: 1.5rem; color: var(--accent-bright); font-size: .82rem; font-weight: 850; }
.record-layout { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(18rem, .6fr); gap: 1rem; align-items: start; }
.record-main, .record-facts { padding: clamp(1.4rem, 4vw, 2.4rem); background: rgba(16, 21, 30, .85); border: 1px solid var(--line); border-radius: var(--radius-lg); }
.record-main h2 { margin: 0 0 1rem; font-size: clamp(1.55rem, 3vw, 2.5rem); }
.record-main h2:not(:first-of-type) { padding-top: 2rem; margin-top: 2rem; border-top: 1px solid var(--line); }
.record-lede { color: var(--muted); font-size: 1.05rem; }
.record-facts { position: sticky; top: 6.5rem; }
.record-facts dl { display: grid; gap: 0; margin: 0; }
.record-facts dl > div { padding: .85rem 0; border-bottom: 1px solid var(--line); }
.record-facts dl > div:last-child { border-bottom: 0; }
.record-facts dt { color: var(--subtle); font-family: ui-monospace, "SFMono-Regular", Consolas, monospace; font-size: .65rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.record-facts dd { margin: .25rem 0 0; color: var(--text); font-weight: 750; }
.hazard-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; }
.hazard-card { padding: 1rem; background: var(--bg-soft); border: 1px solid var(--line); border-radius: .75rem; }
.hazard-card h3 { margin: 1.2rem 0 .35rem; font-size: 1.1rem; }
.hazard-card p, .muted-copy { margin: 0; color: var(--muted); font-size: .84rem; }
@media (max-width: 62rem) { .filter-panel { grid-template-columns: 1fr 1fr; } .material-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .record-layout { grid-template-columns: 1fr; } .record-facts { position: static; } }
@media (max-width: 44rem) { .filter-panel, .material-grid, .hazard-list { grid-template-columns: 1fr; } .filter-panel .button { width: 100%; } .clear-filter { margin: 0; text-align: center; } .database-heading { align-items: start; flex-direction: column; gap: .5rem; } .pagination { grid-template-columns: 1fr 1fr; } .pagination > span { grid-column: 1 / -1; grid-row: 1; text-align: center; } .material-card { min-height: 16rem; } }

/* Static-first catalog pages */
.site-header{max-width:1240px;margin:0 auto;padding:22px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line,#2b3442)}
.site-header .brand{display:flex;align-items:center;gap:10px;color:#f5f1e8;text-decoration:none;font-weight:800;letter-spacing:.08em}.brand-mark{display:grid;place-items:center;width:34px;height:34px;background:#ff7a45;color:#080a0f;font:900 13px monospace}.site-header nav{display:flex;gap:18px;flex-wrap:wrap}.site-header nav a,.back-link{color:#9ce9e1;text-decoration:none;font:700 12px monospace;letter-spacing:.06em;text-transform:uppercase}
.database-main{max-width:1240px;margin:0 auto;padding:48px 24px 72px}.database-hero{padding:48px clamp(24px,5vw,64px);border:1px solid #303947;background:linear-gradient(135deg,rgba(255,122,69,.12),rgba(104,222,211,.05));margin-bottom:24px}.database-hero.compact{padding-block:32px}.database-hero h1,.review-detail h1{font-size:clamp(2.4rem,7vw,5.6rem);line-height:.92;margin:.2em 0}.database-hero p{max-width:720px}.eyebrow{font:700 11px/1.4 monospace;letter-spacing:.13em;color:#ffb15c;text-transform:uppercase}.hero-actions{margin-top:24px}.hero-actions a,.action-link,.filter-panel button,.finder-form button{display:inline-block;background:#ff7a45;color:#080a0f;border:0;padding:12px 18px;font-weight:900;text-decoration:none;cursor:pointer}
.filter-panel,.finder-form{display:grid;grid-template-columns:minmax(220px,2fr) minmax(180px,1fr) auto;gap:14px;align-items:end;padding:20px;background:#10151e;border:1px solid #303947;margin-bottom:20px}.filter-panel.three{grid-template-columns:2fr 1fr 1fr auto}.filter-panel label,.select-grid label{display:grid;gap:7px}.filter-panel label span,.select-grid label span{font:700 11px monospace;text-transform:uppercase;letter-spacing:.08em;color:#9aa8ba}.filter-panel input,.filter-panel select,.finder-form select{width:100%;min-height:44px;background:#080a0f;color:#f5f1e8;border:1px solid #3a4658;padding:9px 11px}.result-meta{margin:18px 0;color:#9aa8ba}.data-table-wrap{overflow:auto;border:1px solid #303947;background:#10151e}.data-table{width:100%;border-collapse:collapse;min-width:880px}.data-table th,.data-table td{padding:13px 14px;border-bottom:1px solid #283140;text-align:left;vertical-align:top}.data-table th{font:700 11px monospace;color:#ffb15c;text-transform:uppercase}.data-table td a{color:#f5f1e8;text-decoration:none}.data-table td a span{color:#9ce9e1}.pagination{display:flex;justify-content:center;align-items:center;gap:18px;margin-top:24px}.pagination a{color:#9ce9e1}.empty-state{padding:38px;border:1px dashed #3a4658;text-align:center;color:#9aa8ba}
.spec-groups,.finder-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.spec-card{background:#10151e;border:1px solid #303947;padding:24px}.spec-card h2{margin-top:0}.spec-card dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0}.spec-card dl div{padding:12px 0;border-bottom:1px solid #283140}.spec-card dt{font:700 10px monospace;text-transform:uppercase;color:#9aa8ba}.spec-card dd{margin:5px 0 0;color:#f5f1e8;overflow-wrap:anywhere}
.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.product-card{display:grid;grid-template-columns:150px 1fr;min-height:180px;background:#10151e;border:1px solid #303947;overflow:hidden}.product-card img,.image-placeholder{width:150px;height:100%;min-height:180px;object-fit:cover;background:#151c27;display:grid;place-items:center;color:#647085;font:700 10px monospace}.product-card>div:last-child{padding:20px;min-width:0}.product-card h2{margin:.15em 0}.product-card h2 a{color:#9ce9e1}.product-card p:last-child{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.price{color:#ffb15c;font-weight:800}.review-detail{max-width:920px;margin:0 auto}.review-hero{width:100%;max-height:380px;object-fit:cover;border:1px solid #303947}.review-detail section{margin:26px 0;padding:24px;background:#10151e;border:1px solid #303947}.long-copy,.score-grid p{white-space:pre-wrap;line-height:1.7}.score-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.score-grid article{background:#080a0f;border:1px solid #283140;padding:16px}.score-grid article>b{float:right;color:#ffb15c}.score-total{float:right;color:#ffb15c}
.finder-form{display:block}.finder-form fieldset{border:1px solid #303947;padding:20px;margin:0 0 16px}.finder-form legend{padding:0 8px;font-weight:800}.check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.check-grid label{padding:8px;background:#0b0e14}.select-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.finder-results{margin-top:24px}.finder-results h3{margin-bottom:6px;color:#ffb15c}.finder-results ul{padding-left:20px}.site-footer{max-width:1240px;margin:0 auto;padding:24px;display:flex;justify-content:space-between;border-top:1px solid #303947;color:#7f8b9d;font:700 10px monospace;letter-spacing:.08em}
@media(max-width:800px){.site-header{align-items:flex-start;flex-direction:column}.database-main{padding:28px 16px 56px}.filter-panel,.filter-panel.three{grid-template-columns:1fr}.product-grid,.spec-groups,.finder-results,.score-grid{grid-template-columns:1fr}.product-card{grid-template-columns:110px 1fr}.product-card img,.image-placeholder{width:110px}.select-grid,.check-grid{grid-template-columns:1fr 1fr}.spec-card dl{grid-template-columns:1fr}.site-footer{gap:10px;flex-direction:column}}
@media(max-width:520px){.site-header nav{gap:10px}.site-header nav a{font-size:10px}.product-card{grid-template-columns:1fr}.product-card img,.image-placeholder{width:100%;height:180px}.select-grid,.check-grid{grid-template-columns:1fr}}

/* Buying Guide media is authored as square artwork. Keep the complete image visible. */
.product-grid{grid-template-columns:1fr;gap:12px;max-width:1040px;margin-inline:auto}
.product-card{display:grid;grid-template-columns:132px minmax(0,1fr);min-height:132px}
.product-card img,.product-card .image-placeholder{display:block;width:132px;height:132px;min-height:0;aspect-ratio:1/1;object-fit:contain;background:#080a0f}
.product-card .image-placeholder{display:grid;place-items:center}
.product-card>div:last-child{display:flex;min-width:0;flex-direction:column;justify-content:center;padding:16px 22px}
.product-card h2{font-size:clamp(1.15rem,2vw,1.5rem)}
.product-card p:last-child{margin-bottom:0}
.review-detail{max-width:1040px}
.review-intro{display:grid;grid-template-columns:minmax(180px,300px) minmax(0,1fr);gap:clamp(24px,4vw,44px);align-items:center;margin-bottom:32px}
.review-media{width:100%;max-width:300px;margin:0;aspect-ratio:1/1;display:grid;place-items:center;overflow:hidden;background:#080a0f;border:1px solid #303947}
.review-media .review-hero{display:block;width:100%;height:100%;max-height:none;aspect-ratio:1/1;object-fit:contain;border:0}
.review-summary{min-width:0}
.review-summary h1{font-size:clamp(2.35rem,5vw,4.8rem);overflow-wrap:anywhere}
.review-summary .price{font-size:1.1rem}
@media(max-width:760px){.product-card{grid-template-columns:104px minmax(0,1fr);min-height:104px}.product-card img,.product-card .image-placeholder{width:104px;height:104px}.product-card>div:last-child{padding:13px 16px}.product-card p:last-child{display:none}.review-intro{grid-template-columns:1fr;gap:22px}.review-media{max-width:240px;margin-inline:auto}.review-summary h1{font-size:clamp(2.2rem,11vw,4.2rem)}}
@media(max-width:420px){.product-card{grid-template-columns:84px minmax(0,1fr);min-height:84px}.product-card img,.product-card .image-placeholder{width:84px;height:84px}.product-card>div:last-child{padding:10px 12px}.product-card h2{font-size:1.05rem}.product-card .eyebrow,.product-card .price{font-size:.68rem}}

/* Public reference information architecture */
.database-area-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.database-area{display:flex;min-height:240px;flex-direction:column}.database-area .action-link{margin-top:auto;align-self:flex-start}
.section-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 24px}.section-tabs a{padding:10px 14px;color:#9ce9e1;background:#10151e;border:1px solid #303947;text-decoration:none;font:800 11px monospace;letter-spacing:.06em;text-transform:uppercase}.section-tabs a[aria-current="page"]{color:#080a0f;background:#ff7a45;border-color:#ff7a45}
.safety-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:24px}.safety-panel{padding:24px;background:#10151e;border:1px solid #303947}.safety-panel h2{margin:.35rem 0 .75rem}.safety-panel p:last-child{margin-bottom:0;color:#aeb8c7}.safety-levels{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0}.safety-levels div{padding:10px;background:#080a0f;border-left:3px solid #ffb15c}.safety-levels dt{font-weight:850}.safety-levels dd{margin:4px 0 0;color:#9aa8ba;font-size:.78rem}
.material-filter{grid-template-columns:minmax(240px,2fr) minmax(180px,1fr) auto auto}.compact-filter{grid-template-columns:minmax(260px,1fr) auto auto}
.category-groups{display:grid;gap:14px}.category-group{background:#10151e;border:1px solid #303947}.category-group summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;color:#f5f1e8;cursor:pointer;font-size:1.05rem;font-weight:850}.category-group summary strong{color:#9aa8ba;font:700 10px monospace;letter-spacing:.08em;text-transform:uppercase}.category-group .data-table-wrap{border-width:1px 0 0}.material-table{min-width:980px}.coating-table{min-width:920px}.hazard-table{min-width:620px}
.context-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin:0 0 18px;background:#303947;border:1px solid #303947}.context-strip article{display:grid;gap:4px;padding:16px;background:#10151e}.context-strip strong{color:#f5f1e8}.context-strip span{color:#9aa8ba;font-size:.78rem}
.settings-table{min-width:1120px}.settings-table td{vertical-align:middle}.settings-table td:nth-child(2){min-width:230px}.settings-thumb,.settings-thumb-placeholder{display:grid;width:64px;height:64px;place-items:center;object-fit:contain;background:#080a0f;border:1px solid #303947}.settings-table td a span{font-size:.72rem}
.setting-overview{display:grid;grid-template-columns:250px repeat(3,minmax(0,1fr));gap:18px;align-items:start}.setting-media-card{padding:16px;background:#10151e;border:1px solid #303947}.setting-media-card img,.settings-screen{display:block;width:100%;height:auto;max-height:250px;aspect-ratio:1/1;object-fit:contain;background:#080a0f}.setting-overview .spec-card{height:100%}.setting-overview dd small{display:block;margin-top:5px;color:#7f8b9d;font-size:.68rem}.settings-screen-link{display:block;margin-top:16px}.operation-group,.setting-notes{max-width:none;margin-top:26px}.operation-group>h2{margin-bottom:14px}
.review-overview-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.score-summary{display:grid;gap:8px}.score-summary div{display:flex;justify-content:space-between;gap:18px;padding-bottom:8px;border-bottom:1px solid #283140}.score-summary dd{margin:0;color:#ffb15c;font-weight:850}.review-make{margin:0;color:#f5f1e8;font-size:1.15rem;font-weight:800}
.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.project-card{display:grid;grid-template-columns:150px minmax(0,1fr);min-height:150px;overflow:hidden;background:#10151e;border:1px solid #303947}.project-card>img,.project-placeholder{display:grid;width:150px;height:150px;place-items:center;object-fit:contain;background:#080a0f;color:#647085;font:700 10px monospace}.project-card-body{display:flex;min-width:0;flex-direction:column;justify-content:center;padding:18px}.project-card h2{margin:.15rem 0;font-size:1.25rem}.project-card h2 a{color:#9ce9e1}.project-byline{margin:.35rem 0;color:#9aa8ba;font-size:.78rem}.tag-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.tag-list a{padding:4px 7px;color:#f5f1e8;background:#151c27;border:1px solid #303947;text-decoration:none;font:700 10px monospace}.project-detail{max-width:1040px;margin:auto}.project-detail-header{display:grid;grid-template-columns:260px minmax(0,1fr);gap:36px;align-items:center;margin-bottom:28px}.project-detail-header h1{font-size:clamp(2.3rem,6vw,5rem);line-height:.95}.project-detail-media{margin:0}.project-detail-media img{display:block;width:260px;height:260px;object-fit:contain;background:#080a0f;border:1px solid #303947}.project-detail-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(240px,.5fr);gap:18px}.project-detail-grid>section,.project-detail-grid>aside{padding:24px;background:#10151e;border:1px solid #303947}.download-list{display:grid;gap:10px}.download-list .action-link{text-align:center}
@media(max-width:1000px){.database-area-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.setting-overview{grid-template-columns:250px 1fr 1fr}.setting-overview>:last-child{grid-column:2/-1}.project-grid{grid-template-columns:1fr}}
@media(max-width:760px){.database-area-grid,.safety-grid,.context-strip,.review-overview-grid,.project-detail-grid{grid-template-columns:1fr}.material-filter,.compact-filter{grid-template-columns:1fr}.safety-levels{grid-template-columns:1fr}.setting-overview{grid-template-columns:1fr}.setting-overview>:last-child{grid-column:auto}.setting-media-card{max-width:250px}.project-detail-header{grid-template-columns:1fr}.project-detail-media img{width:min(260px,100%);height:auto;aspect-ratio:1/1}}
@media(max-width:480px){.project-card{grid-template-columns:96px minmax(0,1fr);min-height:96px}.project-card>img,.project-placeholder{width:96px;height:96px}.project-card-body{padding:12px}.project-card h2{font-size:1rem}.tag-list{display:none}}

/* Keep Buying Guide copy aligned to the authored square thumbnail height. */
.product-card{height:132px;min-height:132px}
.product-card>div:last-child{height:132px;padding:10px 18px}
.product-card .eyebrow{margin:0;line-height:1.15}
.product-card h2{margin:.1rem 0;font-size:clamp(1rem,1.6vw,1.3rem);line-height:1.08}
.product-card .price{margin:.12rem 0;font-size:.74rem;line-height:1.15}
.product-card p:last-child{margin:.22rem 0 0;font-size:.72rem;line-height:1.24}
@media(max-width:760px){.product-card,.product-card>div:last-child{height:104px;min-height:104px}.product-card>div:last-child{padding:8px 13px}.product-card h2{font-size:1rem}}
@media(max-width:420px){.product-card,.product-card>div:last-child{height:84px;min-height:84px}.product-card>div:last-child{padding:6px 10px}.product-card .eyebrow{font-size:.6rem}.product-card h2{font-size:.92rem}.product-card .price{font-size:.64rem}}

/* Keep Community Project copy aligned to the square preview height. */
.project-card{height:150px;min-height:150px}
.project-card-body{height:150px;padding:11px 16px}
.project-card .eyebrow{margin:0;line-height:1.15}
.project-card h2{margin:.12rem 0;font-size:1.1rem;line-height:1.1}
.project-card .project-byline{margin:.2rem 0;font-size:.72rem;line-height:1.2}
.project-card .tag-list{gap:4px;margin-top:5px}
.project-card .tag-list a{padding:3px 5px;font-size:9px;line-height:1.1}
@media(max-width:480px){.project-card,.project-card-body{height:96px;min-height:96px}.project-card-body{padding:7px 10px}.project-card h2{font-size:.92rem}.project-card .project-byline{font-size:.64rem}}