/* Shared education, strategy and risk article reader redesign. */
body.content-reader-open{overflow:hidden}
#modal-root .content-backdrop{z-index:150;display:grid;min-width:0;padding:3vh 2vw}
#modal-root .content-backdrop.content-backdrop-expanded{padding:0}
#modal-root .content-modal-redesign{display:grid;width:min(96vw,1840px);height:min(94dvh,1120px);min-width:0;max-width:100%;max-height:100dvh;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;border:1px solid rgba(63,207,240,.4);border-radius:18px;background:#050a10;color:#e2edf3;box-shadow:0 0 65px rgba(48,202,242,.2),0 35px 90px #000}
#modal-root .content-modal-redesign.content-modal-expanded,#modal-root .content-modal-redesign:fullscreen{width:100vw;height:100dvh;max-width:none;max-height:none;border-radius:0}
#modal-root .content-modal-redesign>header{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:20px;max-height:34dvh;overflow-y:auto;border-bottom:1px solid rgba(72,199,234,.22);background:#07111af7;padding:clamp(16px,1.8vw,28px) clamp(18px,2.4vw,38px)}
#modal-root .content-modal-redesign .content-modal-heading{min-width:0;max-width:105ch}
#modal-root .content-modal-redesign .content-kicker{display:block;color:#68dcf9;font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
#modal-root .content-modal-redesign h2{max-width:none;margin:7px 0 11px;color:#f4fbff;font-size:clamp(22px,2.1vw,34px);line-height:1.18;overflow-wrap:anywhere}
#modal-root .content-modal-redesign .content-byline{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin:0;color:#adc3d0;font-size:11px;line-height:1.5}
#modal-root .content-modal-redesign .content-byline span{color:#d5e7ef;font-size:11px;letter-spacing:0}
#modal-root .content-modal-redesign .content-byline a{color:#68dcf9;overflow-wrap:anywhere}
#modal-root .content-modal-redesign .content-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
#modal-root .content-modal-redesign .content-tags span{color:#a4dceb;font-size:10px;letter-spacing:0}
#modal-root .content-modal-redesign .content-modal-controls{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex:none}
#modal-root .content-modal-redesign .content-modal-controls .btn,#modal-root .content-modal-redesign .content-modal-controls .modal-close{min-height:40px;white-space:nowrap}
#modal-root .content-modal-redesign .content-modal-controls .btn{border-color:#38bdf8;color:#001016;background:#38bdf8}
#modal-root .content-modal-redesign .content-modal-controls .btn span{color:#001016;font-size:10px;letter-spacing:.04em}
#modal-root .content-modal-redesign .content-modal-controls .btn:hover{background:#71d5ff}
#modal-root .content-modal-redesign .modal-close{width:auto;height:40px;padding:0 11px}
#modal-root .content-modal-redesign .modal-close small{font-size:8px}
#modal-root .content-modal-redesign :is(button,a):focus-visible{outline:2px solid #8be4ff;outline-offset:3px}
#modal-root .content-modal-redesign .content-modal-body{min-width:0;min-height:0;overflow:hidden;padding:0}
#modal-root .content-modal-redesign .content-modal-layout{display:grid;width:100%;height:100%;min-width:0;min-height:0;grid-template-columns:minmax(225px,290px) minmax(0,1fr)}
#modal-root .content-modal-redesign .content-modal-navigation{min-width:0;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;border-right:1px solid rgba(72,199,234,.17);background:linear-gradient(180deg,#08131e,#060d14);padding:18px 12px}
#modal-root .content-modal-redesign .content-article-nav-label{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 5px 12px;color:#74dff6;font-size:10px;font-weight:900;letter-spacing:.12em}
#modal-root .content-modal-redesign .content-article-nav-label span{color:#829dab;font-size:10px;letter-spacing:0}
#modal-root .content-modal-redesign .content-article-nav-list{display:grid;gap:5px}
#modal-root .content-modal-redesign .content-article-nav-item{display:grid;width:100%;min-width:0;min-height:45px;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:9px;border:1px solid transparent;border-radius:9px;color:#b8cbd5;background:transparent;padding:8px 9px;text-align:left;cursor:pointer}
#modal-root .content-modal-redesign .content-article-nav-item:hover{border-color:rgba(72,199,234,.22);background:#0a1b28;color:#edfaff}
#modal-root .content-modal-redesign .content-article-nav-item.is-active{border-color:rgba(61,208,241,.48);color:#effcff;background:linear-gradient(90deg,rgba(35,171,206,.2),rgba(35,171,206,.06))}
#modal-root .content-modal-redesign .content-article-nav-number{color:#5fb7ca;font-size:9px;font-weight:900;font-variant-numeric:tabular-nums}
#modal-root .content-modal-redesign .content-article-nav-title{display:-webkit-box;min-width:0;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:11px;font-weight:700;line-height:1.35;overflow-wrap:anywhere}
#modal-root .content-modal-redesign .content-modal-article-pane{min-width:0;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;overflow-anchor:none}
#modal-root .content-modal-redesign .content-article-flow{display:grid;gap:18px;width:100%;max-width:1500px;margin:0 auto;padding:clamp(18px,2vw,32px)}
#modal-root .content-modal-redesign .content-media{width:100%;max-width:100%;margin:0;border:1px solid rgba(67,190,223,.2);border-radius:13px;background:#03070a;overflow:hidden}
#modal-root .content-modal-redesign .content-media img,#modal-root .content-modal-redesign .content-media video{display:block;width:auto;height:auto;max-width:100%;max-height:min(70dvh,860px);object-fit:contain;margin-inline:auto;border:0;border-radius:0;background:#03070a}
#modal-root .content-modal-redesign .content-article-sections{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:14px}
#modal-root .content-modal-redesign .content-article-card{position:relative;min-width:0;align-self:stretch;border:1px solid rgba(73,177,207,.2);border-radius:12px;background:linear-gradient(155deg,#0a151f,#070c12);padding:19px 20px 16px;overflow-wrap:anywhere}
#modal-root .content-modal-redesign .content-article-card::before{position:absolute;top:17px;right:16px;display:grid;width:25px;height:25px;place-items:center;border:1px solid rgba(69,199,228,.25);border-radius:50%;color:#6dddf4;background:rgba(41,153,181,.1);font-size:12px;font-weight:900;content:attr(data-icon)}
#modal-root .content-modal-redesign .content-article-card:has(>h3){padding-top:51px}
#modal-root .content-modal-redesign .content-article-card h3{margin:0 35px 11px 0;color:#74e0f7;font-size:clamp(15px,1.15vw,19px);font-weight:850;line-height:1.35;letter-spacing:.015em;text-transform:none;overflow-wrap:anywhere}
#modal-root .content-modal-redesign .content-article-card h3+h3{margin-top:13px}
#modal-root .content-modal-redesign .content-article-card p,#modal-root .content-modal-redesign .content-article-card li{color:#d5e4eb;font-size:clamp(14px,.94vw,16px);line-height:1.68;overflow-wrap:anywhere}
#modal-root .content-modal-redesign .content-article-card p{margin:0 0 11px}
#modal-root .content-modal-redesign .content-article-card p:last-child{margin-bottom:0}
#modal-root .content-modal-redesign .content-article-card ul,#modal-root .content-modal-redesign .content-article-card ol{display:grid;gap:7px;margin:5px 0 13px;padding-left:22px}
#modal-root .content-modal-redesign .content-article-card li::marker{color:#53cde7}
#modal-root .content-modal-redesign .content-article-card strong{color:#f2fbff;font-weight:800}
#modal-root .content-modal-redesign .content-article-warning{border-color:rgba(247,184,72,.52);background:linear-gradient(145deg,rgba(95,61,16,.28),rgba(10,17,23,.94))}
#modal-root .content-modal-redesign .content-article-warning::before{border-color:rgba(247,184,72,.5);color:#ffd480;background:rgba(169,114,24,.2)}
#modal-root .content-modal-redesign .content-modal-strategy .content-article-sections,#modal-root .content-modal-redesign .content-modal-sizing .content-article-sections{grid-template-columns:repeat(2,minmax(0,1fr))}
#modal-root .content-modal-redesign .content-modal-risk .content-article-sections{grid-template-columns:repeat(2,minmax(0,1fr))}
#modal-root .content-modal-redesign .content-article-card:only-child{grid-column:1/-1}
#modal-root .content-modal-redesign .content-related-route{justify-self:start}
#modal-root .content-modal-redesign>footer{display:flex;min-width:0;min-height:62px;align-items:center;justify-content:center;gap:clamp(10px,2vw,20px);border-top:1px solid rgba(72,199,234,.18);background:#07111a;padding:9px 14px}
#modal-root .content-modal-redesign>footer .btn{min-height:42px}
#modal-root .content-modal-redesign>footer span{min-width:54px;color:#b9cfda;text-align:center;font-size:11px;font-variant-numeric:tabular-nums}
/* Explicit theme reset: theme.css has a high-specificity light/beige modal text rule. */
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #modal-root .content-modal-redesign{color:#e2edf3}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #modal-root .content-modal-redesign :is(h1,h2,h3,h4,p,li,td,th,label,small,dd,dt){color:#d5e4eb}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #modal-root .content-modal-redesign :is(h2){color:#f4fbff}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #modal-root .content-modal-redesign .content-kicker,html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #modal-root .content-modal-redesign .content-article-nav-label,html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #modal-root .content-modal-redesign .content-article-card h3{color:#74e0f7}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #modal-root .content-modal-redesign .content-article-nav-item{color:#b8cbd5}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #modal-root .content-modal-redesign .content-article-nav-item.is-active{color:#effcff}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #modal-root .content-modal-redesign .content-byline{color:#adc3d0}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #modal-root .content-modal-redesign .content-article-warning :is(p,li,h3){color:#f5e6c8}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #modal-root .content-modal-redesign .content-article-warning h3{color:#ffd480}
@media(max-width:900px){
  #modal-root .content-modal-redesign .content-modal-layout{grid-template-columns:minmax(205px,250px) minmax(0,1fr)}
  #modal-root .content-modal-redesign .content-article-flow{padding:20px}
  #modal-root .content-modal-redesign .content-article-sections{gap:11px}
  #modal-root .content-modal-redesign .content-article-card{padding:16px}
  #modal-root .content-modal-redesign .content-article-card:has(>h3){padding-top:48px}
}
@media(max-width:680px){
  #modal-root .content-backdrop{padding:0}
  #modal-root .content-modal-redesign{width:100vw;height:100dvh;max-width:none;max-height:none;border-radius:0;border-right:0;border-left:0}
  #modal-root .content-modal-redesign>header{grid-template-columns:minmax(0,1fr);gap:10px;max-height:none;padding:0 14px 13px}
  #modal-root .content-modal-redesign .content-modal-controls{grid-row:1;justify-content:flex-end;margin:0 -14px 0;padding:8px 14px 5px;border-bottom:1px solid rgba(72,199,234,.12);background:#07111a}
  #modal-root .content-modal-redesign .content-modal-heading{grid-row:2}
  #modal-root .content-modal-redesign h2{font-size:clamp(20px,5.3vw,27px)}
  #modal-root .content-modal-redesign .content-byline{font-size:10px}
  #modal-root .content-modal-redesign .content-modal-layout{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}
  #modal-root .content-modal-redesign .content-modal-navigation{max-height:116px;overflow-x:auto;overflow-y:hidden;border-right:0;border-bottom:1px solid rgba(72,199,234,.17);padding:8px 11px 10px}
  #modal-root .content-modal-redesign .content-article-nav-label{margin:0 3px 6px;font-size:9px}
  #modal-root .content-modal-redesign .content-article-nav-list{display:flex;width:max-content;min-width:100%;gap:6px}
  #modal-root .content-modal-redesign .content-article-nav-item{width:180px;min-height:43px;grid-template-columns:24px minmax(0,1fr);gap:6px;padding:6px 8px}
  #modal-root .content-modal-redesign .content-article-nav-title{-webkit-line-clamp:2;font-size:10px}
  #modal-root .content-modal-redesign .content-article-flow{gap:13px;padding:14px}
  #modal-root .content-modal-redesign .content-article-sections,#modal-root .content-modal-redesign .content-modal-strategy .content-article-sections,#modal-root .content-modal-redesign .content-modal-sizing .content-article-sections,#modal-root .content-modal-redesign .content-modal-risk .content-article-sections{grid-template-columns:minmax(0,1fr)}
  #modal-root .content-modal-redesign .content-article-card{padding:17px 16px 15px}
  #modal-root .content-modal-redesign .content-article-card:has(>h3){padding-top:48px}
  #modal-root .content-modal-redesign .content-article-card p,#modal-root .content-modal-redesign .content-article-card li{font-size:15px}
  #modal-root .content-modal-redesign>footer{min-height:58px;padding-bottom:calc(8px + env(safe-area-inset-bottom))}
}
@media(max-width:390px){
  #modal-root .content-modal-redesign .content-modal-controls .btn,#modal-root .content-modal-redesign .content-modal-controls .modal-close{min-height:37px;padding:0 9px}
  #modal-root .content-modal-redesign .content-modal-controls .modal-close small{display:inline;font-size:8px}
  #modal-root .content-modal-redesign>footer .btn{min-height:39px;padding:0 10px}
  #modal-root .content-modal-redesign .content-article-flow{padding:12px}
}
#modal-root .content-modal-redesign>footer .btn{border-color:rgba(71,193,222,.42);color:#d9f6ff;background:#071923}
#modal-root .content-modal-redesign>footer .btn:hover:not(:disabled){border-color:#60dafa;color:#f2fcff;background:#0c2938}
#modal-root .content-modal-redesign>footer .btn:disabled{border-color:rgba(105,143,159,.3);color:#7894a1;background:#07111a}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #modal-root .content-modal-redesign>footer .btn{color:#d9f6ff}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #modal-root .content-modal-redesign>footer .btn:disabled{color:#7894a1}
#modal-root .content-modal-redesign .content-related-route{justify-self:start;border-color:rgba(71,193,222,.42);color:#d9f6ff;background:#071923}
#modal-root .content-modal-redesign .content-related-route:hover{border-color:#60dafa;color:#f2fcff;background:#0c2938}
html:is([data-cgb-theme="light"],[data-cgb-theme="beige"]) #modal-root .content-modal-redesign .content-related-route{border-color:rgba(71,193,222,.42);color:#d9f6ff;background:#071923}
@media(max-width:680px){#modal-root .content-modal-redesign .content-modal-navigation{scrollbar-width:none}#modal-root .content-modal-redesign .content-modal-navigation::-webkit-scrollbar{display:none}}
/* Position Sizing sections have uneven lengths; flowing intact cards into columns removes grid row gaps. */
#modal-root .content-modal-redesign.content-modal-sizing .content-article-sections{display:block;column-count:2;column-gap:14px}
#modal-root .content-modal-redesign.content-modal-sizing .content-article-card{display:inline-block;width:100%;margin:0 0 14px;break-inside:avoid;vertical-align:top}
@media(max-width:680px){#modal-root .content-modal-redesign.content-modal-sizing .content-article-sections{column-count:1}#modal-root .content-modal-redesign.content-modal-sizing .content-article-card{display:block}}