:root {
  --bg: #faf8f3;
  --paper: #f5f2ea;
  --ink: #1a1816;
  --ink-secondary: #4a4540;
  --muted: #8a8379;
  --line: #d9d3c7;

  --sol: #e05a00;
  --sol-light: #fff3e6;
  --astra: #0d7a6e;
  --astra-light: #e6f5f3;
  --opus: #8b5a6b;
  --opus-light: #f5eaed;

  --font-serif: "Georgia", "Noto Serif KR", "Nanum Myeongjo", serif;
  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans KR", "Pretendard", sans-serif;

  --container: 980px;
  --radius: 6px;
  --shadow: 0 1px 2px rgba(26,24,22,0.04), 0 6px 18px rgba(26,24,22,0.06);
}

* { box-sizing: border-box; }

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  font-family: var(--font-sans);
  background: var(--bg);
  color: var(--ink);
  line-height: 1.65;
  font-size: 16px;
}

.skip-link {
  position: absolute;
  left: -9999px;
  top: 0;
  background: var(--ink);
  color: var(--bg);
  padding: 0.5rem 1rem;
  z-index: 1000;
  text-decoration: none;
}

.skip-link:focus {
  left: 1rem;
  top: 1rem;
}

.container {
  max-width: var(--container);
  margin: 0 auto;
  padding: 0 1.25rem;
}

.site-header {
  padding: 4.5rem 0 3.5rem;
  border-bottom: 1px solid var(--line);
  background: linear-gradient(180deg, var(--paper) 0%, var(--bg) 100%);
}

.kicker {
  text-transform: uppercase;
  letter-spacing: 0.12em;
  font-size: 0.78rem;
  color: var(--muted);
  margin: 0 0 1rem;
}

h1 {
  font-family: var(--font-serif);
  font-size: clamp(2.6rem, 7vw, 4.6rem);
  line-height: 1.1;
  font-weight: 700;
  margin: 0 0 1.5rem;
  letter-spacing: -0.03em;
}

.astra-line {
  color: var(--astra);
}

.subtitle {
  font-size: clamp(1.05rem, 2.2vw, 1.3rem);
  color: var(--ink-secondary);
  max-width: 720px;
  margin: 0 0 1.75rem;
  line-height: 1.55;
}

.hero-meta {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}

.tag {
  display: inline-block;
  padding: 0.35rem 0.85rem;
  border-radius: 999px;
  font-size: 0.82rem;
  font-weight: 600;
  border: 1px solid var(--line);
  background: #fff;
}

