@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600;9..144,700&family=Mulish:wght@400;500;600;700&display=swap');
/* platform.css — shared design system for the Care Network platform.
   The base block is extracted from sense.html so every member page matches the
   free front door exactly (no drift). Member-platform components are appended below.
   AESTHETIC (2026-06-04 v2): warm "field-guide" — honey-gold + sage on warm near-black,
   Fraunces display serif, NO neon glows. De-Tron'd; retro kept via mono eyebrows + dark ground. */

/* ============================ BASE (from sense.html) ============================ */
  :root{
    --bg:#0f120b; --bg2:#13160e; --panel:#1a1e14; --line:#2c3224; --line2:#3c4430;
    --ink:#f2ede0; --dim:#b4ac96; --faint:#827a66;
    --green:#83b061; --teal:#6cb39a; --amber:#e3a948; --red:#e0735a; --blue:#a6c2dc;
    --accent:#dcb96e; --accent-deep:#bb9447; --sage:#9ec189; --accent-ink:#1c1707;
    --shadow:0 18px 50px rgba(0,0,0,.5); --shadow-sm:0 8px 24px rgba(0,0,0,.38);
    --radius:18px; --radius-sm:12px;
    --serif:'Mulish','Inter',system-ui,sans-serif; --display:'Fraunces',Georgia,'Times New Roman',serif; --mono:'JetBrains Mono',ui-monospace,monospace;
  }
  *{box-sizing:border-box} html,body{margin:0;min-height:100%}
  body{background:radial-gradient(135% 105% at 50% -10%,#1a2114 0%,var(--bg) 58%);color:var(--ink);
    font-family:var(--serif);font-size:17px;line-height:1.62;-webkit-font-smoothing:antialiased;min-height:100vh}
  h1,h2,h3,.sb-h,.hero h1,.pagehead h1,.card h2,.paywall-card h2{font-family:var(--display);font-weight:600;letter-spacing:-.012em}
  a{color:var(--accent);text-decoration:none} ::selection{background:rgba(220,185,110,.26)}
  .wrap{max-width:min(1480px,92vw);margin:0 auto;padding:0 22px}

  /* topbar */
  .topbar{display:flex;align-items:center;gap:12px;padding:16px 22px;max-width:980px;margin:0 auto}
  .brand{display:flex;align-items:center;gap:9px}
  .brand img{height:22px} .brand b{font-size:14.5px;font-weight:700} .brand span{font-size:12px;color:var(--dim)}
  .topbar .spacer{flex:1}
  .signin-btn{font-size:13px;font-weight:600;color:var(--ink);background:rgba(20,26,34,.7);border:1px solid var(--line2);
    border-radius:10px;padding:8px 15px;cursor:pointer;font-family:var(--serif)}
  .signin-btn:hover{border-color:var(--accent)}

  /* hero — the free care front door. Claims the full first viewport and
     vertically centers, so the firewall band drops cleanly BELOW the fold at
     every screen height (no peeking sliver that reads as a "bottom border")
     and the door reads centered/balanced regardless of screen size. */
  .hero{text-align:center;padding:24px 0 20px;
    min-height:calc(100vh - 102px);min-height:calc(100svh - 102px);
    display:flex;flex-direction:column;justify-content:center}
  .freepill{display:inline-flex;align-self:center;align-items:center;gap:8px;font-family:var(--mono);font-size:12px;letter-spacing:.08em;
    text-transform:uppercase;color:var(--accent);border:1px solid var(--line2);border-radius:30px;padding:6px 15px;margin-bottom:26px}
  .freepill .d{width:6px;height:6px;border-radius:50%;background:var(--accent)}
  .hero h1{font-size:clamp(34px,5.4vw,56px);line-height:1.05;font-weight:600;letter-spacing:-.018em;margin:0 0 20px}
  .hero p.lede{font-size:clamp(17px,2vw,19px);line-height:1.65;color:var(--dim);max-width:560px;margin:0 auto 32px}
  .hero p.lede b{color:var(--ink);font-weight:600}
  .askbar{display:flex;gap:10px;width:min(580px,100%);margin:0 auto 10px}
  .askbar input{flex:1;background:rgba(20,26,34,.95);border:1px solid var(--line2);border-radius:14px;color:var(--ink);
    font-size:16px;font-family:var(--serif);padding:17px 18px;outline:none;box-shadow:var(--shadow-sm)}
  .askbar input::placeholder{color:var(--faint)}
  .askbar input:focus{border-color:var(--accent)}
  .askbar button{background:var(--accent);color:var(--accent-ink);border:none;border-radius:14px;font-family:var(--serif);
    font-weight:700;font-size:15px;padding:0 24px;cursor:pointer;box-shadow:var(--shadow-sm)}
  .askbar button:hover{filter:brightness(1.07)}
  .matchnote{min-height:18px;font-size:12.5px;color:var(--faint);margin-bottom:20px}
  .matchnote b{color:var(--accent)}
  .chips-intro{font-family:var(--mono);font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--faint);margin:8px 0 13px}
  .chips{display:flex;flex-wrap:wrap;gap:9px;justify-content:center;max-width:1120px;margin:0 auto 6px}
  .chip{background:rgba(26,30,20,.8);border:1px solid var(--line);border-radius:30px;color:var(--ink);font-size:15px;
    padding:11px 19px;cursor:pointer;transition:border-color .16s,background .16s}
  .chip:hover{border-color:var(--accent);background:rgba(28,36,47,.95)}
  .chip .ic{margin-right:8px;opacity:.85}
  .privacy{font-size:12px;color:var(--faint);margin-top:18px}
  .more-toggle{background:none;border:none;color:var(--accent);font-size:13px;font-family:var(--serif);cursor:pointer;margin-top:14px;padding:6px 12px;border-radius:8px}
  .more-toggle:hover{background:rgba(126,224,200,.08)}
  .estrip{background:rgba(248,81,73,.08);border-bottom:1px solid rgba(248,81,73,.2);font-size:12.5px;color:var(--dim);text-align:center;padding:7px 16px;line-height:1.5}
  .estrip b{color:#ff8a82} .estrip a{color:#ff8a82;font-weight:600;white-space:nowrap;text-decoration:none}

  /* firewall band — the access line, made visible */
  .firewall{max-width:min(1080px,92vw);margin:clamp(18px,3.5vh,40px) auto 28px;border:1px solid var(--line);border-radius:var(--radius);
    background:linear-gradient(180deg,rgba(20,26,34,.6),rgba(13,18,25,.6));overflow:hidden}
  .fw-tier{padding:18px 22px;display:flex;gap:14px;align-items:flex-start;font-size:15px;line-height:1.6;color:var(--dim)}
  .fw-tier+.fw-tier{border-top:1px solid var(--line)}
  .fw-tier b{color:var(--ink);font-weight:650}
  .fw-tier .tick{color:var(--accent);font-weight:700;flex:0 0 auto} .fw-tier .lock{color:var(--amber);flex:0 0 auto}
  .fw-tier.paid{background:rgba(232,160,58,.05)}
  .paid-lbl{font-family:var(--mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--amber);margin-bottom:4px}
  .inline-cta{background:none;border:none;color:var(--accent);font-weight:700;font-size:13.5px;cursor:pointer;font-family:var(--serif);padding:0 0 0 4px}
  .fw-tier a{cursor:pointer;color:var(--accent)}
  .footer{max-width:720px;margin:30px auto 50px;padding:0 22px;font-size:12px;line-height:1.6;color:var(--faint);font-style:italic;text-align:center}

  /* answer overlay (the hero experience) */
  .scrim{position:fixed;inset:0;z-index:8;background:rgba(6,9,13,.6);backdrop-filter:blur(3px);opacity:0;pointer-events:none;transition:opacity .35s}
  .scrim.show{opacity:1;pointer-events:auto}
  .answer{position:fixed;z-index:9;inset:0;width:100%;height:100%;
    background:radial-gradient(120% 80% at 50% -10%,#0f1822 0%,var(--bg) 58%);
    overflow-y:auto;opacity:0;transform:translateY(14px);pointer-events:none;
    transition:opacity .4s ease,transform .42s cubic-bezier(.22,.61,.36,1)}
  .answer.show{opacity:1;transform:none;pointer-events:auto}
  .ahead{position:sticky;top:0;z-index:3;padding:20px 24px 14px;max-width:min(1560px,94vw);margin:0 auto;background:linear-gradient(180deg,#0c141d 76%,transparent)}
  .ahead .q{max-width:760px}
  .ahead .who{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px}
  .ahead .arche{font-family:var(--mono);font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:var(--accent)}
  .ahead .x{cursor:pointer;color:var(--faint);font-size:20px;line-height:1;border:none;background:none}
  .ahead .x:hover{color:var(--ink)}
  .ahead .q{font-size:18px;line-height:1.36;font-weight:680;margin:0}
  .conf{display:inline-flex;align-items:center;gap:7px;font-size:11.5px;color:var(--dim);border:1px solid var(--line2);
    border-radius:20px;padding:3px 11px;margin-top:9px;font-family:var(--mono)}
  .conf .dot{width:8px;height:8px;border-radius:50%}
  .abody{padding:6px 24px 70px;max-width:min(1560px,94vw);margin:0 auto}
  @media(min-width:920px){ .abody{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);column-gap:44px;align-items:start} }
  .ans-main{min-width:0} .ans-side{min-width:0}
  .part{margin:20px 0}
  .part .plabel{font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--faint);margin-bottom:7px}
  .part .plabel .num{color:var(--accent)}
  .part .ptext{font-size:14.5px;line-height:1.66;color:#dde6f0}
  .part1 .ptext{font-size:15.5px;color:var(--ink)}
  details.part4{border:1px solid var(--line);border-radius:var(--radius-sm);margin-top:22px;background:rgba(13,18,25,.6)}
  details.part4 summary{cursor:pointer;list-style:none;padding:13px 15px;font-family:var(--mono);font-size:11px;letter-spacing:.06em;
    text-transform:uppercase;color:var(--dim);display:flex;justify-content:space-between}
  details.part4 summary::-webkit-details-marker{display:none}
  details.part4 .chev{transition:transform .2s} details.part4[open] .chev{transform:rotate(90deg)}
  details.part4 .p4body{padding:2px 15px 15px} .p4sub{font-size:13.5px;line-height:1.6;color:var(--dim);margin:10px 0} .p4sub b{color:var(--ink)}
  .wis{margin:24px 0 8px;border-top:1px solid var(--line);padding-top:18px}
  .wis-h{font-size:13px;font-weight:700;margin-bottom:4px} .wis-sub{font-size:11.5px;color:var(--faint);margin-bottom:13px;line-height:1.5}
  .wis-row{display:flex;gap:10px;margin:9px 0;font-size:13px;line-height:1.5}
  .wis-row .tag{flex:0 0 auto;font-family:var(--mono);font-size:9.5px;letter-spacing:.05em;text-transform:uppercase;padding:3px 7px;border-radius:5px;height:fit-content;margin-top:1px}
  .tag.cited{background:rgba(63,185,80,.14);color:#74d98a;border:1px solid rgba(63,185,80,.3)}
  .tag.infer{background:rgba(108,176,255,.13);color:var(--blue);border:1px solid rgba(108,176,255,.28)}
  .tag.open{background:rgba(232,160,58,.13);color:var(--amber);border:1px solid rgba(232,160,58,.3)}
  .wis-row ul{margin:0;padding:0;list-style:none} .wis-row li{margin:0 0 4px;color:#cdd6e1} .wis-row li::before{content:"·";color:var(--faint);margin-right:7px}
  .doors{margin:24px 0 8px} .doors-lead{font-size:13.5px;line-height:1.6;color:var(--dim);margin-bottom:14px} .doors-lead b{color:var(--accent)}
  .door{border:1px solid var(--line);border-radius:var(--radius-sm);margin:8px 0;overflow:hidden;background:rgba(20,26,34,.55)}
  .door summary{cursor:pointer;list-style:none;padding:13px 15px;display:flex;align-items:center;gap:11px;font-size:14px;font-weight:600}
  .door summary::-webkit-details-marker{display:none}
  .door summary .kic{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;font-size:13px;flex:0 0 auto;background:rgba(126,224,200,.12);border:1px solid rgba(126,224,200,.25)}
  .door[open] summary{border-bottom:1px solid var(--line)} .door .dbody{padding:12px 15px 14px}
  .door .dexpand{font-size:13px;line-height:1.6;color:var(--dim);margin:0 0 10px}
  .door ul{margin:0;padding-left:2px;list-style:none} .door li{font-size:13px;line-height:1.5;color:#cdd6e1;margin:6px 0;padding-left:18px;position:relative} .door li::before{content:"→";position:absolute;left:0;color:var(--accent);opacity:.7}
  .cites{margin:22px 0 4px;border-top:1px solid var(--line);padding-top:16px}
  .cites-h{font-family:var(--mono);font-size:10.5px;letter-spacing:.07em;text-transform:uppercase;color:var(--faint);margin-bottom:10px}
  .cite{font-size:12px;line-height:1.5;color:var(--dim);margin:7px 0;display:flex;gap:8px} .cite .cn{color:var(--accent);font-family:var(--mono)} .cite .cpath{display:block;font-family:var(--mono);font-size:10px;color:var(--faint);margin-top:2px;word-break:break-all}
  .actions{display:flex;gap:8px;margin:22px 0 6px;flex-wrap:wrap}
  .actions button{font-size:12px;font-family:var(--mono);color:var(--dim);background:rgba(20,26,34,.7);border:1px solid var(--line);border-radius:8px;padding:8px 13px;cursor:pointer}
  .actions button:hover{color:var(--ink)}
  .actions .again{color:var(--accent-ink);background:var(--accent);border-color:var(--accent);font-weight:700;font-family:var(--serif)}
  .actions .save{color:var(--accent);border-color:rgba(126,224,200,.35)}
  .muse{margin:18px 0 6px;font-size:11.5px;line-height:1.55;color:var(--faint);font-style:italic;border-left:2px solid var(--line2);padding-left:12px}
  .savehint{margin-top:12px;font-size:12px;color:var(--faint);background:rgba(20,26,34,.5);border:1px dashed var(--line2);border-radius:8px;padding:10px 12px}
  .savehint b{color:var(--dim)}

  /* sign-in / your-space mock */
  .modal{position:fixed;inset:0;z-index:11;display:none;align-items:center;justify-content:center;padding:22px;background:rgba(6,9,13,.72);backdrop-filter:blur(4px)}
  .modal.show{display:flex}
  .card{width:min(440px,100%);background:linear-gradient(180deg,var(--panel),var(--bg2));border:1px solid var(--line2);border-radius:var(--radius);box-shadow:var(--shadow);padding:26px 26px 22px;position:relative}
  .card .x{position:absolute;top:14px;right:16px;border:none;background:none;color:var(--faint);font-size:19px;cursor:pointer}
  .card .mlbl{font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);margin-bottom:10px}
  .card h2{margin:0 0 8px;font-size:21px}
  .card p{font-size:13.5px;line-height:1.6;color:var(--dim);margin:0 0 18px}
  .card .field{width:100%;background:rgba(13,18,25,.8);border:1px solid var(--line2);border-radius:10px;color:var(--ink);font-size:14px;padding:13px 14px;margin-bottom:10px;font-family:var(--serif)}
  .card .go{width:100%;background:var(--accent);color:var(--accent-ink);border:none;border-radius:11px;font-weight:700;font-size:14.5px;padding:13px;cursor:pointer;font-family:var(--serif)}
  .card .fine{font-size:11.5px;color:var(--faint);text-align:center;margin:12px 0 0}
  /* Phase-0 profile editor + claim (account.html) — .field usable inside .mcard, with field labels */
  .mcard .field{width:100%;background:rgba(13,18,25,.8);border:1px solid var(--line2);border-radius:10px;color:var(--ink);font-size:14px;padding:11px 13px;margin-bottom:4px;font-family:var(--serif);line-height:1.5}
  .mcard textarea.field{resize:vertical;min-height:42px}
  .fld-l{display:block;font-size:12px;font-weight:640;color:var(--ink);margin:14px 0 5px;letter-spacing:.01em}
  .fld-l:first-of-type{margin-top:0}
  .fld-h{font-weight:400;color:var(--faint)}
  /* your space */
  .space .row{display:flex;gap:11px;padding:13px 0;border-bottom:1px solid var(--line)}
  .space .row .ic{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:rgba(126,224,200,.1);border:1px solid rgba(126,224,200,.22);flex:0 0 auto}
  .space .row .t{font-size:13.5px;font-weight:600} .space .row .s{font-size:12px;color:var(--dim);margin-top:2px}
  .space .eco{margin-top:16px;display:block;border:1px solid var(--line2);border-radius:12px;padding:15px 16px;background:rgba(20,26,34,.6);cursor:pointer}
  .space .eco .lbl{font-family:var(--mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--faint);margin-bottom:5px}
  .space .eco .t{font-size:15px;font-weight:680;color:var(--ink)} .space .eco .s{font-size:12.5px;color:var(--dim);margin-top:4px}
  .space .eco:hover{border-color:var(--accent)}

  @media(max-width:560px){ .answer{width:100vw} }
  @media print {
    body{background:#fff}
    .estrip,.topbar,.hero,.firewall,.footer,.scrim,.modal,.actions,.savehint,.muse,.more-toggle{display:none!important}
    .answer{position:static!important;transform:none!important;width:100%!important;height:auto!important;box-shadow:none!important;border:none!important;background:#fff!important;overflow:visible!important}
    .answer *{color:#111!important}
    .answer .arche,.conf,.part .plabel .num,.tag,.door summary .kic{color:#555!important}
    details.part4 .p4body{display:block!important}
  }

/* ======================= MEMBER PLATFORM COMPONENTS ======================= */
/* saved state on the answer "Save this" button */
.actions .save.is-saved{background:rgba(126,224,200,.16);color:var(--accent);border-color:rgba(126,224,200,.5)}

/* shared top-nav across space / join / navigators / architect */
.cc-viewbanner{background:rgba(232,160,58,.12);border-bottom:1px solid rgba(232,160,58,.3);color:var(--amber);
  font-size:12.5px;text-align:center;padding:7px 16px;font-family:var(--mono)}
.cc-viewbanner b{color:#ffce85} .cc-viewbanner a{color:#ffce85;text-decoration:underline}
.cc-topnav{display:flex;align-items:center;gap:18px;padding:14px 26px;border-bottom:1px solid var(--line);
  background:#0d1219;position:sticky;top:0;z-index:6}
.cc-brand{display:flex;align-items:center;gap:9px;color:var(--ink);font-size:15px;font-weight:700}
.cc-brand:hover{color:var(--ink)} .cc-dot{width:18px;height:18px;border-radius:6px;background:linear-gradient(135deg,var(--accent),#43b89a)}
.cc-bio{font-family:var(--mono);font-size:11.5px;color:var(--dim);border:1px solid var(--line2);border-radius:20px;padding:4px 11px}
.cc-links{display:flex;gap:4px} .cc-nav-link{font-size:13.5px;color:var(--dim);padding:7px 12px;border-radius:8px}
.cc-nav-link:hover{color:var(--ink);background:rgba(255,255,255,.04)} .cc-nav-link.on{color:var(--accent);background:rgba(126,224,200,.1)}
.cc-spacer{flex:1} .cc-role{font-family:var(--mono);font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--accent);
  border:1px solid rgba(126,224,200,.3);border-radius:20px;padding:4px 11px}
.cc-acct{font-size:13.5px;color:var(--dim);padding:7px 10px} .cc-acct:hover{color:var(--ink)}
.cc-signin{font-size:13.5px;font-weight:650;color:var(--accent-ink);background:var(--accent);border-radius:9px;padding:8px 15px}

/* member page shell */
.page{max-width:min(1180px,92vw);margin:0 auto;padding:34px 22px 80px}
.pagehead{margin:8px 0 30px} .pagehead .eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:var(--accent);margin-bottom:9px}
.pagehead h1{font-size:clamp(28px,3.8vw,40px);font-weight:600;letter-spacing:-.018em;margin:0 0 12px}
.pagehead p{font-size:16.5px;line-height:1.62;color:var(--dim);max-width:680px;margin:0}
.section{margin:30px 0} .section-h{display:flex;align-items:baseline;gap:10px;margin-bottom:14px}
.section-h h2{font-size:17px;font-weight:700;margin:0} .section-h .count{font-family:var(--mono);font-size:12px;color:var(--faint)}

/* generic cards + grids */
.mcard{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,rgba(20,26,34,.6),rgba(13,18,25,.55));padding:18px 20px}
.mcard:hover{border-color:var(--line2)}
.grid{display:grid;gap:16px} .grid.cols-2{grid-template-columns:1fr} @media(min-width:760px){.grid.cols-2{grid-template-columns:1fr 1fr}}
.grid.cols-3{grid-template-columns:1fr} @media(min-width:860px){.grid.cols-3{grid-template-columns:repeat(3,1fr)}}

/* saved-answer card (space.html) */
.savecard{cursor:pointer;display:flex;flex-direction:column;gap:8px}
.savecard .sc-top{display:flex;align-items:center;gap:11px}
.savecard .sc-ic{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:rgba(126,224,200,.1);border:1px solid rgba(126,224,200,.22);flex:0 0 auto;font-size:16px}
.savecard .sc-t{font-size:14.5px;font-weight:650;line-height:1.3} .savecard .sc-q{font-size:12.5px;color:var(--dim);line-height:1.5}
.savecard .sc-foot{display:flex;align-items:center;gap:10px;font-family:var(--mono);font-size:10.5px;color:var(--faint);margin-top:2px}
.savecard .sc-conf .d{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px}
.savecard .reopen{color:var(--accent)}

/* next-step checklist (space.html) */
.steplist{list-style:none;margin:0;padding:0}
.steprow{display:flex;gap:12px;padding:12px 2px;border-bottom:1px solid var(--line);align-items:flex-start;cursor:pointer}
.steprow:last-child{border-bottom:none}
.steprow .box{width:20px;height:20px;border-radius:6px;border:1.5px solid var(--line2);flex:0 0 auto;margin-top:1px;display:grid;place-items:center;font-size:12px;color:var(--accent-ink)}
.steprow.done .box{background:var(--accent);border-color:var(--accent)}
.steprow .stext{font-size:13.5px;line-height:1.5;color:#dde6f0} .steprow.done .stext{color:var(--faint);text-decoration:line-through}
.steprow .ssrc{font-size:11px;color:var(--faint);font-family:var(--mono)}

/* empty state */
.empty{text-align:center;border:1px dashed var(--line2);border-radius:var(--radius);padding:40px 24px;color:var(--dim)}
.empty .ei{font-size:30px;margin-bottom:12px;opacity:.7} .empty h3{margin:0 0 6px;font-size:17px;color:var(--ink)} .empty p{margin:0 0 16px;font-size:14px}

/* primary/secondary buttons */
.btn{font-family:var(--serif);font-size:14px;font-weight:650;border-radius:11px;padding:11px 18px;cursor:pointer;border:1px solid var(--line2);background:rgba(20,26,34,.7);color:var(--ink)}
.btn:hover{border-color:var(--accent)} .btn-primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)} .btn-primary:hover{filter:brightness(1.07)}
.btn-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}

/* eco / ecosystem link card */
.ecolink{display:block;border:1px solid var(--line2);border-radius:var(--radius);padding:18px 20px;background:rgba(20,26,34,.6);cursor:pointer}
.ecolink:hover{border-color:var(--accent)} .ecolink .lbl{font-family:var(--mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--faint);margin-bottom:6px}
.ecolink .t{font-size:16px;font-weight:680;color:var(--ink)} .ecolink .s{font-size:13px;color:var(--dim);margin-top:5px;line-height:1.5}

/* membership tier cards (join.html) */
.tier{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,rgba(20,26,34,.6),rgba(13,18,25,.5));padding:24px 22px;display:flex;flex-direction:column}
.tier.feature{border-color:rgba(126,224,200,.4);box-shadow:0 0 0 1px rgba(126,224,200,.12)}
.tier .tlbl{font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);margin-bottom:10px}
.tier h3{font-size:20px;margin:0 0 4px} .tier .price{font-size:15px;color:var(--dim);margin:0 0 16px} .tier .price b{color:var(--ink);font-size:22px}
.tier ul{list-style:none;margin:0 0 20px;padding:0;flex:1} .tier li{font-size:13.5px;line-height:1.5;color:#cdd6e1;margin:9px 0;padding-left:22px;position:relative}
.tier li::before{content:"✓";position:absolute;left:0;color:var(--accent)} .tier li.no{color:var(--faint)} .tier li.no::before{content:"–";color:var(--faint)}
.tier .duesnote{font-size:12px;color:var(--amber);line-height:1.5;margin-bottom:14px}

/* bioregion + view-as controls (architect.html) */
.selectrow{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.pill-btn{font-family:var(--serif);font-size:13.5px;border:1px solid var(--line2);background:rgba(20,26,34,.7);color:var(--ink);border-radius:30px;padding:9px 16px;cursor:pointer}
.pill-btn:hover{border-color:var(--accent)} .pill-btn.on{background:rgba(126,224,200,.14);border-color:var(--accent);color:var(--accent)}
.pill-btn.soon{opacity:.5;cursor:default} .pill-btn.soon:hover{border-color:var(--line2)}
.gauge{display:flex;align-items:center;gap:14px} .gauge .ring{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;font-family:var(--mono);font-size:13px;font-weight:700;flex:0 0 auto}
.statline{display:flex;gap:22px;flex-wrap:wrap;margin-top:6px} .stat .n{font-size:22px;font-weight:740;font-family:var(--mono)} .stat .l{font-size:11.5px;color:var(--faint);text-transform:uppercase;letter-spacing:.05em}
/* ======================= REGION / LANGUAGE PICKERS ======================= */
.cc-picker{display:inline-flex;align-items:center;gap:6px;background:rgba(20,26,34,.7);border:1px solid var(--line2);border-radius:20px;padding:3px 8px 3px 11px}
.cc-picker:focus-within{border-color:var(--accent)}
.cc-pic-ic{font-size:12px;color:var(--dim)}
.cc-picker select{background:transparent;border:none;color:var(--ink);font-family:var(--serif);font-size:12.5px;padding:4px 2px;cursor:pointer;outline:none;max-width:200px}
.cc-picker select option{background:var(--panel);color:var(--ink)}
.cc-picker select:disabled,.cc-picker select option:disabled{color:var(--faint)}
@media(max-width:680px){ .cc-picker select{max-width:120px} .cc-topnav{flex-wrap:wrap;gap:10px} }

/* ======================= ACCESSIBILITY BASELINE ======================= */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:absolute;left:8px;top:-48px;z-index:50;background:var(--accent);color:var(--accent-ink);font-weight:700;padding:9px 15px;border-radius:0 0 10px 10px;transition:top .15s}
.skip-link:focus{top:0}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.chip:focus-visible,.door-card:focus-visible,.savecard:focus-visible,.viewas:focus-visible,.pill-btn:focus-visible,.steprow:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media (prefers-reduced-motion: reduce){ *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important} .answer{transition:none!important;transform:none!important} }
/* ======================= PAYWALL INTERSTITIAL ======================= */
.paywall{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:24px;background:radial-gradient(120% 90% at 50% -10%,#0f1822 0%,var(--bg) 60%)}
.paywall-card{max-width:520px;text-align:center;border:1px solid var(--line2);border-radius:var(--radius);background:linear-gradient(180deg,var(--panel),var(--bg2));padding:38px 32px;box-shadow:var(--shadow)}
.paywall-card .pw-lock{font-size:30px;color:var(--amber);margin-bottom:12px}
.paywall-card .pw-eyebrow{font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--amber);margin-bottom:10px}
.paywall-card h2{font-size:23px;margin:0 0 12px}
.paywall-card p{font-size:14.5px;line-height:1.65;color:var(--dim);margin:0 0 22px}
.pw-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-bottom:16px}
.pw-back{font-size:13px;color:var(--faint)}
/* ======================= SHARED FOOTER ======================= */
.cc-foot{border-top:1px solid var(--line);margin-top:44px}
.cc-foot-in{max-width:1180px;margin:0 auto;padding:22px 26px;display:flex;align-items:center;gap:18px;flex-wrap:wrap;font-size:13px;color:var(--faint)}
.cc-foot-brand{display:flex;align-items:center;gap:8px;color:var(--dim);font-weight:650}
.cc-foot-brand .cc-dot{width:18px;height:18px;border-radius:6px}
.cc-foot-links{display:flex;gap:14px}
.cc-foot-links a{color:var(--dim)} .cc-foot-links a:hover{color:var(--ink)}
.cc-foot-mlc{margin-left:auto} .cc-foot-mlc a{color:var(--accent)}
@media(max-width:680px){.cc-foot-mlc{margin-left:0}}
/* ======================= POP — quiet hover life (NO neon glow — soft neutral lift only) ======================= */
.mcard{transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.savecard:hover,.tier:hover{transform:translateY(-3px);box-shadow:0 16px 38px rgba(0,0,0,.3);border-color:var(--line2)}
.tier.feature{transform:translateY(-4px)}
.chip{transition:transform .14s ease,border-color .16s ease,background .16s ease}
.chip:hover{transform:translateY(-2px)}
.btn-primary:hover,.cc-signin:hover{box-shadow:0 10px 26px rgba(0,0,0,.34)}
.pill-btn:hover,.viewas:hover{box-shadow:0 10px 26px rgba(0,0,0,.3)}
.door-card{transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.door-card:hover{box-shadow:0 16px 36px rgba(0,0,0,.32)}