:root{--slate:#2d3e50;--slate-dark:#1c2a38;--slate-light:#3d5268;--slate-pale:#eef1f5;--orange:#e8681a;--orange-light:#f07a30;--orange-dark:#c4540f;--orange-pale:#fef3ec;--critical:#c0392b;--critical-pale:#fdecea;--warning:#e67e22;--warning-pale:#fef5ec;--safe:#27764f;--safe-pale:#d4eddf;--white:#ffffff;--off-white:#f7f5f2;--gray-50:#f0f0ed;--gray-100:#e4e2de;--gray-200:#c8c4be;--gray-400:#928e86;--gray-600:#5c5852;--gray-700:#3d3a36;--dark:#1a1816;--font-serif:Georgia,'Times New Roman',serif;--font-sans:system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--sp-1:0.25rem;--sp-2:0.5rem;--sp-3:0.75rem;--sp-4:1rem;--sp-5:1.25rem;--sp-6:1.5rem;--sp-8:2rem;--sp-10:2.5rem;--sp-12:3rem;--sp-16:4rem;--sp-20:5rem;--max-w:1200px;--max-w-prose:760px;--r-sm:4px;--r-md:8px;--r-lg:12px;--r-xl:20px;--r-full:9999px;--shadow-sm:0 1px 3px rgba(0,0,0,.10),0 1px 2px rgba(0,0,0,.06);--shadow-md:0 4px 12px rgba(0,0,0,.12),0 2px 6px rgba(0,0,0,.08);--shadow-lg:0 12px 32px rgba(0,0,0,.14),0 4px 12px rgba(0,0,0,.10);--transition:200ms ease}*,::after,::before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;overflow-x:hidden}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:1.65;color:var(--dark);background:var(--off-white);overflow-x:hidden;max-width:100%}img{max-width:100%;height:auto;display:block}a{color:var(--orange-dark);text-decoration:underline}a:hover{color:var(--orange)}.container{width:100%;max-width:var(--max-w);margin-inline:auto;padding-inline:var(--sp-6)}.layout-content-sidebar{display:grid;grid-template-columns:1fr 320px;gap:var(--sp-8);align-items:start}.main-content{min-width:0}@media (max-width:900px){.layout-content-sidebar{grid-template-columns:1fr}.sidebar{order:-1}}.site-nav{background:var(--slate-dark);position:sticky;top:0;z-index:100;box-shadow:0 2px 8px rgba(0,0,0,.25)}.site-nav .container{display:flex;align-items:center;gap:var(--sp-8);height:60px}.site-nav .nav-logo{font-family:var(--font-serif);font-size:var(--text-xl);font-weight:700;color:var(--white);text-decoration:none;letter-spacing:-.02em;white-space:nowrap}.site-nav .nav-logo span{color:var(--orange)}.nav-links{display:flex;gap:var(--sp-1);list-style:none;flex:1}.nav-links a{color:rgba(255,255,255,.8);text-decoration:none;padding:var(--sp-2) var(--sp-3);border-radius:var(--r-sm);font-size:var(--text-sm);font-weight:500;transition:color var(--transition),background var(--transition)}.nav-links a.active,.nav-links a:hover{color:var(--white);background:rgba(255,255,255,.1)}.nav-cta{margin-left:auto;background:var(--orange);color:var(--white)!important;border-radius:var(--r-sm);padding:var(--sp-2) var(--sp-4)!important;font-weight:700!important;white-space:nowrap}.nav-cta:hover{background:var(--orange-light)!important}.nav-toggle{display:none;background:0 0;border:none;cursor:pointer;padding:var(--sp-2);margin-left:auto}.nav-toggle span{display:block;width:22px;height:2px;background:var(--white);margin:5px 0;transition:var(--transition)}@media (max-width:768px){.nav-toggle{display:block}.nav-links{display:none;position:absolute;top:60px;left:0;right:0;background:var(--slate-dark);flex-direction:column;padding:var(--sp-4);gap:var(--sp-2);box-shadow:var(--shadow-lg)}.nav-links.is-open{display:flex}.nav-cta{margin-left:0}}.breadcrumb{background:var(--gray-50);border-bottom:1px solid var(--gray-100);padding:var(--sp-3) 0;font-size:var(--text-sm);color:var(--gray-600)}.breadcrumb a{color:var(--orange-dark);text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.hero{background:linear-gradient(135deg,var(--slate-dark) 0,var(--slate) 60%,var(--slate-light) 100%);color:var(--white);padding:var(--sp-16) 0}.hero--home{padding:var(--sp-20) 0;background:linear-gradient(135deg,var(--slate-dark) 0,var(--slate) 50%,#3a5070 100%)}.hero--pillar{padding:var(--sp-12) 0}.hero--info{padding:var(--sp-10) 0}.hero--city{padding:var(--sp-12) 0}.hero h1{font-family:var(--font-serif);font-size:clamp(1.75rem, 4vw, 2.75rem);font-weight:700;line-height:1.2;margin-bottom:var(--sp-4)}.hero-lead{font-size:var(--text-lg);line-height:1.7;color:rgba(255,255,255,.88);max-width:700px;margin-bottom:var(--sp-8)}.hero-stats{display:flex;flex-wrap:wrap;gap:var(--sp-4);margin-top:var(--sp-6)}.stat{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);border-radius:var(--r-md);padding:var(--sp-4) var(--sp-5);min-width:140px;text-align:center}.stat strong{display:block;font-size:var(--text-2xl);font-weight:800;color:var(--orange-light);line-height:1;margin-bottom:var(--sp-1)}.stat span{font-size:var(--text-xs);opacity:.8}.city-badge,.pillar-badge{display:inline-block;background:rgba(232,104,26,.2);border:1px solid rgba(232,104,26,.4);color:var(--orange-light);border-radius:var(--r-full);padding:var(--sp-1) var(--sp-4);font-size:var(--text-sm);font-weight:600;letter-spacing:.03em;margin-bottom:var(--sp-4)}.alert-strip{background:var(--orange-pale);border:1px solid #f0c090;border-left:4px solid var(--orange);border-radius:var(--r-md);padding:var(--sp-4) var(--sp-5);margin-top:var(--sp-6);color:var(--gray-700);display:flex;align-items:flex-start;gap:var(--sp-3);font-size:var(--text-sm)}.alert-strip .alert-icon{font-size:1.25rem;flex-shrink:0;line-height:1.4}.content-section{background:var(--white);border:1px solid var(--gray-100);border-radius:var(--r-lg);padding:var(--sp-8);margin-bottom:var(--sp-6);box-shadow:var(--shadow-sm)}.content-section h2{font-family:var(--font-serif);font-size:var(--text-2xl);color:var(--slate-dark);margin-bottom:var(--sp-4);padding-bottom:var(--sp-3);border-bottom:2px solid var(--orange-pale)}.content-section h3{font-size:var(--text-lg);color:var(--slate);margin:var(--sp-5) 0 var(--sp-2)}.content-section p{margin-bottom:var(--sp-4)}.content-section p:last-child{margin-bottom:0}.content-section ol,.content-section ul{padding-left:var(--sp-5);margin-bottom:var(--sp-4)}.content-section li{margin-bottom:var(--sp-2)}.pillar-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--sp-4);margin-top:var(--sp-4)}.pillar-card{background:var(--white);border:1px solid var(--gray-100);border-radius:var(--r-lg);padding:var(--sp-5);text-decoration:none;color:inherit;transition:box-shadow var(--transition),border-color var(--transition),transform var(--transition);display:flex;flex-direction:column;gap:var(--sp-2)}.pillar-card:hover{box-shadow:var(--shadow-md);border-color:var(--orange);transform:translateY(-2px);text-decoration:none;color:inherit}.pillar-card .card-icon{font-size:1.75rem}.pillar-card .card-title{font-weight:700;font-size:var(--text-base);color:var(--slate-dark)}.pillar-card .card-desc{font-size:var(--text-sm);color:var(--gray-600);line-height:1.5;flex:1}.pillar-card .card-link{font-size:var(--text-sm);font-weight:600;color:var(--orange-dark)}.table-responsive{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:var(--sp-3) 0;border-radius:var(--r-md)}.data-table{width:100%;border-collapse:collapse;font-size:var(--text-sm);margin-top:var(--sp-3)}.data-table th{background:var(--slate);color:var(--white);font-weight:600;padding:var(--sp-3) var(--sp-4);text-align:left;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em}.data-table td{padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--gray-100);vertical-align:top}.data-table tr:nth-child(2n) td{background:var(--off-white)}.data-table tr:hover td{background:var(--orange-pale)}.badge{display:inline-block;padding:2px 10px;border-radius:var(--r-full);font-size:var(--text-xs);font-weight:700;letter-spacing:.04em;text-transform:uppercase}.badge--critical{background:var(--critical-pale);color:var(--critical)}.badge--high{background:var(--warning-pale);color:var(--warning)}.badge--moderate{background:#fef9c3;color:#854d0e}.badge--low{background:var(--safe-pale);color:var(--safe)}.faq-list{display:flex;flex-direction:column;gap:var(--sp-3)}.faq-item{border:1px solid var(--gray-100);border-radius:var(--r-md);overflow:hidden}.faq-question{width:100%;background:var(--slate-pale);border:none;text-align:left;padding:var(--sp-4) var(--sp-5);font-size:var(--text-base);font-weight:600;color:var(--slate-dark);cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:var(--sp-4);transition:background var(--transition)}.faq-question:hover{background:var(--gray-100)}.faq-icon{font-size:var(--text-sm);color:var(--orange);flex-shrink:0}.faq-answer{display:none;padding:var(--sp-4) var(--sp-5);background:var(--white);color:var(--gray-700);border-top:1px solid var(--gray-100);line-height:1.7}.faq-item.is-open .faq-answer{display:block}.faq-item.is-open .faq-icon{transform:rotate(180deg)}.btn{display:inline-block;padding:var(--sp-3) var(--sp-6);border-radius:var(--r-sm);font-weight:700;font-size:var(--text-base);text-decoration:none;border:none;cursor:pointer;transition:background var(--transition),transform var(--transition);line-height:1.3}.btn--primary{background:var(--orange);color:var(--white)}.btn--primary:hover{background:var(--orange-light);color:var(--white);text-decoration:none;transform:translateY(-1px)}.btn--outline{background:0 0;color:var(--orange-dark);border:2px solid var(--orange)}.btn--outline:hover{background:var(--orange-pale)}.btn--full{width:100%;text-align:center}.btn--slate{background:var(--slate);color:var(--white)}.btn--slate:hover{background:var(--slate-light);color:var(--white)}.sidebar{display:flex;flex-direction:column;gap:var(--sp-5)}.sidebar-card{background:var(--white);border:1px solid var(--gray-100);border-radius:var(--r-lg);padding:var(--sp-5);box-shadow:var(--shadow-sm)}.sidebar-card h3{font-size:var(--text-base);font-weight:700;color:var(--slate-dark);margin-bottom:var(--sp-3)}.sidebar-card--featured{border-top:4px solid var(--orange);background:var(--orange-pale)}.sidebar-card--featured h3{color:var(--orange-dark)}.sidebar-links{list-style:none;padding:0}.sidebar-links li{border-bottom:1px solid var(--gray-100)}.sidebar-links li:last-child{border-bottom:none}.sidebar-links a{display:block;padding:var(--sp-2) 0;color:var(--slate);text-decoration:none;font-size:var(--text-sm);font-weight:500;transition:color var(--transition)}.sidebar-links a:hover{color:var(--orange-dark)}.intake-form{display:flex;flex-direction:column;gap:var(--sp-3)}.form-group{display:flex;flex-direction:column;gap:var(--sp-1)}.form-group label{font-size:var(--text-sm);font-weight:600;color:var(--gray-700)}.form-group input,.form-group select,.form-group textarea{width:100%;box-sizing:border-box;padding:var(--sp-3) var(--sp-4);border:1px solid var(--gray-200);border-radius:var(--r-sm);font-size:var(--text-base);font-family:var(--font-sans);background:var(--white);transition:border-color var(--transition),box-shadow var(--transition)}.form-group input:focus,.form-group select:focus{outline:0;border-color:var(--orange);box-shadow:0 0 0 3px rgba(232,104,26,.15)}.tcpa-notice{font-size:var(--text-xs);color:var(--gray-600);line-height:1.5}.tcpa-notice a{color:var(--gray-600)}.home-pillars{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--sp-5);margin-top:var(--sp-8)}.home-pillar-card{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);border-radius:var(--r-lg);padding:var(--sp-5);text-decoration:none;transition:background var(--transition),transform var(--transition)}.home-pillar-card:hover{background:rgba(255,255,255,.18);transform:translateY(-3px);text-decoration:none}.home-pillar-card .hpc-icon{font-size:2rem;margin-bottom:var(--sp-3)}.home-pillar-card .hpc-title{font-weight:700;font-size:var(--text-base);color:var(--white);margin-bottom:var(--sp-2)}.home-pillar-card .hpc-desc{font-size:var(--text-sm);color:rgba(255,255,255,.75);line-height:1.5}.audience-section{background:var(--white);border-radius:var(--r-xl);padding:var(--sp-10);margin:var(--sp-10) 0;box-shadow:var(--shadow-md)}.audience-tabs{display:flex;flex-direction:column;gap:var(--sp-2);margin-bottom:var(--sp-6);border-bottom:2px solid var(--gray-100);padding-bottom:var(--sp-4)}@media (min-width:640px){.audience-tabs{flex-direction:row;flex-wrap:wrap}}.audience-tab{background:0 0;border:none;padding:var(--sp-2) var(--sp-5);border-radius:var(--r-sm);font-size:var(--text-sm);font-weight:600;color:var(--gray-600);cursor:pointer;transition:all var(--transition);text-align:center;box-sizing:border-box}.audience-tab.active,.audience-tab:hover{background:var(--orange);color:var(--white)}.audience-panel{display:none}.audience-panel.active{display:block}.audience-panel h3{font-size:var(--text-xl);color:var(--slate-dark);margin-bottom:var(--sp-3)}.audience-panel p{color:var(--gray-600);margin-bottom:var(--sp-4)}.sister-cta{background:linear-gradient(135deg,var(--slate-dark),var(--slate));color:var(--white);border-radius:var(--r-xl);padding:var(--sp-8) var(--sp-10);display:flex;align-items:center;justify-content:space-between;gap:var(--sp-8);flex-wrap:wrap;margin:var(--sp-8) 0}.sister-cta h2{font-family:var(--font-serif);font-size:var(--text-2xl);margin-bottom:var(--sp-2)}.sister-cta p{color:rgba(255,255,255,.8);font-size:var(--text-sm)}.site-footer{background:var(--slate-dark);color:rgba(255,255,255,.75);padding:var(--sp-12) 0 var(--sp-6);margin-top:var(--sp-16)}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:var(--sp-8);margin-bottom:var(--sp-10)}@media (max-width:900px){.footer-grid{grid-template-columns:1fr 1fr 1fr}}@media (max-width:560px){.footer-grid{grid-template-columns:1fr}}.footer-brand .logo{font-family:var(--font-serif);font-size:var(--text-xl);font-weight:700;color:var(--white);text-decoration:none}.footer-brand .logo span{color:var(--orange-light)}.footer-brand p{font-size:var(--text-sm);margin-top:var(--sp-3);line-height:1.65}.footer-col h4{font-size:var(--text-sm);font-weight:700;color:var(--white);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--sp-4)}.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:var(--sp-2)}.footer-col a{color:rgba(255,255,255,.65);text-decoration:none;font-size:var(--text-sm);transition:color var(--transition)}.footer-col a:hover{color:var(--orange-light)}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:var(--sp-6);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--sp-4);font-size:var(--text-xs);color:rgba(255,255,255,.45)}.footer-disclaimer{border-top:1px solid rgba(255,255,255,.08);margin-top:var(--sp-6);padding-top:var(--sp-4);font-size:var(--text-xs);color:rgba(255,255,255,.35);line-height:1.6}.text-orange{color:var(--orange)}.text-slate{color:var(--slate)}.text-muted{color:var(--gray-600)}.text-sm{font-size:var(--text-sm)}.text-center{text-align:center}.mt-4{margin-top:var(--sp-4)}.mt-6{margin-top:var(--sp-6)}.mt-8{margin-top:var(--sp-8)}.mb-4{margin-bottom:var(--sp-4)}.mb-6{margin-bottom:var(--sp-6)}.inline-cta{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-8);flex-wrap:wrap}.exposure-overview-table{display:none}@media (min-width:901px){.exposure-overview-table{display:block}}@media (max-width:640px){.hero{padding:var(--sp-10) 0}.hero h1{font-size:var(--text-3xl)}.hero-stats{flex-direction:column}.stat{min-width:unset}.content-section{padding:var(--sp-5)}.audience-section{padding:var(--sp-5)}.sister-cta{flex-direction:column;text-align:center}.sister-cta .btn{width:100%;text-align:center;box-sizing:border-box}.data-table{font-size:var(--text-xs)}.data-table td,.data-table th{padding:var(--sp-2) var(--sp-3)}.inline-cta{flex-direction:column!important;text-align:center!important}.inline-cta .btn{width:100%!important;text-align:center!important;box-sizing:border-box}}
/* ── Shipmate module ─────────────────────────────────────────────────────── */
.shipmate-module{background:var(--slate-pale);border:1px solid var(--gray-100);border-radius:var(--r-lg);padding:var(--sp-8);margin-top:var(--sp-8)}.shipmate-module h2{font-family:var(--font-serif);font-size:var(--text-2xl);color:var(--slate-dark);margin-bottom:var(--sp-4);padding-bottom:var(--sp-3);border-bottom:2px solid var(--orange-pale)}.shipmate-count{background:var(--safe-pale);border-left:4px solid var(--safe);border-radius:var(--r-sm);padding:var(--sp-3) var(--sp-4);margin-bottom:var(--sp-4);color:var(--safe);font-size:var(--text-sm)}.shipmate-privacy-note{background:var(--white);border:1px solid var(--gray-100);border-radius:var(--r-md);padding:var(--sp-4);margin-bottom:var(--sp-5);font-size:var(--text-sm);color:var(--gray-600);line-height:1.65}.shipmate-form-wrap{margin-top:var(--sp-5)}.shipmate-form .form-row{display:flex;flex-direction:column;gap:var(--sp-1);margin-bottom:var(--sp-4)}.shipmate-form label:not(.checkbox-label){font-size:var(--text-sm);font-weight:600;color:var(--gray-700)}.shipmate-form input[type=text],.shipmate-form input[type=email],.shipmate-form input[type=tel]{width:100%;padding:var(--sp-3) var(--sp-4);border:1px solid var(--gray-200);border-radius:var(--r-sm);font-size:var(--text-base);font-family:var(--font-sans);background:var(--white);box-sizing:border-box;transition:border-color var(--transition),box-shadow var(--transition)}.shipmate-form input:focus{outline:0;border-color:var(--orange);box-shadow:0 0 0 3px rgba(232,104,26,.15)}.shipmate-form input:disabled{background:var(--gray-50);color:var(--gray-400)}.shipmate-contact{border:1px solid var(--gray-100);border-radius:var(--r-md);padding:var(--sp-5);margin-bottom:var(--sp-4)}.shipmate-contact legend{font-weight:700;font-size:var(--text-sm);color:var(--slate);padding:0 var(--sp-2)}.field-note{font-size:var(--text-xs);color:var(--gray-600);margin-bottom:var(--sp-3)}.consent-block{border:1px solid var(--orange-pale);border-radius:var(--r-md);padding:var(--sp-5);margin-bottom:var(--sp-4);background:var(--orange-pale)}.consent-block legend{font-weight:700;font-size:var(--text-sm);color:var(--slate);padding:0 var(--sp-2)}.checkbox-label{display:flex;align-items:flex-start;gap:var(--sp-3);font-size:var(--text-sm);color:var(--gray-700);cursor:pointer;line-height:1.5}.checkbox-label input[type=checkbox]{flex-shrink:0;margin-top:3px;width:16px;height:16px;accent-color:var(--orange)}.required-consent{font-weight:600}.attorney-disclaimer{font-size:var(--text-xs);color:var(--gray-600);background:var(--gray-50);border-radius:var(--r-sm);padding:var(--sp-3) var(--sp-4);margin-bottom:var(--sp-4);line-height:1.65}.form-error{background:var(--critical-pale);border:1px solid var(--critical);border-radius:var(--r-sm);padding:var(--sp-3) var(--sp-4);color:var(--critical);font-size:var(--text-sm);margin-bottom:var(--sp-4)}.shipmate-success{background:var(--safe-pale);border:1px solid var(--safe);border-radius:var(--r-md);padding:var(--sp-6);text-align:center}.shipmate-success h3{color:var(--safe);margin-bottom:var(--sp-3)}.shipmate-success p{color:var(--gray-700);font-size:var(--text-sm)}.data-removal-note{margin-top:var(--sp-5);font-size:var(--text-xs);color:var(--gray-600)}.req{color:var(--critical);margin-left:2px}@media (max-width:640px){.shipmate-module{padding:var(--sp-5)}.consent-block,.shipmate-contact{padding:var(--sp-4)}}

.form-success{background:var(--safe-pale);border:1px solid var(--safe);border-radius:var(--r-md);padding:var(--sp-5);color:var(--gray-700);margin-bottom:var(--sp-4)}.form-success p{margin:0}.shipmate-form textarea{width:100%;padding:var(--sp-3) var(--sp-4);border:1px solid var(--gray-200);border-radius:var(--r-sm);font-size:var(--text-base);font-family:var(--font-sans);background:var(--white);box-sizing:border-box;transition:border-color var(--transition),box-shadow var(--transition);resize:vertical}.shipmate-form textarea:focus{outline:0;border-color:var(--orange);box-shadow:0 0 0 3px rgba(232,104,26,.15)}

/* ════════════════════════════════════════════════════════════════════════
   Navy section compatibility layer
   Maps the /navy/ pages' class + token vocabulary onto the site's existing
   visual language so they match the rest of asbestos.cam.
   ════════════════════════════════════════════════════════════════════════ */

/* Design-token aliases used throughout the navy pages */
:root{--navy:var(--slate-dark);--steel:var(--gray-600);--border:var(--gray-100)}

/* Lead intro paragraph */
.lead{font-size:var(--text-lg);line-height:1.7;color:var(--gray-700);margin-bottom:var(--sp-5)}

/* Screen-reader-only utility */
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Breadcrumb rendered as a semantic ordered list (navy markup) */
.breadcrumb ol{list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2);padding:0;margin:0}
.breadcrumb li{display:flex;align-items:center;gap:var(--sp-2)}
.breadcrumb li:not(:last-child)::after{content:"\203A";color:var(--gray-400)}
.breadcrumb li[aria-current="page"]{color:var(--gray-600)}