.tag[data-model="sol"] { color: var(--sol); border-color: #f0c4a0; background: var(--sol-light); }
.tag[data-model="astra"] { color: var(--astra); border-color: #a0d4cd; background: var(--astra-light); }
.tag[data-model="opus"] { color: var(--opus); border-color: #d4b8c0; background: var(--opus-light); }

.section {
  padding: 3.5rem 0;
  border-bottom: 1px solid var(--line);
}

.section:last-of-type { border-bottom: none; }

h2 {
  font-family: var(--font-serif);
  font-size: clamp(1.7rem, 4vw, 2.4rem);
  margin: 0 0 1.25rem;
  line-height: 1.25;
}

h3 {
  font-family: var(--font-serif);
  font-size: 1.25rem;
  margin: 1.75rem 0 0.75rem;
}

p { margin: 0 0 1rem; }

a {
  color: var(--astra);
  text-decoration: underline;
  text-underline-offset: 0.2em;
}

a:hover, a:focus { color: var(--sol); }

.lead {
  font-size: 1.15rem;
  color: var(--ink-secondary);
  border-left: 4px solid var(--sol);
  padding-left: 1.25rem;
}

.card {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 1.5rem;
  margin: 1.5rem 0;
  box-shadow: var(--shadow);
}

.card h3 { margin-top: 0; }

.gallery {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  gap: 0.75rem;
  margin-top: 1rem;
}

.thumb {
  border: none;
  background: none;
  padding: 0;
  cursor: zoom-in;
  border-radius: var(--radius);
  overflow: hidden;
  transition: transform 0.15s ease;
}

.thumb:hover, .thumb:focus {
  transform: translateY(-2px);
  outline: 3px solid var(--sol);
  outline-offset: 2px;
}

.thumb img {
  width: 100%;
  height: 110px;
  object-fit: cover;
  display: block;
}

.lightbox {
  position: fixed;
  inset: 0;
  background: rgba(26,24,22,0.92);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  z-index: 2000;
  padding: 2rem;
}

.lightbox[hidden] { display: none !important; }

.lightbox img {
  max-width: 92vw;
  max-height: 80vh;
  object-fit: contain;
  border-radius: var(--radius);
}

.lightbox-close {
  position: absolute;
  top: 1rem;
  right: 1rem;
  background: #fff;
  border: none;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  font-size: 1.5rem;
  cursor: pointer;
}

#lightbox-caption {
  color: #fff;
  margin-top: 1rem;
  font-size: 0.95rem;
  text-align: center;
  max-width: 640px;
}

.section-note {
  color: var(--ink-secondary);
  margin-bottom: 1.5rem;
}

.controls {
  display: flex;
  gap: 1.25rem;
  flex-wrap: wrap;
  margin-bottom: 1.5rem;
  padding: 1rem;
  background: var(--paper);
  border-radius: var(--radius);
  border: 1px solid var(--line);
}

.control-group {
  display: flex;
  flex-direction: column;
  gap: 0.35rem;
}

.control-group label {
  font-size: 0.8rem;
  font-weight: 600;
  color: var(--ink-secondary);
}

.control-group input,
.control-group select {
  padding: 0.5rem 0.65rem;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: #fff;
  font-size: 0.95rem;
  min-width: 140px;
}

.control-group input:focus,
.control-group select:focus {
  outline: 3px solid rgba(224,90,0,0.25);
  border-color: var(--sol);
}

.help {
  display: block;
  font-size: 0.78rem;
  color: var(--muted);
  margin-top: 0.35rem;
}

.chart-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;
  margin-bottom: 2rem;
}

@media (min-width: 820px) {
  .chart-grid { grid-template-columns: 1fr 1fr; }
}

.chart-card {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 1rem;
  margin: 0;
  box-shadow: var(--shadow);
}

.chart-card figcaption {
  font-family: var(--font-serif);
  font-size: 1.05rem;
  font-weight: 600;
  margin-bottom: 0.75rem;
}

.chart-root {
  width: 100%;
  height: 320px;
  position: relative;
}

.chart-root svg {
  width: 100%;
  height: 100%;
  overflow: visible;
}

.axis line, .axis path {
  stroke: var(--line);
  stroke-width: 1;
}

.axis text {
  fill: var(--muted);
  font-size: 11px;
}

.grid-line {
  stroke: var(--line);
  stroke-dasharray: 3 3;
  opacity: 0.6;
}

.data-point {
  cursor: pointer;
  transition: r 0.15s ease;
}

.data-point:hover, .data-point:focus {
  r: 7;
  stroke: var(--ink);
  stroke-width: 2;
}

.series-sol { fill: var(--sol); }
.series-astra { fill: var(--astra); }
.series-opus { fill: var(--opus); }

.series-line-sol { stroke: var(--sol); fill: none; stroke-width: 2.5; }
.series-line-astra { stroke: var(--astra); fill: none; stroke-width: 2.5; }
.series-line-opus { stroke: var(--opus); fill: none; stroke-width: 2.5; }

.tooltip {
  position: absolute;
  background: rgba(26,24,22,0.95);
  color: #fff;
  padding: 0.5rem 0.75rem;
  border-radius: var(--radius);
  font-size: 0.78rem;
  pointer-events: none;
  white-space: nowrap;
  z-index: 100;
  opacity: 0;
  transition: opacity 0.15s ease;
}

.legend {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  margin-top: 0.75rem;
  font-size: 0.8rem;
}

.legend-item {
  display: flex;
  align-items: center;
  gap: 0.35rem;
}

.legend-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
}

.table-wrap {
  overflow-x: auto;
  margin: 1.5rem 0;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  background: #fff;
}

.data-table {
  width: 100%;
  border-collapse: collapse;
  min-width: 560px;
  font-size: 0.92rem;
}

