/* Company contact and document pages: shared B direction, October 2026. */
.breadcrumb{font-size:13px;color:#53675f;line-height:1.8}
.breadcrumb a:hover{text-decoration:underline;text-underline-offset:4px}
.breadcrumb [aria-current="page"]{color:#243e34}

body[data-page="/contact"] .page-heading,
body[data-page="/resources"] .page-heading{padding-block:32px 38px}
body[data-page="/contact"] .page-heading .overline,
body[data-page="/resources"] .page-heading .overline{font-size:12px;color:#536e62;margin-bottom:12px}
body[data-page="/contact"] .page-intro,
body[data-page="/resources"] .page-intro{font-size:16px;margin-top:14px;color:#455e51}

.contact-layout{grid-template-columns:minmax(0,1.45fr) minmax(260px,.8fr);gap:clamp(36px,5vw,76px);padding-bottom:80px}
.contact-main{min-width:0}
.contact-form{padding:32px;background:#f4f7f5;border:1px solid #d5e0d9;border-radius:6px;gap:22px}
.contact-form-note{font-size:13px;color:#51665a;line-height:1.7}
.contact-form label{font-size:14px;color:#254637}
.contact-form input,.contact-form select,.contact-form textarea{border-color:#91a69a;border-radius:3px;font-size:16px}
.contact-form input::placeholder,.contact-form textarea::placeholder{font-size:14px;color:#607469}
.contact-form .field-help{font-size:12px;color:#51665a}
.contact-form .check-label{font-size:13px;color:#455e51}
.contact-form .check-label input{width:18px;height:18px}
.contact-form .form-status{font-size:14px}
.contact-form .form-status.is-error{color:#943b31}
.contact-layout .contact-company{padding-top:22px;border-top:2px solid #1c5742;min-width:0}
.contact-layout .contact-company>.b-label{font-size:12px;margin-bottom:18px;line-height:1.6;color:#526e60}
.contact-layout .contact-company>h2{font-size:26px;line-height:1.5;margin-bottom:18px}
.contact-layout .contact-company>p{font-size:14px;color:#52665b}
.contact-company .contact-details{margin-block:28px 20px}
.contact-company .contact-details dt{font-size:13px;color:#52665b}
.contact-company .contact-details dd{font-size:15px;overflow-wrap:anywhere}
.contact-company .small-note{font-size:13px!important;line-height:1.85}
.contact-help-links{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-top:20px}
.contact-help-links .text-link{font-size:14px;min-height:44px;line-height:1.6}
.contact-success{background:#f2f7f4;border-color:#c7d8cd;border-radius:6px}

body[data-page="/resources"] .b-resource-panel{padding:32px;gap:40px;border-radius:6px;background:#f4f7f5}
.b-resource-panel .b-label{color:#526e60;font-size:12px;margin-bottom:14px}
.b-resource-panel h2{font-size:clamp(25px,2.5vw,36px);line-height:1.5}
.b-resource-panel .small-note{font-size:13px!important;color:#53665b}
.b-resource-panel .actions{gap:12px}
.b-resource-panel .actions .button{gap:20px}
.resource-assistant{margin-top:26px;padding-top:20px;border-top:1px solid #cfddd3}
.b-resource-panel .resource-assistant>p{font-size:13px;color:#4e6657;margin-bottom:8px}
.resource-chat-button{display:inline-flex;align-items:center;justify-content:space-between;gap:26px;min-height:44px;padding:9px 0;font-size:14px;font-weight:600;color:#164a35;border-bottom:1px solid #86a28f;line-height:1.6}
.resource-chat-button:hover{color:#216b4c;border-bottom-color:#216b4c}
.resource-chat-button>span{font-size:19px;line-height:1}
.resource-guides{padding-block:64px 70px}
.resource-guides>h2{font-size:30px;margin-bottom:30px}
.resource-guides>a{padding:25px 0;margin-top:0;background:transparent;border:0;border-top:1px solid #cbd8d0;border-radius:0;min-height:88px}
.resource-guides>a:last-child{border-bottom:1px solid #cbd8d0}
.resource-guides>a:hover{background:#f5f8f6}
.resource-guides h3{font-size:21px}
.resource-guides p{font-size:14px;color:#51665a;line-height:1.85}
.resource-guides>a>span:first-child,.resource-guides>a>span:last-child{color:#53785e}

@media(max-width:980px){
 .contact-layout{grid-template-columns:minmax(0,1.35fr) minmax(220px,.85fr);gap:30px}
 .contact-form{padding:26px}
 .contact-form .form-row{grid-template-columns:1fr;gap:20px}
 .contact-layout .contact-company>h2{font-size:23px}
}
@media(max-width:700px){
 body[data-page="/contact"] .page-heading,
 body[data-page="/resources"] .page-heading{padding-block:24px 26px}
 body[data-page="/contact"] .page-heading h1{font-size:30px;line-height:1.4}
 body[data-page="/resources"] .page-heading h1{font-size:32px}
 body[data-page="/contact"] .page-heading .overline,
 body[data-page="/resources"] .page-heading .overline{font-size:13px;margin-bottom:10px}
 body[data-page="/contact"] .page-intro,
 body[data-page="/resources"] .page-intro{font-size:14px;margin-top:12px;line-height:1.85}
 .contact-layout{grid-template-columns:minmax(0,1fr);gap:34px;padding-bottom:45px}
 .contact-form{padding:22px 18px;gap:20px}
 .contact-form .form-row{gap:20px}
 .contact-form-note{font-size:13px}
 .contact-form .field-help{font-size:12px}
 .contact-form>.button{width:100%;min-height:48px;font-size:15px}
 .contact-layout .contact-company{padding-top:24px}
 .contact-layout .contact-company>h2 br{display:none}
 .contact-company .contact-details{margin-block:22px 18px}
 .contact-company .contact-details>div{padding-block:13px}
 .contact-help-links{flex-direction:row;flex-wrap:wrap;gap:12px 24px}
 .contact-success{padding:28px 22px}
 body[data-page="/resources"] .b-resource-panel{padding:18px;gap:24px}
 .b-resource-panel .b-label{font-size:12px}
 .b-resource-panel h2{font-size:25px}
 .b-resource-panel .actions{gap:12px;margin-top:22px}
 .b-resource-panel .actions .button{flex:1;white-space:nowrap;padding-inline:12px;gap:10px;font-size:14px;min-height:46px}
 .resource-assistant{margin-top:22px;padding-top:18px}
 .resource-chat-button{font-size:14px}
 .resource-guides{padding-block:42px 45px}
 .resource-guides>h2{font-size:26px;margin-bottom:25px}
 .resource-guides>a{grid-template-columns:25px minmax(0,1fr) 20px;gap:14px;padding:22px 0}
 .resource-guides h3{font-size:18px}
 .resource-guides p{font-size:14px}
}
