:root{--page:#f7f7f7;--soft:#f4f4f4;--line:#e4e4e4;--card:#fff;--shadow:0 4px 18px rgba(0,0,0,.05);--zandvoort-blue:#b4d9e8}
body{background:var(--page);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
.bar{height:7px}
.wrap{width:min(1180px,calc(100% - 48px))}
header{align-items:center;padding:24px 0;border-bottom:1px solid var(--line)}
.brand{font-size:clamp(2.4rem,4.5vw,3.8rem);color:var(--zandvoort-blue)}
.nav{gap:12px;text-transform:none;font-size:.8rem}
.nav a{padding:10px 13px;border-radius:999px}
.nav a:hover,.nav a:focus-visible{background:#eee;color:var(--ink);outline:0}
main{padding-top:54px;padding-bottom:80px}
.publication-note,.source-levels{border:1px solid var(--line);border-radius:16px;background:#fff;padding:22px}
.publication-note{border-left:5px solid var(--red)}
.source-levels{border-top:5px solid var(--red)}
.searchbar{padding:14px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:var(--shadow)}
.searchbar input,.searchbar select{border-color:var(--line);border-radius:999px;padding:14px 18px}
.count{border-bottom:0;padding:8px 0 16px}
.archive-grid{gap:18px}
.story-card,.story-card:nth-child(odd){padding:22px;border:1px solid var(--line);border-radius:18px;background:#fff}
.story-card h2{font-size:1.55rem}
.principles{gap:14px;background:transparent}
.principles div{border:1px solid var(--line);border-radius:16px;padding:22px}
.profile{border:1px solid var(--line);border-radius:22px;background:#fff;padding:28px}
.editor-photo,.hero{border-radius:22px}
.filter-panel{border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:var(--shadow)}
.filter-panel input,.filter-panel select{border-color:var(--line);border-radius:12px}
.filter-panel button,.source-button,.submit-button,.copy-button{border-radius:999px}
.record{margin:12px 0;padding:22px;border:1px solid var(--line);border-radius:16px;background:#fff}
.results-head{border-bottom:0}
.badge{border-radius:999px}
.record-facts{gap:12px;border:0}
.record-facts>div,.record-facts>div:nth-child(3n),.record-facts>div:nth-child(-n+3){border:1px solid var(--line);border-radius:14px;background:#fff}
.advisor-action{border-left:0;border-top:5px solid var(--red);border-radius:18px;background:#fff}
.verification{border:1px solid var(--line);border-radius:16px;background:#fff;padding:22px}
.source-switch{gap:14px}
.source-option{border-color:var(--line);border-radius:18px}
.form-shell{border:1px solid var(--line);border-top:6px solid var(--red);border-radius:22px;background:#fff}
.field-grid input,.field-grid select,.field-grid textarea{border-color:var(--line);border-radius:12px}
.review-rail{gap:12px;border:0;background:transparent}
.review-rail div{border:1px solid var(--line);border-radius:16px}
.sales-grid{gap:16px!important}
.sales-card{border-color:var(--line)!important;border-radius:18px;background:#fff}
.contact{border-radius:20px}
.source-option,.sales-card,.story-card,.record,.principles div{box-shadow:0 2px 10px rgba(0,0,0,.025)}
body>footer{margin-top:24px;padding:32px 0;border-radius:24px 24px 0 0}

/* Story pages */
header.wrap>.back{border:1px solid var(--line);border-radius:999px;padding:10px 14px;text-transform:none}
main.wrap>.byline{border:0;border-radius:999px;background:#ececec;padding:11px 16px;display:inline-block}
.share a,.share button{border-color:var(--line);border-radius:999px;padding:11px 16px}
.body{font-size:1.1rem;line-height:1.72}
.body h2{font-size:2rem;margin-top:42px}
.money{gap:12px;background:transparent}
.money div{border:1px solid var(--line);border-radius:14px;background:#fff;padding:19px}
.body .action{border-left:0;border-top:4px solid var(--red);border-radius:14px;background:#fff;padding:18px 20px}
.story-signup{border:0;border-radius:20px;padding:28px}

/* Change Tracker */
.tracker-hero{margin:20px auto 0;width:min(1180px,calc(100% - 48px));border:1px solid #c8e0ea;border-radius:24px;overflow:hidden;background:#e7f3f7;color:#111}
.tracker-hero .hero-grid p{color:#3f5057}.tracker-hero .hero-stats{border-color:rgba(17,17,17,.24)}.tracker-hero .hero-stats div+div{border-color:rgba(17,17,17,.24)}.tracker-hero .hero-stats strong{color:#111}.tracker-hero .hero-stats span{color:#4f5f65}.tracker-hero .hero-stats small{border-color:rgba(17,17,17,.24);color:#59696f}
.workspace{padding-top:54px}
.controls{border:1px solid var(--line);border-radius:18px;background:#fff;padding:0 18px;margin-top:18px}
.filters select,.filters input{border-color:var(--line);border-radius:12px}
.results{border:0}
.change-row,.watch-row,.deadline-row{margin:12px 0;border:1px solid var(--line);border-radius:16px;background:#fff;overflow:hidden}
.change-row:first-child,.watch-row:first-child,.deadline-row:first-child{border-top:1px solid var(--line)}
.tab span{border-radius:999px}

@media(max-width:720px){
  .wrap{width:min(100% - 28px,1180px)}
  header{padding:18px 0}
  .nav{gap:4px}
  .nav a{white-space:nowrap;padding:9px 11px}
  .archive-grid{gap:14px}
  .story-card,.story-card:nth-child(odd),.profile{padding:20px}
  .hero,.editor-photo{border-radius:16px}
  main.wrap>.byline{border-radius:14px;line-height:1.5}
  .body{font-size:1.05rem}
  .tracker-hero{width:min(100% - 28px,1180px);border-radius:20px}
}