/* Navy hero variant */
.hero--navy{padding:var(--sp-12) 0;background:linear-gradient(135deg,var(--slate-dark) 0,var(--slate) 60%,var(--slate-light) 100%)}
.hero-actions{display:flex;flex-wrap:wrap;gap:var(--sp-4);margin-top:var(--sp-6)}
@media(max-width:560px){.hero-actions{flex-direction:column}.hero-actions .btn{width:100%;text-align:center;box-sizing:border-box}}

/* Content sections rendered as white cards (matches .content-section) */
.section,.content-main>section{background:var(--white);border:1px solid var(--gray-100);border-radius:var(--r-lg);padding:var(--sp-8);margin-bottom:var(--sp-6);box-shadow:var(--shadow-sm)}
.section>h2,.content-main>section>h2{font-family:var(--font-serif);font-size:var(--text-2xl);color:var(--slate-dark);margin-bottom:var(--sp-4);padding-bottom:var(--sp-3);border-bottom:2px solid var(--orange-pale)}
.section h3,.content-main h3{font-size:var(--text-lg);color:var(--slate);margin:var(--sp-5) 0 var(--sp-2)}
.section p,.content-main p{margin-bottom:var(--sp-4)}
.section--highlight{background:var(--orange-pale);border-color:#f0c090}
.section ul,.section ol,.content-main ul,.content-main ol,.info-box ul,.info-card ul{padding-left:var(--sp-5);margin-bottom:var(--sp-4)}
.section li,.content-main li,.info-box li,.info-card li{margin-bottom:var(--sp-2)}

/* Content + sidebar layout (also used as a 2-col content/info-box split) */
.content-with-sidebar{display:grid;grid-template-columns:1fr 320px;gap:var(--sp-8);align-items:start;margin-top:var(--sp-4)}
.content-main{min-width:0}
.content-sidebar{display:flex;flex-direction:column;gap:var(--sp-5)}
@media(max-width:900px){.content-with-sidebar{grid-template-columns:1fr}.content-sidebar{order:-1}}

/* Two-column generic grid */
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-6);margin:var(--sp-4) 0}
@media(max-width:700px){.two-col{grid-template-columns:1fr}}

