.gray-hero{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:48px;align-items:center;padding:10px 0 32px;border-bottom:3px double var(--line);margin-bottom:35px}
.gray-hero h1{font:400 clamp(2.4rem,4.2vw,3.7rem)/1.08 var(--serif);letter-spacing:-1.3px;margin:22px 0}.gray-hero h1 em{color:var(--green);font-weight:400}
.gray-hero p{color:var(--muted);max-width:660px;line-height:1.8}.gray-hero-plate{margin:0}.gray-hero-plate img{height:230px}
.gray-facts{display:flex;gap:23px;flex-wrap:wrap;margin-top:26px;color:var(--muted);font-size:.8125rem}.gray-facts b{font:400 1.6rem var(--serif);color:var(--ink);margin-right:5px}
.gray-directory-heading{display:flex;justify-content:space-between;gap:18px;align-items:baseline;flex-wrap:wrap;margin-bottom:20px}.gray-directory-heading h2{font:400 1.75rem/1.25 var(--serif);margin:0}
.gray-filters{padding:20px;background:#efefe3;border:1px solid var(--line);margin-bottom:25px}.gray-selects{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:16px}.gray-selects>label{min-width:0}.gray-selects select{width:100%;max-width:100%}
.gray-filter-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-top:12px}.gray-filter-footer p{margin:0;color:var(--muted);font-size:.875rem}.gray-filter-footer .text-button{min-height:44px}.gray-filters #gray-context p{margin:6px 0 0;font-size:.875rem}
.gray-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch}.gray-grid>.empty{grid-column:1/-1}
.gray-card{background:var(--paper);border:1px solid var(--line);box-shadow:0 3px 0 #e9e4d6;display:flex;flex-direction:column;min-width:0}
.gray-card-top{display:flex;justify-content:space-between;align-items:baseline;gap:15px;padding:16px 18px 10px;color:#62553d;font-size:.625rem;letter-spacing:1px;line-height:1.7}.gray-card-top>span:last-child{text-align:right}
.gray-card-image{display:block;border:0;background:#fff;width:100%;padding:18px;cursor:zoom-in;min-height:240px}.gray-card-image img{display:block;width:100%;height:210px;object-fit:contain}
.gray-card-copy{padding:20px;flex:1;display:flex;flex-direction:column}.gray-group{color:var(--muted);font-size:.75rem}.gray-card h2{font:400 1.5rem/1.2 var(--serif);margin:12px 0}.gray-card h2 button{font:inherit;color:var(--ink);text-align:left;border:0;background:none;padding:0;cursor:pointer}.gray-card h2 button:hover{text-decoration:underline;text-underline-offset:3px}
.gray-card-copy>p{font-size:.875rem;color:var(--muted);line-height:1.7;margin:0 0 14px}.gray-card-copy>.text-button{align-self:flex-start;min-height:44px;line-height:1.5;margin-bottom:12px;text-align:left;white-space:normal}
.gray-related{border-top:1px solid var(--line);padding-top:15px;margin-top:auto;display:flex;flex-direction:column;align-items:flex-start;gap:5px}.gray-related>span{font-size:.5625rem;letter-spacing:1px;color:var(--muted);margin-bottom:6px}.gray-related a{font-size:.8125rem;line-height:1.65;min-height:26px;text-underline-offset:3px}
.gray-card-copy>.gray-card-credit{font-size:.6875rem;margin:17px 0 0;padding-top:12px;border-top:1px solid var(--line);color:#62553d}
.gray-source-note{margin:38px 0 0;padding:25px 0;border-top:3px double var(--line);max-width:850px}.gray-source-note h2{font:400 1.75rem/1.25 var(--serif);margin:0 0 15px}.gray-source-note p{color:var(--muted);line-height:1.8}.gray-source-note a{font-size:.875rem}
.gray-context-links{margin:-8px 0 25px;border-bottom:1px solid var(--line);padding-bottom:15px}.gray-context-links>button{display:flex;gap:14px;align-items:center;text-align:left;width:100%;background:var(--paper);border:1px solid var(--line);padding:10px;margin-bottom:10px;color:var(--ink);cursor:zoom-in;font:400 .875rem/1.4 var(--serif)}.gray-context-links img{width:66px;height:60px;object-fit:contain;background:#fff;flex:none}.gray-context-links small{display:block;font:400 .5625rem/1.7 var(--sans);letter-spacing:1px;color:var(--muted);margin-bottom:4px}.gray-context-all{display:block;font-size:.8125rem;line-height:1.5;padding:10px 0;margin-bottom:15px}.gray-context-links .gray-context-all{margin:0}
.gray-resource{margin-bottom:22px}.gray-resource img{width:85px;height:75px;object-fit:contain;background:white;flex:none}.gray-intro-link{display:block;margin-top:16px;text-align:center;font-size:.8125rem;line-height:1.5;text-underline-offset:3px;min-height:32px}
:root[data-contrast=high] .gray-filters{background:white}
:root[data-contrast=high] :is(.gray-card,.gray-filters,.gray-related,.gray-context-links>button){border-color:#6b7b5d}
:root[data-contrast=high] :is(.gray-card-copy>p,.gray-group,.gray-filter-footer p,.gray-source-note p,.gray-hero p){color:#263e26}
@media(max-width:1250px){.gray-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gray-hero{grid-template-columns:minmax(0,1fr) 245px;gap:25px}.gray-hero-plate img{height:195px}}
@media(max-width:650px){.gray-hero{grid-template-columns:minmax(0,1fr);gap:24px}.gray-hero h1{font-size:2.75rem;letter-spacing:-.8px}.gray-hero-plate{display:grid;grid-template-columns:45% 1fr;gap:0 15px;align-items:center;padding:15px}.gray-hero-plate .folio-plate-number{grid-column:1/-1}.gray-hero-plate img{height:145px}.gray-hero-plate figcaption{border:0}.gray-hero-plate figcaption strong{font-size:1.125rem}.gray-grid{grid-template-columns:minmax(0,1fr)}.gray-selects{grid-template-columns:minmax(0,1fr)}.gray-filters{padding:16px}.gray-card-image img{height:240px}.gray-facts{gap:14px}.gray-resource{align-items:flex-start}.gray-resource img{width:50px;height:65px}.gray-hero-plate .folio-plate-number{letter-spacing:1px}.gray-hero .folio-plate figcaption .text-button{font-size:.75rem}}
@media print{.gray-filters{display:none}.gray-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gray-card{break-inside:avoid;box-shadow:none}.gray-card-image img{height:170px}}
@media(max-width:650px){:root:not([data-text-size=standard]) .gray-hero-plate{display:block}:root:not([data-text-size=standard]) .gray-hero h1{font-size:2.3rem;overflow-wrap:anywhere}}
