
:root{
  --bg:#f5f6f7;
  --panel:#fff;
  --ink:#0b0b0b;
  --muted:#6b7280;
  --line:#e6e7eb;
  --soft:#f3f4f6;
  --shadow:0 8px 24px rgba(0,0,0,.08);
  --radius:16px;
  --acc:#2563eb;
  --ok:#16a34a;
  --warn:#f59e0b;
  --bad:#ef4444;
}

*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  background:var(--bg);
  color:var(--ink);
  font:15px/1.65 -apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,system-ui,sans-serif;
}

a{color:var(--acc); text-decoration:none}
a:hover{text-decoration:underline}

.muted{color:var(--muted)}
.small{font-size:13px}
.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace}

/* Header (same idea as offline tool) */
header.site{
  position:sticky;
  top:0;
  z-index:10;
  background:#fff;
  border-bottom:1px solid var(--line);
}
.site__inner{
  max-width:1100px;
  margin:0 auto;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:14px 14px;
}
.site__left{display:flex; align-items:baseline; gap:10px; flex-wrap:wrap}
.site__right{display:flex; align-items:center; gap:10px; flex-wrap:wrap; justify-content:flex-end}
.site__title{font-weight:700; font-size:16px; color:var(--ink)}
.site__title:hover{text-decoration:none}

.site-balance{display:inline-flex;align-items:center;justify-content:center;padding:0;color:var(--muted);font-size:14px;line-height:1.2;font-weight:600;white-space:nowrap;background:transparent;border:0;box-shadow:none}

/* Layout */
.wrapper{max-width:1100px; margin:0 auto; padding:18px 14px}
.page{display:block}
.card{
  background:var(--panel);
  border:1px solid var(--line);
  border-radius:var(--radius);
  box-shadow:var(--shadow);
  overflow:hidden;
}
.card__head{padding:18px 18px 10px}
.card__head h1{margin:0; font-size:24px; letter-spacing:-.2px}
.card__foot{padding:14px 18px; border-top:1px solid var(--line); background:#fff}
.body{padding:0 18px 18px}

.divider{height:1px; background:var(--line); margin:16px 0}

/* Buttons */
.btn{
  appearance:none;
  border:1px solid var(--line);
  background:#fff;
  color:var(--ink);
  border-radius:14px;
  min-height:40px;
  padding:0 16px;
  font-size:15px;
  font-weight:600;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  line-height:1;
  font-family:inherit;
}
.btn:hover{border-color:#d6d8de; text-decoration:none}
.btn:disabled{opacity:.55; cursor:not-allowed}
.btn.primary{
  color:#fff;
  border-color:rgba(37,99,235,.25);
  background:linear-gradient(90deg, rgba(37,99,235,.98) 0%, rgba(6,182,212,.92) 100%);
  box-shadow:0 10px 24px rgba(37,99,235,.16),0 1px 2px rgba(0,0,0,.06);
}
.btn.primary:hover{filter:brightness(1.05); transform:translateY(-1px)}
.btn.danger{
  background:var(--bad);
  border-color:var(--bad);
  color:#fff;
}
.btn.ghost{
  background:transparent;
}

/* Pills */
.pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:7px 10px;
  border-radius:999px;
  border:1px solid var(--line);
  background:var(--soft);
  color:var(--ink);
  font-size:13px;
  font-weight:600;
}
.pill-warn{
  border-color:rgba(245,158,11,.35);
  background:rgba(245,158,11,.10);
}

/* Callouts */
.callout{
  border:1px solid var(--line);
  background:var(--soft);
  border-radius:14px;
  padding:14px 14px;
  margin:0 0 14px;
}
.callout__title{
  font-weight:700;
  margin-bottom:8px;
}
.callout-warn{
  border-color:rgba(245,158,11,.35);
  background:rgba(245,158,11,.10);
}

/* Lists */
.ul{margin:0; padding-left:18px}
.ul li{margin:6px 0}

/* Grid */
.grid{
  display:grid;
  gap:14px;
  grid-template-columns:1fr;
}
.grid.grid--two{
  grid-template-columns:1.2fr .8fr;
}
@media (max-width: 920px){
  .grid{grid-template-columns:1fr}
  .grid.grid--two{grid-template-columns:1fr}
}
.grid-2{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}
@media (max-width: 920px){
  .grid-2{grid-template-columns:1fr}
}

/* Drop zone */
.drop{
  border:1px dashed #cfd3db;
  background:#fff;
  border-radius:14px;
  padding:14px;
}
.drop__row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  flex-wrap:wrap;
}
.drop__title{font-weight:700}
.drop__hint{color:var(--muted); font-size:13px}
.hint{
  margin-top:10px;
  font-size:13px;
  color:var(--muted);
}