.data-table caption {
  text-align: left;
  padding: 0.85rem 1rem;
  font-weight: 600;
  border-bottom: 1px solid var(--line);
}

.data-table th, .data-table td {
  padding: 0.65rem 1rem;
  border-bottom: 1px solid var(--line);
  text-align: left;
}

.data-table th {
  background: var(--paper);
  font-weight: 600;
  font-size: 0.8rem;
  color: var(--ink-secondary);
  white-space: nowrap;
}

.data-table tr:last-child td { border-bottom: none; }

.data-table tbody tr:hover { background: rgba(224,90,0,0.03); }

.na { color: var(--muted); font-style: italic; }

.better { color: var(--astra); font-weight: 600; }
.worse { color: var(--sol); font-weight: 600; }

.caveat {
  font-size: 0.88rem;
  color: var(--ink-secondary);
  border-left: 3px solid var(--opus);
  padding-left: 1rem;
}

.callout {
  background: var(--astra-light);
  border-left: 4px solid var(--astra);
  padding: 1rem 1.25rem;
  border-radius: 0 var(--radius) var(--radius) 0;
  margin: 1.25rem 0;
}

.calculator, .speed-scenario {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 1.25rem;
  margin: 1.5rem 0;
  box-shadow: var(--shadow);
}

.calculator h3, .speed-scenario h3 { margin-top: 0; }

.calc-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
  gap: 1rem;
}

.calc-results {
  display: flex;
  gap: 1.5rem;
  margin: 1rem 0;
}

.result-block {
  display: flex;
  flex-direction: column;
  min-width: 120px;
}

.result-label {
  font-size: 0.78rem;
  color: var(--muted);
}

.result-value {
  font-family: var(--font-serif);
  font-size: 1.6rem;
  font-weight: 700;
  color: var(--ink);
}

.warning {
  color: #a82424;
  background: #fff0f0;
  border: 1px solid #e8b8b8;
  padding: 0.6rem 0.9rem;
  border-radius: var(--radius);
  margin: 0.75rem 0;
}

.slider-group {
  margin: 1rem 0;
}

.slider-group label {
  display: flex;
  justify-content: space-between;
  font-weight: 600;
  font-size: 0.9rem;
  margin-bottom: 0.4rem;
}

.slider-group input[type="range"] {
  width: 100%;
}

.scenario-result {
  font-size: 1.1rem;
  margin-top: 1rem;
}

.effort-pill {
  display: inline-block;
  padding: 0.2rem 0.55rem;
  border-radius: 999px;
  font-size: 0.78rem;
  font-weight: 700;
  background: var(--paper);
  border: 1px solid var(--line);
}

.recommend-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
  margin-top: 1.5rem;
}

@media (min-width: 680px) {
  .recommend-grid { grid-template-columns: 1fr 1fr; }
}

.recommend-card {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  padding: 1.25rem;
  box-shadow: var(--shadow);
}

.recommend-card h3 { margin-top: 0; }

.method-list {
  list-style: disc;
  padding-left: 1.5rem;
  color: var(--ink-secondary);
}

.method-list li { margin-bottom: 0.5rem; }

.download-link {
  display: inline-block;
  margin-top: 1rem;
  padding: 0.55rem 1rem;
  background: var(--ink);
  color: #fff;
  text-decoration: none;
  border-radius: var(--radius);
  font-weight: 600;
  font-size: 0.9rem;
}

