.portfolio-hero{background:#FBFAF7;color:#1B1F3B;padding:4.5rem 0 4rem}.portfolio-hero h1{font-size:clamp(2.35rem,4.1vw,4rem);max-width:1120px;line-height:1.12}.portfolio-lead{font-size:1.3rem;line-height:1.6;max-width:950px;margin-top:1.8rem}.portfolio-hero .actions{margin-bottom:3rem}.portfolio-demo{background:#1B1F3B;color:#FBFAF7;padding:1.8rem;border-radius:18px;box-shadow:7px 9px 0 #e7e3d8;font-family:'Source Sans 3',Arial,sans-serif;min-width:0}.portfolio-top{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin-bottom:1.2rem}.portfolio-demo .eyebrow{font-family:'IBM Plex Mono',monospace;font-size:.78rem;letter-spacing:.055em;line-height:1.5;text-transform:uppercase;margin:0;color:#DCC68B}.portfolio-hint{font-size:.875rem;color:#cccddb}.client-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.client-picker button{display:flex;flex-direction:column;gap:.55rem;text-align:left;border:1px solid #444a67;background:#2A2F4C;color:#FBFAF7;padding:1.2rem;border-radius:9px;min-width:0;font:inherit;cursor:pointer}.client-picker button[aria-pressed=true]{background:#F4EBCF;color:#1B1F3B;border-color:#E0C985}.client-picker button>span{text-transform:uppercase;font:500 .8rem/1.4 'IBM Plex Mono',monospace;letter-spacing:.05em}.client-picker button strong{font-size:1.1rem;line-height:1.4;font-weight:600}.client-picker small{font-size:.8rem;opacity:.8;margin-top:auto}.client-picker button:focus-visible,.portfolio-demo button:focus-visible,.portfolio-demo summary:focus-visible{outline:3px solid #c4a956;outline-offset:4px}.portfolio-detail{display:grid;grid-template-columns:1.4fr 1fr;gap:1.1rem;margin-top:1.3rem;align-items:stretch}.portfolio-recommendation{background:#FBFAF7;border-radius:10px;color:#1B1F3B;padding:1.5rem;min-width:0}.portfolio-recommendation .eyebrow,.portfolio-prepared .eyebrow{color:#86691D}.portfolio-recommendation h2{font:600 clamp(1.5rem,2.3vw,2rem)/1.18 'Source Serif 4',Georgia,serif;letter-spacing:-.02em;margin:.65rem 0}.portfolio-recommendation p{font-size:1.06rem;line-height:1.55}.portfolio-recommendation .portfolio-sources{font-size:.88rem;color:#626574;margin:0 0 1.25rem}.portfolio-recommendation details{font-size:.95rem;border-top:1px solid #dcd8cd;margin-top:1.2rem;padding-top:.8rem}.portfolio-recommendation summary{cursor:pointer;font-weight:600}.portfolio-recommendation ul{padding-left:1.2rem;margin:.8rem 0 0}.portfolio-recommendation li+li{margin-top:.4rem}.portfolio-prepared{background:white;border-radius:10px;padding:1.5rem;color:#1B1F3B;display:flex;flex-direction:column;align-items:flex-start;gap:1rem;min-width:0}.prepared-document{display:flex;gap:1rem;align-items:center}.document-icon{display:flex;align-items:center;justify-content:center;min-width:40px;height:54px;border-radius:4px;background:#F4EBCF;color:#9C7A22;font-size:1.8rem}.prepared-document h3{font-size:1.4rem;line-height:1.3;margin:.5rem 0 0}.portfolio-prepared>p{font-size:1rem;line-height:1.5;margin:0}.portfolio-prepared .portfolio-control{font-size:.9rem;color:#626574;margin-top:auto}.portfolio-outcome{margin:1.4rem 0 0;font-size:1rem;line-height:1.5;display:flex;gap:1.2rem}.portfolio-outcome strong{white-space:nowrap;color:#DCC68B}.context-inputs{list-style:none;display:flex;flex-wrap:wrap;gap:.75rem;padding:0;margin:0 0 2rem}.context-inputs li{background:#eee8d8;border:1px solid #ded5bd;padding:.55rem .9rem;border-radius:4px;font-size:1rem;color:#1B1F3B}.context-explainer{display:grid;grid-template-columns:1fr 1fr;gap:3rem}.context-explainer p{margin:0;color:#626574}.context-explainer strong{display:block;color:#1B1F3B;margin-bottom:.6rem}.connected-context{background:#F1F0EB}.practice-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2rem}.practice-grid article{border-top:2px solid #DCC68B;padding-top:1.5rem}.practice-grid h3{font-size:1.45rem;margin:1rem 0}.practice-grid p{color:#626574;font-size:1.05rem;line-height:1.6}.portfolio-section-title{margin-bottom:2rem}.portfolio-dialog{width:min(760px,calc(100% - 2rem));max-height:85vh;overflow:auto;border:0;border-radius:10px;padding:0;background:#FBFAF7;color:#1B1F3B}.portfolio-dialog::backdrop{background:#090c23bb}.portfolio-dialog .sample-toolbar{position:sticky;top:0;background:#FBFAF7;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dedacf;padding:1rem;font-size:.85rem;z-index:1}.portfolio-dialog .sample-toolbar button{font:inherit;background:white;color:#1B1F3B;border:1px solid #c7c5bc;border-radius:4px;padding:.4rem .8rem;cursor:pointer}.portfolio-dialog .sample-paper{padding:2rem}.portfolio-dialog h2{font-size:2rem}.portfolio-dialog h3{font-size:1.2rem;margin:1.5rem 0 .5rem}.portfolio-dialog .meta{margin-top:2rem;font-size:.85rem;color:#626574}.portfolio-dialog ul{padding-left:1.2rem}.portfolio-dialog .eyebrow{color:#86691D}.portfolio-dialog p,.portfolio-dialog li{font-size:1rem;line-height:1.6}.portfolio-dialog p+p{margin-top:1rem}
@media(max-width:1000px){.practice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio-detail{grid-template-columns:1.2fr 1fr}.portfolio-demo{padding:1.2rem}.portfolio-recommendation,.portfolio-prepared{padding:1.2rem}}
@media(max-width:700px){.portfolio-hero{padding:2.5rem 0}.portfolio-hero .wrap,.portfolio-section .wrap,.connected-context .wrap{width:calc(100% - 2.5rem)}.portfolio-hero h1{font-size:2.35rem}.portfolio-lead{font-size:1.1rem}.portfolio-top{align-items:flex-start;flex-direction:column;gap:.4rem}.client-picker{grid-template-columns:1fr;gap:.65rem}.client-picker button{display:grid;grid-template-columns:90px 1fr;padding:.9rem;gap:.4rem .7rem}.client-picker small{display:none}.client-picker button strong{font-size:1rem}.portfolio-detail{grid-template-columns:1fr}.portfolio-outcome{display:block}.portfolio-outcome strong{display:block;margin-bottom:.5rem}.context-explainer{grid-template-columns:1fr;gap:1.5rem}.practice-grid{grid-template-columns:1fr}.portfolio-dialog .sample-paper{padding:1.25rem}.portfolio-dialog h2{font-size:1.6rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}