/* Info boxes / cards */
.info-box,.info-card{background:var(--slate-pale);border:1px solid var(--gray-100);border-radius:var(--r-md);padding:var(--sp-5)}
.info-box h3,.info-card h3{margin-top:0;color:var(--slate-dark)}

/* On-page stat row (dark text, distinct from hero .stat) */
.stat-row{display:flex;flex-wrap:wrap;gap:var(--sp-4);margin:var(--sp-6) 0}
.stat-item{background:var(--slate-pale);border:1px solid var(--gray-100);border-radius:var(--r-md);padding:var(--sp-4) var(--sp-5);min-width:140px;text-align:center}
.stat-number{display:block;font-size:var(--text-2xl);font-weight:800;color:var(--orange-dark);line-height:1;margin-bottom:var(--sp-1)}
.stat-label{font-size:var(--text-xs);color:var(--gray-600)}

/* Exposure / ratings lists + era note */
.exposure-list,.ratings-list{padding-left:var(--sp-5)}
.era-note{background:var(--orange-pale);border-left:4px solid var(--orange);border-radius:var(--r-sm);padding:var(--sp-3) var(--sp-4);font-size:var(--text-sm);color:var(--gray-700);margin-top:var(--sp-3)}

/* Class roster table (matches .data-table styling) */
.class-roster{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:var(--sp-3) 0;border-radius:var(--r-md)}
.roster-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}
.roster-table th{background:var(--slate);color:var(--white);font-weight:600;padding:var(--sp-3) var(--sp-4);text-align:left;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em}
.roster-table td{padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--gray-100);vertical-align:top}
.roster-table tr:nth-child(2n) td{background:var(--off-white)}
.roster-table tr:hover td{background:var(--orange-pale)}