/* Staging */
.staging{
  border:1px solid var(--line);
  background:#fff;
  border-radius:14px;
  padding:14px;
}
.section-title{
  font-weight:700;
  font-size:13px;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#111827;
  margin-bottom:10px;
}
.staging-list{display:flex; flex-direction:column; gap:10px}
.staging-actions{display:flex; gap:10px; flex-wrap:wrap; margin-top:12px}

/* Job cards */
.jobs{display:flex; flex-direction:column; gap:10px}
.job{
  border:1px solid var(--line);
  background:#fff;
  border-radius:14px;
  padding:12px 12px;
  display:flex;
  justify-content:space-between;
  gap:12px;
  box-shadow:0 1px 0 rgba(0,0,0,.03);
}
.job-left{min-width:0}
.job-title{font-weight:700; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.job-sub{color:var(--muted); font-size:13px; margin-top:4px}
.job-right{display:flex; align-items:flex-start; gap:10px}

.badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  padding:0 16px;
  border-radius:14px;
  border:1px solid var(--line);
  background:#fff;
  color:#111827;
  font-weight:600;
  font-size:15px;
  line-height:1;
  white-space:nowrap;
  align-self:flex-start;
}
.badge.queued{border-color:rgba(37,99,235,.25); background:rgba(37,99,235,.08)}
.badge.processing{border-color:rgba(245,158,11,.35); background:rgba(245,158,11,.10)}
.badge.done{border-color:rgba(22,163,74,.35); background:rgba(22,163,74,.10)}
.badge.error{border-color:rgba(239,68,68,.35); background:rgba(239,68,68,.10)}

.dot{display:inline-block; width:4px; height:4px; border-radius:50%; background:var(--line); margin:0 10px; vertical-align:middle; font-size:0; line-height:0; overflow:hidden}

/* Drop overlay */
.drop-overlay{
  position:fixed;
  inset:0;
  display:none;
  align-items:center;
  justify-content:center;
  background:rgba(0,0,0,.25);
  z-index:50;
}
.drop-overlay.show{display:flex}
.drop-overlay__inner{
  background:#fff;
  border:1px solid var(--line);
  border-radius:18px;
  box-shadow:var(--shadow);
  padding:18px 18px;
  text-align:center;
  min-width:280px;
}
.drop-title{font-weight:700}
.drop-sub{color:var(--muted); font-size:13px; margin-top:6px}

/* Panels in report */
.panel{
  border:1px solid var(--line);
  background:#fff;
  border-radius:14px;
  padding:14px;
}
.panel-title{
  font-weight:700;
  font-size:13px;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#111827;
  margin-bottom:10px;
}
.verdict-row{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  align-items:center;
}
.verdict-row--hero{
  flex-direction:column;
  align-items:stretch;
}
.verdict{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 10px;
  border-radius:999px;
  border:1px solid var(--line);
  background:var(--soft);
  font-weight:700;
}
.verdict--hero{
  width:100%;
  min-height:92px;
  justify-content:center;
  text-align:center;
  padding:18px 20px;
  border-radius:22px;
  font-size:18px;
  line-height:1.35;
}
.verdict.ok{border-color:rgba(22,163,74,.35); background:rgba(22,163,74,.10)}
.verdict.warn{border-color:rgba(245,158,11,.35); background:rgba(245,158,11,.10)}
.verdict.unk{border-color:rgba(107,114,128,.30); background:rgba(107,114,128,.08)}
.meta-pill{
  display:inline-flex;
  align-items:center;
  align-self:center;
  padding:8px 12px;
  border-radius:999px;
  border:1px solid var(--line);
  background:#fff;
  color:var(--muted);
  font-size:12px;
  font-weight:700;
}
.sep{flex:1 1 auto}
.license-name{font-weight:700; font-size:20px; line-height:1.3}

/* Sources */
.sources{margin:0; padding-left:18px}
.source-item{margin:10px 0}
.source-title a{font-weight:700}
.code{
  background:#0b0b0b;
  color:#fff;
  border-radius:14px;
  padding:12px;
  overflow:auto;
  font-size:12px;
  line-height:1.5;
}

