.pdo-page{background:linear-gradient(180deg,#f3f9ff 0,#fff 360px)}
.pdo-shell{width:min(1120px,calc(100% - 64px));padding-top:18px;padding-bottom:52px}
.pdo-article{max-width:1000px;margin-inline:auto;color:#17345c}
.pdo-shell .breadcrumbs{display:flex;gap:8px;align-items:center;margin:0 0 16px;font-size:12px;color:#637c99;white-space:nowrap;overflow:hidden}
.pdo-heading{padding:4px 0 20px}
.pdo-kicker{margin:0 0 8px;color:#0873f9;font-size:11px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}
.pdo-heading h1{max-width:860px;margin:0;color:#102a55;font:800 clamp(32px,4.3vw,46px)/1.1 Manrope,Inter,"Segoe UI",Arial,sans-serif;letter-spacing:-1.25px}
.pdo-heading h1 span{color:#0873f9}
.pdo-lede{max-width:800px;margin:12px 0 0;color:#526b8c;font-size:17px;line-height:1.55}
.pdo-tags{display:flex;flex-wrap:wrap;gap:7px;margin:15px 0 0;padding:0;list-style:none}
.pdo-tags li{padding:4px 10px;border:1px solid #d7e7f5;border-radius:30px;background:#f6fbff;color:#496786;font-size:11px;font-weight:650}
.pdo-meta{display:flex;flex-wrap:wrap;gap:8px 18px;margin:14px 0 0;padding:0;list-style:none;color:#617994;font-size:12px}.pdo-meta li+li::before{content:"";display:inline-block;width:1px;height:13px;margin:0 14px -2px 0;background:#cfdeee}
.pdo-challenges-heading{display:flex;align-items:center;gap:16px;margin:25px 0 0}.pdo-challenges-heading h2{margin:0;color:#102a55;font:750 clamp(21px,2.5vw,27px)/1.25 Manrope,Inter,"Segoe UI",Arial,sans-serif;letter-spacing:-.45px}.pdo-challenges-heading span{height:1px;flex:1;background:#9bcaf4}
.pdo-intro{padding:19px 22px;border:1px solid #e1edf7;border-radius:13px;background:linear-gradient(120deg,#f5faff,#fff);box-shadow:0 8px 24px rgba(27,83,130,.035)}
.pdo-intro p,.pdo-copy>p{margin:0;color:#405a7d;font-size:15px;line-height:1.7}
.pdo-toc{display:flex;gap:8px;overflow-x:auto;margin:20px 0 24px;padding:2px 1px 8px;scrollbar-width:thin;scrollbar-color:#b7d4ee transparent;overscroll-behavior-inline:contain}
.pdo-toc a{display:inline-flex;flex:0 0 auto;align-items:center;gap:8px;padding:8px 12px;border:1px solid #dfebf6;border-radius:9px;background:#fff;color:#375779;text-decoration:none;font-size:12px;font-weight:650;transition:background .18s,border-color .18s,transform .18s}
.pdo-toc a:hover{border-color:#8fc5f6;background:#f2f8ff;transform:translateY(-1px)}
.pdo-toc a:focus-visible,.pdo-back a:focus-visible{outline:3px solid #f1b840;outline-offset:3px}
.pdo-toc a span{display:grid;width:23px;height:23px;place-items:center;border-radius:50%;background:#e8f3ff;color:#0873f9;font-size:10px}
.pdo-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:center;padding:22px 0;border-top:1px solid #e3edf7;scroll-margin-top:24px}
.pdo-section-reverse{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.pdo-copy{max-width:520px}.pdo-section-reverse .pdo-figure{grid-column:1;grid-row:1}.pdo-section-reverse .pdo-copy{grid-column:2;grid-row:1}
.pdo-section-heading{display:flex;align-items:flex-start;gap:13px;margin-bottom:12px}
.pdo-section-heading h2{margin:2px 0 0;color:#102a55;font:750 clamp(20px,2.25vw,25px)/1.25 Manrope,Inter,"Segoe UI",Arial,sans-serif;letter-spacing:-.4px}
.pdo-number{display:grid;flex:0 0 39px;width:39px;height:39px;place-items:center;border-radius:50%;background:linear-gradient(145deg,#dfeaff,#bdccff);color:#1749aa;font-size:14px;font-weight:800}
.pdo-number-amber{background:linear-gradient(145deg,#fff0ce,#ffd68a);color:#9b5b05}.pdo-number-violet{background:linear-gradient(145deg,#eee3ff,#d4c1ff);color:#6742bc}.pdo-number-teal{background:linear-gradient(145deg,#d9f5ef,#a9e6d7);color:#087965}
.pdo-figure{width:min(100%,520px);min-width:0;margin:0 auto;padding:9px;border:1px solid #e1edf7;border-radius:13px;background:linear-gradient(145deg,#f1f8ff,#fbfdff);box-shadow:0 9px 24px rgba(24,74,122,.045)}
.pdo-figure-art{display:block;width:100%;overflow:hidden;border-radius:8px;background:#f4f9fe}
.pdo-figure-art img,.pdo-figure-art svg{display:block;width:100%;height:auto;object-fit:contain}
.pdo-figure figcaption{margin:8px 5px 1px;color:#637b96;font-size:11px;line-height:1.45;text-align:center}
.placeholder-art{display:grid;place-items:center;border:1px dashed #9ebbd6;background:repeating-linear-gradient(135deg,#f7fbff 0 12px,#eef6fd 12px 24px);color:#607d9a;font-size:13px;font-weight:650}
.pdo-recap{display:grid;grid-template-columns:42px 1fr;gap:14px;align-items:start;margin:24px 0 0;padding:20px 22px;border:1px solid #d9e9f7;border-radius:13px;background:linear-gradient(115deg,#edf7ff,#f9fbff)}
.pdo-recap-mark{display:grid;width:36px;height:36px;place-items:center;border-radius:11px;background:#dceeff;color:#0873f9;font-size:21px;font-weight:800}
.pdo-recap h2{margin:1px 0 6px;color:#102a55;font:750 19px/1.3 Manrope,Inter,"Segoe UI",Arial,sans-serif}
.pdo-recap p{margin:0;color:#496584;font-size:14px;line-height:1.65}
.pdo-back{margin:22px 0 0;text-align:center}.pdo-back a{color:#086de1;font-size:13px;font-weight:700;text-decoration:none}.pdo-back a:hover{text-decoration:underline}
.pdo-page .footer-logo img{width:42px;height:42px}.pdo-page .inner-footer .footer-grid{grid-template-columns:1.1fr .7fr 1.5fr .9fr}.pdo-page .inner-footer .footer-grid>div{min-width:0}.pdo-page .inner-footer .footer-grid a{overflow-wrap:anywhere}
@media(max-width:900px){.pdo-shell{width:calc(100% - 48px)}.pdo-section,.pdo-section-reverse{grid-template-columns:minmax(0,1fr);gap:16px}.pdo-section-reverse .pdo-copy{grid-column:1;grid-row:1}.pdo-section-reverse .pdo-figure{grid-column:1;grid-row:2}.pdo-copy{max-width:100%}.pdo-figure{width:min(100%,760px)}.pdo-section-heading{gap:10px}.pdo-number{flex-basis:35px;width:35px;height:35px}}
@media(max-width:680px){.pdo-shell{width:calc(100% - 32px);padding-top:14px;padding-bottom:36px}.pdo-shell .breadcrumbs{margin-bottom:13px;font-size:11px}.pdo-heading{padding-bottom:16px}.pdo-heading h1{font-size:clamp(29px,8vw,36px);letter-spacing:-.7px}.pdo-lede{font-size:15px}.pdo-intro{padding:16px;border-radius:11px}.pdo-intro p,.pdo-copy>p{font-size:14px;line-height:1.68}.pdo-toc{margin:16px 0 15px}.pdo-toc a{font-size:11px;padding:7px 10px}.pdo-section,.pdo-section-reverse{gap:13px;padding:20px 0}.pdo-section-heading{margin-bottom:9px}.pdo-section-heading h2{font-size:21px}.pdo-figure{padding:8px}.pdo-figure-art{aspect-ratio:auto}.pdo-recap{grid-template-columns:34px 1fr;gap:10px;padding:16px}.pdo-recap-mark{width:31px;height:31px}.pdo-recap p{font-size:13px}.pdo-page .inner-footer .footer-grid{grid-template-columns:1fr;gap:19px}}
@media(max-width:360px){.pdo-heading h1{font-size:28px}.pdo-section-heading h2{font-size:19px}.pdo-number{flex-basis:32px;width:32px;height:32px;font-size:12px}}
@media(prefers-reduced-motion:reduce){.pdo-toc a{transition:none}}