/* Sidebar list (matches .sidebar-links) */
.sidebar-list{list-style:none;padding:0;margin:0}
.sidebar-list li{border-bottom:1px solid var(--gray-100);padding:var(--sp-2) 0;font-size:var(--text-sm)}
.sidebar-list li:last-child{border-bottom:none}
.sidebar-list a{color:var(--slate);text-decoration:none;font-weight:500}
.sidebar-list a:hover{color:var(--orange-dark)}

/* Button aliases (single-dash variants used by navy pages) */
.btn-primary{background:var(--orange);color:var(--white)}
.btn-primary:hover{background:var(--orange-light);color:var(--white);text-decoration:none;transform:translateY(-1px)}
.btn-secondary{background:0 0;color:var(--orange-dark);border:2px solid var(--orange)}
.btn-secondary:hover{background:var(--orange-pale);text-decoration:none}
.btn-full{width:100%;text-align:center}

/* Native <details> FAQ (navy uses this instead of the JS button toggle).
   Override the site's .faq-answer{display:none} which would hide answers. */
details.faq-item{padding:0}
details.faq-item>summary{background:var(--slate-pale);padding:var(--sp-4) var(--sp-5);font-size:var(--text-base);font-weight:600;color:var(--slate-dark);cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:var(--sp-4)}
details.faq-item>summary::-webkit-details-marker{display:none}
details.faq-item>summary::after{content:"+";color:var(--orange);font-size:1.2em;flex-shrink:0}
details.faq-item[open]>summary::after{content:"\2013"}
details.faq-item>summary:hover{background:var(--gray-100)}
details.faq-item .faq-answer{display:block;padding:var(--sp-4) var(--sp-5);background:var(--white);color:var(--gray-700);border-top:1px solid var(--gray-100);line-height:1.7}