/* Dev panel */
details.dev{
  border:1px solid var(--line);
  border-radius:14px;
  padding:12px;
  background:#fff;
}
details.dev > summary{cursor:pointer; font-weight:700}
.dev-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:10px;
  margin-top:10px;
}
@media (max-width: 920px){
  .dev-grid{grid-template-columns:1fr}
}
label span{display:block; font-size:12px; color:var(--muted); margin-bottom:6px}
input[type="text"], input[type="number"], select{
  width:100%;
  border:1px solid var(--line);
  border-radius:12px;
  padding:10px 10px;
  font:inherit;
  background:#fff;
}


/* Action links in job cards */
.linkbtn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:40px;
  padding:0 16px;
  border-radius:14px;
  border:1px solid var(--line);
  background:#fff;
  color:var(--ink);
  font-weight:600;
  font-size:15px;
  line-height:1;
  font-family:inherit;
}
.linkbtn:hover{text-decoration:none; border-color:#d6d8de}

/* Staging rows */
.staged{
  border:1px solid var(--line);
  background:#fff;
  border-radius:14px;
  padding:12px;
  display:flex;
  justify-content:space-between;
  gap:12px;
  flex-wrap:wrap;
}
.staged-left{min-width:240px; flex:1 1 auto}
.staged-right{display:flex; align-items:center; gap:12px; flex-wrap:wrap; justify-content:flex-end}
.staged-title{font-weight:700}
.staged-meta{color:var(--muted); font-size:13px; margin-top:4px}
.staged-hash{color:var(--muted); font-size:12px; margin-top:6px}
.staged-status{font-weight:700; color:#111827}
.staged-links{display:flex; align-items:center; gap:10px; flex-wrap:wrap; justify-content:flex-end}

/* Custom mode dropdown */
.mode-wrap{display:flex; flex-direction:column; gap:6px; align-items:flex-end}
.mode-dd{position:relative}
.mode-dd-btn{
  border:1px solid var(--line);
  background:#fff;
  border-radius:14px;
  min-height:40px;
  padding:0 20px;
  font-weight:600;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  font-size:15px;
  font-family:inherit;
  line-height:1;
}
.mode-dd-btn[disabled]{opacity:.55; cursor:not-allowed}
.mode-dd-menu{
  position:absolute;
  right:0;
  top:calc(100% + 6px);
  border:1px solid var(--line);
  background:#fff;
  border-radius:12px;
  box-shadow:var(--shadow);
  min-width:240px;
  padding:6px;
  z-index:20;
}
.mode-dd-item{
  padding:10px 12px;
  border-radius:10px;
  cursor:pointer;
  font-size:14px;
}
.mode-dd-item:hover{background:var(--soft)}
.mode-dd-item.disabled{opacity:.55; cursor:not-allowed}
.mode-dd.open .mode-dd-menu{display:block}

#fileInput{display:none}


/* ---- Report tables & extras ---- */
.subttl{font-weight:600; font-size:13px; margin:0 0 6px; color:var(--ink)}
.tbl{width:100%; border-collapse:collapse; font-size:14px; line-height:1.55; background:#fff}
.tbl th,.tbl td{border:1px solid var(--line); padding:8px 10px; vertical-align:top}
.tbl thead th{background:var(--soft); text-align:left; font-weight:700}
.ol{margin:0; padding-left:20px}
.quote-group{margin-top:14px}
.quote{border:1px solid var(--line); border-radius:14px; padding:10px 12px; background:#fff; margin:10px 0}
.quote__text{font-size:14px; line-height:1.55}
.quote__src{margin-top:6px; font-size:12px; color:var(--muted)}


/* Report: 3-column top grid */
.grid-3{
  display:grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap:14px;
}
.grid-report-top{grid-template-columns:1.45fr 1.05fr .95fr}
.panel-primary{min-width:0}
.panel-compact{min-width:0}
@media (max-width: 1180px){
  .grid-report-top{grid-template-columns:1.25fr 1fr}
  .grid-report-top > :nth-child(3){grid-column:1 / -1}
}
@media (max-width: 1100px){
  .grid-3{grid-template-columns: 1fr 1fr;}
}
@media (max-width: 920px){
  .grid-3, .grid-report-top{grid-template-columns: 1fr;}
  .grid-report-top > :nth-child(3){grid-column:auto}
}

.h1{margin:0; font-size:24px; letter-spacing:-.2px; font-weight:700}

.hr{height:1px; background:var(--line); margin:12px 0}

/* Key-value list */
.kv{display:flex; flex-direction:column; gap:8px; margin-top:6px}
.kv-row{display:flex; align-items:flex-start; justify-content:space-between; gap:10px}
.kv-k{color:var(--muted); font-size:12px; line-height:1.35; max-width:68%}
.kv-v{font-weight:600; font-size:13px; text-align:right}
.value-box{margin-top:12px; border:1px solid var(--line); border-radius:14px; padding:12px; background:var(--soft)}
.value-box__label{font-size:12px; color:var(--muted); text-transform:uppercase; letter-spacing:.06em; font-weight:700}
.value-box__value{margin-top:6px; font-size:28px; line-height:1.05; font-weight:800; color:var(--ink)}
.value-box__text{margin-top:6px; font-size:13px; line-height:1.45; color:var(--muted)}
.panel-title--summary{margin-bottom:0; list-style:none}
.more-source > summary{cursor:pointer}
.more-source[open] > summary{margin-bottom:10px}
.source-list li{margin-bottom:6px}

/* Stacks (cards inside sections) */
.stack{display:flex; flex-direction:column; gap:10px}
.item{border:1px solid var(--line); border-radius:14px; padding:12px; background:#fff}
.item-head{display:flex; align-items:flex-start; justify-content:space-between; gap:10px}
.item-title{font-weight:700}
.link{color:var(--acc); font-weight:600}
.link:hover{text-decoration:underline}

.bullets{margin:0; padding-left:18px}
.bullets li{margin:6px 0}

.more > summary{cursor:pointer}

.src-mini-list{display:flex; flex-direction:column; gap:6px}
.src-mini{font-size:12px; color:var(--acc); word-break:break-word}

/* Keep bold under control */
strong,b{font-weight:700}

.scenario-title{font-weight:700; color:var(--ink)}
.scenario-note{margin-top:4px; color:var(--muted); font-size:14px; line-height:1.45}
.summary-notes p{margin:0 0 12px 0}
.summary-notes p:last-child{margin-bottom:0}
.quote__translation{margin-top:8px; color:var(--muted); font-size:13px; line-height:1.45}


/* Site shell alignment */
.breadcrumbs{
  font-size:12px;
  line-height:1.45;
  color:var(--muted);
  margin:12px 0 12px;
}
.breadcrumbs a{ color:var(--muted); text-decoration:none; }
.breadcrumbs a:hover{ text-decoration:underline; }
.breadcrumbs__sep{ margin:0 4px; }
.breadcrumbs__current{ color:#111; }
.page{
  display:block;
}
.content{ min-width:0; }

.stack-sm{display:flex; flex-direction:column; gap:12px}
.field{display:flex; flex-direction:column; gap:6px}
.field input{
  width:100%;
  min-height:42px;
  border:1px solid var(--line);
  border-radius:12px;
  padding:0 12px;
  font:inherit;
  background:#fff;
}
.metric-row{display:grid; grid-template-columns:repeat(3,1fr); gap:12px}
@media (max-width:920px){.metric-row{grid-template-columns:1fr}}
.metric-card{
  border:1px solid var(--line);
  background:#fff;
  border-radius:14px;
  padding:14px;
}
.metric-k{font-size:13px; color:var(--muted); text-transform:uppercase; letter-spacing:.06em}
.metric-v{font-size:28px; font-weight:700; line-height:1.1; margin:8px 0}
.pricing-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:14px}
@media (max-width:920px){.pricing-grid{grid-template-columns:1fr}}
.price-card{
  border:1px solid var(--line);
  background:#fff;
  border-radius:16px;
  padding:16px;
  box-shadow:0 1px 0 rgba(0,0,0,.03);
  display:flex;
  flex-direction:column;
  gap:10px;
}
.price-card__title{font-weight:700; font-size:20px}
.price-card__price{font-size:32px; font-weight:700; line-height:1.1}
.simple-table{display:flex; flex-direction:column; gap:8px}
.simple-table__row{
  display:grid;
  grid-template-columns:160px 1fr 1fr;
  gap:10px;
  font-size:14px;
  padding-bottom:8px;
  border-bottom:1px solid var(--line);
}
@media (max-width:720px){.simple-table__row{grid-template-columns:1fr}}

.mode-switch{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-bottom:18px;
}
.intro-callout{
  margin-top:2px;
}


/* v252: platform-aligned footer for online page */
.footer.footer--platform{
  margin: 30px auto 0;
  padding: 0 14px 18px;
  text-align: center;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.45;
}


/* v260 — report typography + export menu */
body.report-page{
  font:14px/1.55 -apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,system-ui,sans-serif;
}
body.report-page .wrapper{padding-top:16px;}
body.report-page .site__inner{padding-top:12px; padding-bottom:12px;}
body.report-page .card{box-shadow:0 6px 18px rgba(15,23,42,.06);}
body.report-page .card__head{padding:18px 18px 12px;}
body.report-page .body{padding:0 18px 18px;}
body.report-page .h1,
body.report-page .card__head h1{font-size:28px; line-height:1.14; letter-spacing:-.02em; font-weight:700;}
body.report-page .small{font-size:12px; line-height:1.45;}
body.report-page .muted{color:#6b7280;}
body.report-page .panel{padding:16px; border-radius:16px; box-shadow:none;}
body.report-page .panel-title{margin-bottom:12px; font-size:14px; line-height:1.35; font-weight:700; letter-spacing:0; text-transform:none; color:#111827;}
body.report-page .subttl{font-size:13px; line-height:1.4; font-weight:700; color:#111827; margin-bottom:8px;}
body.report-page .hr,
body.report-page .divider{height:1px; background:var(--line); margin:16px 0;}
body.report-page .tbl,
body.report-page .quote__text,
body.report-page .scenario-note,
body.report-page .summary-notes p{font-size:14px; line-height:1.55;}
body.report-page .tbl th,
body.report-page .tbl td{padding:10px 12px;}
body.report-page .tbl thead th{font-size:12px; line-height:1.4; font-weight:700; text-transform:none; letter-spacing:0; color:#374151;}
body.report-page .item,
body.report-page .quote{border-radius:14px; box-shadow:none;}
body.report-page .item-title,
body.report-page .scenario-title{font-size:14px; line-height:1.4; font-weight:700;}
body.report-page .license-name{font-size:17px; line-height:1.4; font-weight:700; max-width:34ch;}
body.report-page .license-meta,
body.report-page .license-copy{margin-top:8px; font-size:13px; line-height:1.5;}
body.report-page .section-more{margin-top:14px;}

.btn--icon{min-width:40px; width:40px; padding:0;}
.btn--icon svg{width:18px; height:18px; display:block;}
.export-menu{position:relative;}
.export-menu > summary{list-style:none;}
.export-menu > summary::-webkit-details-marker{display:none;}
.export-menu__panel{
  position:absolute;
  top:calc(100% + 8px);
  right:0;
  min-width:168px;
  border:1px solid var(--line);
  border-radius:14px;
  background:#fff;
  box-shadow:0 12px 28px rgba(15,23,42,.12);
  padding:6px;
  z-index:30;
}
.export-menu__item{
  display:flex;
  align-items:center;
  min-height:36px;
  padding:0 12px;
  border-radius:10px;
  color:var(--ink);
  font-size:14px;
  line-height:1;
  font-weight:600;
}
.export-menu__item:hover{background:var(--soft); text-decoration:none;}

.report-top{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(320px,.92fr);
  grid-template-areas:
    "decision evidence"
    "license evidence";
  gap:14px;
  align-items:stretch;
}
.report-bottom{
  grid-template-columns:minmax(0,1fr) minmax(320px,.92fr);
  align-items:stretch;
}
.report-bottom > .panel{min-width:0;}
.report-top__decision{grid-area:decision;}
.report-top__license{grid-area:license;}
.report-top__evidence{grid-area:evidence; display:flex; flex-direction:column;}
@media (max-width:1080px){
  .report-top{grid-template-columns:1fr; grid-template-areas:"decision" "license" "evidence";}
  .report-bottom{grid-template-columns:1fr;}
}

.decision-row{display:flex; flex-wrap:wrap; gap:10px; align-items:center; margin-bottom:10px;}
.status-chip{
  display:inline-flex;
  align-items:center;
  min-height:38px;
  padding:0 14px;
  border-radius:999px;
  border:1px solid var(--line);
  background:var(--soft);
  font-size:15px;
  line-height:1;
  font-weight:700;
}
.status-chip--ok{background:rgba(22,163,74,.10); border-color:rgba(22,163,74,.28);}
.status-chip--warn{background:rgba(245,158,11,.10); border-color:rgba(245,158,11,.28);}
.status-chip--unknown{background:rgba(107,114,128,.08); border-color:rgba(107,114,128,.22);}
.confidence-pill{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:0 12px;
  border-radius:999px;
  border:1px solid var(--line);
  background:#fff;
  color:#4b5563;
  font-size:12px;
  line-height:1;
  font-weight:600;
}
.decision-copy{margin:0; font-size:14px; line-height:1.58; color:#374151; max-width:58ch;}
.meta-stack{display:grid; gap:8px;}
.meta-row{display:grid; grid-template-columns:88px minmax(0,1fr); gap:10px; align-items:baseline;}
.meta-row__k{font-size:13px; line-height:1.55; font-weight:700; color:#4b5563;}
.meta-row__v{font-size:13px; line-height:1.55; color:#374151;}

.stats-table{display:grid; gap:0; border-top:1px solid var(--line); border-bottom:1px solid var(--line);}
.stats-table__row{display:grid; grid-template-columns:minmax(0,1fr) auto; gap:14px; align-items:end; padding:8px 0; border-top:1px solid var(--line);}
.stats-table__row:first-child{border-top:0;}
.stats-table__k{font-size:13px; line-height:1.45; color:#6b7280;}
.stats-table__v{font-size:13px; line-height:1.2; font-weight:700; color:#111827; text-align:right; font-variant-numeric:tabular-nums;}
.time-note{margin-top:14px; padding:12px 14px; border:1px solid var(--line); border-radius:14px; background:var(--soft);}
.time-note__title{font-size:12px; line-height:1.4; font-weight:700; color:#4b5563; margin-bottom:4px;}
.time-note__value{font-size:18px; line-height:1.2; font-weight:700; color:#111827;}
.time-note__text{margin-top:4px; font-size:12px; line-height:1.45; color:#6b7280; max-width:32ch;}

.panel--details{margin:0;}
.panel--details > summary{list-style:none;}
.panel--details > summary::-webkit-details-marker{display:none;}
body.report-page details.panel--details > summary.panel-title,
body.report-page details.panel--details[open] > summary.panel-title{margin-bottom:0;}
body.report-page details.panel--details[open] > summary + *{margin-top:10px;}

body.report-page .source-list li,
body.report-page .ol li,
body.report-page .ul li,
body.report-page .bullets li{margin:7px 0;}
body.report-page .more > summary,
body.report-page details > summary{cursor:pointer;}


.card__head-row{display:flex;gap:16px;justify-content:space-between;align-items:flex-start;flex-wrap:wrap}
.card__lead{margin-top:6px}
.plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media (max-width:920px){.plan-grid{grid-template-columns:1fr}}
.plan-card{border:1px solid var(--line);border-radius:16px;background:#fff;padding:16px}
.plan-card--deep{background:linear-gradient(180deg,#ffffff 0%,#f7f8ff 100%);border-color:rgba(37,99,235,.25)}
.plan-card__eyebrow{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}
.plan-card h2{margin:0 0 10px;font-size:19px;line-height:1.3}
.compact-list li{margin:4px 0}
.tier-selector{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:0 0 14px}
@media (max-width:920px){.tier-selector{grid-template-columns:1fr}}
.tier-option{display:flex;flex-direction:column;gap:8px;border:1px solid var(--line);border-radius:16px;padding:14px;background:#fff;cursor:pointer}
.tier-option input{position:absolute;opacity:0;pointer-events:none}
.tier-option--active{border-color:rgba(37,99,235,.45);box-shadow:0 0 0 3px rgba(37,99,235,.08)}
.tier-option__head{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}
.tier-option__copy{color:var(--muted);font-size:14px}
.tier-option__cost{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:var(--soft);font-size:13px;font-weight:700}
.staging-tier{display:inline-flex;align-items:center;gap:8px;margin-bottom:10px;padding:7px 10px;border-radius:999px;background:var(--soft);font-size:13px;font-weight:700}
.panel--subtle{background:#fafafa}
.page-actions{display:flex;gap:10px;flex-wrap:wrap}


.site-credits{display:inline-flex;align-items:center;color:var(--muted);font-size:14px;line-height:1.2;font-weight:600;white-space:nowrap}
.site-account{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:999px;border:1px solid var(--line);background:#fff;color:var(--ink);box-shadow:0 1px 2px rgba(0,0,0,.04)}
.site-account:hover{text-decoration:none;background:#fafafa}
.site-account svg{width:18px;height:18px;display:block}
