.portfolio-grid{display:grid;gap:1.5rem;margin-top:2.5rem}.project-card{overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:#fff}.project-visual{min-height:15rem;padding:1.25rem;background:linear-gradient(145deg,#dceae6,#f7faf9);display:flex;align-items:center}.project-browser{width:100%;border:1px solid #b8c8c4;border-radius:8px;background:#fff;box-shadow:var(--shadow);overflow:hidden}.browser-bar{height:1.7rem;border-bottom:1px solid var(--line);background:#f6f7f7}.browser-bar:before{content:"•••";padding-left:.65rem;color:#97a6a3}.browser-page{padding:1.2rem}.browser-page span{display:block;height:.55rem;margin:.55rem 0;border-radius:1rem;background:#d8e4e1}.browser-page span:first-child{width:55%;height:1.2rem;background:var(--brand)}.browser-page span:nth-child(3){width:75%}.project-content{padding:1.5rem}.project-meta,.project-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.tag{padding:.3rem .6rem;border-radius:20px;background:#e7f1ef;color:var(--brand-dark);font-size:.76rem;font-weight:800}.feature-list{display:flex;flex-wrap:wrap;gap:.4rem;padding:0;list-style:none;color:var(--muted);font-size:.88rem}.feature-list li:not(:last-child):after{content:" ·"}.project-actions{margin:1.25rem 0 0}.configurator-shell{max-width:900px;margin-inline:auto}.config-progress{margin-bottom:2rem}.progress-meta{display:flex;justify-content:space-between;gap:1rem;font-size:.9rem;font-weight:800}.progress-track{height:.5rem;margin-top:.65rem;border-radius:1rem;background:var(--line);overflow:hidden}.progress-bar{display:block;height:100%;width:20%;background:var(--brand);transition:width .25s}.config-step[hidden],.config-result[hidden]{display:none}.config-step{border:0;padding:0;margin:0}.config-step legend{width:100%;padding:0}.option-grid{display:grid;gap:.75rem;margin:2rem 0}.option-card{display:flex;align-items:flex-start;gap:.85rem;padding:1.15rem;border:2px solid var(--line);border-radius:10px;background:#fff;cursor:pointer;font-weight:700}.option-card:hover{border-color:#96b8b2}.option-card:has(input:focus-visible){outline:3px solid rgba(11,107,104,.2)}.option-card:has(input:checked){border-color:var(--brand);background:#eef7f5;box-shadow:inset 0 0 0 1px var(--brand)}.option-card input{width:1.1rem;height:1.1rem;margin:.18rem 0 0;accent-color:var(--brand)}.config-controls{display:flex;justify-content:space-between;gap:1rem;padding-top:1rem;border-top:1px solid var(--line)}.config-error{min-height:1.5rem;color:#a33b2e;font-weight:700}.config-result{padding:clamp(1.5rem,5vw,3rem);border:1px solid #b6cec8;border-radius:var(--radius);background:linear-gradient(145deg,#edf6f4,#fff);box-shadow:var(--shadow)}.config-summary{margin:1.5rem 0;padding:1.25rem;background:#fff;border-left:3px solid var(--accent)}.config-summary dl{display:grid;grid-template-columns:auto 1fr;gap:.45rem 1rem;margin:0}.config-summary dt{font-weight:800}.config-summary dd{margin:0;color:var(--muted)}@media(min-width:720px){.portfolio-grid{grid-template-columns:repeat(3,1fr)}.option-grid{grid-template-columns:repeat(2,1fr)}}