[aria-current="page"] { color: var(--mint); }
.page-main { padding-block: clamp(39px, 6vw, 82px) 64px; min-height: 65vh; }
.page-intro { margin-bottom: clamp(25px, 4vw, 50px); }
.page-title, .home-title { margin-left: -.04em; font-size: clamp(2.75rem, 7vw, 6.1rem); letter-spacing: -.07em; line-height: .98; max-width: 100%; }
.page-title span, .home-title span { color: var(--mint); }
.page-intro > p:not(.eyebrow), .page-lede { color: var(--muted); margin-top: 17px; max-width: 690px; font-size: clamp(1rem, 1.8vw, 1.23rem); }
.home-hero { display: grid; grid-template-columns: 1.1fr .9fr; gap: clamp(27px, 5vw, 80px); align-items: center; padding-block: clamp(54px, 8vw, 104px); }
.home-hero .page-lede { max-width: 470px; }
.home-feature { position: relative; min-height: 286px; border: 1px solid #3d5c61; border-radius: 18px; overflow: hidden; display: flex; flex-direction: column; justify-content: end; padding: 23px; background: radial-gradient(ellipse at 66% 19%, #203f3c, #102331 65%); }
.home-feature svg { width: 100%; height: 78%; position: absolute; left: 0; top: 0; color: var(--mint); }
.home-feature > div { position: relative; display: flex; align-items: end; gap: 10px; justify-content: space-between; }
.home-feature small { display: block; color: var(--muted); margin-top: 4px; }
.home-feature a { color: var(--mint); border: 1px solid #4b706c; padding: 7px 11px; border-radius: 8px; white-space: nowrap; }
.home-directory { padding-bottom: clamp(42px, 7vw, 76px); }
.home-directory .section-heading { margin-bottom: 18px; }
.directory-card { min-height: 160px; }
.directory-card:hover { border-color: var(--accent, var(--mint)); }
.directory-card .project-card-number { color: var(--accent, var(--mint)); font: 650 .72rem ui-monospace, monospace; letter-spacing: .08em; margin-bottom: 13px; }
.directory-card a span, .resource-card a span { padding-left: 4px; }
.personal-nav { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 25px; width: auto; }
.personal-nav a, .filter-bar button { padding: 7px 11px; }
.personal-nav [aria-current="page"], .filter-bar [aria-pressed="true"] { border-color: #567f72; background: #1d3831; color: var(--mint); }
.personal-hero { margin-bottom: 23px; }
.subsection { margin-top: 32px; }
.subsection h2 { margin-bottom: 12px; font-size: clamp(1.6rem, 3.5vw, 2.4rem); }
.filter-bar { display: flex; flex-wrap: wrap; gap: 8px; margin-block: 0 18px; }
h2 + .filter-bar { margin-top: 14px; }
.filter-bar button { font-size: .76rem; }
.resource-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 13px; }
.resource-card { display: flex; flex-direction: column; align-items: flex-start; border: 1px solid var(--line); border-radius: 12px; background: var(--panel); padding: 19px; min-height: 145px; }
.resource-card .eyebrow { margin-bottom: 10px; }
.resource-card h3 { font-size: 1.14rem; }
.resource-card p, .form-note { font-size: .86rem; color: var(--muted); margin-block: 8px 14px; }
.resource-card a { font-size: .83rem; font-weight: 650; color: var(--mint); margin-top: auto; padding-top: 10px; }
.resource-card a:hover { text-decoration: underline; text-underline-offset: 4px; }
.bookmark-form { display: grid; align-items: end; grid-template-columns: 1fr 1.2fr auto; gap: 10px; }
.bookmark-list .remove-bookmark { margin-top: 10px; }
.studio-entry p { white-space: pre-wrap; }
.member-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 15px; }
.member-grid .actions { margin-top: 17px; }
.member-preview-note { margin-top: 20px; }
.education-card { display: grid; grid-template-columns: minmax(180px, .6fr) 1.4fr; gap: clamp(16px, 4vw, 44px); align-items: center; }
.degree-list { margin: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.degree-list dt { color: var(--muted); font-size: .85rem; }
.degree-list dd { margin: 3px 0 0; font-size: 1.25rem; font-weight: 650; }
.issuer-mark { min-height: 72px; width: 148px; display: flex; align-items: center; justify-content: center; padding: 10px; background: #f8fafb; border-radius: 9px; }
.issuer-mark img { display: block; width: 100%; height: 52px; object-fit: contain; }
.issuer-wgu { width: 100%; min-height: 106px; }
.issuer-wgu img { height: 70px; }
.credential-card { display: grid; gap: 19px; align-content: start; }
.issuer-registry { gap: 7px; color: #234839; font: 750 .77rem ui-monospace, monospace; letter-spacing: .06em; }
.sous-vide-grid { margin-top: 20px; }
.sous-vide-grid .resource-card { min-height: 0; }
.scuba-layout { display: grid; grid-template-columns: minmax(0, 1.8fr) minmax(225px, 1fr); gap: 17px; }
.dive-map { display: block; width: 100%; height: auto; border: 1px solid #37525d; border-radius: 11px; background: #0d2435; }
.dive-map .land { fill: #234952; stroke: #42727a; stroke-width: .85; vector-effect: non-scaling-stroke; }
.dive-map .map-grid { stroke: #315667; stroke-width: .65; vector-effect: non-scaling-stroke; }
.dive-map .marker { cursor: pointer; }
.dive-map .marker circle { fill: #132733; stroke: var(--mint); stroke-width: 1.5; }
.dive-map .marker.selected circle, .dive-map .marker:hover circle, .dive-map .marker:focus-visible circle { fill: var(--mint); }
.dive-map .marker text { fill: #f3faf6; text-anchor: middle; dominant-baseline: central; font-weight: 750; font-family: system-ui, sans-serif; pointer-events: none; }
.dive-map .marker.selected text, .dive-map .marker:hover text, .dive-map .marker:focus-visible text { fill: #142a28; }
.dive-marker-line { stroke: var(--mint); stroke-width: .65; }
.dive-list { list-style: none; padding: 0; margin: 0; display: grid; gap: 6px; }
.dive-choice { background: #111d2b; color: var(--ink); width: 100%; display: grid; grid-template-columns: 1.4em 32px 1fr; gap: 8px; align-items: center; padding: 8px 10px; border: 1px solid var(--line); border-radius: 7px; text-align: left; font-size: .85rem; }
.dive-choice[aria-pressed="true"], .dive-choice:hover { border-color: #527e71; background: #173331; }
.dive-choice .number { color: var(--mint); font-family: ui-monospace, monospace; }
.dive-choice img, .dive-current img { width: 32px; height: 21px; border-radius: 2px; object-fit: fill; }
.dive-current { display: flex; gap: 9px; align-items: center; margin-top: 12px; }
.dive-current p { margin: 0; }
@media (max-width: 1000px) { .header-inner { gap: 12px; } #site-navigation { gap: 12px; font-size: .8rem; } }
@media (max-width: 760px) {
  .home-hero, .member-grid, .scuba-layout { grid-template-columns: 1fr; }
  .education-card { grid-template-columns: 1fr; }
  .issuer-wgu { max-width: 270px; }
  .home-hero { padding-block: 45px; }
  .home-feature { min-height: 215px; }
  .resource-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .bookmark-form { grid-template-columns: 1fr; }
  .personal-nav { padding: 0; }
}
@media (max-width: 460px) { .resource-grid { grid-template-columns: 1fr; } .resource-card { min-height: 123px; } }
.home-feature-stack { display:grid; gap:.65rem; min-width:0; }
.home-feature.calculator-feature { min-height:clamp(215px,27vw,315px); background:linear-gradient(0deg,#112330 4%,#112330 17%,#112330d9 35%,#11233014 71%), url("./assets/calculator-preview.svg") center top / cover, #112330; }
.calculator-feature h2 { margin:0; font-size:clamp(1.75rem,3.4vw,3rem); }
.calculator-feature .eyebrow { margin-bottom:.25rem; }
.home-feature-stack .feature-arrow { color:var(--mint); border:1px solid #4b706c; border-radius:8px; padding:.27rem .63rem; }
.home-feature-stack a:hover .feature-arrow { color:#112330; background:var(--mint); }
.home-studio-feature { display:flex; align-items:center; justify-content:space-between; gap:.75rem; padding:.7rem 1.1rem; border:1px solid #3d5c61; border-radius:13px; background:#142637; }
.home-studio-feature small { display:block; color:var(--muted); font-size:.73rem; }
.home-studio-feature strong { font-size:1.04rem; }
.home-studio-feature .studio-tile-copy { margin-top:.18rem; font-size:.82rem; line-height:1.35; }