.sector-skip { position: fixed; left: 1rem; top: -6rem; z-index: 2000; padding: 1rem; background: white; }
.sector-skip:focus { top: 1rem; }
.sector-hero { padding: 125px 0 65px; background: linear-gradient(140deg, #f0f7fc, #faf8ff); }
.sector-breadcrumb { margin-bottom: 2rem; font-size: .85rem; color: #596675; }
.sector-breadcrumb a { color: #345d8a; }
.sector-hero-grid { display: grid; gap: 2.5rem; align-items: center; }
.sector-label { display: flex; gap: .75rem; align-items: center; font-weight: 600; color: #386591; margin-bottom: 1.25rem; }
.sector-hero h1 { font-size: clamp(2rem, 3.3vw, 3.2rem); line-height: 1.16; letter-spacing: -.035em; overflow-wrap: anywhere; }
.sector-lead { color: #4d5e6e; font-size: 1.1rem; line-height: 1.85; margin: 1.5rem 0; }
.sector-photo { margin: 0; }
.sector-photo img { display: block; width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: cover; border-radius: 1.5rem; }
.sector-photo figcaption { font-size: .75rem; color: #5b6875; margin-top: .6rem; text-align: right; }
.sector-body { max-width: 1000px; padding-top: 2rem; padding-bottom: 5rem; }
.sector-chapter { display: flex; gap: 1.5rem; padding: 2.5rem 0; border-bottom: 1px solid #e3eaf1; }
.sector-chapter p, .sector-faq p { color: #4d5e6e; line-height: 1.9; margin: 1rem 0 0; }
.sector-body h2 { font-size: clamp(1.45rem, 2vw, 1.9rem); line-height: 1.35; }
.sector-number { color: #6b63bc; font-size: 1rem; font-weight: 700; padding-top: .3rem; }
.sector-cta { padding: 2.5rem 0; border-bottom: 1px solid #e3eaf1; }
.sector-chapter .btn { margin-top: 1.5rem; }
.sector-related { padding: 2.5rem 0; }
.sector-related>div { display:flex; flex-wrap:wrap; gap:.6rem; margin-top:1rem; }
.sector-related a { border: 1px solid #cddbe9; padding: .6rem 1rem; border-radius: 2rem; color: #345d8a; font-size: .9rem; }
.sector-faq { scroll-margin-top: 100px; }
.sector-faq details { border-bottom: 1px solid #dce5ef; padding: 1.25rem 0; }
.sector-faq summary { cursor: pointer; font-weight: 600; line-height: 1.6; color: #283a4d; }
.sector-faq summary:focus-visible { outline: 3px solid #627ed0; outline-offset: 5px; }
footer h2 { font-size: 1.2rem; }
@media(min-width:992px) { .sector-hero-grid { grid-template-columns: 1fr 1fr; } }
@media(max-width:575px) { .sector-hero { padding-top: 100px; } .sector-chapter { gap: .75rem; } .sector-body { padding-left: 1.25rem; padding-right: 1.25rem; } }