/* Directory content adapters to the approved compact homepage components. */
body.fittings-directory .directory-hero h1{font-size:clamp(30px,3.2vw,44px);line-height:1.15;}
body.fittings-directory .directory-heading{max-width:none;}
body.fittings-directory .directory-heading>p{max-width:780px;}
body.fittings-directory .fb-section-navy .catalog-note,body.fittings-directory .fb-section-navy .fittings-intro-content,body.fittings-directory .fb-section-navy .fittings-intro-panel,body.fittings-directory .fb-section-navy .fittings-standards-content{color:#e4edf5;}
body.fittings-directory .fb-section-navy .fittings-standards-content :is(h2,h3,p,span){color:#e4edf5;}
body.fittings-directory .fittings-standards-content .bw-quality-list{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
body.fittings-directory .fittings-standards-content .bw-quality-list>div{padding:12px;border-left:2px solid #ff965f;}
body.fittings-directory .bw-material.bw-card{grid-template-columns:42px 1fr;}
body.fittings-directory .bw-material h3{font-size:17px;}
body.fittings-directory .directory-hero .bw-lead{color:#c9d5e3;}
@media(max-width:700px){body.fittings-directory .fittings-standards-content .bw-quality-list{grid-template-columns:1fr;}}

/* Approved homepage hero component, directory content. */
body.fittings-directory .directory-hero .catalog-breadcrumb{margin:0 0 14px;color:#c9d5e3;}
body.fittings-directory .directory-hero .catalog-breadcrumb a{color:inherit;}
body.fittings-directory .directory-hero .bw-hero-copy{max-width:820px;}
/* Owner preference: orange hero breadcrumb. */
body.fittings-directory .directory-hero .catalog-breadcrumb,
body.fittings-directory .directory-hero .catalog-breadcrumb a,
body.fittings-directory .directory-hero .catalog-breadcrumb span {color:#ff965f;}

/* Match homepage hero rhythm; keep directory-specific navigation. */
body.fittings-directory .directory-hero .bw-hero-copy{max-width:760px;}
body.fittings-directory .directory-hero .bw-lead{max-width:680px;margin-top:18px;}
body.fittings-directory .directory-hero .catalog-breadcrumb{font-size:12px;margin-bottom:18px;line-height:1.5;}
body.fittings-directory .directory-hero h1{margin-top:0;}
body.fittings-directory .directory-hero .bw-hero-footnote{font-size:12px;color:#c9d5e3;margin-top:14px;}

/* Introduction: homepage section heading and compact navy information panel. */
body.fittings-directory .directory-intro .bw-section-head{align-items:center;}
body.fittings-directory .directory-intro .catalog-note{padding:12px 16px;border-left:3px solid #ff782d;background:#fff;color:#526a80;font-size:13px;line-height:1.7;margin:16px 0;}
body.fittings-directory .directory-intro .fittings-intro-grid{align-items:start;gap:24px;}
body.fittings-directory .directory-intro .fittings-intro-content p{margin:0 0 12px;}
body.fittings-directory .directory-intro .fittings-intro-panel{background:#0b1f3a;color:#e4edf5;border-radius:6px;padding:20px;border-top:2px solid #ff782d;}
body.fittings-directory .directory-intro .fittings-intro-panel>span{color:#ffad73;font-size:10px;letter-spacing:1.3px;font-weight:600;}
body.fittings-directory .directory-intro .fittings-intro-panel h3{color:#fff;font-size:20px;line-height:1.35;margin:8px 0 12px;}
body.fittings-directory .directory-intro .intro-panel-list>div{display:flex;align-items:center;gap:10px;padding-block:5px;}
body.fittings-directory .directory-intro .intro-panel-list i{color:#ff965f;}

/* Compact supporting checklist, scoped to the directory introduction only. */
body.fittings-directory #fitting-overview .fittings-intro-panel{background:#0b1f3a;color:#e4edf5;padding:20px 22px;border:1px solid #29475f;border-top:2px solid #ff782d;border-radius:6px;}
body.fittings-directory #fitting-overview .fittings-intro-panel h3{color:#fff;font-size:20px;margin:8px 0 14px;line-height:1.35;}
body.fittings-directory #fitting-overview .intro-panel-list{display:grid;gap:0;}
body.fittings-directory #fitting-overview .intro-panel-list>div{display:flex;gap:10px;align-items:center;padding:8px 0;border-top:1px solid #29475f;font-size:14px;line-height:1.5;}
body.fittings-directory #fitting-overview .intro-panel-list>div span{color:#e4edf5;}
body.fittings-directory #fitting-overview .intro-panel-list i{color:#ff965f;display:flex;flex:0 0 14px;}
body.fittings-directory #fitting-overview .intro-panel-list svg{width:14px;height:14px;}

/* Balance the introduction columns without adding content. */
body.fittings-directory #fitting-overview .fittings-intro-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:stretch;gap:28px;}
body.fittings-directory #fitting-overview .fittings-intro-panel{width:100%;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;}
body.fittings-directory #fitting-overview .intro-panel-list{width:100%;margin-top:4px;}
body.fittings-directory #fitting-overview .intro-panel-list>div{padding-block:11px;}
@media(max-width:700px){body.fittings-directory #fitting-overview .fittings-intro-grid{grid-template-columns:1fr;gap:18px;}body.fittings-directory #fitting-overview .intro-panel-list>div{padding-block:8px;}}

/* Material overview uses the final approved homepage tile dimensions. */
body.fittings-directory #directory-materials .bw-material{display:flex;align-items:center;gap:12px;padding:12px;min-width:0;}
body.fittings-directory #directory-materials .bw-material-symbol{display:grid;place-items:center;width:42px;height:42px;min-width:42px;flex:0 0 42px;font-size:17px;}
body.fittings-directory #directory-materials .bw-material h3{margin:0;font-size:17px;line-height:1.35;}
body.fittings-directory #directory-materials .bw-section-head{align-items:center;}

/* Standards use approved homepage information-card treatment. */
body.fittings-directory .directory-standards-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;}
body.fittings-directory #directory-standards .bw-info-card{justify-content:center;min-height:76px;border-left:2px solid #ff965f;}
body.fittings-directory #directory-standards .bw-info-card h3{margin:0;font-size:18px;color:#0b1f3a;}
@media(max-width:800px){body.fittings-directory .directory-standards-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:370px){body.fittings-directory .directory-standards-grid{grid-template-columns:1fr;}}

/* FAQ now follows the white materials section with a navy background. */
body.fittings-directory .directory-faq.fb-section-navy .bw-section-head :is(h2,p){color:#e4edf5;}
body.fittings-directory .directory-faq.fb-section-navy .ui-faq{background:#fff;color:#0b1f3a;}
body.fittings-directory .directory-faq.fb-section-navy .ui-faq :is(summary,p){color:#0b1f3a;}