:root {
    --bg-primary: #0f1923;
    --bg-card: #1a2535;
    --bg-card-hover: #243347;
    --gold: #c9a227;
    --gold-light: #d4b43e;
    --silver: #8ea0b8;
    --text-primary: #e8e8e8;
    --text-secondary: #a3b3c7;
    --success: #2ecc71;
    --warning: #f39c12;
    --danger: #e74c3c;
    --radius: 10px;
  }
  * { box-sizing: border-box; }
  body {
    background: var(--bg-primary);
    color: var(--text-primary);
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    margin: 0;
    min-height: 100vh;
  }
  .mono { font-family: 'SF Mono', 'Cascadia Code', 'Fira Code', 'Consolas', monospace; }
  .tab-btn { transition: all 0.2s ease; }
  .tab-btn.active { color: var(--gold); border-color: var(--gold); }
  .tab-btn:not(.active) { color: var(--silver); border-color: transparent; }
  .tab-content { display: none; animation: fadeSlide 0.3s ease; }
  .tab-content.active { display: block; }
  @keyframes fadeSlide {
    from { opacity: 0; transform: translateY(12px); }
    to { opacity: 1; transform: translateY(0); }
  }
  @keyframes slideIn {
    from { opacity: 0; transform: translateY(20px) scale(0.98); }
    to { opacity: 1; transform: translateY(0) scale(1); }
  }
  .result-card { animation: slideIn 0.4s ease; }
  .pill { cursor: pointer; transition: all 0.15s ease; }
  .pill:hover { background: var(--gold); color: #0f1923; }
  .ref-sub-tab { transition: all 0.15s ease; }
  .ref-sub-tab.active { background: var(--gold); color: #0f1923; }
  .ref-sub-tab:not(.active) { background: var(--bg-card); color: var(--silver); }
  .ref-sub-tab:not(.active):hover { background: var(--bg-card-hover); }
  table th { cursor: pointer; user-select: none; }
  table th:hover { color: var(--gold); }
  .accordion-header { cursor: pointer; transition: background 0.15s; }
  .accordion-header:hover { background: var(--bg-card-hover); }
  .accordion-body { display: none; }
  .accordion-body.open { display: block; animation: fadeSlide 0.25s ease; }
  .confidence-bar { height: 6px; border-radius: 3px; background: #2e4159; overflow: hidden; }
  .confidence-fill { height: 100%; border-radius: 3px; transition: width 0.6s ease; }
  input:focus, button:focus, select:focus, textarea:focus { outline: 2px solid var(--gold); outline-offset: 2px; }
  .test-pass { color: var(--success); }
  .test-fail { color: var(--danger); }
  @media print {
    .no-print { display: none !important; }
    body { background: #fff; color: #000; }
    .result-card { border: 1px solid #ccc; }
  }
  pre code {
    display: block;
    background: #0a1018;
    padding: 16px;
    border-radius: 8px;
    overflow-x: auto;
    font-size: 0.8rem;
    line-height: 1.5;
    color: #b8c5d6;
  }
  .admin-input {
    background: #0f1923;
    border: 1px solid #2e4159;
    color: #e8e8e8;
    padding: 6px 10px;
    border-radius: 6px;
    font-size: 0.85rem;
    width: 100%;
  }
  .admin-input:focus { border-color: var(--gold); }
  .scroll-tabs { scrollbar-width: thin; scrollbar-color: #2e4159 transparent; }
  .scroll-tabs::-webkit-scrollbar { height: 4px; }
  .scroll-tabs::-webkit-scrollbar-thumb { background: #2e4159; border-radius: 2px; }
  .blue-callout {
    border-left: 4px solid #3b82f6;
    background: rgba(59, 130, 246, 0.08);
  }
  .version-badge {
    display: inline-block;
    background: var(--gold);
    color: #0f1923;
    font-size: 0.6rem;
    font-weight: 700;
    padding: 1px 6px;
    border-radius: 4px;
    vertical-align: super;
    letter-spacing: 0.05em;
  }

.j-main{max-width:900px;margin:auto;padding:32px 16px}.lookup-nav{background:#1a2535;border-bottom:1px solid #243347;position:sticky;top:0;z-index:40}.lookup-nav>div{max-width:900px;margin:auto;padding:0 16px}.lookup-nav button{min-height:48px;padding:12px 20px;border-bottom:2px solid transparent}.j-main h2{font-size:1.4rem;font-weight:700;color:#d4b43e;margin:0 0 12px}.j-main h3{font-size:1.2rem;font-weight:600;color:#d4b43e;margin:0 0 12px}.j-main h4{font-weight:600;color:#e0c85a;margin:20px 0 6px}.j-main p{line-height:1.75;margin-bottom:14px}.lookup-box{max-width:620px;margin:0 auto 24px}.lookup-box>h2,.intro{text-align:center}.intro,.small{color:#a3b3c7}.small{font-size:.82rem}label{display:block;font-size:.9rem;margin:16px 0 7px;color:#b8c5d6}select,input{background:#1a2535;border:1px solid #52647b;border-radius:8px;color:#e8e8e8;padding:12px;width:100%;min-height:48px}select{font-size:.9rem}input{min-width:0;color:#e0c85a;font-size:1.1rem}.input-row{display:flex;gap:10px}.input-row button{padding:12px 16px;white-space:nowrap;border-radius:8px;background:#243347;min-height:48px}.input-row .primary{background:#c9a227;color:#0f1923;font-weight:700}.examples{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:20px 0}.examples button{border:1px solid #52647b;background:#243347;padding:8px 12px;border-radius:24px;font-size:.8rem;min-height:44px}.notice{padding:18px;border:1px solid #52647b;border-radius:10px;background:#1a2535;color:#b8c5d6;font-size:.85rem;line-height:1.7}.collector-guide{max-width:768px;margin:42px auto 0;color:#b8c5d6}.collector-guide section{margin-top:32px}.j-main a,.j-footer a,.app-return-link a{color:#e0c85a;text-decoration:underline;text-underline-offset:3px}.app-return-link{margin-top:10px;font-size:.82rem}.result-card{background:#1a2535;border:1px solid #c9a227;border-radius:10px;padding:22px}.result-card h3{font-size:1.65rem}.result-card .eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;color:#b8c5d6;margin-bottom:8px}.result-card p:last-child{margin-bottom:0}.reference-section{margin:28px 0;padding:22px;background:#1a2535;border:1px solid #2e4159;border-radius:10px}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;margin:12px 0 18px;text-align:left;font-size:.9rem}th,td{padding:11px 12px;border-bottom:1px solid #2e4159}table th{cursor:default;color:#e0c85a}.reference-section ul{padding-left:22px;list-style:disc}.reference-section li{margin-bottom:12px;line-height:1.65}.j-footer{text-align:center;padding:28px 16px;border-top:1px solid #2e4159;background:#1a2535;color:#a3b3c7;font-size:.8rem;line-height:1.8}.research-links{border-top:1px solid #2e4159;padding-top:24px}button{cursor:pointer}button:hover{filter:brightness(1.1)}@media(max-width:560px){.input-row{flex-wrap:wrap}.input-row input{flex-basis:100%}.input-row button{flex:1}.j-main{padding-top:24px}.reference-section{padding:14px}th,td{padding:10px 7px}.j-main h2{font-size:1.25rem}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}@media print{.tab-content{display:block!important}.lookup-nav,form,.examples{display:none}a{color:inherit!important}}
body{line-height:1.5}button,input,select{font:inherit}button{border:0;color:inherit}button:disabled{cursor:default}body>header{background:#1a2535;border-bottom:1px solid #2e4159}body>header>div{max-width:900px;margin:auto;padding:24px 16px;display:flex;gap:16px;align-items:center}body>header>div>div:first-child{flex-shrink:0}body>header h1{font-size:1.5rem;font-weight:700;color:#c9a227;line-height:1.25;margin:0 0 6px}body>header p{font-size:.85rem;color:#a3b3c7;margin:0}body>header svg{display:block}.lookup-nav button{background:transparent}.lookup-box .small{margin-top:12px}.result-card{animation:none}.result-card h3{line-height:1.3}.text-gold-300{color:#e0c85a;background:transparent}.underline{text-decoration:underline;text-align:left;padding:0}#after-you-date-it{max-width:768px;margin:32px auto 0;padding:24px;background:#1a2535;border:1px solid #2e4159;border-radius:10px}#after-you-date-it h2{font-size:1.15rem}#after-you-date-it p,#after-you-date-it li{font-size:.9rem;color:#b8c5d6;line-height:1.7}#after-you-date-it ol{padding-left:22px;margin:16px 0}#after-you-date-it li{padding-left:4px;margin-bottom:16px}#after-you-date-it li a{font-weight:600}#after-you-date-it li span{display:block;margin-top:4px;color:#a3b3c7}#after-you-date-it p:last-child{border-top:1px solid #2e4159;padding-top:16px;margin-bottom:0;font-size:.8rem}a:focus-visible{outline:2px solid #c9a227;outline-offset:3px}@media(max-width:560px){body>header h1{font-size:1.2rem}body>header>div{align-items:flex-start}#after-you-date-it{padding:18px}}