.portfolio-overlay{--paper:var(--hs-bg,#f7f9f5);--ink:var(--hs-text,#20372a);width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;background:var(--paper);color:var(--ink);overflow:auto;box-sizing:border-box;font:16px/1.65 system-ui,sans-serif}.portfolio-overlay::backdrop{background:#19231dd9}.portfolio-top{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 24px;background:var(--paper);border-bottom:1px solid #8b9c8740}.portfolio-content,.portfolio-status{max-width:980px;margin:20px auto;padding:0 24px;overflow-wrap:anywhere}.portfolio-overlay h1{font-size:clamp(1.5rem,4vw,2.2rem);line-height:1.3}.portfolio-overlay h2{font-size:1.4rem}.portfolio-overlay h3{font-size:1.1rem}.portfolio-overlay button,.portfolio-overlay input,.portfolio-overlay textarea,.portfolio-overlay select{font:inherit;color:inherit;background:transparent;border:1px solid #8b9c8780;border-radius:14px;padding:10px 14px;min-height:44px;box-sizing:border-box}.portfolio-overlay button{cursor:pointer}.portfolio-overlay button:hover{background:#93b88420}.portfolio-overlay button:disabled{opacity:.6;cursor:wait}.portfolio-overlay input:not([type=checkbox]),.portfolio-overlay textarea{display:block;width:100%;margin:5px 0}.portfolio-overlay input[type=checkbox]{min-height:20px;width:20px;flex-shrink:0;accent-color:#38734f}.portfolio-overlay textarea{min-height:100px;resize:vertical}.portfolio-overlay label>span{display:block}.portfolio-overlay :focus-visible{outline:3px solid #6d9f60;outline-offset:3px}.portfolio-filters,.portfolio-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:end;margin:18px 0}.portfolio-filters label{flex:1;min-width:160px}.portfolio-choice,.portfolio-evidence,.portfolio-form,.portfolio-unlock{border:1px solid #8b9c8750;border-radius:20px;padding:18px;margin:14px 0}.portfolio-choice>label,.portfolio-check{display:flex;align-items:center;gap:12px}.portfolio-form{display:grid;gap:16px}.portfolio-overlay blockquote{border-left:3px solid #8aa877;padding:8px 14px;margin:12px 0;white-space:pre-wrap}.portfolio-overlay p{white-space:pre-wrap}.portfolio-overlay summary{cursor:pointer;padding:10px 0}.portfolio-document{padding:28px;border:1px solid #8b9c8750;border-radius:22px;margin:22px 0}.portfolio-certificate{border:3px double #8aa877}.portfolio-issuer{letter-spacing:.08em;text-transform:uppercase}.portfolio-limit{font-size:.85rem;border-top:1px solid #8b9c8750;padding-top:18px}.portfolio-status:empty{display:none}.portfolio-preview:empty{display:none}html[data-theme=dark] .portfolio-overlay{--paper:#131813;--ink:#edf3e8}@media(max-width:480px){.portfolio-top{padding:10px 14px}.portfolio-content,.portfolio-status{padding:0 14px}.portfolio-document{padding:16px}.portfolio-choice,.portfolio-form{padding:14px}.portfolio-filters label{min-width:120px}}@media print{body.portfolio-print>*:not(.portfolio-overlay){display:none!important}body.portfolio-print .portfolio-overlay{display:block!important;position:static!important;height:auto!important;overflow:visible!important;width:100%;color:#16291c;background:white}body.portfolio-print .portfolio-overlay .portfolio-top,body.portfolio-print .portfolio-overlay button,body.portfolio-print .portfolio-status,body.portfolio-print .portfolio-actions{display:none!important}body.portfolio-print .portfolio-content{margin:0;max-width:none;padding:0}body.portfolio-print .portfolio-document{color:#16291c;background:white;border-radius:0;margin:0}body.portfolio-print .portfolio-evidence{break-inside:avoid}body.portfolio-print .portfolio-overlay details{display:block}body.portfolio-print .portfolio-overlay details>*{display:block}body.portfolio-print .portfolio-overlay details summary{display:none}}

@media print{
 html:has(body.portfolio-print),body.portfolio-print{background:#fff!important;color:#16291c!important;height:auto!important;min-height:0!important;display:block!important;color-scheme:light!important}
 body.portfolio-print .portfolio-overlay,body.portfolio-print .portfolio-content,body.portfolio-print .portfolio-document,body.portfolio-print .portfolio-document *{visibility:visible!important;color:#16291c!important}
 body.portfolio-print .portfolio-content>*:not(.portfolio-document){display:none!important}
 body.portfolio-print .portfolio-overlay::backdrop{background:white}
}

@page{size:A4;margin:12mm}

@media print{
 body.portfolio-print .portfolio-document{font-size:11pt;line-height:1.5;padding:18px}
 body.portfolio-print .portfolio-document h1{font-size:20pt;margin:14px 0}
 body.portfolio-print .portfolio-document h2{font-size:15pt;margin:14px 0 8px}
 body.portfolio-print .portfolio-document h3{font-size:12pt;margin:12px 0 6px}
 body.portfolio-print .portfolio-document p{margin:8px 0}
 body.portfolio-print .portfolio-evidence{padding:14px;margin:10px 0}
 body.portfolio-print .portfolio-document .portfolio-evidence{break-inside:auto}
 body.portfolio-print .portfolio-document h3,body.portfolio-print .portfolio-document h4,body.portfolio-print .portfolio-document h5{break-after:avoid}
 body.portfolio-print .portfolio-document p,body.portfolio-print .portfolio-document blockquote{orphans:3;widows:3}
}

.portfolio-evidence table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:.85rem}.portfolio-evidence th,.portfolio-evidence td{border:1px solid #8b9c8780;padding:.45rem;text-align:center;overflow-wrap:anywhere}.portfolio-evidence caption{text-align:start;margin-bottom:.5rem}
.portfolio-brief{border:1px solid #8b9c8780;border-radius:18px;padding:18px;margin:20px 0;background:#8aa87712}.portfolio-brief small{display:block;margin-top:18px}.portfolio-brief h3{margin-top:20px}.portfolio-brief button{margin-bottom:10px}@media print{body.portfolio-print .portfolio-brief{background:white;break-inside:auto}}
.portfolio-topic{padding:14px 0;border-bottom:1px solid #8b9c8750}.portfolio-topic h4{font-size:1.05rem;margin:8px 0}.portfolio-topic p{margin:8px 0}.portfolio-automatic small{display:block;margin:14px 0}.portfolio-automatic h3{margin-top:18px}html:root body.homeschool-app.hs-math-open #hsPortfolio[open]{display:block!important}@media print{html:root body.homeschool-app.hs-math-open.portfolio-print #hsMathStudio{display:none!important}}
.portfolio-topic h5{font-size:1rem;margin:16px 0 6px}.portfolio-local{padding:0;border:0}.portfolio-topic button{margin-right:8px}@media(max-width:480px){.portfolio-local .portfolio-brief{padding:14px}}
