/* Generated from Exposure-Tradeoff-Explorer-v1.0.0.html (v1.0.0). Do not edit by hand. */
:root{
      --bg0:#050912;
      --bg1:#0b1421;
      --bg2:#101a2b;
      --card:rgba(255,255,255,.105);
      --card2:rgba(255,255,255,.05);
      --line:rgba(255,255,255,.14);
      --line-strong:rgba(255,255,255,.28);
      --text:#f6f9ff;
      --muted:#d5e2f0;
      --soft:#9fb3c7;
      --a:#84f0cf;
      --b:#77cfff;
      --gold:#f0c95f;
      --rose:#ffafc0;
      --coral:#ea6d40;
      --teal:#4fd7d0;
      --violet:#b69cff;
      --shadow:0 20px 46px rgba(0,0,0,.46);
      --shadow-soft:0 10px 26px rgba(0,0,0,.34);
      --radius:14px;
      --radius-lg:20px;
      --font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
      --zone-short:#6c7a93;
      --zone-lean:#4aa8d8;
      --zone-sweet:#4fd37f;
      --zone-risk:#f0c95f;
      --zone-long:#ea6d40;
    }

    #exposure-tool, #exposure-tool *{box-sizing:border-box}
    html.exposure-explorer-standalone,body.exposure-explorer-standalone{margin:0;padding:0;min-height:100%}
    body.exposure-explorer-standalone{
      background:
        radial-gradient(circle at top, rgba(110,193,255,.10), transparent 26%),
        radial-gradient(circle at 80% 0%, rgba(132,240,207,.08), transparent 22%),
        linear-gradient(180deg, var(--bg0), var(--bg1) 42%, var(--bg2));
      color:var(--text);
      font-family:var(--font);
      line-height:1.38;
      -webkit-font-smoothing:antialiased;
      -moz-osx-font-smoothing:grayscale;
      padding:14px;
    }

    #exposure-tool{max-width:1380px;margin:0 auto}
    .card{
      background:linear-gradient(160deg,var(--card),var(--card2));
      border:1px solid var(--line);
      border-radius:var(--radius);
      box-shadow:var(--shadow-soft);
      backdrop-filter:blur(6px);
    }
    .hero{
      position:relative;
      overflow:hidden;
      padding:18px 18px 16px;
      margin-bottom:12px;
      border-radius:18px;
      border:1px solid rgba(255,255,255,.11);
      background:linear-gradient(135deg,rgba(110,193,255,.16),rgba(132,240,207,.08) 48%,rgba(255,255,255,.03));
      box-shadow:var(--shadow-soft);
    }
    .hero-inner{
      position:relative;
      z-index:1;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:18px;
    }
    .hero-copy{
      min-width:0;
      flex:1 1 auto;
    }
    .hero-logo{
      width:180px;
      height:auto;
      border-radius:0;
      object-fit:contain;
      border:1px solid rgba(255,255,255,.18);
      box-shadow:0 10px 28px rgba(0,0,0,.24);
      background:transparent;
      flex:0 0 auto;
    }
    .hero::after{
      content:"";
      position:absolute;
      right:-45px;
      bottom:-70px;
      width:240px;
      height:240px;
      border-radius:999px;
      background:radial-gradient(circle,rgba(132,240,207,.18),transparent 68%);
      pointer-events:none;
    }
    h1{margin:0 0 6px;font-size:clamp(1.5rem,2.2vw,2.5rem);line-height:1.02}
    .hero-title{
      display:flex;
      align-items:baseline;
      gap:12px;
      flex-wrap:wrap;
    }
    .hero-version{
      display:inline-flex;
      align-items:center;
      padding:4px 10px;
      border-radius:999px;
      border:1px solid rgba(240,201,95,.28);
      background:linear-gradient(180deg, rgba(240,201,95,.12), rgba(240,201,95,.05));
      color:#f0c95f;
      font-size:.72rem;
      font-weight:900;
      letter-spacing:.1em;
      text-transform:uppercase;
      line-height:1;
    }
    .hero p{margin:0;color:var(--muted);max-width:820px;font-size:.9rem}
    .hero-support{margin-top:8px;color:var(--soft);font-size:.8rem;max-width:900px}

    .layout{
      display:grid;
      grid-template-columns:minmax(330px,430px) minmax(0,1fr);
      gap:12px;
      align-items:start;
      min-height:calc(100vh - 24px);
      height:auto;
    }
    .setup{
      min-height:0;
      height:auto;
      padding:10px;
      overflow:visible;
      background:linear-gradient(180deg, rgba(44,56,75,.96), rgba(30,40,57,.96));
      border-color:rgba(255,255,255,.20);
      box-shadow:0 18px 38px rgba(0,0,0,.34);
    }
    .setup .section{
      background:linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.02));
      border-radius:12px;
    }
    .setup-group{
      border:1px solid rgba(255,255,255,.10);
      border-radius:14px;
      background:linear-gradient(180deg, rgba(255,255,255,.028), rgba(255,255,255,.016));
      overflow:visible;
      margin-bottom:10px;
    }
    .setup-group.sky-field-group{
      border-color:rgba(110,193,255,.18);
      background:
        linear-gradient(180deg, rgba(110,193,255,.08), rgba(132,240,207,.035) 24%, rgba(255,255,255,.018));
      box-shadow:0 18px 34px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.05);
    }
    .setup-group.sky-field-group .setup-group-head{
      background:linear-gradient(180deg, rgba(110,193,255,.07), rgba(255,255,255,.025));
      border-bottom:1px solid rgba(110,193,255,.12);
    }
    .setup-group:last-child{margin-bottom:0}
    .setup-group-head{
      width:100%;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:10px;
      padding:11px 12px;
      background:rgba(255,255,255,.03);
      border:none;
      border-radius:0;
      box-shadow:none;
      text-align:left;
    }
    .setup-group-head:hover{
      transform:none;
      background:rgba(255,255,255,.05);
      border:none;
    }
    .setup-group-title{
      display:flex;
      flex-direction:column;
      gap:3px;
    }
    .setup-group-title strong{
      color:#f0c95f;
      font-size:.8rem;
      letter-spacing:.04em;
      text-transform:uppercase;
      text-shadow:0 1px 0 rgba(0,0,0,.22);
    }
    .setup-group-title span{
      color:var(--soft);
      font-size:.7rem;
      line-height:1.35;
    }
    .setup-group-chevron{
      color:var(--soft);
      font-size:.8rem;
      transition:transform .25s ease;
    }
    .setup-group.open .setup-group-chevron{transform:rotate(180deg)}
    .setup-group-body.exposure-explorer-standalone{
      display:none;
      padding:0 10px 10px;
      position:relative;
      z-index:2;
    }
    .setup-group.open .setup-group-body.exposure-explorer-standalone{display:block}
    .setup .section-head p,
    .setup .small-note,
    .setup .inline-note,
    .setup .micro-note{
      color:#c7d5e4;
    }
    .setup .field label{
      color:#ecf3fb;
    }
    .setup .field.inactive label{
      color:#9fb0c1;
    }
    .setup .field input,
    .setup .field select{
      background-color:rgba(255,255,255,.12);
      border-color:rgba(255,255,255,.22);
      color:#ffd671;
    }
    .setup .field input:disabled,
    .setup .field select:disabled{
      cursor:not-allowed;
    }
    .setup .field.inactive input,
    .setup .field.inactive select{
      background-color:rgba(255,255,255,.06);
      border-color:rgba(255,255,255,.12);
      color:#afbccb;
      opacity:.62;
    }
    .results{
      display:grid;
      gap:12px;
      min-width:0;
      min-height:0;
      max-height:calc(100vh - 24px);
      overflow-y:auto;
      overscroll-behavior:contain;
      scrollbar-gutter:stable;
      padding-right:2px;
      position:sticky;
      top:0;
      align-self:start;
    }
    .results::-webkit-scrollbar{
      width:10px;
    }
    .results::-webkit-scrollbar-track{
      background:rgba(255,255,255,.04);
      border-radius:999px;
    }
    .results::-webkit-scrollbar-thumb{
      background:rgba(255,255,255,.18);
      border-radius:999px;
    }
    .section{
      padding:10px;
    }
    .section + .section{margin-top:8px}
    .section-label{
      display:inline-flex;
      align-items:center;
      gap:6px;
      padding:4px 8px;
      margin:0 0 8px;
      border-radius:8px;
      background:rgba(255,255,255,.04);
      border:1px solid rgba(255,255,255,.10);
      color:var(--soft);
      text-transform:uppercase;
      letter-spacing:.14em;
      font-size:.63rem;
      font-weight:900;
    }
    .section-head{
      display:flex;
      align-items:flex-start;
      justify-content:space-between;
      gap:12px;
      margin-bottom:8px;
    }
    .section-head p{
      margin:4px 0 0;
      color:var(--soft);
      font-size:.75rem;
      max-width:520px;
    }
    .field-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;align-items:start}
    .field-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
    .field-grid-full{display:grid;grid-template-columns:1fr;gap:7px}
    .setup-subgroup{
      margin:8px 0 12px;
      padding:10px;
      border-radius:12px;
      border:1px solid rgba(255,255,255,.10);
      background:linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.018));
      box-shadow:inset 0 1px 0 rgba(255,255,255,.04), 0 8px 16px rgba(0,0,0,.10);
    }
    .setup-subgroup:last-child{margin-bottom:0}
    .setup-subgroup.sky-source{
      border-color:rgba(240,201,95,.30);
      background:linear-gradient(180deg, rgba(240,201,95,.11), rgba(240,201,95,.045) 36%, rgba(255,255,255,.02));
    }
    .setup-subgroup.location{
      border-color:rgba(110,193,255,.30);
      background:linear-gradient(180deg, rgba(110,193,255,.11), rgba(110,193,255,.045) 36%, rgba(255,255,255,.02));
    }
    .setup-subgroup.target{
      border-color:rgba(132,240,207,.30);
      background:linear-gradient(180deg, rgba(132,240,207,.11), rgba(132,240,207,.045) 36%, rgba(255,255,255,.02));
    }
    .setup-subgroup.moon{
      border-color:rgba(182,156,255,.30);
      background:linear-gradient(180deg, rgba(182,156,255,.11), rgba(182,156,255,.045) 36%, rgba(255,255,255,.02));
    }
    .setup-subgroup-head{
      display:flex;
      align-items:baseline;
      justify-content:space-between;
      gap:10px;
      margin-bottom:8px;
    }
    .setup-subgroup-title{
      color:#f0c95f;
      font-size:.74rem;
      font-weight:900;
      letter-spacing:.08em;
      text-transform:uppercase;
      text-shadow:0 1px 0 rgba(0,0,0,.22);
    }
    .setup-subgroup-note{
      color:var(--soft);
      font-size:.67rem;
      line-height:1.35;
      text-align:right;
      max-width:55%;
    }
    .field{display:flex;flex-direction:column;gap:4px}
    .field label{
      color:var(--muted);
      font-size:.69rem;
      font-weight:800;
      letter-spacing:.01em;
      min-height:2.2em;
      display:flex;
      align-items:flex-end;
    }
    .field input,.field select,.plan-actions input,.plan-actions select{
      width:100%;
      min-height:30px;
      padding:6px 9px;
      border-radius:9px;
      border:1px solid rgba(255,255,255,.18);
      background:rgba(255,255,255,.085);
      color:var(--gold);
      box-shadow:inset 0 1px 4px rgba(0,0,0,.22);
      font-size:.83rem;
      outline:none;
      appearance:none;
    }
    .field input[readonly]{
      background:linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.028));
      border-color:rgba(255,255,255,.12);
      color:#d9e5f3;
      box-shadow:inset 0 1px 3px rgba(0,0,0,.18);
      cursor:default;
    }
    .field input[readonly]:focus{
      border-color:rgba(255,255,255,.12);
      box-shadow:inset 0 1px 3px rgba(0,0,0,.18);
    }
    .field select,.plan-actions select{
      padding-right:42px;
      background-image:
        linear-gradient(to left, rgba(255,255,255,.10), rgba(255,255,255,.10)),
        linear-gradient(45deg, transparent 50%, rgba(235,244,252,.98) 50%),
        linear-gradient(135deg, rgba(235,244,252,.98) 50%, transparent 50%);
      background-position:
        calc(100% - 30px) 0,
        calc(100% - 17px) calc(50% - 1px),
        calc(100% - 10px) calc(50% - 1px);
      background-size:1px 100%, 9px 9px, 9px 9px;
      background-repeat:no-repeat;
    }
    .field input[type="number"]{
      -moz-appearance:textfield;
    }
    .field input[type="number"]::-webkit-outer-spin-button,
    .field input[type="number"]::-webkit-inner-spin-button{
      -webkit-appearance:none;
      margin:0;
    }
    .field input:focus,.field select:focus,.plan-actions input:focus,.plan-actions select:focus{
      border-color:rgba(110,193,255,.65);
      box-shadow:inset 0 1px 4px rgba(0,0,0,.18),0 0 0 3px rgba(110,193,255,.18);
    }
    .inline-note,.small-note{
      color:var(--soft);
      font-size:.73rem;
      line-height:1.45;
    }
    .field-note{
      color:var(--soft);
      font-size:.69rem;
      line-height:1.35;
      margin-top:1px;
    }
    .pill-row,.tab-row{display:flex;flex-wrap:wrap;gap:6px}
    .pill{
      display:inline-flex;
      align-items:center;
      gap:8px;
      padding:6px 10px;
      border-radius:999px;
      border:1px solid rgba(255,255,255,.12);
      background:rgba(255,255,255,.04);
      color:var(--muted);
      font-size:.76rem;
      cursor:pointer;
      user-select:none;
    }
    .pill input{margin:0}
    .pill.active{
      border-color:rgba(132,240,207,.42);
      background:linear-gradient(180deg,rgba(132,240,207,.16),rgba(110,193,255,.08));
      color:#fff;
    }
    .mode-toggle{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:7px;
      margin-top:8px;
    }
    .toggle-chip{
      border:1px solid var(--line);
      background:rgba(255,255,255,.04);
      color:var(--text);
      border-radius:12px;
      padding:10px 12px;
      font-size:.76rem;
      font-weight:800;
      letter-spacing:.04em;
      text-transform:uppercase;
      cursor:pointer;
      text-align:center;
    }
    .toggle-chip.active{
      border-color:rgba(132,240,207,.55);
      box-shadow:var(--glow);
      background:linear-gradient(180deg, rgba(132,240,207,.22), rgba(132,240,207,.10));
      color:#f8fffc;
    }
    .help{
      position:relative;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      width:16px;
      height:16px;
      margin-left:5px;
      border-radius:999px;
      border:1px solid rgba(255,255,255,.16);
      color:var(--soft);
      font-size:.61rem;
      font-weight:900;
      line-height:1;
      cursor:help;
      vertical-align:middle;
      background:rgba(255,255,255,.05);
    }
    .help:hover,.help:focus-visible{
      color:#fff;
      border-color:rgba(132,240,207,.45);
      background:rgba(132,240,207,.12);
      outline:none;
    }
    .help::after{
      content:attr(data-help);
      position:absolute;
      left:0;
      top:calc(100% + 10px);
      transform:none;
      min-width:160px;
      max-width:min(230px, calc(100vw - 44px));
      padding:9px 10px;
      border-radius:10px;
      border:1px solid rgba(132,240,207,.22);
      background:rgba(12,17,28,.96);
      box-shadow:0 14px 36px rgba(0,0,0,.32);
      color:#eef8ff;
      font-size:.7rem;
      font-weight:600;
      line-height:1.45;
      letter-spacing:.01em;
      text-transform:none;
      white-space:normal;
      pointer-events:none;
      opacity:0;
      visibility:hidden;
      z-index:40;
    }
    .help::before{
      content:"";
      position:absolute;
      left:10px;
      top:calc(100% + 4px);
      transform:rotate(225deg);
      width:10px;
      height:10px;
      background:rgba(12,17,28,.96);
      border-right:1px solid rgba(132,240,207,.22);
      border-bottom:1px solid rgba(132,240,207,.22);
      opacity:0;
      visibility:hidden;
      z-index:39;
      pointer-events:none;
    }
    .setup .help::after{
      left:auto;
      right:0;
      transform:none;
      min-width:160px;
      max-width:min(210px, calc(100vw - 32px));
    }
    .setup .help::before{
      left:auto;
      right:10px;
      transform:rotate(225deg);
    }
    .results .help::after{
      left:auto;
      right:0;
      transform:none;
      min-width:160px;
      max-width:min(220px, calc(100vw - 44px));
    }
    .results .help::before{
      left:auto;
      right:10px;
      transform:rotate(45deg);
    }
    .help:hover::after,.help:hover::before,
    .help:focus-visible::after,.help:focus-visible::before{
      opacity:1;
      visibility:visible;
    }
    .mode-note{
      margin-top:10px;
      font-size:.73rem;
      color:var(--soft);
      line-height:1.5;
    }
    .instruction-panel{
      margin-top:10px;
      padding:12px;
      border-radius:12px;
      background:rgba(255,255,255,.035);
      border:1px solid rgba(255,255,255,.08);
    }
    .instruction-panel h4{
      margin:0 0 8px;
      font-size:.8rem;
      letter-spacing:.08em;
      text-transform:uppercase;
    }
    .instruction-panel ol{
      margin:0;
      padding-left:18px;
      color:var(--soft);
      font-size:.73rem;
      line-height:1.55;
    }
    .inline-note{
      margin-top:8px;
      padding:8px 10px;
      border-radius:10px;
      border:1px solid rgba(132,240,207,.14);
      background:rgba(132,240,207,.045);
      color:var(--soft);
      font-size:.72rem;
      line-height:1.4;
    }
    .micro-note{
      margin-top:6px;
      color:var(--soft);
      font-size:.7rem;
      line-height:1.45;
    }
    .source-summary{
      display:grid;
      grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
      gap:8px;
      margin:8px 0 0;
    }
    .source-card{
      padding:10px 11px;
      border-radius:12px;
      background:rgba(255,255,255,.035);
      border:1px solid rgba(255,255,255,.08);
    }
    .source-card .k{
      color:var(--soft);
      font-size:.64rem;
      letter-spacing:.08em;
      text-transform:uppercase;
      font-weight:800;
    }
    .source-card .v{
      margin-top:4px;
      color:var(--text);
      font-size:.78rem;
      font-weight:800;
      line-height:1.35;
    }
    .config-status{
      margin-top:8px;
      font-size:.72rem;
      line-height:1.45;
      color:var(--soft);
    }
    .config-status.success{color:#c5f5df}
    .config-status.error{color:#ffd1c5}
    .config-status.warn{color:#f3ddb0}
    .config-helper{
      margin-top:6px;
      color:rgba(207,221,240,.74);
      font-size:.67rem;
      line-height:1.38;
    }
    .config-meta{
      margin-top:8px;
      padding:9px 10px;
      border-radius:11px;
      background:rgba(255,255,255,.035);
      border:1px solid rgba(255,255,255,.08);
      color:var(--soft);
      font-size:.7rem;
      line-height:1.45;
    }
    .config-meta strong{color:#eef6ff}
    .config-meta.dirty{
      border-color:rgba(255,220,104,.22);
      background:rgba(255,220,104,.06);
    }
    button{
      appearance:none;
      border:none;
      border-radius:10px;
      padding:8px 12px;
      font-size:.76rem;
      font-weight:800;
      cursor:pointer;
      color:var(--text);
      background:linear-gradient(180deg,rgba(255,255,255,.11),rgba(255,255,255,.05));
      border:1px solid rgba(255,255,255,.14);
      box-shadow:0 6px 18px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.06);
    }
    button:hover{
      transform:translateY(-1px);
      border-color:rgba(132,240,207,.35);
      background:linear-gradient(180deg,rgba(132,240,207,.16),rgba(255,255,255,.05));
    }
    .actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
    .compact-actions{margin-top:0}
    .field-span-2{grid-column:span 2}
    .ghost{background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.03))}
    .primary{
      background:linear-gradient(180deg,rgba(132,240,207,.28),rgba(60,144,111,.18));
      border-color:rgba(132,240,207,.42);
    }

    .top-grid{display:grid;grid-template-columns:1fr;gap:12px;align-items:stretch}
    .summary-band{
      display:grid;
      grid-template-columns:repeat(5,minmax(0,1fr));
      gap:8px;
      margin:8px 0 0;
    }
    .stat{
      padding:10px 11px;
      border-radius:12px;
      background:rgba(255,255,255,.04);
      border:1px solid rgba(255,255,255,.10);
    }
    .stat .k{
      color:var(--soft);
      font-size:.67rem;
      font-weight:900;
      text-transform:uppercase;
      letter-spacing:.08em;
      margin-bottom:4px;
    }
    .stat .v{
      font-size:1.25rem;
      font-weight:900;
      line-height:1.05;
    }
    .stat .t{margin-top:3px;color:var(--soft);font-size:.72rem}
    .anchor-inline{
      padding:12px;
      border-radius:14px;
      border:1px solid rgba(132,240,207,.22);
      background:linear-gradient(160deg,rgba(132,240,207,.10),rgba(255,255,255,.03));
      margin-bottom:10px;
    }
    .anchor-inline-top{display:flex;justify-content:space-between;gap:10px;align-items:flex-end;flex-wrap:wrap}
    .anchor-inline .eyeline{color:var(--soft);text-transform:uppercase;letter-spacing:.12em;font-size:.63rem;font-weight:900}
    .anchor-inline .anchor-value{margin:4px 0 0;font-size:1.65rem;line-height:1;font-weight:950}
    .anchor-inline .anchor-range{color:var(--muted);font-size:.88rem}
    .anchor-inline .anchor-copy{color:var(--soft);font-size:.76rem;margin-top:8px;max-width:820px}
    .hero-shell{
      padding:14px;
      border-radius:18px;
      border:1px solid rgba(132,240,207,.18);
      background:
        radial-gradient(circle at top right, rgba(132,240,207,.13), transparent 34%),
        radial-gradient(circle at 18% 0%, rgba(110,193,255,.12), transparent 28%),
        linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.018));
      box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 16px 34px rgba(0,0,0,.18);
      margin-top:10px;
    }
    .result-banner{
      display:grid;
      grid-template-columns:1.45fr 1fr 1fr 1fr;
      gap:8px;
      margin:4px 0 12px;
    }
    .result-banner-card{
      padding:12px 13px;
      border-radius:15px;
      border:1px solid rgba(255,255,255,.10);
      background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02));
      box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
    }
    .result-banner-card.primary{
      border-color:rgba(132,240,207,.30);
      background:
        radial-gradient(circle at 12% 50%, rgba(132,240,207,.16), transparent 34%),
        linear-gradient(180deg, rgba(132,240,207,.12), rgba(255,255,255,.03));
    }
    .result-banner-k{
      color:var(--soft);
      font-size:.63rem;
      font-weight:900;
      text-transform:uppercase;
      letter-spacing:.12em;
    }
    .result-banner-v{
      margin-top:5px;
      color:#f4fbff;
      font-size:1rem;
      font-weight:850;
      line-height:1.05;
    }
    .result-banner-v.plan{
      font-size:1.08rem;
      line-height:1.22;
      letter-spacing:0;
    }
    .result-banner-card.primary .result-banner-v{
      font-size:2.3rem;
      letter-spacing:-.045em;
    }
    .result-banner-card.primary .result-banner-v.plan{
      font-size:1.28rem;
      letter-spacing:0;
      line-height:1.25;
    }
    .recommendation-stage{
      display:grid;
      gap:14px;
    }
    .hero-header{
      display:grid;
      gap:10px;
    }
    .hero-summary-row{
      display:grid;
      grid-template-columns:repeat(5,minmax(0,1fr));
      gap:8px;
      margin-top:8px;
    }
    .hero-summary-cell{
      padding:7px 10px;
      border-radius:13px;
      background:rgba(255,255,255,.018);
      border:1px solid rgba(255,255,255,.04);
    }
    .hero-summary-cell .k{
      color:var(--soft);
      font-size:.6rem;
      font-weight:900;
      text-transform:uppercase;
      letter-spacing:.12em;
    }
    .hero-summary-cell .v{
      margin-top:4px;
      color:#e6eef8;
      font-size:.94rem;
      font-weight:800;
      line-height:1.08;
    }
    .plan-shell{
      display:grid;
      gap:8px;
      padding:4px 0 0;
    }
    .plan-summary{
      display:grid;
      grid-template-columns:1.55fr 1fr;
      gap:8px;
    }
    .plan-card{
      padding:9px 11px;
      border-radius:16px;
      border:1px solid rgba(255,255,255,.07);
      background:linear-gradient(180deg, rgba(255,255,255,.022), rgba(255,255,255,.012));
    }
    .plan-card h4{
      margin:0 0 6px;
      color:var(--soft);
      font-size:.63rem;
      font-weight:900;
      text-transform:uppercase;
      letter-spacing:.12em;
    }
    .plan-card .plan-main{
      color:#eff6ff;
      font-size:.92rem;
      font-weight:820;
      line-height:1.24;
    }
    .plan-card .plan-sub{
      margin-top:3px;
      color:var(--soft);
      font-size:.68rem;
      line-height:1.28;
    }
    .plan-actions{
      display:grid;
      grid-template-columns:minmax(220px,1.2fr) minmax(170px,.7fr) auto auto auto auto;
      gap:8px;
      align-items:center;
    }
    .plan-actions .plan-name,
    .plan-actions select{
      min-height:38px;
      border-radius:12px;
      background:rgba(255,255,255,.055);
      color:#eef5fb;
    }
    .plan-name{
      min-width:220px;
      flex:1 1 240px;
    }
    .plan-status{
      color:var(--soft);
      font-size:.72rem;
      line-height:1.35;
      min-height:1.1em;
    }
    .set-overview{
      display:grid;
      gap:8px;
      padding:12px;
      border-radius:18px;
      border:1px solid rgba(255,255,255,.08);
      background:linear-gradient(180deg, rgba(255,255,255,.018), rgba(255,255,255,.01));
    }
    .set-overview-head{
      display:flex;
      justify-content:space-between;
      gap:12px;
      align-items:end;
    }
    .set-overview-title{
      color:#f2cb62;
      font-size:1.42rem;
      font-weight:950;
      letter-spacing:.07em;
      text-transform:uppercase;
      line-height:1.02;
      text-shadow:0 0 0 rgba(0,0,0,0), 0 10px 26px rgba(0,0,0,.28), 0 0 22px rgba(242,203,98,.10);
    }
    .set-overview-title-row{
      display:flex;
      align-items:center;
      gap:10px;
      flex-wrap:wrap;
    }
    .set-overview-sub{
      margin-top:8px;
      color:rgba(215,228,242,.78);
      font-size:.8rem;
      line-height:1.45;
    }
    .set-overview-scale{
      color:var(--soft);
      font-size:.7rem;
      font-weight:900;
      text-transform:uppercase;
      letter-spacing:.11em;
      white-space:nowrap;
    }
    .set-rows{
      display:grid;
      gap:7px;
    }
    .set-row{
      display:grid;
      grid-template-columns:160px 1fr 128px;
      gap:12px;
      align-items:start;
      padding:8px 10px;
      border-radius:14px;
      border:1px solid rgba(255,255,255,.06);
      background:rgba(255,255,255,.016);
      cursor:pointer;
      transition:border-color .2s ease, background .2s ease, transform .2s ease;
      box-shadow:none;
      text-align:left;
    }
    .set-row:hover{
      border-color:rgba(132,240,207,.18);
      background:rgba(255,255,255,.024);
      transform:translateY(-1px);
    }
    .set-row.active{
      border-color:rgba(132,240,207,.30);
      background:linear-gradient(180deg, rgba(132,240,207,.06), rgba(255,255,255,.018));
      box-shadow:0 8px 20px rgba(0,0,0,.10);
    }
    .set-row-main{
      min-width:0;
    }
    .set-row-name{
      color:#f0f6ff;
      font-size:.9rem;
      font-weight:850;
      line-height:1.1;
    }
    .set-row-driver{
      margin-top:4px;
      color:var(--soft);
      font-size:.67rem;
      line-height:1.24;
    }
    .set-row-audit{
      margin-top:4px;
      display:flex;
      flex-wrap:wrap;
      gap:6px;
    }
    .set-row-audit-chip{
      display:inline-flex;
      align-items:center;
      gap:6px;
      padding:3px 7px;
      border-radius:999px;
      background:rgba(255,205,111,.10);
      border:1px solid rgba(255,205,111,.20);
      color:rgba(255,231,181,.94);
      font-size:.6rem;
      font-weight:760;
      line-height:1.1;
      max-width:100%;
    }
    .set-row-audit-chip .dot{
      width:7px;
      height:7px;
      border-radius:999px;
      background:linear-gradient(180deg,rgba(255,220,104,.98),rgba(173,124,24,.99));
      flex:0 0 auto;
      box-shadow:0 0 0 1px rgba(255,255,255,.06);
    }
    .set-zone-notes{
      display:flex;
      flex-wrap:wrap;
      gap:6px;
      margin-top:7px;
    }
    .set-zone-note{
      display:inline-flex;
      align-items:center;
      gap:6px;
      padding:4px 7px;
      border-radius:999px;
      background:rgba(255,255,255,.03);
      border:1px solid rgba(255,255,255,.08);
      color:var(--soft);
      font-size:.63rem;
      line-height:1;
      white-space:nowrap;
    }
    .set-zone-note .dot{
      width:8px;
      height:8px;
      border-radius:999px;
      box-shadow:inset 0 1px 0 rgba(255,255,255,.14), 0 0 0 1px rgba(255,255,255,.06);
    }
    .set-zone-note.short .dot{background:linear-gradient(180deg,rgba(118,132,170,.98),rgba(78,90,126,.99))}
    .set-zone-note.floorgap .dot{
      background:
        linear-gradient(180deg,rgba(148,162,179,.96),rgba(92,108,127,.99)),
        repeating-linear-gradient(135deg, rgba(255,255,255,.14) 0 7px, rgba(255,255,255,.02) 7px 14px);
    }
    .set-zone-note.lean .dot{background:linear-gradient(180deg,rgba(72,196,255,.96),rgba(27,100,145,.99))}
    .set-zone-note.sweet .dot{background:linear-gradient(180deg,rgba(106,241,174,.98),rgba(32,133,79,.99))}
    .set-zone-note.risk .dot{background:linear-gradient(180deg,rgba(255,220,104,.97),rgba(163,118,22,.99))}
    .set-zone-note.long .dot{background:linear-gradient(180deg,rgba(247,134,78,.98),rgba(145,58,26,.99))}
    .set-row-meta{
      text-align:right;
    }
    .set-row-meta .v{
      color:#edf6ff;
      font-size:.94rem;
      font-weight:880;
      line-height:1.05;
    }
    .set-row-meta .k{
      margin-top:3px;
      color:var(--soft);
      font-size:.68rem;
      line-height:1.3;
    }
    .set-track{
      position:relative;
      height:48px;
      border-radius:18px;
      border:1px solid rgba(255,255,255,.10);
      background:
        linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.02)),
        linear-gradient(180deg, rgba(6,10,16,.70), rgba(10,15,24,.42));
      overflow:hidden;
      box-shadow:inset 0 1px 0 rgba(255,255,255,.05), inset 0 -10px 18px rgba(0,0,0,.12), 0 8px 16px rgba(0,0,0,.10);
    }
    .set-track::before{
      content:"";
      position:absolute;
      inset:0;
      background:
        linear-gradient(180deg, rgba(255,255,255,.16), transparent 26%, transparent 76%, rgba(0,0,0,.12)),
        repeating-linear-gradient(90deg, rgba(255,255,255,.028) 0 1px, transparent 1px 64px);
      pointer-events:none;
    }
    .set-zone{
      position:absolute;
      top:0;
      bottom:0;
      border-right:1px solid rgba(255,255,255,.06);
      display:flex;
      align-items:center;
      justify-content:center;
      color:#fff;
      font-size:.67rem;
      font-weight:850;
      text-shadow:0 2px 8px rgba(0,0,0,.42);
      padding:0 6px;
      overflow:hidden;
      white-space:nowrap;
    }
    .set-zone.short{background:linear-gradient(180deg,rgba(118,132,170,.90),rgba(65,78,109,.94))}
    .set-zone.floorgap{
      background:
        linear-gradient(180deg,rgba(148,162,179,.92),rgba(92,108,127,.96)),
        repeating-linear-gradient(135deg, rgba(255,255,255,.14) 0 7px, rgba(255,255,255,.02) 7px 14px);
    }
    .set-zone.lean{background:linear-gradient(180deg,rgba(72,196,255,.92),rgba(32,118,170,.95))}
    .set-zone.sweet{background:linear-gradient(180deg,rgba(106,241,174,.92),rgba(38,147,88,.96))}
    .set-zone.risk{background:linear-gradient(180deg,rgba(255,220,104,.92),rgba(181,132,26,.96))}
    .set-zone.long{background:linear-gradient(180deg,rgba(247,134,78,.95),rgba(156,63,28,.97))}
    .set-sweet{
      position:absolute;
      top:4px;
      bottom:4px;
      border-radius:14px;
      border:2px solid rgba(255,255,255,.86);
      background:linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.02));
      box-shadow:0 0 20px rgba(132,240,207,.18), inset 0 0 18px rgba(255,255,255,.06);
    }
    .set-marker{
      position:absolute;
      top:-8px;
      bottom:-8px;
      width:0;
      border-left:2px solid rgba(255,255,255,.96);
      filter:drop-shadow(0 0 8px rgba(255,255,255,.35)) drop-shadow(0 0 20px rgba(132,240,207,.18));
    }
    .set-marker::before{
      content:"";
      position:absolute;
      top:-5px;
      left:-6px;
      width:12px;
      height:12px;
      border-radius:999px;
      background:#fff;
      box-shadow:0 0 18px rgba(255,255,255,.48);
    }
    .set-thresholds{
      position:relative;
      height:24px;
      margin-bottom:4px;
    }
    .set-threshold{
      position:absolute;
      transform:translateX(-50%);
      top:0;
      width:max-content;
    }
    .set-threshold-label{
      display:inline-block;
      padding:3px 7px;
      border-radius:999px;
      background:linear-gradient(180deg, rgba(8,14,22,.82), rgba(5,9,15,.78));
      border:1px solid rgba(255,255,255,.08);
      color:#deebf8;
      font-size:.58rem;
      font-weight:820;
      white-space:nowrap;
      box-shadow:0 6px 12px rgba(0,0,0,.16);
    }
    .set-threshold-line{
      height:14px;
      width:0;
      border-left:1px dashed rgba(255,255,255,.28);
      margin:0 auto;
    }
    .set-threshold.overhead .set-threshold-label,
    .set-threshold.comfort .set-threshold-label{border-color:rgba(110,193,255,.18)}
    .set-threshold.sky .set-threshold-label{border-color:rgba(132,240,207,.18)}
    .set-threshold.caution .set-threshold-label,
    .set-threshold.hard .set-threshold-label{border-color:rgba(240,201,95,.18)}
    .set-axis{
      position:relative;
      height:38px;
      margin:0 172px 0;
      border-top:1px solid rgba(255,255,255,.14);
    }
    .set-axis-tick,.set-axis-minor,.set-axis-label{
      position:absolute;
      transform:translateX(-50%);
    }
    .set-axis-tick{
      top:-8px;
      height:16px;
      border-left:2px solid rgba(255,255,255,.38);
    }
    .set-axis-minor{
      top:-5px;
      height:10px;
      border-left:1px solid rgba(255,255,255,.18);
    }
    .set-axis-label{
      top:10px;
      color:var(--soft);
      font-size:.66rem;
      font-weight:820;
      white-space:nowrap;
    }
    .detail-shell{
      display:grid;
      gap:10px;
    }
    .detail-head{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:12px;
      padding:10px 0 2px;
    }
    .detail-head .tabs{
      justify-content:flex-end;
      margin-bottom:0;
      max-width:100%;
    }
    .detail-title{
      color:#f1f7ff;
      font-size:.92rem;
      font-weight:880;
    }
    .detail-title.filter-l{color:rgba(236,242,250,.96)}
    .detail-title.filter-r{color:rgba(255,207,207,.96)}
    .detail-title.filter-g{color:rgba(214,255,228,.96)}
    .detail-title.filter-b{color:rgba(216,236,255,.98)}
    .detail-title.filter-ha{color:rgba(255,210,214,.96)}
    .detail-title.filter-oiii{color:rgba(214,249,255,.98)}
    .detail-title.filter-sii{color:rgba(255,238,194,.98)}
    .detail-sub{
      margin-top:3px;
      color:var(--soft);
      font-size:.72rem;
    }
    .secondary-stack{
      display:grid;
      gap:12px;
      margin-top:4px;
    }
    .section-quiet{
      border-color:rgba(255,255,255,.06);
      background:linear-gradient(180deg, rgba(255,255,255,.018), rgba(255,255,255,.008));
      box-shadow:none;
    }
    .compact-note{
      color:var(--soft);
      font-size:.72rem;
      line-height:1.4;
      margin-top:8px;
    }
    .hero-strip{
      display:grid;
      grid-template-columns:1.35fr 1fr 1fr 1fr;
      gap:8px;
      margin-bottom:10px;
    }
    .hero-chip{
      position:relative;
      padding:10px 12px;
      border-radius:14px;
      border:1px solid rgba(255,255,255,.09);
      background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.025));
      box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
      overflow:hidden;
    }
    .hero-chip.primary{
      border-color:rgba(132,240,207,.28);
      background:
        radial-gradient(circle at 0% 50%, rgba(132,240,207,.16), transparent 42%),
        linear-gradient(180deg, rgba(132,240,207,.10), rgba(255,255,255,.025));
    }
    .hero-chip::after{
      content:"";
      position:absolute;
      inset:0;
      background:linear-gradient(115deg, transparent 0%, rgba(255,255,255,.06) 45%, transparent 70%);
      opacity:.45;
      pointer-events:none;
    }
    .hero-k{
      position:relative;
      z-index:1;
      color:var(--soft);
      font-size:.63rem;
      font-weight:900;
      text-transform:uppercase;
      letter-spacing:.12em;
    }
    .hero-v{
      position:relative;
      z-index:1;
      margin-top:5px;
      font-size:1rem;
      font-weight:800;
      color:#f4fbff;
      line-height:1.1;
    }
    .hero-chip.primary .hero-v{
      font-size:1.7rem;
      letter-spacing:-.02em;
    }
    .hero-note{
      color:var(--soft);
      font-size:.75rem;
      line-height:1.45;
      margin:2px 2px 10px;
      max-width:980px;
    }
    .recommendation-hero{
      padding:0;
      border:none;
      background:none;
      box-shadow:none;
    }
    .hero-drivers{
      display:flex;
      flex-wrap:wrap;
      gap:8px;
      margin:2px 0 10px;
    }
    .hero-driver{
      display:inline-flex;
      align-items:center;
      gap:8px;
      padding:7px 10px;
      border-radius:999px;
      border:1px solid rgba(255,255,255,.10);
      background:rgba(255,255,255,.04);
      color:var(--muted);
      font-size:.72rem;
      line-height:1.2;
    }
    .hero-driver strong{
      color:#f3f8ff;
      font-size:.68rem;
      letter-spacing:.08em;
      text-transform:uppercase;
    }
    .hero-driver.cool{border-color:rgba(110,193,255,.22);background:linear-gradient(180deg, rgba(110,193,255,.08), rgba(255,255,255,.025))}
    .hero-driver.warm{border-color:rgba(240,201,95,.22);background:linear-gradient(180deg, rgba(240,201,95,.10), rgba(255,255,255,.02))}
    .hero-driver.meta{border-color:rgba(132,240,207,.18)}
    .hero-substats{
      display:grid;
      grid-template-columns:repeat(5,minmax(0,1fr));
      gap:8px;
      margin-top:12px;
    }
    .hero-substat{
      padding:9px 11px;
      border-radius:14px;
      border:1px solid rgba(255,255,255,.06);
      background:rgba(255,255,255,.024);
    }
    .hero-substat .k{
      color:var(--soft);
      font-size:.63rem;
      font-weight:900;
      text-transform:uppercase;
      letter-spacing:.12em;
    }
    .hero-substat .v{
      margin-top:4px;
      font-size:1.06rem;
      font-weight:850;
      color:#e8f1fb;
      line-height:1.05;
    }
    .hero-substat .t{
      margin-top:3px;
      color:var(--soft);
      font-size:.7rem;
    }
    .interpret-strip{
      display:grid;
      grid-template-columns:repeat(4,minmax(0,1fr));
      gap:8px;
      margin-top:12px;
    }
    .interpret-item{
      padding:8px 10px;
      border-radius:12px;
      background:rgba(255,255,255,.016);
      border:1px solid rgba(255,255,255,.04);
    }
    .interpret-item .k{
      color:var(--soft);
      font-size:.6rem;
      font-weight:900;
      text-transform:uppercase;
      letter-spacing:.12em;
    }
    .interpret-item .v{
      margin-top:4px;
      color:#edf4fb;
      font-size:.84rem;
      font-weight:780;
      line-height:1.25;
    }

    .tabs{
      display:flex;
      gap:6px;
      flex-wrap:nowrap;
      overflow-x:auto;
      overflow-y:hidden;
      scrollbar-width:none;
      margin-bottom:10px;
    }
    .tabs::-webkit-scrollbar{display:none}
    .main-tabs{
      display:flex;
      gap:6px;
      flex-wrap:wrap;
      margin-bottom:12px;
    }
    .tab{
      padding:8px 10px;
      border-radius:10px;
      border:1px solid rgba(255,255,255,.12);
      background:rgba(255,255,255,.04);
      color:var(--muted);
      font-size:.76rem;
      font-weight:900;
      text-transform:uppercase;
      letter-spacing:.06em;
      cursor:pointer;
    }
    .tab.filter-l{
      border-color:rgba(208,220,238,.18);
      color:rgba(230,238,247,.86);
      background:linear-gradient(180deg, rgba(205,216,230,.08), rgba(255,255,255,.025));
    }
    .tab.filter-r{
      border-color:rgba(255,120,120,.18);
      color:rgba(255,210,210,.86);
      background:linear-gradient(180deg, rgba(255,96,96,.10), rgba(255,255,255,.025));
    }
    .tab.filter-g{
      border-color:rgba(118,240,170,.18);
      color:rgba(211,255,229,.86);
      background:linear-gradient(180deg, rgba(76,214,132,.10), rgba(255,255,255,.025));
    }
    .tab.filter-b{
      border-color:rgba(110,193,255,.20);
      color:rgba(215,235,255,.88);
      background:linear-gradient(180deg, rgba(90,173,255,.10), rgba(255,255,255,.025));
    }
    .tab.filter-ha{
      border-color:rgba(255,122,122,.20);
      color:rgba(255,219,219,.88);
      background:linear-gradient(180deg, rgba(255,108,124,.10), rgba(255,255,255,.025));
    }
    .tab.filter-oiii{
      border-color:rgba(116,232,255,.20);
      color:rgba(215,247,255,.88);
      background:linear-gradient(180deg, rgba(92,218,255,.10), rgba(255,255,255,.025));
    }
    .tab.filter-sii{
      border-color:rgba(245,210,114,.20);
      color:rgba(255,240,196,.90);
      background:linear-gradient(180deg, rgba(242,196,74,.10), rgba(255,255,255,.025));
    }
    .tab.filter-l.active{
      border-color:rgba(230,236,245,.60);
      background:linear-gradient(160deg,rgba(222,230,239,.32),rgba(145,166,191,.14));
    }
    .tab.filter-r.active{
      border-color:rgba(255,120,120,.55);
      background:linear-gradient(160deg,rgba(255,120,120,.34),rgba(120,30,30,.18));
    }
    .tab.filter-g.active{
      border-color:rgba(118,240,170,.55);
      background:linear-gradient(160deg,rgba(118,240,170,.32),rgba(22,116,66,.16));
    }
    .tab.filter-b.active{
      border-color:rgba(110,193,255,.58);
      background:linear-gradient(160deg,rgba(110,193,255,.34),rgba(30,78,156,.18));
    }
    .tab.filter-ha.active{
      border-color:rgba(255,124,124,.58);
      background:linear-gradient(160deg,rgba(255,124,124,.34),rgba(138,35,54,.18));
    }
    .tab.filter-oiii.active{
      border-color:rgba(116,232,255,.58);
      background:linear-gradient(160deg,rgba(116,232,255,.34),rgba(26,104,148,.18));
    }
    .tab.filter-sii.active{
      border-color:rgba(245,210,114,.58);
      background:linear-gradient(160deg,rgba(245,210,114,.36),rgba(139,94,18,.18));
    }
    .tab.active:not(.filter-l):not(.filter-r):not(.filter-g):not(.filter-b):not(.filter-ha):not(.filter-oiii):not(.filter-sii){
      border-color:rgba(132,240,207,.52);
      background:linear-gradient(160deg,rgba(132,240,207,.42),rgba(110,193,255,.22));
      color:#fff;
      box-shadow:0 0 16px rgba(132,240,207,.18);
    }
    .tab-panel{display:none}
    .tab-panel.active{display:block}

    .zone-panel{
      position:relative;
      padding:28px 28px 18px;
      border-radius:26px;
      border:1px solid rgba(255,255,255,.10);
      background:
        radial-gradient(circle at 16% 6%, rgba(110,193,255,.14), transparent 30%),
        radial-gradient(circle at 50% 16%, rgba(132,240,207,.14), transparent 24%),
        radial-gradient(circle at 82% 12%, rgba(240,201,95,.10), transparent 28%),
        linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.022));
      box-shadow:inset 0 1px 0 rgba(255,255,255,.05), 0 24px 46px rgba(0,0,0,.24), 0 0 0 1px rgba(255,255,255,.03);
    }
    .zone-meta{
      display:flex;
      align-items:flex-end;
      justify-content:space-between;
      gap:10px;
      margin-bottom:12px;
    }
    .zone-title-row{
      display:flex;
      align-items:center;
      gap:10px;
      flex-wrap:wrap;
    }
    .zone-title{font-size:1.62rem;font-weight:950;letter-spacing:-.03em}
    .hero-help{
      position:relative;
      display:inline-block;
      z-index:35;
    }
    .hero-help summary{
      list-style:none;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      width:24px;
      height:24px;
      border-radius:999px;
      border:1px solid rgba(132,240,207,.26);
      background:rgba(132,240,207,.10);
      color:#e9fbf5;
      font-size:.82rem;
      font-weight:900;
      cursor:pointer;
      user-select:none;
      box-shadow:0 10px 24px rgba(0,0,0,.22);
    }
    .hero-help summary::-webkit-details-marker{
      display:none;
    }
    .hero-help summary:hover,
    .hero-help summary:focus-visible,
    .hero-help[open] summary{
      border-color:rgba(132,240,207,.52);
      background:linear-gradient(180deg, rgba(132,240,207,.20), rgba(110,193,255,.10));
      color:#ffffff;
      outline:none;
      box-shadow:0 0 0 1px rgba(132,240,207,.16), 0 14px 32px rgba(0,0,0,.28);
    }
    .hero-help-popover{
      position:absolute;
      top:calc(100% + 10px);
      left:0;
      width:min(480px, calc(100vw - 56px));
      padding:14px 15px 14px;
      border-radius:16px;
      border:1px solid rgba(132,240,207,.22);
      background:
        radial-gradient(circle at 18% 14%, rgba(110,193,255,.08), transparent 26%),
        radial-gradient(circle at 82% 0%, rgba(240,201,95,.08), transparent 24%),
        linear-gradient(180deg, rgba(9,14,24,.98), rgba(11,17,28,.97));
      box-shadow:0 22px 50px rgba(0,0,0,.42);
      color:#ecf5ff;
      font-size:.8rem;
      line-height:1.5;
    }
    .hero-help-title{
      margin:0 0 8px;
      font-size:.8rem;
      font-weight:900;
      letter-spacing:.08em;
      text-transform:uppercase;
      color:#f8fbff;
    }
    .hero-help-copy{
      display:grid;
      gap:8px;
    }
    .hero-help-line{
      margin:0;
      color:rgba(229,238,247,.90);
    }
    .hero-help-line strong{
      font-weight:900;
    }
    .hero-help-line.gray strong{color:#c7d4ec}
    .hero-help-line.green strong{color:#8ef0b8}
    .hero-help-line.gold strong{color:#f2cb62}
    .hero-help-line.orange strong{color:#ff9b61}
    .hero-help-tip{
      margin-top:8px;
      padding-top:10px;
      border-top:1px solid rgba(255,255,255,.08);
      color:rgba(213,226,240,.76);
      font-size:.74rem;
    }
    .hero-help-tip strong{
      color:#ffffff;
    }
    .zone-sub{margin-top:4px;color:rgba(214,226,241,.82);font-size:.8rem}
    .zone-scale{
      color:rgba(214,226,241,.86);
      font-size:.82rem;
      font-weight:900;
      text-transform:uppercase;
      letter-spacing:.12em;
      white-space:nowrap;
    }
    .zone-context{
      margin-top:8px;
      color:rgba(198,212,228,.68);
      font-size:.7rem;
      font-weight:700;
      letter-spacing:.03em;
      line-height:1.4;
    }
    .instrument{
      position:relative;
      display:grid;
      gap:12px;
      padding:24px 22px 18px;
      border-radius:24px;
      border:1px solid rgba(255,255,255,.08);
      background:
        radial-gradient(circle at 50% 38%, rgba(132,240,207,.07), transparent 24%),
        radial-gradient(circle at 50% 70%, rgba(255,255,255,.05), transparent 46%),
        linear-gradient(180deg, rgba(5,9,15,.68), rgba(6,10,16,.46) 36%, rgba(8,12,19,.34));
      box-shadow:inset 0 1px 0 rgba(255,255,255,.04), inset 0 -22px 38px rgba(0,0,0,.20);
    }
    .instrument-top{
      position:relative;
      height:88px;
      border-bottom:1px solid rgba(255,255,255,.05);
    }
    .instrument-top::before{
      content:"";
      position:absolute;
      inset:12px 0 10px;
      background:
        linear-gradient(180deg, transparent, rgba(255,255,255,.03)),
        repeating-linear-gradient(90deg, rgba(255,255,255,.03) 0 1px, transparent 1px 80px);
      opacity:.55;
      pointer-events:none;
    }
    .instrument-middle{
      position:relative;
      padding-top:22px;
      min-height:214px;
    }
    .instrument-middle::before{
      content:"";
      position:absolute;
      left:0;
      right:0;
      top:0;
      bottom:12px;
      background:
        radial-gradient(circle at 50% 54%, rgba(132,240,207,.08), transparent 24%),
        linear-gradient(180deg, rgba(255,255,255,.03), transparent 40%);
      pointer-events:none;
    }
    .instrument-bottom{
      position:relative;
      height:74px;
      border-top:1px solid rgba(255,255,255,.05);
      padding-top:16px;
    }
    .zone-bar{
      position:relative;
      display:flex;
      min-height:154px;
      border-radius:26px;
      overflow:hidden;
      border:1px solid rgba(255,255,255,.12);
      background:
        linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.02)),
        repeating-linear-gradient(90deg, rgba(255,255,255,.022) 0 1px, transparent 1px 78px);
      box-shadow:inset 0 1px 0 rgba(255,255,255,.07), inset 0 -12px 22px rgba(0,0,0,.14), 0 16px 32px rgba(0,0,0,.18);
      transition:box-shadow .35s ease, transform .35s ease;
    }
    .zone-bar::before{
      content:"";
      position:absolute;
      inset:0;
      background:
        linear-gradient(180deg, rgba(255,255,255,.18), transparent 24%, transparent 76%, rgba(0,0,0,.14)),
        radial-gradient(circle at 50% 46%, rgba(255,255,255,.08), transparent 34%);
      pointer-events:none;
      z-index:1;
    }
    .zone{
      position:relative;
      min-width:10px;
      display:flex;
      align-items:center;
      justify-content:center;
      padding:10px 6px;
      color:#fff;
      font-size:.88rem;
      font-weight:900;
      text-align:center;
      text-shadow:0 2px 10px rgba(0,0,0,.45);
      box-shadow:inset -1px 0 0 rgba(255,255,255,.10);
      z-index:2;
      transition:width .45s ease;
    }
    .zone span{
      display:inline-block;
      max-width:100%;
      text-shadow:0 2px 10px rgba(0,0,0,.52);
    }
    .zone::after{
      content:"";
      position:absolute;
      inset:0;
      background:linear-gradient(90deg, transparent, rgba(255,255,255,.06), transparent);
      opacity:.45;
      pointer-events:none;
    }
    .zone.short{background:linear-gradient(180deg,rgba(118,132,170,.98),rgba(78,90,126,.99) 54%, rgba(58,68,97,.99))}
    .zone.floorgap{
      background:
        linear-gradient(180deg,rgba(148,162,179,.96),rgba(92,108,127,.99) 52%, rgba(58,71,88,.99)),
        repeating-linear-gradient(135deg, rgba(255,255,255,.14) 0 7px, rgba(255,255,255,.02) 7px 14px);
    }
    .zone.lean{background:linear-gradient(180deg,rgba(72,196,255,.96),rgba(34,132,188,.99) 58%, rgba(27,100,145,.99))}
    .zone.sweet{background:linear-gradient(180deg,rgba(106,241,174,.98),rgba(50,179,108,.99) 58%, rgba(32,133,79,.99))}
    .zone.risk{background:linear-gradient(180deg,rgba(255,220,104,.97),rgba(208,159,36,.99) 56%, rgba(163,118,22,.99))}
    .zone.long{background:linear-gradient(180deg,rgba(247,134,78,.98),rgba(191,86,42,.99) 56%, rgba(145,58,26,.99))}
    .sweet-band{
      position:absolute;
      top:7px;
      bottom:7px;
      border:2px solid rgba(255,255,255,.95);
      border-radius:20px;
      background:
        radial-gradient(circle at 50% 50%, rgba(132,240,207,.28), transparent 62%),
        linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,.03));
      box-shadow:0 0 0 2px rgba(255,255,255,.05),0 0 34px rgba(132,240,207,.28), inset 0 0 32px rgba(255,255,255,.08);
      pointer-events:none;
      transition:left .4s ease, width .4s ease;
    }
    .anchor-marker,.threshold,.axis-tick,.minor-tick{
      position:absolute;
      transform:translateX(-50%);
      pointer-events:none;
    }
    .anchor-marker{
      top:-12px;
      width:0;
      height:198px;
      border-left:2px solid rgba(255,255,255,.98);
      filter:drop-shadow(0 0 10px rgba(255,255,255,.40)) drop-shadow(0 0 26px rgba(132,240,207,.22));
      z-index:4;
      transition:left .42s ease;
    }
    .anchor-marker::before{
      content:"";
      position:absolute;
      top:-20px;
      left:-12px;
      width:24px;
      height:24px;
      border-radius:999px;
      background:radial-gradient(circle at 35% 35%, #ffffff 0%, #f9ffff 36%, rgba(255,255,255,.90) 70%, rgba(255,255,255,.54) 100%);
      box-shadow:0 0 26px rgba(255,255,255,.64), 0 0 50px rgba(132,240,207,.26);
    }
    .anchor-value-pill{
      position:absolute;
      top:-64px;
      transform:translateX(-50%);
      padding:6px 11px;
      border-radius:999px;
      background:linear-gradient(180deg, rgba(15,23,35,.92), rgba(7,12,20,.88));
      border:1px solid rgba(132,240,207,.28);
      color:#f4fbff;
      font-size:.74rem;
      font-weight:900;
      letter-spacing:.06em;
      box-shadow:0 10px 20px rgba(0,0,0,.26), 0 0 24px rgba(132,240,207,.14);
      white-space:nowrap;
      z-index:5;
      transition:left .42s ease;
    }
    .lower-floor-readout{
      display:flex;
      flex-wrap:wrap;
      gap:10px 16px;
      align-items:center;
      margin-top:8px;
      color:var(--soft);
      font-size:.72rem;
      line-height:1.3;
    }
    .lower-floor-readout strong{color:var(--text)}
    .lower-floor-key{
      display:inline-flex;
      align-items:center;
      gap:7px;
      white-space:nowrap;
    }
    .lower-floor-swatch{
      width:18px;
      height:0;
      border-top-width:2px;
      border-top-style:solid;
      opacity:.95;
    }
    .lower-floor-swatch.rn{
      border-top-color:rgba(96,196,255,.95);
      border-top-style:dashed;
    }
    .lower-floor-swatch.practical{
      border-top-color:rgba(255,255,255,.92);
    }
    .lower-floor-swatch.risk{
      border-top-color:rgba(255,220,104,.95);
    }
    .floor-marker{
      position:absolute;
      top:30px;
      bottom:14px;
      width:0;
      transform:translateX(-50%);
      pointer-events:none;
      z-index:4;
    }
    .floor-marker-line{
      position:absolute;
      top:0;
      bottom:0;
      left:0;
      width:0;
      border-left:2px solid rgba(255,255,255,.9);
      opacity:.92;
    }
    .floor-marker.rn .floor-marker-line{
      border-left-color:rgba(96,196,255,.95);
      border-left-style:dashed;
      opacity:.85;
    }
    .floor-marker.practical .floor-marker-line{
      border-left-color:rgba(255,255,255,.9);
    }
    .floor-marker-label{
      position:absolute;
      top:-26px;
      left:0;
      transform:translateX(-50%);
      padding:3px 8px;
      border-radius:999px;
      background:linear-gradient(180deg, rgba(15,23,35,.90), rgba(7,12,20,.86));
      border:1px solid rgba(255,255,255,.10);
      color:#eaf4ff;
      font-size:.66rem;
      font-weight:800;
      letter-spacing:.03em;
      white-space:nowrap;
      box-shadow:0 8px 18px rgba(0,0,0,.22);
    }
    .floor-marker.rn .floor-marker-label{
      border-color:rgba(96,196,255,.24);
      color:#bfe8ff;
    }
    .hero-legend{
      display:flex;
      flex-wrap:wrap;
      gap:10px 14px;
      align-items:center;
      margin-top:10px;
      color:var(--soft);
      font-size:.7rem;
      line-height:1.25;
    }
    .hero-legend-item{
      display:inline-flex;
      align-items:center;
      gap:7px;
      white-space:nowrap;
    }
    .hero-legend-swatch{
      width:14px;
      height:10px;
      border-radius:999px;
      box-shadow:inset 0 1px 0 rgba(255,255,255,.14), 0 0 0 1px rgba(255,255,255,.06);
    }
    .hero-legend-swatch.short{background:linear-gradient(180deg,rgba(118,132,170,.98),rgba(78,90,126,.99))}
    .hero-legend-swatch.floorgap{
      background:
        linear-gradient(180deg,rgba(148,162,179,.96),rgba(92,108,127,.99)),
        repeating-linear-gradient(135deg, rgba(255,255,255,.14) 0 7px, rgba(255,255,255,.02) 7px 14px);
      box-shadow:inset 0 1px 0 rgba(255,255,255,.18), 0 0 0 1px rgba(225,235,245,.24);
    }
    .hero-legend-swatch.lean{background:linear-gradient(180deg,rgba(72,196,255,.96),rgba(27,100,145,.99))}
    .hero-legend-swatch.sweet{background:linear-gradient(180deg,rgba(106,241,174,.98),rgba(32,133,79,.99))}
    .hero-legend-swatch.risk{background:linear-gradient(180deg,rgba(255,220,104,.97),rgba(163,118,22,.99))}
    .hero-legend-swatch.long{background:linear-gradient(180deg,rgba(247,134,78,.98),rgba(145,58,26,.99))}
    .set-legend{
      display:flex;
      flex-wrap:wrap;
      gap:8px 12px;
      align-items:center;
      margin:8px 0 10px;
      color:var(--soft);
      font-size:.68rem;
      line-height:1.25;
    }
    .threshold{
      width:max-content;
      min-width:0;
      z-index:3;
      transition:left .35s ease;
    }
    .threshold.row-0{top:0}
    .threshold.row-1{top:28px}
    .threshold.row-2{top:56px}
    .threshold.edge-left{
      transform:none;
    }
    .threshold.edge-left .threshold-label,
    .threshold.edge-left .threshold-line{
      margin-left:0;
    }
    .threshold.edge-right{
      transform:translateX(-100%);
    }
    .threshold.edge-right .threshold-label,
    .threshold.edge-right .threshold-line{
      margin-right:0;
    }
    .threshold-line{
      height:42px;
      width:0;
      border-left:1px dashed rgba(255,255,255,.38);
      margin:0 auto;
    }
    .threshold-label{
      display:inline-block;
      padding:6px 10px;
      border-radius:999px;
      background:linear-gradient(180deg, rgba(8,14,22,.86), rgba(5,9,15,.82));
      border:1px solid rgba(255,255,255,.09);
      color:#e7eef7;
      font-size:.7rem;
      font-weight:850;
      white-space:nowrap;
      box-shadow:0 8px 16px rgba(0,0,0,.22);
    }
    .threshold.overhead .threshold-label,
    .threshold.comfort .threshold-label{
      border-color:rgba(110,193,255,.22);
      box-shadow:0 6px 14px rgba(0,0,0,.18), 0 0 18px rgba(110,193,255,.08);
    }
    .threshold.sky .threshold-label{
      border-color:rgba(132,240,207,.24);
      box-shadow:0 6px 14px rgba(0,0,0,.18), 0 0 18px rgba(132,240,207,.08);
    }
    .threshold.caution .threshold-label,
    .threshold.hard .threshold-label{
      border-color:rgba(240,201,95,.22);
      box-shadow:0 6px 14px rgba(0,0,0,.18), 0 0 18px rgba(240,201,95,.08);
    }
    .axis-line{
      position:absolute;
      top:0;
      left:0;
      right:0;
      border-top:2px solid rgba(255,255,255,.40);
      box-shadow:0 0 0 1px rgba(255,255,255,.03), 0 0 22px rgba(255,255,255,.03);
    }
    .axis-tick{
      top:-12px;
      width:0;
      height:24px;
      border-left:2px solid rgba(255,255,255,.66);
    }
    .minor-tick{
      top:-6px;
      width:0;
      height:14px;
      border-left:1px solid rgba(255,255,255,.18);
    }
    .axis-label{
      position:absolute;
      top:15px;
      transform:translateX(-50%);
      color:#dce7f4;
      font-size:.76rem;
      font-weight:860;
      white-space:nowrap;
    }
    .zone-label-hidden{display:none}

    .chart-telemetry{
      display:grid;
      grid-template-columns:repeat(4,minmax(0,1fr));
      gap:8px;
      margin:0 0 10px;
    }
    .chart-chip{
      display:flex;
      flex-direction:column;
      align-items:flex-start;
      gap:4px;
      padding:8px 10px;
      border-radius:12px;
      border:1px solid rgba(255,255,255,.08);
      background:rgba(255,255,255,.03);
      color:var(--muted);
      font-size:.71rem;
      line-height:1.2;
    }
    .chart-chip strong{
      color:#f4fbff;
      font-size:.62rem;
      text-transform:uppercase;
      letter-spacing:.1em;
    }
    .chart-chip.focus{
      border-color:rgba(132,240,207,.24);
      background:linear-gradient(180deg, rgba(132,240,207,.09), rgba(255,255,255,.025));
    }
    .regime-definitions{display:grid;gap:10px}
    .collapsible-secondary{
      border:1px solid rgba(255,255,255,.08);
      border-radius:14px;
      background:linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.012));
      overflow:hidden;
    }
    .collapsible-secondary summary{
      list-style:none;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:12px;
      padding:11px 12px;
      cursor:pointer;
      color:#eef5fb;
      font-weight:800;
      background:rgba(255,255,255,.025);
      transition:background .18s ease,border-color .18s ease,color .18s ease;
    }
    .collapsible-secondary summary::after{
      content:"▾";
      margin-left:auto;
      color:#dce7f4;
      font-size:1rem;
      line-height:1;
      transition:transform .18s ease, color .18s ease;
    }
    .collapsible-secondary summary::-webkit-details-marker{display:none}
    .collapsible-secondary summary:hover{
      background:rgba(255,255,255,.045);
      color:#ffffff;
    }
    .collapsible-secondary[open] summary{
      border-bottom:1px solid rgba(255,255,255,.06);
    }
    .collapsible-secondary[open] summary::after{
      transform:rotate(180deg);
      color:#84f0cf;
    }
    .collapsible-secondary .summary-meta{
      color:var(--soft);
      font-size:.71rem;
      font-weight:700;
      margin-left:auto;
      text-transform:none;
      letter-spacing:0;
    }
    .collapsible-secondary-body.exposure-explorer-standalone{
      padding:12px;
    }
    .definition-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
    .definition-card{
      padding:10px 12px;
      border-radius:14px;
      background:linear-gradient(180deg, rgba(255,255,255,.022), rgba(255,255,255,.014));
      border:1px solid rgba(255,255,255,.06);
      box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
    }
    .definition-card h4{margin:0 0 7px;font-size:.79rem;color:#eef5fb}
    .definition-list{display:grid;gap:6px}
    .definition-line{color:var(--soft);font-size:.73rem;line-height:1.42}
    .definition-line strong{color:var(--muted);font-weight:800}
    .reference-list{
      display:grid;
      gap:10px;
      margin-top:2px;
    }
    .reference-item{
      padding:10px 12px;
      border-radius:12px;
      background:rgba(255,255,255,.03);
      border:1px solid rgba(255,255,255,.08);
    }
    .reference-item a{
      color:#dff3ff;
      text-decoration:none;
      font-weight:800;
      border-bottom:1px solid rgba(119,207,255,.35);
    }
    .reference-item a:hover{
      color:#ffffff;
      border-bottom-color:rgba(132,240,207,.55);
    }
    .reference-summary{
      margin-top:5px;
      color:var(--soft);
      font-size:.74rem;
      line-height:1.5;
    }

    .cards-2,.cards-3,.cards-4{
      display:grid;
      gap:10px;
    }
    .cards-2{grid-template-columns:repeat(2,minmax(0,1fr))}
    .cards-3{grid-template-columns:repeat(3,minmax(0,1fr))}
    .cards-4{grid-template-columns:repeat(4,minmax(0,1fr))}
    .mini-card{
      padding:11px 12px;
      border-radius:13px;
      background:linear-gradient(180deg, rgba(255,255,255,.028), rgba(255,255,255,.018));
      border:1px solid rgba(255,255,255,.08);
      min-width:0;
    }
    .mini-card h3,.mini-card h4{margin:0 0 8px}
    .mini-card h3{font-size:.86rem}
    .mini-card h4{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:var(--soft)}
    .comparison-list{
      display:grid;
      gap:6px;
      color:var(--soft);
      font-size:.75rem;
      line-height:1.42;
    }
    .comparison-list .lead{
      color:#eef6ff;
      font-weight:820;
    }
    .comparison-bullets{
      margin:0;
      padding-left:18px;
      display:grid;
      gap:8px;
    }
    .comparison-bullets li{
      padding:8px 10px;
      border-radius:10px;
      background:rgba(255,255,255,.03);
      border:1px solid rgba(255,255,255,.06);
    }
    .comparison-list .metric{
      padding:8px 10px;
      border-radius:10px;
      background:rgba(255,255,255,.03);
      border:1px solid rgba(255,255,255,.06);
    }
    .comparison-list strong{
      color:#eef6ff;
      font-weight:850;
    }
    .faq-section{
      margin-top:14px;
      padding:12px 13px;
      border-radius:16px;
      border:1px solid rgba(255,255,255,.08);
      background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.018));
      box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
    }
    .faq-section + .faq-section{
      margin-top:16px;
    }
    .faq-section-head{
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:12px;
      margin-bottom:10px;
      padding-bottom:8px;
      border-bottom:1px solid rgba(255,255,255,.06);
    }
    .faq-section-title{
      font-size:.82rem;
      font-weight:900;
      letter-spacing:.08em;
      text-transform:uppercase;
      color:#f3c86a;
    }
    .faq-section-count{
      font-size:.68rem;
      font-weight:800;
      letter-spacing:.08em;
      text-transform:uppercase;
      color:var(--soft);
    }
    details{border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(255,255,255,.02);padding:10px 12px}
    summary{cursor:pointer;color:var(--muted)}
    .big-number{
      font-size:1.32rem;
      font-weight:900;
      line-height:1.05;
      margin-bottom:4px;
    }
    .driver-list,.assumption-list,.confidence-list{
      display:grid;
      gap:8px;
    }
    .driver{
      padding:10px 11px;
      border-radius:12px;
      background:rgba(255,255,255,.025);
      border:1px solid rgba(255,255,255,.07);
    }
    .driver-top{
      display:flex;
      justify-content:space-between;
      gap:10px;
      align-items:center;
      margin-bottom:4px;
    }
    .impact{
      padding:3px 7px;
      border-radius:999px;
      font-size:.64rem;
      font-weight:900;
      letter-spacing:.08em;
      text-transform:uppercase;
      border:1px solid rgba(255,255,255,.10);
      background:rgba(255,255,255,.06);
    }
    .impact.high{color:#fff2b4;border-color:rgba(240,201,95,.34)}
    .impact.medium{color:#cfe9ff;border-color:rgba(119,207,255,.34)}
    .impact.low{color:#d0f7e7;border-color:rgba(132,240,207,.28)}
    .driver-copy{color:var(--soft);font-size:.73rem;line-height:1.42}
    .driver-copy strong{color:#eff7ff}
    .warning{
      padding:9px 10px;
      border-radius:11px;
      border:1px solid rgba(255,255,255,.08);
      background:linear-gradient(180deg, rgba(255,255,255,.026), rgba(255,255,255,.016));
      color:var(--soft);
      font-size:.73rem;
      line-height:1.42;
    }
    .confidence-pill{
      display:inline-flex;
      align-items:center;
      gap:6px;
      padding:5px 8px;
      border-radius:999px;
      font-size:.68rem;
      font-weight:900;
      text-transform:uppercase;
      letter-spacing:.1em;
      border:1px solid rgba(255,255,255,.10);
      background:rgba(255,255,255,.05);
    }
    .confidence-pill.high{color:#dffcf0;border-color:rgba(132,240,207,.36)}
    .confidence-pill.medium{color:#dbefff;border-color:rgba(119,207,255,.34)}
    .confidence-pill.low{color:#ffe0d8;border-color:rgba(234,109,64,.32)}
    .confidence-pill.heuristic{color:#f3e5b1;border-color:rgba(240,201,95,.32)}

    .explain{
      display:grid;
      gap:10px;
      grid-template-columns:1.15fr .85fr;
    }
    .explain p{margin:0;color:var(--muted);font-size:.82rem}
    .explain .lead{font-size:.9rem;color:#fff}
    .assumption{
      display:flex;
      justify-content:space-between;
      gap:10px;
      padding:8px 0;
      border-bottom:1px solid rgba(255,255,255,.08);
      font-size:.75rem;
    }
    .assumption:last-child{border-bottom:none}
    .assumption .k{color:var(--soft)}
    .assumption .v{text-align:right}
    .interpret-strip{
      display:grid;
      grid-template-columns:repeat(4,minmax(0,1fr));
      gap:8px;
      margin:10px 0 14px;
    }
    .interpret-item{
      padding:10px 11px;
      border-radius:13px;
      border:1px solid rgba(255,255,255,.07);
      background:rgba(255,255,255,.022);
    }
    .interpret-item .k{
      color:var(--soft);
      font-size:.64rem;
      font-weight:900;
      text-transform:uppercase;
      letter-spacing:.12em;
    }
    .interpret-item .v{
      margin-top:5px;
      color:#edf5fd;
      font-size:.83rem;
      font-weight:800;
      line-height:1.3;
    }
    .thresholds-section .mini-card{
      background:linear-gradient(180deg, rgba(255,255,255,.024), rgba(255,255,255,.015));
      border-color:rgba(255,255,255,.07);
    }
    .thresholds-section .muted{
      font-size:.7rem;
      line-height:1.35;
    }
    .drivers-section .mini-card{
      background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.017));
      border-color:rgba(255,255,255,.08);
    }
    .drivers-section .section-note,
    .thresholds-section .section-note,
    .regime-definitions .section-note{
      margin-bottom:10px;
      color:var(--soft);
      font-size:.73rem;
      line-height:1.45;
      max-width:940px;
    }

    .ap-paper{
      display:grid;
      gap:14px;
      padding:18px;
      border-radius:16px;
      border:1px solid rgba(255,255,255,.11);
      background:
        linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.018)),
        radial-gradient(circle at top right, rgba(110,193,255,.08), transparent 24%);
      box-shadow:var(--shadow-soft);
    }
    .ap-header{
      display:grid;
      gap:10px;
      padding:14px 14px 12px;
      border-radius:14px;
      border:1px solid rgba(255,255,255,.10);
      background:linear-gradient(135deg,rgba(110,193,255,.10),rgba(132,240,207,.06) 52%,rgba(255,255,255,.02));
    }
    .ap-header-top{
      display:flex;
      align-items:flex-start;
      justify-content:space-between;
      gap:16px;
    }
    .ap-header-actions{
      display:flex;
      align-items:center;
      gap:8px;
      margin-top:10px;
      flex-wrap:wrap;
    }
    .ap-header-actions .ghost{
      border-color:rgba(255,255,255,.14);
      background:linear-gradient(180deg, rgba(255,255,255,.085), rgba(255,255,255,.035));
    }
    .ap-logo{
      width:148px;
      height:auto;
      border-radius:0;
      object-fit:contain;
      border:1px solid rgba(255,255,255,.14);
      box-shadow:0 10px 28px rgba(0,0,0,.18);
      background:transparent;
      flex:0 0 auto;
    }
    .ap-kicker{
      font-size:.64rem;
      font-weight:900;
      letter-spacing:.18em;
      text-transform:uppercase;
      color:var(--a);
    }
    .ap-title{
      margin:4px 0 0;
      font-size:1.34rem;
      line-height:1.15;
      font-weight:950;
      color:#f7fbff;
    }
    .ap-subtitle{
      color:var(--muted);
      font-size:.82rem;
      line-height:1.48;
      max-width:900px;
    }
    .ap-meta{
      color:var(--soft);
      font-size:.72rem;
      line-height:1.5;
    }
    .ap-toc{
      padding:12px 14px;
      border-radius:14px;
      border:1px solid rgba(255,255,255,.09);
      background:linear-gradient(180deg,rgba(255,255,255,.038),rgba(255,255,255,.016));
    }
    .ap-toc-title{
      margin-bottom:8px;
      font-size:.67rem;
      font-weight:900;
      letter-spacing:.14em;
      text-transform:uppercase;
      color:var(--soft);
    }
    .ap-toc ol{
      margin:0;
      padding-left:18px;
      display:grid;
      gap:6px;
      color:var(--muted);
      font-size:.78rem;
    }
    .ap-toc a{
      color:#dbe8f8;
      text-decoration:none;
    }
    .ap-toc a:hover{
      color:#ffffff;
      text-decoration:underline;
    }
    .ap-section{
      display:grid;
      gap:10px;
      padding:14px;
      border-radius:14px;
      border:1px solid rgba(255,255,255,.09);
      background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.018));
    }
    .ap-section-head{
      display:grid;
      gap:5px;
    }
    .ap-section-label{
      font-size:.64rem;
      font-weight:900;
      letter-spacing:.14em;
      text-transform:uppercase;
      color:var(--soft);
    }
    .ap-section-title{
      font-size:1rem;
      font-weight:900;
      color:#f6fbff;
    }
    .ap-section-body.exposure-explorer-standalone{
      color:var(--muted);
      font-size:.82rem;
      line-height:1.6;
    }
    .ap-section-body p{
      margin:0 0 10px;
    }
    .ap-section-body p:last-child{
      margin-bottom:0;
    }
    .ap-subhead{
      margin:10px 0 6px;
      font-size:.76rem;
      font-weight:900;
      letter-spacing:.08em;
      text-transform:uppercase;
      color:#f1c96d;
    }
    .ap-takeaway{
      margin-top:10px;
      padding:9px 11px;
      border-radius:12px;
      border:1px solid rgba(255,255,255,.09);
      background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.018));
      color:#eaf4ff;
      font-size:.78rem;
      line-height:1.5;
    }
    .ap-takeaway strong{
      color:#f3c86a;
    }
    .ap-eqn-block{
      margin:12px 0;
      padding:12px 14px;
      border-radius:14px;
      border:1px solid rgba(255,255,255,.1);
      background:linear-gradient(180deg, rgba(255,255,255,.036), rgba(255,255,255,.018));
    }
    .ap-eqn-title{
      font-size:.67rem;
      font-weight:900;
      letter-spacing:.12em;
      text-transform:uppercase;
      color:#f0c66b;
    }
    .ap-eqn-lead{
      margin-top:6px;
      color:var(--muted);
      font-size:.79rem;
      line-height:1.55;
    }
    .ap-eqn-display{
      margin:12px 0 10px;
      padding:10px 12px;
      text-align:center;
      font-family: "Times New Roman", Georgia, serif;
      font-size:1.08rem;
      line-height:1.6;
      color:#f3fbff;
      background:rgba(6,14,22,.34);
      border-radius:12px;
      border:1px solid rgba(255,255,255,.06);
    }
    .ap-eqn-display .eqn-tag{
      margin-left:10px;
      color:#d4e8f4;
      font-size:.95rem;
    }
    .ap-eqn-defs{
      display:grid;
      gap:5px;
      margin:0;
      padding:0;
      list-style:none;
      color:var(--muted);
      font-size:.77rem;
      line-height:1.5;
    }
    .ap-eqn-defs li strong{
      color:#eef7ff;
      font-weight:850;
      font-family:"Times New Roman", Georgia, serif;
    }
    .ap-eqn-note{
      margin-top:8px;
      color:#d7e9f3;
      font-size:.76rem;
      line-height:1.5;
    }
    .ap-callout{
      padding:10px 12px;
      border-radius:12px;
      border:1px solid rgba(132,240,207,.16);
      background:linear-gradient(180deg,rgba(132,240,207,.08),rgba(255,255,255,.018));
      color:#dceee8;
      font-size:.77rem;
      line-height:1.5;
    }
    .ap-grid{
      display:grid;
      grid-template-columns:repeat(2,minmax(0,1fr));
      gap:10px;
    }
    .ap-grid-single{
      display:grid;
      gap:10px;
    }
    .ap-block{
      padding:11px 12px;
      border-radius:12px;
      border:1px solid rgba(255,255,255,.08);
      background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.016));
    }
    .ap-block-title{
      margin-bottom:7px;
      font-size:.67rem;
      font-weight:900;
      letter-spacing:.12em;
      text-transform:uppercase;
      color:var(--soft);
    }
    .ap-block-value{
      font-size:1rem;
      font-weight:850;
      color:#eef7ff;
      line-height:1.22;
    }
    .ap-block-note{
      margin-top:6px;
      color:var(--muted);
      font-size:.74rem;
      line-height:1.45;
    }
    .ap-bullets,
    .ap-steps{
      margin:0;
      padding-left:18px;
      display:grid;
      gap:7px;
      color:var(--muted);
      font-size:.79rem;
      line-height:1.56;
    }
    .ap-formula-list{
      display:grid;
      gap:8px;
    }
    .ap-formula{
      padding:9px 10px;
      border-radius:10px;
      border:1px solid rgba(255,255,255,.08);
      background:rgba(255,255,255,.03);
    }
    .ap-formula-name{
      font-size:.7rem;
      font-weight:900;
      letter-spacing:.08em;
      text-transform:uppercase;
      color:#ebf4ff;
    }
    .ap-formula-eq{
      margin-top:4px;
      font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
      font-size:.74rem;
      color:#cef0df;
      line-height:1.48;
      overflow-wrap:anywhere;
    }
    .ap-formula-note{
      margin-top:4px;
      color:var(--soft);
      font-size:.73rem;
      line-height:1.45;
    }
    .ap-method-groups{
      display:grid;
      gap:10px;
    }
    .ap-example-summary{
      display:grid;
      grid-template-columns:repeat(4,minmax(0,1fr));
      gap:10px;
      margin:12px 0 14px;
    }
    .ap-method-group{
      border:1px solid rgba(255,255,255,.09);
      border-radius:13px;
      padding:11px;
      background:rgba(255,255,255,.025);
    }
    .ap-method-group-title{
      font-size:.67rem;
      letter-spacing:.13em;
      text-transform:uppercase;
      color:var(--soft);
      font-weight:900;
      margin-bottom:6px;
    }
    .ap-method-row{
      display:grid;
      grid-template-columns:minmax(102px,126px) 1fr;
      gap:8px;
      align-items:start;
      padding:5px 0;
      border-top:1px solid rgba(255,255,255,.055);
    }
    .ap-method-row:first-of-type{
      border-top:none;
    }
    .ap-method-name{
      font-size:.75rem;
      font-weight:900;
      color:#ebf4ff;
      word-break:break-word;
    }
    .ap-method-desc{
      font-size:.75rem;
      color:var(--muted);
      line-height:1.45;
      overflow-wrap:anywhere;
    }
    .ap-method-desc strong{
      color:#f6fbff;
    }
    .ap-ref-list{
      display:grid;
      gap:10px;
    }
    .ap-ref-item{
      padding:11px 12px;
      border-radius:12px;
      border:1px solid rgba(255,255,255,.08);
      background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.014));
    }
    .ap-ref-item a{
      color:#e6f4ff;
      text-decoration:none;
      font-weight:800;
    }
    .ap-ref-item a:hover{
      color:#ffffff;
      text-decoration:underline;
    }
    .ap-ref-summary{
      margin-top:5px;
      color:var(--muted);
      font-size:.77rem;
      line-height:1.5;
    }
    .ap-figure{
      margin:14px 0;
      padding:12px 13px;
      border-radius:14px;
      border:1px solid rgba(255,255,255,.09);
      background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.014));
    }
    .ap-figure-title{
      font-size:.72rem;
      font-weight:900;
      letter-spacing:.08em;
      text-transform:uppercase;
      color:#eef6ff;
    }
    .ap-figure-frame{
      margin-top:10px;
      padding:10px;
      border-radius:12px;
      border:1px solid rgba(255,255,255,.07);
      background:#0c1520;
      overflow:hidden;
    }
    .ap-figure svg{
      width:100%;
      height:auto;
      display:block;
    }
    .ap-figure-caption{
      margin-top:9px;
      color:var(--soft);
      font-size:.76rem;
      line-height:1.5;
    }
    .ap-ref-intro{
      margin-bottom:12px;
      padding:11px 12px;
      border-radius:13px;
      border:1px solid rgba(255,255,255,.1);
      background:linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.016));
    }

    .muted{color:var(--soft)}
    .warning{
      padding:10px 12px;
      border-radius:12px;
      border:1px solid rgba(240,201,95,.28);
      background:rgba(240,201,95,.08);
      color:#ffe9b1;
      font-size:.78rem;
    }

    @media (max-width: 1120px){
      .layout,.top-grid,.explain{grid-template-columns:1fr}
      .layout{height:auto;min-height:auto}
      .setup,.results{height:auto;max-height:none;min-height:auto;overflow:visible}
      .setup,.results{position:static}
      .ap-grid{grid-template-columns:1fr}
      .ap-example-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
      .ap-header-top{flex-direction:column;align-items:flex-start}
      .ap-header-actions{width:100%}
      .result-banner,.hero-strip,.hero-substats,.interpret-strip,.hero-summary-row,.plan-summary{grid-template-columns:repeat(2,minmax(0,1fr))}
      .set-row{grid-template-columns:140px 1fr 108px}
    }
    @media (max-width: 760px){
      body.exposure-explorer-standalone{padding:10px}
      .field-grid,.field-grid-3,.cards-2,.cards-3,.cards-4,.summary-band,.definition-grid,.source-summary,.hero-strip,.hero-substats,.result-banner,.interpret-strip,.hero-summary-row,.plan-summary{grid-template-columns:1fr}
      .ap-example-summary{grid-template-columns:1fr}
      .hero-inner{align-items:flex-start}
      .hero-logo{width:120px;height:auto}
      .zone-scale{white-space:normal;text-align:right}
      .zone{font-size:.64rem;padding:6px}
      .threshold-label,.axis-label{font-size:.62rem}
      .instrument-top{height:78px}
      .hero-chip.primary .hero-v{font-size:1.45rem}
      .set-row{grid-template-columns:1fr;gap:10px}
      .set-axis{margin:2px 0 0}
      .set-row-meta{text-align:left}
    }