/* NAVtoBC: Wissensportal, scoped to the new section. */
.portal-section{background:#f3f7fa;border-top:1px solid #dce5ec;border-bottom:1px solid #dce5ec}
.portal-section .portal-layout{display:grid;grid-template-columns:minmax(0,.84fr) minmax(0,1.3fr);gap:48px;align-items:center}
.portal-section .portal-copy{min-width:0}
.portal-section .portal-copy .eyebrow{font-size:10px;letter-spacing:1.35px}
body.design-v20 .portal-section h2{font-size:clamp(30px,3.2vw,43px);line-height:1.16;letter-spacing:-1.6px;margin:0 0 24px}
.portal-section h2 span{display:block;color:#27637f}
.portal-section .portal-copy p:not(.eyebrow){font-size:14px;line-height:1.8;color:#4f6172;margin:0 0 18px}
.portal-section .portal-copy .portal-lead{font-size:17px;line-height:1.65;color:#203c52}
.portal-section .portal-image-link{color:#225773;font-size:12px;line-height:1.6;margin-top:4px;max-width:100%}
.portal-section .portal-screen{min-width:0;margin:0;background:#fff;border:1px solid #d7e2e9;border-radius:14px;overflow:hidden;box-shadow:0 18px 42px -24px #25445b40}
.portal-section .portal-screen-bar{display:flex;align-items:center;gap:9px;flex-wrap:wrap;padding:14px 18px;border-bottom:1px solid #e1e8ee;background:#fdfefe;color:#526c7e;font-size:9px;line-height:1.6;font-weight:700;letter-spacing:1px}
.portal-section .portal-screen-dot{width:7px;height:7px;flex:none;border-radius:50%;background:#2c7699}
.portal-section .portal-screen-tag{margin-left:auto;letter-spacing:0;font-size:10px;font-weight:500;color:#71818c}
.portal-section .portal-screen>a{display:block}
.portal-section .portal-screen>a:focus-visible{outline-offset:-4px}
.portal-section .portal-screen img{display:block;width:100%;max-width:100%;height:auto}
.portal-section .portal-screen figcaption{padding:14px 18px;border-top:1px solid #e1e8ee;font-size:11px;line-height:1.7;color:#627582;text-align:left}
.portal-section .portal-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin:44px 0 0;padding:30px 0 0;border-top:1px solid #cedce6}
.portal-section .portal-controls>div{min-width:0}
.portal-section .portal-controls dt{color:#203c52;font-weight:650;font-size:14px;line-height:1.5;margin:0 0 10px}
.portal-section .portal-controls dt span{display:block;color:#4d7890;font-size:10px;font-weight:600;letter-spacing:1px;margin-bottom:9px}
.portal-section .portal-controls dd{margin:0;color:#5d6f7d;font-size:12px;line-height:1.8}
.portal-section .portal-next{display:flex;align-items:center;justify-content:space-between;gap:32px;margin-top:32px;padding-top:28px;border-top:1px solid #d5e1e9}
.portal-section .portal-next p{margin:0;max-width:670px;font-size:13px;line-height:1.8;color:#4d6171}
.portal-section .portal-next .button{flex-shrink:0;background:#245d7b;color:#fff;font-size:12px;gap:18px}
.portal-section .portal-next .button:hover{background:#194a65}
@media(max-width:1050px){.portal-section .portal-layout{gap:28px;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}.portal-section .portal-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 32px}.portal-section .portal-next{align-items:flex-start}.portal-section .portal-next p{max-width:500px}}
@media(max-width:800px){.portal-section .portal-layout{grid-template-columns:1fr;gap:30px}.portal-section .portal-copy{max-width:650px}.portal-section .portal-screen{width:100%;max-width:760px}.portal-section .portal-next{flex-direction:column;gap:20px}.portal-section .portal-next p{max-width:none}}
@media(max-width:480px){body.design-v20 .portal-section h2{font-size:33px;letter-spacing:-1.2px}.portal-section .portal-copy .portal-lead{font-size:16px}.portal-section .portal-controls{grid-template-columns:1fr;gap:23px;margin-top:30px;padding-top:25px}.portal-section .portal-controls dt span{display:inline-block;min-width:28px;margin:0 6px 0 0}.portal-section .portal-controls dd{font-size:13px}.portal-section .portal-screen-bar{padding:12px;font-size:8px;gap:7px}.portal-section .portal-screen-tag{font-size:9px}.portal-section .portal-screen figcaption{padding:12px;font-size:11px}.portal-section .portal-next .button{width:100%;font-size:13px}}
@media print{.portal-section{background:#fff}.portal-section .portal-layout{grid-template-columns:1fr 1fr}.portal-section .portal-next .button,.portal-section .portal-image-link{display:none}}