/* Pillar-card count line + text links + small disclaimer */
.hpc-count{font-size:var(--text-xs);color:var(--orange-light);font-weight:700;margin-top:var(--sp-2)}
.text-link{font-size:var(--text-sm);font-weight:600;color:var(--orange-dark);text-decoration:none}
.text-link:hover{text-decoration:underline}
.disclaimer-small{font-size:var(--text-xs);color:var(--gray-600);line-height:1.6;margin-top:var(--sp-4)}

/* Ship-type cards (.home-pillar-card) reused on light navy sections inside
   .pillar-grid — give them the light-card treatment (the base style targets
   the dark homepage hero, which uses .home-pillars and is left untouched). */
.pillar-grid .home-pillar-card{background:var(--white);border:1px solid var(--gray-100);box-shadow:var(--shadow-sm);color:inherit}
.pillar-grid .home-pillar-card:hover{background:var(--white);border-color:var(--orange);box-shadow:var(--shadow-md);transform:translateY(-2px)}
.pillar-grid .home-pillar-card .hpc-title{color:var(--slate-dark)}
.pillar-grid .home-pillar-card .hpc-desc{color:var(--gray-600)}
.pillar-grid .home-pillar-card .hpc-count{color:var(--orange-dark)}

/* Visible last-updated line on YMYL navy content pages */
.page-updated{font-size:var(--text-xs);color:var(--gray-600);margin:calc(var(--sp-2) * -1) 0 var(--sp-4);font-style:italic}

/* Class-specific facts list + article byline on navy content pages */
.class-facts{list-style:none;padding:0;margin:0 0 var(--sp-4);display:grid;gap:var(--sp-2)}
.class-facts li{position:relative;padding-left:var(--sp-6);color:var(--gray-700)}
.class-facts li::before{content:"\2693";position:absolute;left:0;color:var(--orange)}
.page-byline{font-size:var(--text-xs);color:var(--gray-600);background:var(--slate-pale);border-left:3px solid var(--orange);border-radius:var(--r-sm);padding:var(--sp-2) var(--sp-4);margin:0 0 var(--sp-4);line-height:1.5}
