/* Shared product-grade patterns for the local learning workspace. */
.skip-link{position:fixed;z-index:1000;top:8px;left:8px;transform:translateY(-160%);padding:11px 15px;border-radius:8px;background:#173f43;color:#fff;font-weight:700}.skip-link:focus{transform:translateY(0)}
.platform-main{max-width:1160px}.platform-head{padding-bottom:8px;border-bottom:1px solid #e2ebe5}.platform-head .eyebrow{font-size:10px}.platform-head h1{max-width:780px}.platform-head p{font-size:15px;max-width:720px}
.platform-card,.platform-panel,.journey-grid a{transition:box-shadow .18s,border-color .18s,transform .18s}.platform-card:hover,.project-card:hover{border-color:#b9d7c3;box-shadow:0 14px 34px #183b3a12}.platform-main button,.platform-btn{transition:transform .16s,background .16s,box-shadow .16s}.platform-main button:hover,.platform-btn:hover{transform:translateY(-1px);box-shadow:0 8px 20px #183b3a20}.platform-main button:focus-visible,.platform-btn:focus-visible,.platform-main a:focus-visible,.platform-nav-extra button:focus-visible{outline:3px solid #e47857;outline-offset:3px}
.platform-main h2{font-size:clamp(19px,2.4vw,25px)}.platform-main input,.platform-main select,.platform-main textarea{min-height:44px}.platform-main textarea{resize:vertical}.platform-form-grid{align-items:start}.platform-result h2{margin-top:7px}.path-form-intro{margin-bottom:20px}.path-form-intro small{font-size:10px;letter-spacing:.9px;color:#247b63;font-weight:800}.path-form-intro h2{font:800 clamp(24px,3vw,34px) Manrope;margin:10px 0 6px}.path-form-intro p{margin:0;color:#65796f}.starting-path-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0}.starting-path-steps>div{display:grid;gap:8px;padding:14px;background:#fff;border:1px solid #dce9df;border-radius:12px}.starting-path-steps small{font-size:8px;letter-spacing:1px;color:#247b63;font-weight:800}.starting-path-steps b{font:700 13px/1.45 Manrope;color:#22443e}.match-alternatives{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}.match-alternatives a{padding:9px 12px;border-radius:999px;background:#fff;color:#176d57;border:1px solid #dce9df;font-size:12px;font-weight:700}.platform-result>small{color:#267b64;font-size:9px;letter-spacing:1px;font-weight:800}
.project-filters{display:grid;grid-template-columns:1.3fr repeat(4,minmax(130px,1fr));align-items:end;gap:12px;margin:22px 0}.project-filters label{margin:0;font-size:12px}.project-grid{align-items:start}.project-card{display:flex;flex-direction:column;height:100%}.project-card>small{line-height:1.5}.project-card h2{font-size:20px}.project-card>p{font-size:13px}.project-card details{margin:7px 0 12px;border-block:1px solid #e4ebe5;padding:11px 0}.project-card summary{cursor:pointer;color:#176d57;font-weight:700;font-size:12px;min-height:28px;display:flex;align-items:center}.project-card details[open] summary{margin-bottom:10px}.project-card dl{display:grid;grid-template-columns:130px 1fr;gap:7px 12px;margin:0;font-size:11px;line-height:1.55}.project-card dt{color:#267b63;font-weight:700}.project-card dd{margin:0;color:#60766e}.project-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:10px}.project-actions button{font-size:11px;padding:9px 11px}.platform-empty{padding:20px;border-radius:12px;background:#f2f7f2;color:#5d7268}.platform-empty a{color:#176d57;text-decoration:underline}
.dashboard-overview{background:linear-gradient(120deg,#f0f7ef,#f8faf7 68%,#fff8f1);padding:clamp(20px,3.5vw,34px)}.dashboard-lead{display:flex;align-items:center;justify-content:space-between;gap:20px}.dashboard-lead>div:first-child>small,.next-action-card>div>small{font-size:9px;letter-spacing:1.1px;font-weight:800;color:#267b63}.dashboard-lead h2{font:800 clamp(24px,3.4vw,36px)/1.15 Manrope;color:#1b3e42;margin:10px 0}.dashboard-lead p{color:#62776e}.overall-progress{display:grid;place-items:center;align-content:center;min-width:108px;min-height:108px;border-radius:50%;border:8px solid #d8ebdc;border-right-color:#168c70;background:#fff}.overall-progress strong{font:800 25px Manrope;color:#176d57}.overall-progress small{font-size:9px;color:#697e74}.dashboard-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:22px}.dashboard-metrics>div{display:grid;gap:6px;padding:14px;border:1px solid #e0eae2;border-radius:13px;background:#fff}.dashboard-metrics small{font-size:8px;letter-spacing:.9px;font-weight:800;color:#267b63}.dashboard-metrics b{font:800 21px Manrope;color:#1d4141}.dashboard-metrics span{font-size:10px;color:#708177}.dashboard-metrics i{height:6px;border-radius:99px;background:#eaf0ea;overflow:hidden}.dashboard-metrics i em{display:block;height:100%;border-radius:inherit;background:#168c70}.next-action-card{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:16px 0;padding:24px 28px;border-radius:18px;background:#173f43;color:#fff}.next-action-card h2{font:800 24px Manrope;margin:8px 0}.next-action-card p{max-width:640px;color:#d2e3dc;line-height:1.6}.next-action-card .platform-btn{display:inline-block;margin-top:8px;background:#d5f28b;color:#173f43}.dashboard-next-icon{display:grid;place-items:center;width:66px;height:66px;border-radius:20px;background:#ffffff19;color:#d5f28b;font-size:35px}.dashboard-grid{margin-top:18px}.dashboard-clear{margin-top:20px}.dashboard-clear h2{font-size:18px}.dashboard-clear button{margin-top:7px}
.site-search-dialog{width:min(680px,calc(100% - 24px));max-width:none;max-height:min(80vh,780px);overflow:auto}.site-search-dialog::backdrop{background:#10201db0;backdrop-filter:blur(3px)}.site-search-dialog .platform-panel{border:0;box-shadow:none;padding:clamp(18px,4vw,30px)}.site-search-dialog h2{margin-top:0}.site-search-dialog input{margin-top:7px}.search-hint,.search-empty{padding:14px;border-radius:12px;background:#f2f7f2;color:#60766e;font-size:13px}.search-hint button{display:inline!important;background:#fff!important;color:#176d57!important;border:1px solid #dce9df!important;padding:6px 10px!important;margin:0 3px}.search-empty a{color:#176d57;text-decoration:underline}.search-results-group{margin:17px 0}.search-results-group h3{font:700 11px Manrope;letter-spacing:.8px;color:#267b63;text-transform:uppercase}.search-results-group>a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid #e5ece6}.search-results-group>a b{font-size:13px}.search-results-group>a span{font-size:10px;color:#71837a;white-space:nowrap}
body[data-theme=dark] .skip-link{background:#d5f28b;color:#153b3c}body[data-theme=dark] .platform-head{border-color:#324740}body[data-theme=dark] .starting-path-steps>div,body[data-theme=dark] .match-alternatives a,body[data-theme=dark] .project-filters select,body[data-theme=dark] .dashboard-overview,body[data-theme=dark] .dashboard-metrics>div,body[data-theme=dark] .overall-progress,body[data-theme=dark] .search-hint,body[data-theme=dark] .search-empty{background:#1b302d;border-color:#344c43}body[data-theme=dark] .starting-path-steps b,body[data-theme=dark] .dashboard-lead h2,body[data-theme=dark] .dashboard-metrics b{color:#e4efe9}body[data-theme=dark] .project-card details{border-color:#344c43}body[data-theme=dark] .project-card summary,body[data-theme=dark] .project-card dt,body[data-theme=dark] .match-alternatives a,body[data-theme=dark] .search-results-group h3{color:#8cd0ad}body[data-theme=dark] .project-card dd,body[data-theme=dark] .dashboard-lead p,body[data-theme=dark] .dashboard-metrics span,body[data-theme=dark] .search-results-group>a span{color:#b8c9c0}body[data-theme=dark] .platform-empty{background:#1b302d;color:#c4d4cb}body[data-theme=dark] .site-search-dialog,body[data-theme=dark] .site-search-dialog .platform-panel{background:#142221;color:#e6f0eb}body[data-theme=dark] .search-results-group>a{border-color:#344c43}
@media(max-width:1000px){.project-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.project-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.starting-path-steps{grid-template-columns:1fr}.dashboard-lead{align-items:flex-start}.overall-progress{min-width:82px;min-height:82px;border-width:6px}.overall-progress strong{font-size:21px}.dashboard-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.next-action-card{padding:20px}.dashboard-next-icon{width:50px;height:50px;border-radius:15px;font-size:28px}.project-card dl{grid-template-columns:1fr;gap:2px}.project-card dd{margin-bottom:7px}}
@media(max-width:420px){.project-filters{grid-template-columns:1fr}.dashboard-lead{display:grid;grid-template-columns:1fr auto;gap:10px}.dashboard-metrics{gap:8px}.dashboard-metrics>div{padding:11px}.next-action-card h2{font-size:20px}.next-action-card p{font-size:12px}.search-results-group>a{align-items:flex-start;flex-direction:column;gap:4px}}.portfolio-layout{display:grid;grid-template-columns:minmax(300px,.88fr) minmax(0,1.12fr);gap:16px;align-items:start}.portfolio-layout>form{position:sticky;top:92px;max-height:calc(100vh - 110px);overflow:auto}.portfolio-form-actions{display:flex;flex-wrap:wrap;gap:8px}.portfolio-form-actions button{font-size:11px}.portfolio-preview{min-height:500px}.portfolio-output{max-width:100%;padding:clamp(18px,3vw,32px);border-radius:15px;background:#fff;color:#18343b;border:1px solid #e1ebe4}.portfolio-output header{height:auto;display:block;padding:0 0 22px;border-bottom:1px solid #e0eae2;margin-bottom:22px}.portfolio-output header small,.portfolio-output section>small{font-size:9px;letter-spacing:1px;color:#228267;font-weight:800}.portfolio-output header h2{font:800 clamp(28px,4vw,42px)/1.1 Manrope;margin:12px 0 7px}.portfolio-output .portfolio-title{font-size:16px;color:#60766e}.portfolio-output section{margin:20px 0}.portfolio-output section h3{font:700 15px Manrope;color:#22423f}.portfolio-output section p{font-size:13px;line-height:1.7;color:#5e746b;white-space:pre-wrap}.portfolio-output article{padding:14px;border:1px solid #e1ebe4;border-radius:12px;margin:10px 0}.portfolio-output article h4{margin:0;font:700 14px Manrope}.portfolio-output article small{font-size:8px;letter-spacing:.9px;color:#267b63;font-weight:700}.portfolio-tags{display:flex;gap:6px;flex-wrap:wrap}.portfolio-tags span{padding:5px 9px;border-radius:999px;background:#edf5ef;color:#176d57;font-size:10px}.portfolio-output a{color:#176d57;text-decoration:underline}.portfolio-quiet{box-shadow:none;border-radius:0;border-inline:0}.portfolio-studio{border-top:6px solid #168c70;background:linear-gradient(150deg,#fff,#f4fbf5)}
.simulator-brief{padding:19px;border-radius:14px;background:#f0f6ef;border:1px solid #dfeae1}.simulator-brief small{font-size:9px;letter-spacing:1px;color:#247b63;font-weight:800}.simulator-brief h2{margin:8px 0}.simulator-brief p{margin:0}.sim-score{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.sim-score small{font-size:9px;letter-spacing:1px;color:#267b63;font-weight:800}.sim-score strong{font:800 32px Manrope;color:#1b6f56}.sim-score strong span{font-size:15px;color:#71837a}.sim-score p{flex-basis:100%;margin:0}.sim-feedback-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:15px 0}.sim-feedback-grid>section{padding:14px;border-radius:12px;background:#fff;border:1px solid #dfebe2}.sim-feedback-grid h3{font:700 13px Manrope;color:#22443e}.sim-feedback-grid p{font-size:12px}.sim-better{padding:13px 0;border-top:1px solid #dce9df}.sim-better summary{cursor:pointer;color:#176d57;font-weight:700}.sim-better>p{padding:12px;background:#fff;border-radius:10px;line-height:1.7}.sim-better>small{color:#6b8075}
body[data-theme=dark] .portfolio-output{background:#1a2e2b;color:#e6f0eb;border-color:#344c43}body[data-theme=dark] .portfolio-output header,body[data-theme=dark] .portfolio-output article,body[data-theme=dark] .sim-feedback-grid>section{border-color:#344c43}body[data-theme=dark] .portfolio-output section h3,body[data-theme=dark] .portfolio-output article h4{color:#e2eee7}body[data-theme=dark] .portfolio-output section p,body[data-theme=dark] .portfolio-output .portfolio-title{color:#bdcec4}body[data-theme=dark] .portfolio-tags span,body[data-theme=dark] .simulator-brief,body[data-theme=dark] .sim-feedback-grid>section,body[data-theme=dark] .sim-better>p{background:#223a34;color:#d4e2d9;border-color:#385748}body[data-theme=dark] .sim-feedback-grid h3{color:#e3eee8}body[data-theme=dark] .simulator-brief p{color:#c4d4cb}body[data-theme=dark] .portfolio-studio{background:#1b302d}
@media(max-width:900px){.portfolio-layout{grid-template-columns:1fr}.portfolio-layout>form{position:static;max-height:none;overflow:visible}.portfolio-preview{min-height:0}}
@media(max-width:520px){.sim-feedback-grid{grid-template-columns:1fr}.portfolio-form-actions{display:grid;grid-template-columns:1fr}.portfolio-output{padding:18px}}.platform-footer{display:grid;grid-template-columns:1.25fr 1fr 1fr 1fr;align-items:start;gap:20px;padding:30px 0}.platform-footer .brand{align-self:start}.platform-footer .footer-tagline{grid-column:1;grid-row:2;color:#75857d}.platform-footer>div{display:grid;gap:9px}.platform-footer>div>b{font:700 11px Manrope;color:#26483f;margin-bottom:3px}.platform-footer>div>a{font-size:10px;color:#64766d}.platform-footer>div>a:hover{color:#16745d;text-decoration:underline}body[data-theme=dark] .platform-footer>div>b{color:#d7e7de}body[data-theme=dark] .platform-footer>div>a{color:#bdcec4}
@media(max-width:720px){.platform-footer{grid-template-columns:repeat(2,minmax(0,1fr))}.platform-footer .brand,.platform-footer .footer-tagline{grid-column:1/-1;grid-row:auto}}