.download-link:hover, .download-link:focus { background: var(--sol); color: #fff; }

.section-sources { background: var(--paper); }

.source-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.source-list li {
  padding: 0.6rem 0;
  border-bottom: 1px solid var(--line);
  font-size: 0.95rem;
}

.source-list li:last-child { border-bottom: none; }

.source-type {
  display: inline-block;
  font-size: 0.68rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  padding: 0.15rem 0.45rem;
  border-radius: 999px;
  margin-right: 0.4rem;
}

.source-type.official { background: var(--astra-light); color: var(--astra); }
.source-type.independent { background: #e8e6f0; color: #5a527a; }
.source-type.community { background: var(--sol-light); color: var(--sol); }

.site-footer {
  padding: 2rem 0;
  border-top: 1px solid var(--line);
  text-align: center;
  color: var(--muted);
  font-size: 0.85rem;
}

@media (max-width: 480px) {
  .site-header { padding: 3rem 0 2.5rem; }
  .section { padding: 2.5rem 0; }
  .gallery { grid-template-columns: repeat(2, 1fr); }
  .calc-results { flex-direction: column; gap: 0.75rem; }
}

/* Editorial data views and native dialog */
.report-nav{display:flex;gap:1.1rem;flex-wrap:wrap;margin-top:1.5rem;font-size:.85rem}
.headline-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-bottom:1.6rem}
.headline-stats>div{background:var(--bg);padding:1.2rem}.headline-stats span,.headline-stats small{display:block;color:var(--ink-secondary)}.headline-stats span{font-size:.8rem}.headline-stats strong{display:block;font-size:1.6rem;margin:.3rem 0}.headline-stats small{font-size:.74rem}
.thumb span{display:block;font-size:.72rem;padding:.25rem;background:var(--paper);color:var(--ink-secondary)}
.chart-root{height:auto;min-height:320px}.chart-root svg{display:block;height:320px}.legend{min-height:24px}.chart-card{padding-bottom:1.2rem}
.series-sol6{fill:#f4a261}.series-line-sol6{stroke:#f4a261;fill:none;stroke-width:2}
.speed-bars{display:grid;gap:.8rem;margin:1.5rem 0}.speed-bars>div{display:grid;grid-template-columns:90px 1fr;align-items:center;gap:.5rem}.speed-bars b{display:block;min-width:105px;color:white;padding:.45rem .65rem;border-radius:2px;font-size:.9rem;white-space:nowrap}.speed-bars span{font-size:.85rem;font-weight:600}
.selected-price{font-weight:700;margin-top:1rem}.result-block.chosen{padding-left:.8rem;border-left:3px solid var(--sol)}
.lightbox{width:100vw;height:100vh;max-width:none;max-height:none;margin:0;border:0}.lightbox:not([open]){display:none}.lightbox::backdrop{background:rgba(26,24,22,.8)}
.source-list a{overflow-wrap:anywhere}.tooltip{max-width:220px;white-space:normal}
@media(max-width:600px){.headline-stats{grid-template-columns:1fr}.controls>*{min-width:0;width:100%}.controls select{width:100%}.speed-bars>div{grid-template-columns:75px 1fr}.chart-card{padding:.75rem}.container{padding:0 1rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Visual edition: primary numbers, short captions, on-demand evidence. */
.sol-word{color:var(--sol)}.opus-word{color:var(--opus)}
.site-header{padding:2.4rem 0 1.7rem;background:var(--paper)}
.site-header h1{font-size:clamp(2.5rem,5.5vw,4rem);margin-bottom:.65rem;line-height:1.15}
.subtitle{font-size:1rem;margin-bottom:.8rem}.subtitle-small{font-size:.82rem;color:var(--muted)}
.report-nav{margin-top:1rem;gap:1.6rem;font-size:.82rem}
.section{padding:2.3rem 0}.quick-read{padding:1.2rem 0}.verdict-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.verdict-strip>div{padding:.3rem 0 .3rem 1rem;border-left:2px solid var(--line)}.verdict-strip span{display:block;font-size:.72rem;color:var(--muted);margin-bottom:.15rem}.verdict-strip strong{font-size:.95rem}
.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}.section-heading h2{font-size:1.75rem;margin:0}.source-short{font-size:.72rem;color:var(--muted)}
.controls{padding:.8rem 1rem;gap:1.3rem;margin-bottom:.8rem}.controls .control-group{flex:1}.control-group select{width:100%;min-width:0}.controls .control-group:last-child{max-width:240px}
.benchmark-heading{display:flex;justify-content:space-between;align-items:center;gap:.7rem;flex-wrap:wrap;margin:.8rem 0}.benchmark-heading p{margin:0;font-size:.8rem;color:var(--astra)}#metric-direction{font-size:.73rem;color:var(--muted)}
.effort-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:.6rem;margin-bottom:1rem}.effort-card{background:white;border:1px solid var(--line);border-top:3px solid var(--sol);padding:.8rem 1rem;display:flex;flex-direction:column;align-items:flex-start}.effort-label{font-size:.76rem;font-weight:700;color:var(--muted)}.effort-card>strong{font-family:Georgia,serif;font-size:2rem;line-height:1.2;margin:.35rem 0 .15rem;color:var(--ink)}.effort-card strong small{font-family:var(--font-sans);font-size:.75rem;font-weight:400;margin-left:.2rem;color:var(--muted)}.effort-delta{font-size:.75rem}.effort-cost{border-top:1px solid var(--line);width:100%;margin-top:.55rem;padding-top:.4rem;font-weight:700;font-size:.85rem}.effort-cost small{font-weight:400;font-size:.65rem;color:var(--muted)}
.chart-grid{gap:1rem;margin-bottom:.8rem}.chart-card{box-shadow:none}.chart-card figcaption{font-family:var(--font-sans);font-size:.8rem}.chart-caption{font-size:.76rem;color:var(--ink-secondary);line-height:1.5;margin:.75rem 0}.legend{gap:.8rem;font-size:.73rem}.chart-root .tooltip{font-size:.73rem}
.fold{border-top:1px solid var(--line);margin-top:.7rem}.fold:last-child{border-bottom:1px solid var(--line)}.fold>summary{list-style:none;cursor:pointer;padding:.85rem .2rem;font-size:.8rem;font-weight:600;display:flex;align-items:center;justify-content:space-between;gap:1rem}.fold>summary::-webkit-details-marker{display:none}.fold>summary::after{content:'＋';font-size:1rem;font-weight:400;color:var(--astra);flex:none}.fold[open]>summary::after{content:'−'}.fold>summary:focus-visible{outline:2px solid var(--astra);outline-offset:2px}.fold-body{padding:.25rem .25rem 1.2rem;color:var(--ink-secondary);font-size:.85rem}.fold-body p{max-width:820px}.fold-body .card{box-shadow:none;margin:.5rem 0}.fold-body .data-table{font-size:.8rem}.fold-body .table-wrap{margin:1rem 0}.fold-body h3{font-size:1rem}.fold-body .help{font-size:.73rem}.fold-body .source-list li{font-size:.8rem}
.fast-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.fast-stat{padding:1.1rem;background:white;border:1px solid var(--line)}.fast-stat>p:first-child{font-size:.8rem;font-weight:700;margin-bottom:.15rem}.big-number{font-family:Georgia,serif;font-size:3.1rem;line-height:1.25;color:var(--sol)}.big-number span{font-size:1.7rem;padding-left:.2rem}.meter-pair{margin-top:.7rem;display:grid;gap:.55rem}.meter-pair>div{display:grid;grid-template-columns:30px 1fr 32px;align-items:center;gap:.5rem;font-size:.67rem}.meter-pair i{background:var(--paper);height:7px;display:block;border-radius:2px;overflow:hidden}.meter-pair i::before{content:'';display:block;background:var(--sol);height:100%;width:var(--fill)}.meter-pair>div:first-child i::before{background:#c8c2b7}.meter-pair b{font-size:.7rem;text-align:right}.unknown .big-number{color:var(--muted)}.unknown-symbol{font-size:.82rem;font-weight:600;margin-top:.7rem}.unknown-symbol span{padding:0 .65rem;font-size:1.2rem;color:var(--muted)}.micro{font-size:.65rem;color:var(--muted);margin:.3rem 0 0}
.speed-visual{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);background:white}.speed-col{padding:1.1rem}.speed-col+.speed-col{border-left:1px solid var(--line)}.speed-col h3{font-family:var(--font-sans);font-size:.85rem;margin:0 0 1rem}.speed-col h3 small{font-weight:400;font-size:.66rem;color:var(--muted);padding-left:.4rem}.bar-row{display:grid;grid-template-columns:83px 1fr 43px;gap:.5rem;align-items:center;margin:.85rem 0;font-size:.73rem}.bar-row>div{height:15px;background:var(--paper)}.bar-row i{display:block;width:var(--fill);height:100%;background:var(--sol)}.bar-row[data-model=astra] i{background:var(--astra)}.bar-row[data-model=opus] i{background:var(--opus)}.bar-row b{font-size:.8rem;text-align:right}
.latency-flow{display:flex;align-items:center;justify-content:center;gap:.7rem;flex-wrap:wrap;padding:1.1rem;background:var(--paper);margin-top:1.4rem}.latency-flow span{font-size:.76rem;border:1px solid var(--line);padding:.4rem .8rem;background:white}.latency-flow .model-time{border-color:#f0c4a0;color:var(--sol);background:var(--sol-light)}.latency-flow b{font-size:.8rem;color:var(--muted);font-weight:400}.latency-flow strong{font-size:.82rem}
.opus-comparison{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);background:white}.opus-comparison>div{display:flex;flex-direction:column;padding:1rem 1.4rem;border-left:1px solid var(--line)}.opus-comparison>div:first-child{border-left:0}.opus-comparison span{font-weight:700;font-size:.8rem}.opus-comparison strong{font-family:Georgia,serif;font-size:2.15rem;margin:.2rem 0;line-height:1.2}.opus-comparison strong small{font-size:.85rem;margin-left:.2rem}.opus-comparison>div>small{font-size:.73rem;color:var(--muted)}
.section-evidence{background:var(--paper)}.section-evidence h2{font-size:1.4rem;margin-bottom:1rem}.observed-times{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;background:white;padding:1rem;margin:.5rem 0 1rem}.observed-times span{display:block;font-size:.75rem;color:var(--muted)}.observed-times strong{font-family:Georgia,serif;font-size:1.6rem}.correction-flow{font-size:1.1rem;padding:1rem;background:var(--sol-light);margin:.5rem 0 1rem}.correction-flow strong{color:var(--sol);margin-left:.7rem}.site-footer{padding:1rem;font-size:.7rem}
@media(max-width:600px){.site-header{padding:1.7rem 0 1.3rem}.site-header h1{font-size:2.65rem}.subtitle{font-size:.85rem}.subtitle-small{font-size:.7rem}.section{padding:1.6rem 0}.quick-read{padding:1rem 0}.verdict-strip{gap:.6rem}.verdict-strip>div{padding-left:.5rem}.verdict-strip strong{font-size:.73rem}.verdict-strip span{font-size:.63rem}.controls{gap:.8rem}.controls .control-group:last-child{max-width:none}.section-heading h2{font-size:1.45rem}.source-short{font-size:.66rem}.effort-cards{grid-template-columns:repeat(5,minmax(0,1fr));gap:.3rem}.effort-card{padding:.6rem .3rem;align-items:center}.effort-card>strong{font-size:1.35rem}.effort-card strong small{font-size:.6rem;margin-left:.1rem}.effort-label,.effort-delta{font-size:.62rem}.effort-cost{font-size:.7rem;text-align:center}.effort-cost small{display:none}.fast-grid{gap:.4rem}.fast-stat{padding:.8rem .5rem}.fast-stat>p:first-child{font-size:.66rem}.big-number{font-size:2.6rem}.big-number span{font-size:1.35rem}.meter-pair>div{grid-template-columns:22px 1fr 26px;gap:.25rem;font-size:.57rem}.meter-pair b{font-size:.6rem}.unknown-symbol{font-size:.7rem}.unknown-symbol span{padding:0 .15rem;font-size:.9rem}.micro{font-size:.58rem}.speed-visual{grid-template-columns:1fr}.speed-col+.speed-col{border-left:0;border-top:1px solid var(--line)}.bar-row{grid-template-columns:80px 1fr 43px}.latency-flow{gap:.35rem;padding:.8rem .4rem}.latency-flow span{padding:.35rem .45rem;font-size:.67rem}.latency-flow b{font-size:.7rem}.latency-flow strong{font-size:.73rem}.opus-comparison>div{padding:.8rem .65rem}.opus-comparison strong{font-size:1.85rem}.opus-comparison>div>small{font-size:.66rem}.fold>summary{font-size:.75rem}.observed-times{gap:.5rem;padding:.8rem}.observed-times strong{font-size:1.4rem}}
:root{--muted:#70695f}
@media(max-width:600px){.fast-stat>p:first-child{font-size:.72rem}.micro{font-size:.68rem}.meter-pair>div{font-size:.65rem}.meter-pair b{font-size:.65rem}}