/* A readable market directory, paired with detailed execution case studies. */
.home-experience #portfolio { --ink:#183456; --muted:#506786; --accent:#2a609f; --surface:#fff; --line:#dce6f2; color:var(--ink); color-scheme:light; background:#f4f7fc; }
.portfolio-intro { display:grid; grid-template-columns:minmax(0,1.4fr) minmax(0,1fr); gap:80px; align-items:end; margin-bottom:44px; }
.portfolio-eyebrow { font:9px 'JetBrains Mono',monospace; letter-spacing:.13em; color:#4d6b94; }
.home-experience .portfolio-intro h2 { color:#1a3556; font-size:clamp(34px,3.8vw,50px); line-height:1.14; margin-top:20px; }
.portfolio-intro h2 > span { color:#4e709e; }
.portfolio-intro p { max-width:540px; font-size:14px; color:#506786; margin-top:20px; }
.portfolio-overview { display:grid; grid-template-columns:1fr 1fr; gap:24px; padding:28px; border:1px solid #d7e3f2; border-radius:12px; background:#fff; }
.portfolio-overview > div { display:flex; flex-direction:column; gap:8px; }
.portfolio-overview strong { font-size:40px; font-weight:500; letter-spacing:-.06em; line-height:1; color:#2d5d9b; }
.portfolio-overview > div > span { color:#506786; font-size:11px; }
.portfolio-overview > a { display:flex; justify-content:space-between; grid-column:span 2; border-top:1px solid #e1eaf5; padding-top:18px; font-size:11px; color:#2d609d; }
.market-toolbar { display:flex; gap:24px; justify-content:space-between; align-items:center; padding:18px; background:#fff; border:1px solid #d9e5f4; border-radius:10px; }
.market-filters { display:flex; flex-wrap:wrap; align-items:center; gap:6px; }
.home-experience .market-filters button { display:flex; align-items:center; justify-content:center; gap:8px; min-height:42px; margin:0; padding:10px 14px; font-size:11px; border:1px solid transparent; border-radius:6px; background:transparent; color:#4d6585; box-shadow:none; font-family:inherit; white-space:nowrap; }
.home-experience .market-filters button.bg-cyan-500 { color:#fff; background:#2a609f; border-color:#2a609f; }
.market-filters button > span { font-size:9px; opacity:.7; }
.market-filters img { width:18px; height:18px; object-fit:contain; border-radius:4px; }
.market-search { display:flex; align-items:center; gap:10px; padding-left:14px; border:1px solid #d7e2f1; border-radius:6px; background:#f8faff; color:#526b8e; width:260px; }
.home-experience .market-search input { background:transparent !important; border:0; min-height:42px; width:100%; min-width:0; font-size:12px; color:#274f83; padding:10px 12px 10px 0; outline-offset:2px; }
.home-experience .market-search input::placeholder { color:#526b8e; }
.market-list-meta { display:flex; justify-content:space-between; margin:20px 2px; font:9px 'JetBrains Mono',monospace; color:#526b8e; }
.home-experience #portfolioGrid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.home-experience #portfolioGrid .portfolio-item { padding:28px; border:1px solid #d5e2f3; border-radius:12px; background:#fff; transition:border-color .2s,box-shadow .2s; }
.home-experience #portfolioGrid .portfolio-item:hover { background:#fff; border-color:#94b2da; box-shadow:0 10px 30px #244f8408; }
.home-experience #portfolioGrid .portfolio-item > div:first-child > div:first-child { padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #e2eaf5; }
.home-experience #portfolioGrid .portfolio-item h3 { color:#183456; font-size:18px; font-weight:600; overflow-wrap:anywhere; }
.home-experience #portfolioGrid .portfolio-item > div:first-child > div:first-child { flex-wrap:wrap; gap:12px; }
.home-experience #portfolioGrid .portfolio-item > div:first-child > div:first-child > div { min-width:0; }
.home-experience #portfolioGrid .portfolio-item [id^="price-"],
.home-experience #portfolioGrid .portfolio-item [id^="turnover-"],
.home-experience #portfolioGrid .portfolio-item [id^="vol-"] { color:#244f85; }
.home-experience #portfolioGrid .portfolio-item [id^="change-"].text-emerald-300 { color:#216448; background:#e5f3ec; }
.home-experience #portfolioGrid .portfolio-item [id^="change-"].text-rose-300 { color:#9d354b; background:#fcecf0; }
.home-experience #portfolioGrid .portfolio-item .text-slate-400 { color:#506786; }
.home-experience #portfolioGrid .portfolio-item .text-xl { font-size:32px; font-weight:500; letter-spacing:-.04em; }
.home-experience #portfolioGrid .portfolio-item .p-3.font-mono { padding:18px; background:#f4f7fc; border:1px solid #e0e9f6; border-radius:8px; }
.home-experience #portfolioGrid .portfolio-item .p-3.font-mono > .flex { flex-wrap:wrap; gap:8px; }
.home-experience #portfolioGrid .portfolio-item [id^="price-"] { font-size:clamp(24px,3vw,32px); overflow-wrap:anywhere; }
.home-experience #portfolioGrid .portfolio-item > div:last-child { margin-top:20px; padding-top:16px; display:grid; grid-template-columns:minmax(0,1fr); gap:10px; border-top:1px solid #e1eaf6; }
.market-secondary-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; min-width:0; }
.home-experience #portfolioGrid .market-card-actions :is(a,button) { display:flex; align-items:center; justify-content:center; gap:8px; width:100%; max-width:100%; min-width:0; min-height:46px; padding:10px 12px; white-space:normal; overflow-wrap:anywhere; text-align:center; line-height:1.5; font:500 12px/1.5 'Plus Jakarta Sans',sans-serif; color:#284f82; background:#edf3fc; border:1px solid #ccdbef; border-radius:6px; }
.home-experience #portfolioGrid .market-card-actions > a { background:#285d9f; border-color:#285d9f; color:#fff; }
.home-experience #portfolioGrid .market-card-actions :is(a,button):hover { background:#e0eaf8; color:#173c6c; }
.home-experience #portfolioGrid .market-card-actions > a:hover { background:#204d85; color:#fff; }
.market-card-actions :is(a,button) > span { min-width:0; }
.market-card-actions :is(a,button) > i { flex-shrink:0; color:inherit; }
.home-experience #portfolioGrid .portfolio-item > div:last-child > a { margin:0; padding:10px; min-height:46px; min-width:0; white-space:normal; text-align:center; line-height:1.5; font-family:inherit; font-size:12px; border-radius:6px; border-color:#cbdcf0; color:#365f96; background:#edf3fc; }
.home-experience #portfolioGrid .portfolio-item > div:last-child > a:last-child { background:#2a609f; border-color:#2a609f; color:#fff; }
.market-preview { margin-top:14px; border-top:1px solid #e1eaf5; }
.market-preview > summary { display:flex; justify-content:space-between; gap:16px; padding:14px 0 0; cursor:pointer; color:#526b8e; font-size:11px; list-style:none; }
.market-preview > summary::-webkit-details-marker { display:none; }
.market-preview[open] > summary { margin-bottom:14px; color:#2a609f; }
.market-preview[open] > summary > span { transform:rotate(45deg); }
.market-preview > div { margin-bottom:0; }
.market-preview .snapshot-unavailable { min-height:130px; }
.market-empty { grid-column:1 / -1; padding:44px 24px; text-align:center; border:1px dashed #b9cde7; border-radius:10px; background:#fff; color:#506786; font-size:14px; }
.market-empty[hidden] { display:none; }
.page-portfolio .case-overview { display:flex; gap:32px; flex-wrap:wrap; margin-top:28px; color:#506786; font-size:12px; }
.case-overview strong { font-size:22px; font-weight:500; color:#2a609f; margin-right:8px; }
.public-page.page-portfolio .case-jump-links { justify-content:flex-start; border-top:1px solid #d6e3f3; padding-top:24px; }
.case-search-row { display:flex; justify-content:space-between; align-items:center; gap:24px; max-width:1200px; margin:40px auto 0; padding-inline:32px; }
.case-search-row p { color:#526b8e; font-size:11px; margin-top:8px; }
.case-search-row .market-search { padding-left:14px; background:#fff; }
.public-page.page-portfolio main { padding-top:24px; }
.public-page.page-portfolio main > article { border-radius:12px; border-top-width:1px; padding:32px; box-shadow:0 6px 28px #1e467a04; }
.public-page.page-portfolio main > article > div:first-child { background:#f4f8fe; margin:-32px -32px 0; padding:28px 32px; border-radius:12px 12px 0 0; }
.public-page.page-portfolio main > article .my-8 { margin-block:24px; }
@media(max-width:1023px) {
 .portfolio-intro { gap:32px; } .market-toolbar { flex-direction:column; align-items:stretch; gap:14px; } .market-search { width:100%; } .market-filters { justify-content:flex-start; }
}
@media(max-width:767px) {
 .portfolio-intro { grid-template-columns:minmax(0,1fr); gap:24px; margin-bottom:28px; } .portfolio-overview { padding:22px; } .portfolio-overview strong { font-size:34px; }
 .home-experience #portfolioGrid { grid-template-columns:minmax(0,1fr); } .home-experience #portfolioGrid .portfolio-item { padding:22px; } .market-toolbar { padding:12px; } .home-experience .market-filters button { padding-inline:10px; font-size:10px; } .market-filters { gap:2px; }
 .case-search-row { flex-direction:column; align-items:stretch; padding-inline:20px; margin-top:28px; } .page-portfolio .case-overview { gap:20px; }
 .public-page.page-portfolio main > article { padding:22px; } .public-page.page-portfolio main > article > div:first-child { margin:-22px -22px 0; padding:22px; }
}