/* Compositions specific to the directions; brand components keep their shared styles. */
.direction-navigation{border-bottom:1px solid var(--public-line);background:#fff}
.direction-navigation>div{display:flex;flex-wrap:wrap;gap:12px 30px;width:min(var(--mb-container-width),calc(100% - var(--mb-container-gutter)));margin:auto;padding:17px 0;font-size:15px}
.direction-navigation a{color:var(--public-muted);text-decoration:none}
.direction-navigation [aria-current]{color:var(--public-blue);font-weight:650}
.direction-site .landing-page__content{gap:0;padding-bottom:64px}
.direction-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}
.direction-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}
.direction-site .mf-direction-card>img{height:230px}
.direction-product-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:var(--mb-hero-gap);align-items:center;width:min(var(--mb-container-width),calc(100% - var(--mb-container-gutter)));margin:48px auto 16px}
.direction-product-hero h1{margin:12px 0 24px;font-size:var(--mb-hero-title-size);line-height:var(--mb-hero-title-line);letter-spacing:var(--mb-hero-title-tracking);font-weight:var(--mb-hero-title-weight)}
.direction-product-hero p{max-width:680px;color:var(--public-muted);font-size:var(--mb-hero-lead-size)}
.direction-product-hero figure{margin:0;min-width:0}
.direction-product-hero img{display:block;width:100%;height:auto;border-radius:20px}
.direction-product-hero figcaption,.direction-product-hero .direction-product-note,.direction-image-note{font-size:12px;color:var(--public-muted)}
.direction-product-hero .public-secondary-button{background:#fff}
.direction-editorial{max-width:1060px}
.direction-editorial p:first-child{margin-top:0}
.direction-editorial p:last-child{margin-bottom:0}
.direction-table-wrap{max-width:100%;overflow:auto;border:1px solid var(--public-line);border-radius:16px}
.direction-table{width:100%;border-collapse:collapse;text-align:left;font-size:16px;line-height:1.6}
.direction-table :is(th,td){padding:21px 24px;vertical-align:top;border-bottom:1px solid var(--public-line)}
.direction-table th{font-weight:650;color:var(--public-ink)}
.direction-table thead{background:#f2f6fa}
.direction-table tbody th{width:25%}
.direction-table td{color:var(--public-muted)}
.direction-table tr:last-child :is(td,th){border-bottom:0}
.direction-size-button{border:1px solid var(--public-blue);border-radius:var(--mb-radius-control);min-height:var(--mb-control-compact-height);padding:var(--mb-control-compact-padding);background:#fff;color:var(--public-blue);font:inherit;font-size:var(--mb-font-control-compact);font-weight:var(--mb-weight-emphasis);line-height:var(--mb-line-control);cursor:pointer;white-space:nowrap}
.direction-size-button:hover{background:#edf4ff}
.direction-checklist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px;padding:0;margin:0;list-style:none;border-top:1px solid var(--public-line)}
.direction-checklist li{padding:22px 0;border-bottom:1px solid var(--public-line);font-size:17px;line-height:1.6}
.direction-faq{max-width:1060px;border-top:1px solid var(--public-line)}
.direction-faq details{border-bottom:1px solid var(--public-line)}
.direction-faq summary{padding:23px 4px;cursor:pointer;font-size:20px;font-weight:600}
.direction-faq p{margin:0 0 24px}
.direction-site #contact{margin-top:var(--mb-section-gap);scroll-margin-top:30px}
.direction-image-note{margin:40px 0 0}
.direction-hub-heading{width:min(var(--mb-container-width),calc(100% - var(--mb-container-gutter)));margin:48px auto 0}
.direction-hub-heading h1{font-size:var(--mb-heading-page-size);line-height:var(--mb-heading-page-line);font-weight:var(--mb-heading-page-weight);letter-spacing:var(--mb-heading-page-tracking)}
.direction-hub-heading p{color:var(--public-muted);max-width:760px}
.direction-hub-heading+section{width:min(var(--mb-container-width),calc(100% - var(--mb-container-gutter)));margin-inline:auto;padding-bottom:64px}
.direction-site :is(button,summary,.direction-table-wrap,a):focus-visible{outline:3px solid var(--public-blue);outline-offset:4px}
@media(max-width:900px){.direction-product-hero{grid-template-columns:1fr}.direction-grid--three{grid-template-columns:repeat(2,minmax(0,1fr))}.direction-table{min-width:680px}.direction-site .mf-direction-card>img{height:210px}}
@media(max-width:600px){.direction-navigation>div{gap:10px 20px;padding:14px 0;font-size:14px}.direction-grid--two,.direction-grid--three,.direction-checklist{grid-template-columns:1fr}.direction-product-hero{margin-top:32px}.direction-product-hero h1{font-size:var(--mb-hero-title-size)}.direction-product-hero p{font-size:var(--mb-hero-lead-size)}.direction-product-hero .landing-hero-actions{margin-top:var(--mb-hero-action-gap);gap:var(--mb-space-4)}.direction-product-hero .landing-hero-actions>a{width:100%;text-align:center}.direction-table :is(th,td){padding:17px 18px}.direction-faq summary{font-size:18px}.direction-site #contact{margin-top:var(--mb-section-gap)}}
