/* RC126 - accessible portfolio self-review and concept comparison, no external assets. */
.sk126-portfolio,.sk126-compare{--sk126-surface:#f7faff;--sk126-card:#fff;--sk126-ink:#18324e;--sk126-muted:#425b74;--sk126-border:#c7d8eb;--sk126-strong:#16559b;background:var(--sk126-surface)!important;border:1px solid var(--sk126-border)!important;border-radius:24px!important;padding:clamp(17px,2.5vw,28px)!important;color:var(--sk126-ink)!important;margin:22px 0;box-shadow:0 12px 38px rgba(22,58,105,.07);min-width:0;overflow-wrap:anywhere}
.sk126-portfolio *,.sk126-compare *{box-sizing:border-box}
.sk126-kicker{font-size:.74rem;letter-spacing:.09em;font-weight:850;color:var(--sk126-strong)!important}
.sk126-portfolio h2,.sk126-compare h3{font-size:clamp(1.3rem,2.4vw,1.85rem);margin:10px 0;color:var(--sk126-ink)!important;line-height:1.25}
.sk126-portfolio p,.sk126-compare p,.sk126-portfolio small,.sk126-compare small{line-height:1.6;color:var(--sk126-muted)!important}
.sk126-portfolio header>strong{display:block;font-weight:800;padding:12px 16px;border-inline-start:4px solid #1d8d88;background:var(--sk126-card);color:var(--sk126-ink);margin-top:13px;border-radius:8px}
.sk126-rubric-grid,.sk126-compare-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:19px 0;min-width:0}
.sk126-rubric,.sk126-compare-grid article{border-radius:17px;border:1px solid var(--sk126-border);background:var(--sk126-card);padding:18px;min-width:0}
.sk126-rubric-top{display:flex;align-items:center;gap:12px}
.sk126-rubric-top>span{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:14px;background:#e0f0ff;color:#1a5288;font-weight:850}
.sk126-rubric h3,.sk126-compare-grid h4{font-size:1.11rem;line-height:1.3;margin:0 0 4px;color:var(--sk126-ink)!important}
.sk126-rubric p,.sk126-compare-grid p{margin:12px 0;overflow-wrap:anywhere}
.sk126-rubric details{border:1px solid var(--sk126-border);padding:10px 12px;border-radius:11px;margin:13px 0}
.sk126-rubric summary{cursor:pointer;color:var(--sk126-strong);font-weight:750}
.sk126-rubric label,.sk126-compare-selects label{display:flex;flex-direction:column;gap:7px;color:var(--sk126-ink)!important;font-weight:760;margin-top:15px}
.sk126-rubric select,.sk126-compare select{width:100%;min-height:46px;border-radius:12px;border:1px solid #8ca6c6;background:var(--sk126-card);color:var(--sk126-ink)!important;padding:10px;max-width:100%;font:inherit}
.sk126-portfolio :focus-visible,.sk126-compare :focus-visible{outline:3px solid #1689e6!important;outline-offset:3px}
.sk126-portfolio-meter{height:13px;border-radius:20px;background:#d9e6f4;overflow:hidden;margin:10px 0}
.sk126-portfolio-meter>span{display:block;height:100%;width:0;background:linear-gradient(90deg,#1d6cd0,#1c9473);transition:width .2s ease}
.sk126-portfolio-footer>strong{display:block;margin:12px 0;font-size:1.05rem;color:var(--sk126-ink)}
.sk126-portfolio-footer ul{border:1px solid var(--sk126-border);background:var(--sk126-card);padding:15px 15px 15px 32px;border-radius:14px;color:var(--sk126-ink);line-height:1.6}
.sk126-portfolio-footer li{padding:5px 0;overflow-wrap:anywhere}
.sk126-portfolio-footer button{background:#1c599d;color:#fff!important;border-radius:12px;border:1px solid #1c599d;min-height:44px;padding:10px 18px;cursor:pointer;font-weight:700}
.sk126-portfolio-footer>small{display:block;margin-top:12px}
.sk126-compare-selects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.sk126-compare-grid article{border-top:5px solid #2b75bd}
.sk126-compare-grid article:nth-child(2){border-top-color:#198d75}
.sk126-compare-grid article>span{display:block;font-weight:850;color:var(--sk126-strong);letter-spacing:.07em;font-size:.8rem;margin-bottom:7px}
.sk126-compare [data-sk126-compare-prompt]{font-weight:730;padding:14px;border-radius:13px;border:1px solid var(--sk126-border);background:var(--sk126-card);color:var(--sk126-ink)!important}
:is(html.lessonsky-dark,html[data-theme=dark],body.lessonsky-dark,body.sk-dark,body.lessonsky-theme-dark) :is(.sk126-portfolio,.sk126-compare){--sk126-surface:#122339;--sk126-card:#213852;--sk126-ink:#f3f8ff;--sk126-muted:#cbdcf0;--sk126-border:#547397;--sk126-strong:#a8d0ff;box-shadow:none}
:is(html.lessonsky-dark,html[data-theme=dark],body.lessonsky-dark,body.sk-dark,body.lessonsky-theme-dark) .sk126-rubric-top>span{background:#315375;color:#f3f8ff}
:is(html.lessonsky-dark,html[data-theme=dark],body.lessonsky-dark,body.sk-dark,body.lessonsky-theme-dark) .sk126-portfolio-footer button{background:#315d98;border-color:#7da9e6}
@media(max-width:680px){.sk126-rubric-grid,.sk126-compare-grid,.sk126-compare-selects{grid-template-columns:1fr}.sk126-portfolio,.sk126-compare{border-radius:17px!important;padding:15px!important}.sk126-rubric,.sk126-compare-grid article{padding:15px}}
@media(prefers-reduced-motion:reduce){.sk126-portfolio-meter>span{transition:none}}