:root{--ink:#0b1422;--ink2:#142238;--yellow:#ffd23f;--paper:#f6f7f4;--white:#fff;--muted:#596577;--line:#d8dde4;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.55}a{color:inherit;text-underline-offset:.2em}img{max-width:100%;display:block}.skip{position:absolute;left:-9999px}.skip:focus{left:1rem;top:1rem;z-index:20;background:var(--yellow);padding:.7rem;color:var(--ink)}.site-head{min-height:72px;padding:0 max(1.25rem,calc((100% - var(--max))/2));display:flex;align-items:center;justify-content:space-between;gap:2rem;background:var(--ink);color:#fff}.wordmark{font-size:1.15rem;font-weight:850;text-decoration:none;letter-spacing:-.04em}.wordmark span{color:var(--yellow)}.site-head nav{display:flex;gap:1.5rem}.site-head nav a{text-decoration:none;font-size:.9rem}.site-head a:hover,.site-head a:focus-visible{text-decoration:underline;text-decoration-color:var(--yellow);text-decoration-thickness:3px}.home-hero,.finder-head{background:var(--ink);color:#fff;padding:clamp(4rem,9vw,8.5rem) max(1.25rem,calc((100% - var(--max))/2)) clamp(3.5rem,7vw,6rem)}.eyebrow{color:#ac7d00;font-weight:800;font-size:.75rem;letter-spacing:.13em;text-transform:uppercase;margin:0 0 .75rem}.home-hero .eyebrow,.finder-head .eyebrow,.learn .eyebrow{color:var(--yellow)}h1,h2{letter-spacing:-.045em;line-height:1.05}h1{font-size:clamp(2.5rem,7vw,5.7rem);margin:.2rem 0 1rem;max-width:930px}h2{font-size:clamp(1.6rem,3.2vw,2.7rem)}.dek{color:#cbd3de;font-size:clamp(1.05rem,2vw,1.3rem);max-width:720px}.hero-search{max-width:890px;margin-top:2.2rem}.hero-search label{display:block;font-weight:700;margin-bottom:.65rem}.hero-search>div{display:grid;grid-template-columns:1fr auto;background:#fff;padding:.45rem;border-radius:.38rem}.hero-search input{border:0;min-width:0;padding:1rem;font:inherit;font-size:1.05rem;color:var(--ink)}.hero-search button,.more,.primary-link{border:0;border-radius:.24rem;background:var(--yellow);color:var(--ink);font:inherit;font-weight:850;padding:0 1.5rem;cursor:pointer}.hero-search input:focus-visible,.hero-search button:focus-visible,select:focus-visible,.more:focus-visible,a:focus-visible{outline:3px solid #2c78d4;outline-offset:3px}.popular{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap;margin-top:1rem}.popular span{color:#aeb8c6}.popular a{padding:.4rem .65rem;border:1px solid #6d7888;border-radius:999px;text-decoration:none;font-size:.88rem}.section,.page-intro,.library-grid,.family-list,.prose,.crumbs,.detail,.notice{width:min(var(--max),calc(100% - 2.5rem));margin-inline:auto}.section{padding:5rem 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:1rem;margin-bottom:1.5rem}.section-head h2{margin:0}.family-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.family-card{background:var(--white);border-top:5px solid var(--yellow);min-height:160px;padding:1.3rem;text-decoration:none;display:flex;flex-direction:column;justify-content:space-between}.family-card b{font-size:1.25rem}.family-card span{color:var(--muted)}.learn{background:var(--ink2);color:#fff;padding:4rem max(1.25rem,calc((100% - var(--max))/2));display:grid;grid-template-columns:1fr 1fr;gap:4rem}.learn h2{margin:0}.learn p{color:#d2d8e1}.ad-slot{width:min(760px,calc(100% - 2.5rem));margin:3rem auto;padding:1rem;border:1px dashed #7f8894;text-align:center;color:var(--muted);font-size:.72rem;letter-spacing:.12em}.page-intro{padding:4.5rem 0 2.5rem}.page-intro h1{font-size:clamp(2.5rem,6vw,4.6rem)}.page-intro p{max-width:720px;font-size:1.1rem}.primary-link{display:inline-block;padding:.75rem 1rem;text-decoration:none}.library-grid,.result-grid,.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;padding-bottom:5rem}.sign-card{background:#fff;display:grid;grid-template-columns:140px 1fr;min-height:165px;border:1px solid var(--line)}.sign-card .art{display:grid;place-items:center;padding:1rem;background:#eef0ed;text-decoration:none}.sign-card .art img{width:112px;height:112px;object-fit:contain}.sign-card .art span{font-weight:900}.sign-card>div{padding:1rem}.sign-card h2{font-size:1.05rem;letter-spacing:-.02em;margin:.35rem 0 1rem}.code{font:800 .78rem ui-monospace,monospace;letter-spacing:.06em;margin:0}.family-link{font-size:.8rem;color:var(--muted)}.finder-head{padding-top:4rem}.finder-head h1{font-size:clamp(2.5rem,6vw,4.6rem)}.finder-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:3rem;width:min(var(--max),calc(100% - 2.5rem));margin:3rem auto 5rem}.filters{align-self:start;position:sticky;top:1rem}.filters h2{font-size:1.25rem}.filters label{display:block;font-weight:700;margin-top:1.2rem}.filters select{display:block;width:100%;margin-top:.4rem;padding:.75rem;border:1px solid #9aa3af;background:#fff;font:inherit}.quiet{margin-top:1.5rem;border:0;background:transparent;padding:0;text-decoration:underline;cursor:pointer}.result-status{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.result-status h2{font-size:1.5rem}.result-grid{grid-template-columns:repeat(2,1fr);padding-bottom:1rem}.more{padding:.85rem 1.25rem}.suggestions{background:#fff;padding:2rem;border-left:5px solid var(--yellow)}.family-list{display:grid;gap:1px;background:var(--line);border:1px solid var(--line);margin-bottom:5rem}.family-list>a{background:#fff;padding:1.2rem;display:grid;grid-template-columns:1fr auto auto;gap:2rem;text-decoration:none}.crumbs{display:flex;gap:.6rem;padding-top:2rem;color:var(--muted);font-size:.9rem}.detail{display:grid;grid-template-columns:minmax(300px,1fr) 1fr;gap:clamp(2rem,6vw,6rem);padding:3rem 0 5rem}.detail-art{background:#e9ece9;min-height:520px;display:grid;place-items:center;padding:2.5rem}.detail-art img{max-height:450px;width:100%;object-fit:contain}.detail-copy h1{font-size:clamp(2.3rem,5vw,4.7rem)}.designation{font:900 1.4rem ui-monospace,monospace}.detail dl{border-top:1px solid var(--line);margin:2rem 0}.detail dl div{display:grid;grid-template-columns:150px 1fr;padding:.8rem 0;border-bottom:1px solid var(--line)}dt{color:var(--muted)}dd{margin:0;font-weight:650}.source-links{display:grid;gap:.7rem}.art-missing{text-align:center;display:grid;gap:.5rem;color:var(--muted)}.art-missing b{font-size:2rem;color:var(--ink)}.related-grid{grid-template-columns:repeat(2,1fr);padding-bottom:0}.notice{background:#fff;border-left:5px solid var(--yellow);padding:1.3rem;margin-bottom:5rem}.notice p{margin-bottom:0}.prose{max-width:800px;padding:5rem 0}.prose h1{font-size:clamp(2.5rem,6vw,4.6rem)}.prose h2{margin-top:2.5rem}.prose p{font-size:1.08rem}footer{background:#07101c;color:#d8dee7;padding:3rem max(1.25rem,calc((100% - var(--max))/2));display:grid;grid-template-columns:1fr 1fr;gap:3rem}footer p{max-width:580px;color:#aeb7c5}footer nav{display:flex;align-content:start;justify-content:end;flex-wrap:wrap;gap:1rem 1.4rem;font-size:.85rem}@media(max-width:900px){.library-grid,.result-grid{grid-template-columns:1fr 1fr}.sign-card{grid-template-columns:110px 1fr}.sign-card .art img{width:88px;height:88px}.family-grid{grid-template-columns:1fr 1fr}.detail{grid-template-columns:1fr}.detail-art{min-height:400px}}@media(max-width:680px){.site-head{align-items:flex-start;padding-block:1rem}.site-head nav{display:none}.hero-search>div{grid-template-columns:1fr}.hero-search button{padding:1rem}.learn,footer{grid-template-columns:1fr;gap:1.5rem}.finder-layout{grid-template-columns:1fr}.filters{position:static;display:grid;grid-template-columns:1fr 1fr;gap:0 1rem}.filters h2,.filters .quiet{grid-column:1/-1}.library-grid,.result-grid,.related-grid{grid-template-columns:1fr}.detail-art{min-height:300px}.family-list>a{grid-template-columns:1fr auto}.family-list>a span:nth-child(2){grid-row:2}.section-head{align-items:start;flex-direction:column}footer nav{justify-content:start}}@media(max-width:430px){.family-grid{grid-template-columns:1fr}.filters{grid-template-columns:1fr}.sign-card{grid-template-columns:96px 1fr}.sign-card .art img{width:74px;height:74px}.detail dl div{grid-template-columns:1fr}.detail-art{padding:1rem}}

/* Upgraded sign card and facts styling */
.view-record{font-size:.84rem;font-weight:700;color:#1d4ed8;text-decoration:none;display:inline-flex;align-items:center;gap:.25rem;margin-top:.25rem}
.view-record:hover{text-decoration:underline}
.alias-tags{display:flex;flex-wrap:wrap;gap:.35rem;margin:0}
.alias-tag{background:#f1f5f9;border:1px solid #cbd5e1;border-radius:4px;padding:.15rem .45rem;font-size:.8rem;font-weight:550;color:#334155}
.guide-crosslinks{margin:2rem 0;padding:1.25rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px}
.guide-crosslinks b{display:block;font-size:.85rem;text-transform:uppercase;letter-spacing:.06em;color:#475569;margin-bottom:.6rem}
.guide-links-list{display:flex;flex-direction:column;gap:.45rem}
.guide-links-list a{color:#1e40af;font-weight:600;font-size:.92rem;text-decoration:none}
.guide-links-list a:hover{text-decoration:underline}





/* Enhanced sign page layout & components */
.enhanced-header-desc { font-size: 1.05rem; line-height: 1.5; color: #334155; margin: 0.75rem 0 1.25rem; }
.search-chips-block { margin: 1.5rem 0; padding: 1rem 1.25rem; background: #f8fafc; border-left: 4px solid #3b82f6; border-radius: 4px 8px 8px 4px; }
.search-chips-title { font-size: 0.85rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: #475569; margin: 0 0 0.5rem 0; }
.chips-list { display: flex; flex-wrap: wrap; gap: 0.4rem; margin: 0; padding: 0; list-style: none; }
.chip-tag { display: inline-flex; align-items: center; background: #ffffff; border: 1px solid #cbd5e1; border-radius: 16px; padding: 0.25rem 0.65rem; font-size: 0.82rem; font-weight: 600; color: #1e293b; text-decoration: none; transition: all 0.15s ease; }
.chip-tag:hover { background: #eff6ff; border-color: #93c5fd; color: #1d4ed8; }

.variant-showcase { margin: 2rem 0; }
.variant-showcase h2 { font-size: 1.25rem; margin-bottom: 0.75rem; color: #0f172a; }
.variant-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 1rem; }
.variant-card { background: #ffffff; border: 1px solid #e2e8f0; border-radius: 8px; padding: 0.75rem; text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: space-between; transition: box-shadow 0.2s ease; }
.variant-card:hover { box-shadow: 0 4px 12px rgba(0,0,0,0.06); border-color: #cbd5e1; }
.variant-card img { max-width: 100%; height: 90px; object-fit: contain; margin-bottom: 0.5rem; }
.variant-card-fallback { width: 90px; height: 90px; display: flex; align-items: center; justify-content: center; background: #f1f5f9; border-radius: 6px; font-weight: 700; color: #64748b; margin-bottom: 0.5rem; }
.variant-card-meta { font-size: 0.78rem; color: #475569; line-height: 1.3; width: 100%; }
.variant-card-title { font-weight: 600; color: #1e293b; display: block; margin-bottom: 0.2rem; }

.mutcd-location-block { margin: 2rem 0; padding: 1.25rem 1.5rem; background: #f0fdf4; border: 1px solid #bbf7d0; border-radius: 8px; }
.mutcd-location-block h2 { font-size: 1.15rem; color: #166534; margin: 0 0 0.75rem 0; display: flex; align-items: center; gap: 0.5rem; }
.mutcd-hierarchy { display: flex; flex-direction: column; gap: 0.35rem; margin-bottom: 0.85rem; font-size: 0.92rem; color: #14532d; }
.mutcd-hierarchy div { display: flex; align-items: baseline; gap: 0.4rem; }
.mutcd-hierarchy .level-label { font-weight: 700; color: #15803d; min-width: 70px; }
.mutcd-pdf-link { display: inline-flex; align-items: center; gap: 0.35rem; font-weight: 600; font-size: 0.88rem; color: #15803d; text-decoration: underline; }
.mutcd-pdf-link:hover { color: #166534; }

.series-header-flex { display: flex; align-items: baseline; justify-content: space-between; flex-wrap: wrap; gap: 0.5rem; margin-bottom: 1rem; }
.series-header-flex h2 { margin: 0; font-size: 1.25rem; }
.series-finder-link { font-size: 0.88rem; font-weight: 600; color: #2563eb; text-decoration: none; }
.series-finder-link:hover { text-decoration: underline; }

.bottom-search-utility { margin: 3rem 0 2rem; padding: 2rem; background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%); border-radius: 12px; color: #ffffff; text-align: center; }
.bottom-search-utility h2 { font-size: 1.4rem; margin: 0 0 0.5rem 0; color: #f8fafc; }
.bottom-search-utility p { font-size: 0.95rem; color: #94a3b8; margin: 0 0 1.25rem 0; }
.bottom-search-form { max-width: 540px; margin: 0 auto 1.25rem; display: flex; gap: 0.5rem; }
.bottom-search-input { flex: 1; padding: 0.75rem 1rem; border-radius: 8px; border: 1px solid #475569; background: #ffffff; color: #0f172a; font-size: 1rem; outline: none; }
.bottom-search-btn { padding: 0.75rem 1.25rem; background: #2563eb; color: #ffffff; border: none; border-radius: 8px; font-weight: 600; font-size: 0.95rem; cursor: pointer; transition: background 0.15s ease; }
.bottom-search-btn:hover { background: #1d4ed8; }
.bottom-search-suggestions { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 0.5rem; font-size: 0.85rem; color: #cbd5e1; }
.bottom-search-suggestions span { font-weight: 600; color: #94a3b8; }
.suggestion-chip { color: #93c5fd; background: rgba(255,255,255,0.08); padding: 0.2rem 0.55rem; border-radius: 4px; text-decoration: none; transition: background 0.15s ease; }
.suggestion-chip:hover { background: rgba(255,255,255,0.18); color: #ffffff; }

.spec-badge-box { width: 100%; max-width: 240px; height: 160px; display: flex; flex-direction: column; align-items: center; justify-content: center; background: #15803d; color: #ffffff; border-radius: 6px; border: 3px solid #ffffff; box-shadow: 0 0 0 2px #0f172a; padding: 1rem; text-align: center; margin: 0 auto; }
.spec-badge-title { font-family: "ClearviewHwy", "Highway Gothic", sans-serif; font-size: 1.4rem; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; }
.spec-badge-sub { font-size: 0.78rem; opacity: 0.9; margin-top: 0.4rem; }