.gap-nav{display:flex;gap:7px;padding:13px 0;border-bottom:1px solid #d9e6e9}
.gap-nav a{border-radius:9px;padding:9px 14px;color:#4b6c79;text-decoration:none;font-size:13px;font-weight:750}
.gap-nav a:hover,.gap-nav a[aria-current="page"]{background:#e4f3f1;color:#147c74}
.portfolio-cta{display:inline-flex;align-items:center;gap:10px;margin-top:18px;color:#087f75;font-weight:800;text-decoration:none}
.portfolio-cta:hover{text-decoration:underline}
.portfolio-view{--p-ink:#17384a;--p-muted:#5d7782;--p-line:#dce8eb;--p-surface:#fff;--p-soft:#edf5f5;padding-top:37px;color:var(--p-ink)}
.portfolio-heading{display:flex;align-items:end;justify-content:space-between;gap:22px;margin-bottom:28px}
.portfolio-heading .eyebrow{margin-bottom:9px}
.portfolio-heading h1{font-size:clamp(32px,3.5vw,47px);line-height:1.08;letter-spacing:-.04em;margin:0}
.portfolio-heading p:last-child{color:var(--p-muted);font-size:15px;margin:12px 0 0}
.portfolio-heading>.button{white-space:nowrap}
.portfolio-tabs{display:flex;gap:9px;border-bottom:1px solid var(--p-line);margin-bottom:22px}
.portfolio-tabs button{padding:12px 17px;border:0;border-bottom:3px solid transparent;background:transparent;color:var(--p-muted);font-weight:800;cursor:pointer}
.portfolio-tabs button[aria-selected="true"]{color:#137d75;border-bottom-color:#2bb3a4}
.portfolio-tabs button span{display:inline-block;margin-left:6px;padding:2px 7px;border-radius:20px;background:var(--p-soft);font-size:11px}
.portfolio-toolbar{display:flex;align-items:end;gap:14px;margin-bottom:17px}
.portfolio-toolbar label{display:grid;gap:6px;color:var(--p-muted);font-size:11px;font-weight:800;letter-spacing:.03em}
.portfolio-toolbar label:first-child{flex:1}
.portfolio-toolbar input,.portfolio-toolbar select,.opportunity-dialog input,.opportunity-dialog textarea,.opportunity-dialog select{width:100%;min-width:0;border:1px solid #cbdde2;border-radius:9px;background:var(--p-surface);color:var(--p-ink);font:inherit;padding:11px 12px}
.portfolio-toolbar input,.portfolio-toolbar select{height:44px}
.portfolio-toolbar select{min-width:165px}
.portfolio-toolbar .quiet{height:44px;white-space:nowrap}
.portfolio-message{padding:12px 15px;border-radius:9px;margin:0 0 16px;background:#e6f5f0;color:#176b5a;border:1px solid #bde3d6;font-size:13px}
.portfolio-message.warning{background:#fff5e8;color:#805918;border-color:#f0d9ae}
.opportunity-list{display:grid;gap:12px}
.opportunity-card{background:var(--p-surface);border:1px solid var(--p-line);border-radius:15px;padding:20px 22px;box-shadow:0 6px 20px #17394a08}
.opportunity-card.archived{opacity:.73}
.opportunity-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}
.opportunity-card h3{font-size:19px;letter-spacing:-.025em;margin:0 0 4px}
.opportunity-card .meta{font-size:12px;color:var(--p-muted)}
.opportunity-card .hypothesis{margin:13px 0 0;color:var(--p-muted);line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}
.opportunity-card .fact-row{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0}
.opportunity-card .fact{border-radius:100px;padding:6px 9px;background:var(--p-soft);color:var(--p-muted);font-size:11px;font-weight:700}
.opportunity-card .next-step{border-top:1px solid var(--p-line);padding-top:12px;color:var(--p-ink);font-size:13px;line-height:1.5;overflow-wrap:anywhere}
.opportunity-card .next-step strong{color:#168b82}
.opportunity-card .review{white-space:nowrap;border:1px solid var(--p-line);border-radius:8px;background:transparent;color:#157e77;padding:7px 12px;font-weight:800;cursor:pointer}
.opportunity-card .review:hover{background:var(--p-soft)}
.stage-badge{display:inline-block;border-radius:100px;padding:4px 9px;background:#e7f3f1;color:#18776e;font-size:11px;font-weight:850}
.stage-badge.idea{background:#eaf2fa;color:#376b9a}.stage-badge.pilot{background:#e8f7ec;color:#287d4f}.stage-badge.measure{background:#f1ebfb;color:#7351a1}.stage-badge.adopted{background:#dcf5df;color:#257a36}.stage-badge.parked,.stage-badge.archived{background:#eef1f2;color:#66747a}
.portfolio-empty{border:1px dashed #aacbd0;border-radius:17px;padding:50px 24px;text-align:center;color:var(--p-muted);background:var(--p-surface)}
.portfolio-empty h3{color:var(--p-ink);font-size:21px;margin:0 0 8px}.portfolio-empty p{margin:0 0 18px}
.board-help,.portfolio-privacy{color:var(--p-muted);font-size:12px;line-height:1.5}.board-help{margin:0 0 16px}.portfolio-privacy{margin:25px 0 0}
.opportunity-board{display:grid;grid-template-columns:repeat(4,minmax(240px,1fr));gap:13px;overflow-x:auto;padding-bottom:8px}
.board-column{min-height:390px;border:1px solid var(--p-line);border-radius:15px;background:var(--p-soft);padding:14px}
.board-column.drop-target{outline:3px solid #45beb1;outline-offset:-3px}
.board-column h3{font-size:13px;letter-spacing:.02em;margin:0 0 14px;display:flex;align-items:center;justify-content:space-between}
.board-column h3 span{padding:3px 8px;border-radius:100px;background:var(--p-surface);font-size:11px}
.board-card{background:var(--p-surface);border:1px solid var(--p-line);border-radius:11px;padding:14px;margin-bottom:10px;box-shadow:0 4px 12px #183b4a0a}
.board-card[draggable="true"]{cursor:grab}.board-card.dragging{opacity:.5}
.board-card h4{font-size:14px;margin:0 0 9px;line-height:1.35;overflow-wrap:anywhere}
.board-card p{font-size:12px;color:var(--p-muted);line-height:1.4;margin:6px 0;overflow-wrap:anywhere}
.board-card .board-next{border-top:1px solid var(--p-line);padding-top:9px;margin-top:11px}
.board-card label{display:block;margin-top:10px;color:var(--p-muted);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.board-card select{margin-top:5px;width:100%;padding:7px;border:1px solid var(--p-line);border-radius:7px;background:var(--p-surface);color:var(--p-ink);font:inherit;font-size:12px}
.board-card button{border:0;background:transparent;padding:0;color:#15857c;font-size:12px;font-weight:800;cursor:pointer}
.board-empty{color:var(--p-muted);font-size:12px;line-height:1.5;margin:22px 6px}
.opportunity-dialog{--p-ink:#17384a;--p-muted:#5d7782;--p-line:#dce8eb;--p-surface:#fff;--p-soft:#edf5f5;width:min(760px,calc(100% - 28px));max-height:min(92dvh,900px);border:1px solid #d4e5e7;border-radius:19px;padding:0;background:var(--p-surface);color:var(--p-ink);box-shadow:0 25px 80px #091d2f55}
.opportunity-dialog::backdrop{background:#0a2336a8;backdrop-filter:blur(3px)}
.opportunity-dialog form{display:grid;gap:17px;padding:29px}
.dialog-heading{display:flex;justify-content:space-between;align-items:start;gap:20px}.dialog-heading .eyebrow{margin-bottom:5px}.dialog-heading h2{margin:0;font-size:27px}.dialog-close{border:0;background:transparent;color:var(--p-muted);font-size:32px;line-height:1;cursor:pointer}
.dialog-intro{margin:-6px 0 0;color:var(--p-muted);font-size:13px}
.opportunity-dialog label{display:grid;gap:6px;font-size:12px;font-weight:800;color:var(--p-ink)}
.opportunity-dialog label span{color:#a55d3e}.opportunity-dialog textarea{resize:vertical;line-height:1.5}
.form-pair,.form-triple{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-triple{grid-template-columns:repeat(3,minmax(0,1fr))}
.dialog-error{min-height:1em;margin:0;color:#a63a39;font-size:12px}
.dialog-actions{display:flex;align-items:center;gap:9px;border-top:1px solid var(--p-line);padding-top:18px}.dialog-actions span{flex:1}.archive-button{border:0;background:transparent;color:#9c514e;padding:10px;cursor:pointer;font-weight:750}
.portfolio-view button:focus-visible,.portfolio-view input:focus-visible,.portfolio-view select:focus-visible,.portfolio-view a:focus-visible,.opportunity-dialog :focus-visible,.gap-nav a:focus-visible,.portfolio-cta:focus-visible{outline:3px solid #67cbbf;outline-offset:3px}
@media(max-width:1000px){.opportunity-board{grid-template-columns:repeat(4,255px)}}
@media(max-width:700px){.portfolio-view{padding-top:26px}.portfolio-heading{align-items:start;flex-direction:column;gap:18px}.portfolio-heading .button{width:100%}.portfolio-tabs button{font-size:12px;padding:11px 10px}.portfolio-toolbar{flex-wrap:wrap}.portfolio-toolbar label:first-child{flex:1 0 100%}.portfolio-toolbar label:nth-child(2){flex:1}.opportunity-card{padding:17px}.opportunity-card-head{gap:10px}.opportunity-dialog form{padding:22px}.form-triple{grid-template-columns:1fr 1fr}.form-triple label:last-child{grid-column:1/-1}}
@media(max-width:480px){.gap-nav a{padding:8px 10px;font-size:12px}.form-pair,.form-triple{grid-template-columns:1fr}.form-triple label:last-child{grid-column:auto}.dialog-actions{flex-wrap:wrap}.dialog-actions .archive-button{width:100%;text-align:left}.dialog-actions span{display:none}.dialog-actions .button,.dialog-actions .quiet{flex:1}}
@media(prefers-color-scheme:dark){.gap-nav{border-color:#294353}.gap-nav a{color:#a8c6cc}.gap-nav a:hover,.gap-nav a[aria-current="page"]{background:#1d4548;color:#89ddd3}.portfolio-view,.opportunity-dialog{--p-ink:#e7f4f5;--p-muted:#a9c3c9;--p-line:#2d4955;--p-surface:#152538;--p-soft:#1e3542}.portfolio-toolbar input,.portfolio-toolbar select,.opportunity-dialog input,.opportunity-dialog textarea,.opportunity-dialog select,.board-card select{border-color:#42616a}.portfolio-message{background:#193b34;border-color:#306451;color:#a7ead1}.portfolio-message.warning{background:#493720;border-color:#745429;color:#f0c887}.portfolio-empty{border-color:#456a70}.stage-badge{background:#214b47;color:#a0e3d5}.stage-badge.idea{background:#243d57;color:#b0d5ff}.stage-badge.pilot{background:#254736;color:#a2e4b6}.stage-badge.measure{background:#3d3253;color:#d3b6f8}.stage-badge.adopted{background:#244b2d;color:#a3e2a4}.stage-badge.parked,.stage-badge.archived{background:#34444e;color:#b9c6ca}.opportunity-dialog{border-color:#42616a}.archive-button{color:#f0aaa5}.dialog-error{color:#ffb1ae}}