/* Extends the approved navy, ice-blue and yellow site theme. */
.project-pages{padding:0!important;color:#edf5ff}.pp-wrap{max-width:1240px;margin:auto;padding:32px 36px 0}.project-pages .io-page-hero{padding:0!important}.pp-breadcrumb{display:flex;align-items:center;gap:12px;font-size:11px;color:#91b5d5;line-height:1.7;flex-wrap:wrap}.pp-breadcrumb>span{color:#7191ad}.pp-hero{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end;padding:36px 0 40px}.pp-eyebrow{display:flex;align-items:center;gap:9px;color:#8dc9f1;font-size:10px!important;letter-spacing:.13em;text-transform:uppercase;margin:0 0 16px}.pp-eyebrow svg{width:21px;height:21px;flex:none}body.io-inner #main-content.project-pages h1{font-size:clamp(38px,4.5vw,60px);line-height:1.08;letter-spacing:-.055em;margin:0;color:#f1f6ff}.pp-hero>div>p:not(.pp-eyebrow){font-size:14px;color:#b9cde1;line-height:1.9;margin:0 0 20px}.pp-text-link{display:inline-flex;align-items:center;gap:13px;color:#9ed6ff;font-size:12px;line-height:1.6}.pp-text-link svg{width:18px;height:18px}.pp-directory{border-top:1px solid #8eb5d63b}.pp-toolbar{display:flex;align-items:center;gap:24px;padding:23px 0 17px}.pp-search{flex:1;max-width:435px}body.io-inner #main-content.project-pages input{width:100%;height:47px;padding:0 16px;font-size:12px;border:1px solid #86afd44d;background:#0a2743!important;color:#edf5ff}.pp-difficulty{display:flex;align-items:center;gap:9px;color:#92b0cc;font-size:11px}body.io-inner #main-content.project-pages select{height:43px;padding:0 30px 0 12px;border:1px solid #86afd43b;background:#09243f!important;color:#d7e9f9;font-size:11px}.pp-count{font-size:11px;line-height:1.7;color:#91b0ca;margin:0 0 0 auto}.pp-filters{display:flex;flex-wrap:wrap;gap:7px;padding-bottom:17px}.pp-filters button{display:flex;align-items:center;gap:7px;background:transparent;border:1px solid #85afd03d;border-radius:5px;padding:10px 12px;font-size:10px;color:#b3cce1;white-space:nowrap;min-height:42px}.pp-filters button svg{width:16px;height:16px}.pp-filters button>span{font-size:9px;color:#7d9dbb;margin-left:2px}.pp-filters button[aria-pressed=true]{background:#c4e7ff;border-color:#d8f0ff;color:#173f61}.pp-filters button[aria-pressed=true]>span{color:#557b9a}.pp-category-description{font-size:12px;color:#9cb9d1;line-height:1.7;margin-bottom:22px}.pp-section-title{font-size:17px!important;letter-spacing:-.02em;margin:20px 0 17px}.pp-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.pp-card{background:#10304ecc;border:1px solid #8ab7db3d;border-radius:9px;overflow:hidden;scroll-margin-top:20px}.pp-card-link{display:flex;flex-direction:column;min-height:100%;padding:23px;color:#dcebf9}.pp-featured{border-top:3px solid #ffda00}.pp-card:hover{border-color:#80c9ff}.pp-card-top{display:flex;align-items:center;gap:9px;font-size:10px;color:#9cccf0}.pp-category-icon{width:41px;height:41px;border:1px solid #8db7d54a;border-radius:6px;display:grid;place-items:center;color:#89c9ff;flex:none;background:#113c61}.pp-category-icon svg{width:24px;height:24px}.pp-card-top small{font-size:8px;text-transform:uppercase;letter-spacing:.07em;margin-left:auto;color:#b6cde1}.pp-card h3{font-size:22px!important;line-height:1.25!important;letter-spacing:-.035em!important;margin:22px 0 15px;font-weight:750;color:#edf5ff;min-height:83px}.pp-card-meta{display:flex;gap:13px;font-size:10px;color:#a9c5dc;margin-bottom:17px;flex-wrap:wrap}.pp-card-meta span+span{border-left:1px solid #8db2d24d;padding-left:13px}.pp-card-objective{font-size:13px;line-height:1.85!important;color:#bed2e6;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;margin:0 0 20px;min-height:95px}.pp-tags{display:flex;flex-wrap:wrap;gap:6px}.pp-tags>span{font-size:10px;padding:6px 8px;line-height:1.5;border:1px solid #89b0cf3d;border-radius:4px;color:#adc8df;background:#a9cdec08}.pp-card-type{font-size:10px;line-height:1.7;color:#91afca;margin:21px 0 9px;padding-top:17px;border-top:1px solid #89b0cf30}.pp-status{display:inline-flex;align-items:center;width:fit-content;font-size:10px;line-height:1.6;border:1px solid #9abddd52;border-radius:4px;padding:5px 8px;background:#6e9fc315;color:#b5d5ed}.pp-status.pp-unverified{color:#d9c79c;background:#d9b4560d;border-color:#cdb56b48}.pp-card-action{margin-top:auto;padding-top:23px;display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:700;color:#9fd8ff}.pp-card-action svg{width:20px;height:20px}.pp-linked-record{outline:2px solid #ffda00;outline-offset:5px}.pp-empty{padding:40px 28px;border:1px solid #85aed03b;border-radius:8px;background:#092640}.pp-empty h2{font-size:22px!important;letter-spacing:-.03em;margin:0 0 12px}.pp-empty p{font-size:13px;color:#abc7dd}.pp-empty button{padding:12px 17px;font-size:12px;color:#122f4c;border:0;background:#c4e7ff;border-radius:5px}.pp-record-note{padding:25px 0;margin-top:28px;border-top:1px solid #89b1d336;border-bottom:1px solid #89b1d336}.pp-record-note strong{font-size:13px;font-weight:650;color:#badbf2}.pp-record-note p{max-width:840px;margin:9px 0 0;font-size:12px;line-height:1.9!important;color:#92b0ca}.pp-help{display:flex;justify-content:space-between;align-items:center;gap:35px;padding:33px 0 40px}.pp-help h2{font-size:25px!important;letter-spacing:-.035em;margin:0 0 12px}.pp-help p{font-size:12px;color:#a6c1d8;margin:0}.pp-primary{display:inline-flex;align-items:center;justify-content:center;gap:15px;background:#ffda00;color:#102b45!important;border:1px solid #ffda00;border-radius:5px;padding:14px 17px;font-size:12px;font-weight:750;line-height:1.5;white-space:nowrap}.pp-primary svg{width:18px;height:18px}.pp-primary:hover{background:#ffe84d}.pp-footer{display:flex;justify-content:space-between;align-items:center;gap:25px;background:#051b31e8;border-top:1px solid #8eb6d333;padding:26px max(36px,calc((100% - 1168px)/2))}.pp-footer .io-brand{font-size:20px;letter-spacing:-1px}.pp-footer .io-brand img{width:26px;height:30px}.pp-footer nav{display:flex;gap:23px;font-size:11px;color:#9cbbd5}
.pp-detail-hero{padding:37px 0 36px;max-width:1080px}.pp-detail-hero h1{font-size:clamp(36px,4.1vw,55px)!important;line-height:1.13!important;max-width:1050px}.pp-hero-metadata{display:flex;align-items:center;gap:17px;margin-top:25px;font-size:12px;color:#bdd4e8;flex-wrap:wrap}.pp-detail-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:32px;align-items:start;padding-bottom:45px}.pp-facts{background:#0d2b47cf;border:1px solid #8ab5d63d;border-radius:8px;padding:23px;position:sticky;top:20px}.pp-facts h2{font-size:15px!important;letter-spacing:-.02em;margin:0 0 24px;color:#d7ebfb}.pp-facts dt{font-size:10px;color:#86a8c5;margin:20px 0 7px}.pp-facts dd{font-size:12px;line-height:1.8;color:#d0e4f5;margin:0}.pp-facts dd a{color:#a8ddff;text-decoration:underline;text-underline-offset:4px}.pp-back{display:block;border-top:1px solid #89b1d333;margin-top:25px;padding-top:18px;font-size:11px;color:#a2d2f2}.pp-detail-content{min-width:0}.pp-objective{background:#c4e7ff;color:#173f60;border-top:3px solid #ffda00;border-radius:8px;padding:27px 30px}.pp-objective h2{font-size:13px!important;color:#275d87;letter-spacing:.08em!important;text-transform:uppercase;margin:0 0 14px}.pp-objective p{font-size:18px;line-height:1.7!important;margin:0;color:#173e60}.pp-content-section{border-bottom:1px solid #8fb6d530;padding:28px 0}.pp-content-section h2,.pp-whitepaper h2{font-size:23px!important;font-weight:750;letter-spacing:-.025em;margin:0 0 17px;color:#eff6ff}.pp-content-section h3{font-size:15px!important;margin:24px 0 12px;color:#b8ddf7}.pp-content-section p{font-size:14px;line-height:1.9!important;color:#b6cde1;margin:0}.pp-content-section .pp-tags>span{font-size:12px;padding:8px 11px}.pp-list{padding-left:21px;margin:0;display:grid;gap:10px;list-style:disc}.pp-list li{font-size:13px;line-height:1.85;color:#b6cde1;padding-left:5px}.pp-procedure{list-style:none;padding:0;margin:0;counter-reset:step;display:grid;gap:10px}.pp-procedure li{counter-increment:step;display:flex;gap:15px;align-items:flex-start;padding:15px;background:#0e2c4866;border:1px solid #83afd02b;border-radius:5px;font-size:13px;line-height:1.85;color:#c4d9e9}.pp-procedure li:before{content:counter(step,decimal-leading-zero);color:#8acbf8;font-size:10px;padding-top:3px;flex:none}.pp-muted{font-size:12px!important;color:#87a8c5!important;line-height:1.85!important;margin-top:13px!important}.pp-components{margin:20px 0 0}.pp-components>div{display:grid;grid-template-columns:180px 1fr;gap:17px;border-top:1px solid #85aed033;padding:14px 0}.pp-components dt{font-size:12px;color:#c3dff2;line-height:1.7}.pp-components dd{font-size:12px;line-height:1.8;color:#9dbbd3;margin:0}.pp-verification{padding:18px 21px;border:1px solid #cbb6753d;border-radius:5px;background:#cfbb7909;margin-bottom:20px}.pp-verification strong{font-size:11px;color:#d9cba6;display:block;margin-bottom:8px}.pp-verification p{font-size:12px!important;color:#bfc9c8!important}.pp-related{display:grid;gap:10px}.pp-related a{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 19px;border:1px solid #88b2d046;border-radius:6px;background:#14365261;font-size:13px;color:#b9def7}.pp-related svg{width:19px;height:19px;flex:none}.pp-whitepaper{margin:29px 0;padding:26px 28px;background:#11314e;border:1px solid #84add342;border-radius:8px}.pp-whitepaper>div{position:relative}.pp-whitepaper .pp-eyebrow{font-size:9px!important;margin-bottom:11px}.pp-whitepaper h2{margin-bottom:18px}.pp-paper-status{position:absolute;right:0;top:10px;font-size:10px;color:#aac6dd;border:1px solid #8bb3d548;border-radius:4px;padding:5px 8px}.pp-whitepaper>p:not(.pp-muted){font-size:13px;line-height:1.85!important;color:#b7cfe3;margin:0 0 23px}.pp-whitepaper .pp-muted{font-size:11px!important;margin-bottom:0}
@media(max-width:1050px){.pp-wrap{padding-left:26px;padding-right:26px}.pp-hero{gap:35px}.pp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pp-card h3{min-height:55px}.pp-card:first-child:last-child{max-width:600px}.pp-card-link{padding:22px}.pp-count{font-size:10px}.pp-toolbar{gap:16px}.pp-detail-layout{grid-template-columns:230px 1fr;gap:24px}.pp-facts{padding:20px}.pp-components>div{grid-template-columns:1fr;gap:6px}}
@media(max-width:780px){.pp-wrap{padding:25px 22px 0}.pp-hero{display:block;padding:28px 0}.pp-hero>div+div{margin-top:23px}body.io-inner #main-content.project-pages h1{font-size:42px}.pp-hero>div>p:not(.pp-eyebrow){font-size:13px}.pp-eyebrow{font-size:9px!important;letter-spacing:.1em}.pp-toolbar{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pp-search{grid-column:1/-1;max-width:none}.pp-difficulty{font-size:10px}.pp-difficulty>span{display:none}.pp-count{font-size:9px;text-align:right}.pp-filters{flex-wrap:nowrap;overflow:auto;padding-bottom:15px;scrollbar-width:thin;scrollbar-color:#44749a #0b2641}.pp-filters button{font-size:10px;padding:10px;flex:none}.pp-category-description{font-size:11px;margin-bottom:18px}.pp-grid{grid-template-columns:1fr;gap:19px}.pp-card-link{padding:23px}.pp-card h3{font-size:24px!important;min-height:0;margin-top:20px}.pp-card-objective{font-size:14px;min-height:0}.pp-card-meta{font-size:11px}.pp-card-type{font-size:11px}.pp-card-action{font-size:13px}.pp-tags>span{font-size:11px}.pp-status{font-size:10px}.pp-card-top{font-size:11px}.pp-section-title{font-size:17px!important}.pp-help{display:block;padding:28px 0 32px}.pp-help .pp-primary{margin-top:23px}.pp-help h2{font-size:24px!important}.pp-footer{display:block;padding:23px 22px}.pp-footer nav{margin-top:22px;font-size:10px;gap:22px}.pp-detail-hero{padding:30px 0}.pp-detail-hero h1{font-size:36px!important;overflow-wrap:break-word}.pp-hero-metadata{font-size:11px;gap:13px}.pp-detail-layout{display:flex;flex-direction:column-reverse;gap:25px}.pp-detail-content{width:100%}.pp-facts{position:static;width:100%;padding:23px}.pp-facts dl{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:12px 16px}.pp-facts dt{margin:0;font-size:11px}.pp-facts dd{font-size:12px}.pp-objective{padding:23px}.pp-objective p{font-size:17px}.pp-content-section h2,.pp-whitepaper h2{font-size:22px!important}.pp-content-section p{font-size:14px}.pp-list li{font-size:13px}.pp-content-section{padding:26px 0}.pp-whitepaper{padding:23px 21px}.pp-paper-status{position:static;display:inline-block;margin-bottom:16px}.pp-whitepaper h2{margin-bottom:13px}.pp-objective h2{font-size:12px!important}.pp-procedure li{padding:13px;gap:12px}.pp-record-note p{font-size:12px}}
.project-pages .pp-detail-hero.io-page-hero{padding:37px 0 36px!important}
@media(max-width:780px){.project-pages .pp-detail-hero.io-page-hero{padding:30px 0!important}}
@media(max-width:360px){.pp-wrap{padding-left:16px;padding-right:16px}body.io-inner #main-content.project-pages h1{font-size:37px}.pp-detail-hero h1{font-size:32px!important}.pp-card-link{padding:20px}.pp-difficulty select{max-width:130px}.pp-footer nav{gap:17px}.pp-card-top small{font-size:7px}.pp-objective{padding:20px}.pp-primary{font-size:11px;white-space:normal;text-align:center}.pp-help h2{font-size:22px!important}}

.pp-component-exercise{padding:22px 0;border-top:1px solid rgba(157,198,221,.18)}
.pp-component-exercise:first-of-type{margin-top:22px}
.pp-component-exercise h3{color:var(--io-ice,#bfe5f5);font-size:1.3rem}
.pp-component-exercise h4{margin:20px 0 8px;font-size:.85rem;letter-spacing:.03em}
.pp-live-exercise{padding:26px!important;border:1px solid rgba(250,211,83,.35);border-radius:12px;background:rgba(250,211,83,.035)}