.portalGuide{padding:0;border:1px solid #dce5ed;border-radius:20px;width:min(1120px,calc(100vw - 48px));height:min(820px,calc(100dvh - 48px));max-width:none;max-height:none;color:#142b42;background:#fff;box-shadow:0 24px 90px #071a3340;overflow:hidden}
.portalGuide[open]{display:flex;flex-direction:column}.portalGuide::backdrop{background:#071a3399;backdrop-filter:blur(3px)}.portalGuide *{box-sizing:border-box}.portalGuide button,.portalGuide input,.portalGuide select{font:inherit;min-height:44px}.portalGuide button{cursor:pointer;border:1px solid #dce5ed;border-radius:10px;padding:10px 14px;background:white;color:#142b42;white-space:normal}.portalGuide button:hover{background:#eef5fa}.portalGuide :focus-visible{outline:3px solid #2476c5;outline-offset:2px}.guideHead{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:24px 28px;background:#f3f7fa;border-bottom:1px solid #dce5ed;flex-shrink:0}.guideEyebrow{font:700 11px/1.5 system-ui;letter-spacing:.12em;color:#52778c;margin:0 0 8px;text-transform:uppercase}.guideHead h2{font-size:30px;margin:0 0 8px;color:#071a33}.guideHead p:last-child{margin:0;font-size:14px}.guideClose{flex-shrink:0}.guideControls{display:grid;grid-template-columns:1.6fr 1fr;gap:16px;padding:20px 28px 12px;flex-shrink:0}.guideControls label{display:grid;gap:7px;font-size:12px;font-weight:700}.guideControls input,.guideControls select{width:100%;min-width:0;padding:11px 12px;border:1px solid #cbd9e3;border-radius:10px;color:#142b42;background:#fff;font-size:16px}.guideShortcuts{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:0 28px 16px;border-bottom:1px solid #dce5ed;flex-shrink:0}.guideShortcuts span{margin-left:auto;color:#65798a;font-size:12px}.guideShortcuts button{font-size:12px}.guideShortcuts button:disabled{opacity:.5;cursor:default}.guideBody{display:grid;grid-template-columns:290px minmax(0,1fr);flex:1;min-height:0}.guideTopics{overflow:auto;border-right:1px solid #dce5ed;padding:14px;background:#f8fafc;overscroll-behavior:contain}.guideTopics button{width:100%;display:block;text-align:left;border-color:transparent;background:transparent;margin:0 0 5px;font-size:13px;line-height:1.5}.guideTopics button[aria-current=true]{background:#e6f0f7;border-color:#bdd4e5;color:#0b4874;font-weight:700}.guideArticle{padding:28px 32px;overflow:auto;min-width:0;overscroll-behavior:contain;overflow-wrap:anywhere}.guideArticle h3{font-size:24px;line-height:1.3;margin:0 0 20px}.guideArticle ol{padding-left:25px;margin:0 0 24px}.guideArticle li{padding-left:8px;margin-bottom:18px;font-size:15px;line-height:1.8}.guideArticle li::marker{color:#24678d;font-weight:700}.guidePrimary{background:#102d49!important;color:#fff!important}.guideRelated{border-top:1px solid #dce5ed;margin-top:28px;padding-top:16px}.guideRelated h4{font-size:13px;margin:0 0 12px}.guideRelated button{margin:0 8px 8px 0;font-size:12px}.guideFooter{padding:12px 28px;border-top:1px solid #dce5ed;display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;color:#61778a;font-size:11px;flex-shrink:0}
@media(max-width:700px){.portalGuide{width:calc(100vw - 16px);height:calc(100dvh - 16px);border-radius:14px}.guideHead{padding:16px;gap:10px}.guideHead h2{font-size:25px}.guideHead p:last-child{font-size:12px}.guideControls{padding:14px 16px 10px;gap:10px;grid-template-columns:1fr}.guideShortcuts{padding:0 16px 10px}.guideBody{display:flex;flex-direction:column}.guideTopics{max-height:145px;flex:0 0 120px;border-right:0;border-bottom:1px solid #dce5ed;padding:8px}.guideArticle{padding:18px;flex:1}.guideArticle h3{font-size:21px}.guideFooter{padding:8px 16px;font-size:10px}.guideHead .guideEyebrow{font-size:9px}.guideClose{font-size:12px!important}}
@media(max-height:560px){.portalGuide{overflow:auto}.guideBody{min-height:300px;flex:none}.guideArticle{max-height:380px}.guideTopics{max-height:380px}}