/* =====================================================================
   Round two components, shared by all three ideas. Tokens only: each
   route's -v2 file adjusts the look where its idea differs.
   ===================================================================== */

/* ---------------------------------------------------------------- status chips */
.st { display: inline-flex; align-items: center; gap: 8px; height: 28px; padding: 0 12px; border-radius: 99px;
  font: 600 12px/1 var(--f-body); letter-spacing: .01em; white-space: nowrap; }
.st::before { content: ''; width: 7px; height: 7px; border-radius: 50%; background: currentColor; }
.st-live { background: #E6F2EA; color: #1F6B3F; }
.st-dev { background: #F1EEE7; color: #6B5E45; }
.st-free { background: #EAF1FB; color: #1D4F8F; }
.band--deep .st-live { background: rgba(111, 211, 162, .16); color: #8FE0B6; }
.band--deep .st-dev { background: rgba(255, 255, 255, .1); color: #E6DCC6; }
.band--deep .st-free { background: rgba(143, 192, 245, .16); color: #BBD8F7; }
.ph-chips { margin: -6px 0 22px; display: flex; gap: 10px; }
.crumb .sep { opacity: .5; }

/* ---------------------------------------------------------------- how we solve it */
.solve { border-top: 2px solid var(--ink); }
.solve-row { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.5fr) minmax(0, .8fr); gap: 48px;
  padding: 30px 0; border-bottom: 1px solid var(--rule); align-items: start; }
.solve-k { display: block; font: 500 11.5px/1.3 var(--f-mono); letter-spacing: .09em; text-transform: uppercase;
  color: var(--muted); margin-bottom: 10px; }
.solve-p .h-card { font-size: calc(var(--fs-card) + 2px); margin: 0; }
.solve-a p { font-size: 17.5px; line-height: 1.55; color: var(--ink); margin: 0; max-width: 34em; }
.solve-t { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; }
.solve-tool { font: 600 16px/1.3 var(--f-body); color: var(--ink); }

/* ---------------------------------------------------------------- the suite on home */
.suite .prod--live .ticks li { padding-top: 15px; padding-bottom: 15px; }
.corner-band .cards { grid-template-columns: repeat(4, minmax(0, 1fr)); }

/* ---------------------------------------------------------------- check teaser on home */
.check-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 88px; align-items: start; }
.check-copy p { font-size: 19px; line-height: 1.55; margin-top: 24px; max-width: 30em; }
.mini-form { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 30px; }
.mf { padding: 12px 18px; border: 1.5px solid var(--brand); color: var(--brand); font: 600 15px/1 var(--f-body);
  border-radius: var(--radius-btn); background: var(--field-bg); }
.mf-more { border-style: dashed; border-color: var(--field-line); color: var(--muted); font-weight: 500; }

/* ---------------------------------------------------------------- suite page */
.suite-hero .h-page { max-width: 13ch; }
.says-grid { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 80px; align-items: center; }
.anatomy { margin: 0; display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 36px; align-items: center; }
.an-card { background: var(--card-bg); border: 1px solid var(--card-line); border-radius: max(var(--radius), 12px);
  padding: 26px 26px 20px; box-shadow: 0 30px 60px rgba(0, 25, 60, .12); position: relative; }
.an-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 18px; }
.an-k { font: 500 11.5px/1 var(--f-mono); letter-spacing: .08em; text-transform: uppercase; color: var(--muted); }
.an-val { font: 600 26px/1.25 var(--f-body); color: var(--ink); letter-spacing: -0.01em; }
.an-foot { display: flex; align-items: center; gap: 12px; margin-top: 22px; padding-top: 16px; border-top: 1px solid var(--rule);
  font: 500 11px/1 var(--f-mono); letter-spacing: .06em; text-transform: uppercase; color: var(--muted); }
.an-foot .chip { height: 26px; border: 0; border-radius: 99px; text-transform: none; letter-spacing: 0; font: 600 12px/1 var(--f-body); padding: 0 11px; }
.an-notes { list-style: none; counter-reset: an; padding: 0; margin: 0; display: grid; gap: 18px; }
.an-notes li { counter-increment: an; position: relative; padding-left: 50px; font-size: 16.5px; line-height: 1.5; color: var(--body); }
.an-notes li::before { content: counter(an); position: absolute; left: 0; top: -2px; width: 32px; height: 32px; border-radius: 50%;
  background: var(--brand); color: #fff; display: grid; place-items: center; font: 600 14px/1 var(--f-body); }
.an-notes strong { color: var(--ink); font-weight: 600; }

.stages { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 0; border-top: 2px solid var(--ink); }
.stage { padding: 28px 24px 8px 0; }
.stage + .stage { padding-left: 24px; border-left: 1px solid var(--rule); }
.stage-top { display: flex; align-items: baseline; gap: 12px; margin-bottom: 20px; }
.stage-n { font: 500 13px/1 var(--f-mono); color: var(--accent); }
.stage-h { font: var(--w-display) 30px/1.1 var(--f-display); color: var(--ink); letter-spacing: -0.015em; }
.cap { margin-bottom: 20px; }
.cap h4 { font: 600 15.5px/1.35 var(--f-body); color: var(--ink); margin: 0 0 6px; }
.cap p { font-size: 14.5px; line-height: 1.5; margin: 0; }

.roles { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; border-top: 1px solid var(--rule); border-left: 1px solid var(--rule); }
.role { padding: 30px 30px 26px; border-right: 1px solid var(--rule); border-bottom: 1px solid var(--rule); }
.role .h-card { font-size: calc(var(--fs-card) + 1px); }
.role p { margin: 0; font-size: 16px; line-height: 1.55; }

.espr { display: grid; grid-template-columns: 160px minmax(0, 1fr); gap: 32px; align-items: center; padding: 30px 34px;
  background: var(--card-bg); border: 1px solid var(--card-line); border-radius: var(--radius); margin-bottom: 20px; }
.espr-code { font: var(--w-num) 54px/1 var(--f-num); color: var(--ink); letter-spacing: -0.02em; }
.espr strong { font: 600 18px/1.3 var(--f-body); color: var(--ink); }
.espr p { margin: 6px 0 0; font-size: 16px; max-width: 46em; }
.ens { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.en { padding: 26px 28px; background: var(--card-bg); border: 1px solid var(--card-line); border-radius: var(--radius); }
.en-code { display: block; font: 600 15px/1 var(--f-mono); color: var(--accent); letter-spacing: .02em; }
.en-t { display: block; font: 600 19px/1.3 var(--f-body); color: var(--ink); margin: 12px 0 8px; }
.en p { margin: 0; font-size: 15px; line-height: 1.5; }
.da-note { display: grid; grid-template-columns: 160px minmax(0, 1fr); gap: 32px; margin-top: 20px; padding: 22px 34px;
  border: 1.5px dashed var(--card-line); border-radius: var(--radius); }
.da-k { font: 500 12px/1.6 var(--f-mono); letter-spacing: .09em; text-transform: uppercase; color: var(--amber); }
.da-note p { margin: 0; font-size: 16px; color: var(--ink); }
.sec-row { list-style: none; padding: 0; margin: 40px 0 0; display: flex; flex-wrap: wrap; gap: 12px 28px; }
.sec-row li { font-size: 15px; color: var(--ink); padding-left: 22px; position: relative; }
.sec-row li::before { content: ''; position: absolute; left: 0; top: 7px; width: 10px; height: 10px; border: 2px solid var(--accent); border-radius: 3px; }

.flow { display: grid; grid-template-columns: minmax(0, 1fr) 70px minmax(0, 1fr) 70px minmax(0, 1.25fr); align-items: center;
  margin: 8px 0 48px; }
.flow-in { padding: 26px 26px; border: 1.5px dashed var(--field-line); border-radius: var(--radius); }
.flow-k { display: block; font: 500 12px/1 var(--f-mono); letter-spacing: .09em; text-transform: uppercase; color: var(--muted); }
.flow-in p { margin: 12px 0 0; font-size: 16px; color: var(--ink); line-height: 1.45; }
.flow-arrow { height: 2px; background: var(--ink); position: relative; margin: 0 10px; }
.flow-arrow::after { content: ''; position: absolute; right: -2px; top: -5px; border-left: 10px solid var(--ink); border-top: 6px solid transparent; border-bottom: 6px solid transparent; }
.flow-node { display: grid; grid-template-columns: auto 1fr; grid-template-rows: auto auto; column-gap: 14px; row-gap: 10px;
  align-items: center; padding: 20px 22px; background: var(--card-bg); border: 1px solid var(--card-line); border-radius: var(--radius); }
.flow-node .abbr { grid-row: span 2; font: 600 13px/1 var(--f-mono); color: var(--accent); border: 1.5px solid currentColor;
  border-radius: 6px; padding: 10px 8px; min-width: 50px; text-align: center; }
.flow-node strong { font: 600 16.5px/1.25 var(--f-body); color: var(--ink); }
.flow-node .st { justify-self: start; }
.flow-live { border: 2px solid var(--brand); box-shadow: 0 16px 36px rgba(0, 40, 90, .12); }
.flow-stack { display: grid; gap: 12px; }
.gains { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; border-top: 2px solid var(--ink); margin-bottom: 44px; }
.gain { padding: 28px 36px 6px 0; }
.gain + .gain { padding-left: 36px; border-left: 1px solid var(--rule); }
.gain p { margin: 0; font-size: 16.5px; line-height: 1.55; }
.dev-row { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.dev { padding: 30px; background: var(--card-bg); border: 1px solid var(--card-line); border-radius: var(--radius); display: flex; flex-direction: column; }
.dev p { font-size: 15.5px; line-height: 1.55; margin: 0 0 22px; }
.dev .link-arrow { margin-top: auto; align-self: flex-start; }

.faq-grid { display: grid; grid-template-columns: minmax(0, .65fr) minmax(0, 1.35fr); gap: 88px; align-items: start; }
.faq-side { font-size: 17px; margin-top: -24px; }
.faq-side a { color: var(--accent); font-weight: 600; }
.accordion { border-top: 1px solid var(--ink); }
.qa { border-bottom: 1px solid var(--rule); border-top: 0; padding: 0; }
.qa:last-child { border-bottom: 1px solid var(--rule); }
.qa .q { display: flex; justify-content: space-between; align-items: center; gap: 24px; padding: 24px 0; }
.qa .q h3 { font: 600 19px/1.35 var(--f-body); color: var(--ink); margin: 0; }
.pm { flex: none; position: relative; width: 34px; height: 34px; border-radius: 50%; border: 1.5px solid var(--ink); }
.pm::before, .pm::after { content: ''; position: absolute; left: 50%; top: 50%; width: 12px; height: 1.5px; background: var(--ink); transform: translate(-50%, -50%); }
.pm::after { transform: translate(-50%, -50%) rotate(90deg); }
.qa.is-open .pm { background: var(--ink); }
.qa.is-open .pm::before { background: var(--page); }
.qa.is-open .pm::after { display: none; }
.qa > p { margin: -6px 0 26px; font-size: 17px; line-height: 1.6; max-width: 44em; color: var(--body); }

.price-grid { display: flex; justify-content: space-between; align-items: center; gap: 64px; }
.price-grid p { font-size: 19px; margin: 18px 0 0; max-width: 34em; }
.price-grid .actions { margin: 0; flex: none; }

/* ---------------------------------------------------------------- the check */
.check-hero .h-page { max-width: 14ch; }
.cf-grid { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, .7fr); gap: 72px; align-items: start; }
.step-block { padding: 34px 0 30px; border-top: 1px solid var(--rule); }
.step-block:first-child { border-top: 2px solid var(--ink); }
.sb-head { display: flex; align-items: center; gap: 16px; margin-bottom: 22px; }
.sb-n { width: 36px; height: 36px; border-radius: 50%; background: var(--brand); color: #fff; display: grid; place-items: center;
  font: 600 15px/1 var(--f-body); }
.sb-h { font: var(--w-display) 30px/1.1 var(--f-display); color: var(--ink); letter-spacing: -0.015em; }
.q-block { margin: 0 0 22px 52px; }
.q-h { font: 600 16px/1.4 var(--f-body); color: var(--ink); margin: 0 0 12px; }
.opt.multi { padding-left: 42px; position: relative; }
.opt.multi::before { content: ''; position: absolute; left: 16px; top: 50%; width: 14px; height: 14px; margin-top: -8px;
  border: 1.5px solid var(--muted); border-radius: 3px; }
.opt.multi.on::before { border-color: #fff; background: #fff; box-shadow: inset 0 0 0 3px var(--brand); }
.cf-submit { margin: 10px 0 0 52px; }
.cf-time { font-size: 14px; color: var(--muted); }
.cf-aside { position: relative; padding: 34px; background: var(--card-bg); border: 1px solid var(--card-line); border-radius: var(--radius); }
.how { list-style: none; padding: 0; margin: 18px 0 0; }
.how li { padding: 16px 0 16px 34px; border-top: 1px solid var(--rule); position: relative; display: grid; gap: 4px; }
.how li::before { content: ''; position: absolute; left: 2px; top: 22px; width: 13px; height: 7px; border-left: 2px solid var(--accent);
  border-bottom: 2px solid var(--accent); transform: rotate(-45deg); }
.how strong { font: 600 15.5px/1.35 var(--f-body); color: var(--ink); }
.how span { font-size: 14.5px; line-height: 1.5; }
.cf-note { margin: 18px 0 0; padding-top: 16px; border-top: 1px solid var(--rule); font-size: 13.5px; color: var(--muted); }
.lookup-band { padding-block: 64px; }
.lookup { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 72px; align-items: center; }
.lookup p { margin: 0; font-size: 17px; }
.lookup .search { width: 100%; }

/* ---------------------------------------------------------------- results */
.results-hero { padding-block: 72px 60px; }
.rh-grid { display: flex; justify-content: space-between; align-items: flex-end; gap: 48px; }
.results-hero .h-page { margin-bottom: 20px; }
.profile { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; max-width: 820px; }
.pchip { padding: 8px 14px; border-radius: 99px; background: var(--tint); color: var(--brand); font: 600 14px/1 var(--f-body); }
.edit { margin-left: 8px; font: 600 14px/1 var(--f-body); color: var(--accent); }
.rh-actions { display: flex; gap: 12px; flex: none; }
.rh-actions .btn { height: 46px; font-size: 14.5px; padding: 0 20px; }
.counts { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; margin-top: 44px; border-top: 2px solid var(--ink); }
.count { padding: 24px 24px 4px 0; display: flex; align-items: baseline; gap: 14px; }
.count + .count { padding-left: 28px; border-left: 1px solid var(--rule); }
.count .num { font-size: 60px; }
.count .cl { font-size: 17px; color: var(--ink); line-height: 1.3; }
.count-yes .num { color: #003B7A; }
.count-dep .num { color: #4E5359; }
.count-soon .num { color: var(--amber); }
.count-no .num { color: var(--muted); opacity: .8; }
.res-grid { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(0, .7fr); gap: 64px; align-items: start; }
.bucket { margin-bottom: 48px; }
.bk-head { display: flex; justify-content: space-between; align-items: baseline; padding-bottom: 14px; border-bottom: 2px solid var(--ink); }
.bk-h { display: flex; align-items: center; gap: 12px; font: 600 22px/1.2 var(--f-body); color: var(--ink); letter-spacing: -0.01em; }
.bk-dot { width: 12px; height: 12px; border-radius: 50%; }
.dot-yes { background: #003B7A; }
.dot-dep { background: #fff; border: 2px dashed #4E5359; width: 14px; height: 14px; }
.dot-soon { background: var(--amber); }
.dot-no { background: #C9CCD1; }
.bk-n { font: 500 15px/1 var(--f-mono); color: var(--muted); }
.rrow { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 24px; padding: 20px 0; border-bottom: 1px solid var(--rule);
  text-decoration: none; align-items: center; }
.rr-main { display: grid; gap: 4px; }
.rr-title { font: 600 18px/1.35 var(--f-body); color: var(--ink); }
.rr-why { font-size: 15.5px; line-height: 1.5; color: var(--body); }
.rr-side { display: flex; align-items: center; gap: 22px; }
.rr-date { font: 600 14px/1.3 var(--f-mono); color: var(--amber); text-align: right; max-width: 190px; }
.rr-go { font-size: 20px; color: var(--accent); }
.rrow-no .rr-title { color: var(--body); font-weight: 500; }
.show-all { display: inline-block; margin-top: 18px; font: 600 15px/1 var(--f-body); color: var(--accent); }
.res-aside { position: sticky; top: 0; }
.ra-card { padding: 34px; background: var(--brand); border-radius: var(--radius); }
.ra-card .h-card { color: #fff; font-size: 25px; }
.ra-card p { color: #DCE7F6; font-size: 16px; margin: 12px 0 26px; }
.ra-card .btn-primary { background: #fff; color: var(--brand); border-color: #fff; width: 100%; }
.ra-card .link-arrow { color: #fff; margin-top: 18px; }
.ra-note { margin-top: 22px; font-size: 14px; line-height: 1.55; color: var(--muted); }
.why-you { margin-top: 30px; padding: 22px 26px; border-left: 4px solid var(--brand); background: var(--tint); border-radius: 0 var(--radius) var(--radius) 0; }
.wy-k { display: block; font: 500 11.5px/1 var(--f-mono); letter-spacing: .09em; text-transform: uppercase; color: var(--brand); margin-bottom: 10px; }
.why-you p { margin: 0; font-size: 18px; color: var(--ink); }
.entry .crumb { margin-bottom: 30px; }

/* ---------------------------------------------------------------- why it matters */
.road { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(6, minmax(0, 1fr));
  column-gap: 0; row-gap: 44px; }
.ms { padding: 30px 26px 4px 0; position: relative; border-top: 2px solid var(--ink); }
.ms::before { content: ''; position: absolute; left: 0; top: -8px; width: 14px; height: 14px; border-radius: 50%; background: var(--ink); }
.ms-date { display: block; font: var(--w-num) 30px/1 var(--f-num); color: var(--ink); letter-spacing: -0.02em; }
.ms-phase { display: inline-block; margin: 14px 0 12px; font: 500 11px/1 var(--f-mono); letter-spacing: .09em; text-transform: uppercase;
  padding: 5px 8px; border-radius: 4px; }
.ms-past .ms-phase { background: #EFEDE8; color: #6B6457; }
.ms-now .ms-phase { background: #003B7A; color: #fff; }
.ms-next .ms-phase { background: #F6EAD6; color: #8A5A0B; }
.ms-target .ms-phase { background: #E6F2EA; color: #1F6B3F; }
.ms-now::before { background: #003B7A; box-shadow: 0 0 0 5px rgba(0, 59, 122, .18); }
.ms-next::before { background: #8A5A0B; }
.ms-target::before { background: #1F6B3F; }
.ms p { margin: 0; font-size: 15px; line-height: 1.5; color: var(--ink); }
.sme-band .figs .figure .num { font-size: 88px; }
.money { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
.m-card { padding: 34px; background: var(--card-bg); border: 1px solid var(--card-line); border-radius: var(--radius); }
.m-card .num { font-size: 72px; color: var(--ink); margin-bottom: 18px; }
.m-card p { font-size: 17px; line-height: 1.5; }

/* ---------------------------------------------------------------- corner */
.card--featured { grid-row: span 1; }
.cards--3 .card--featured { border: 2px solid var(--brand); }
.crit-grid { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 88px; align-items: start; }
.crit { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 0; border-top: 2px solid var(--ink); }
.crit li { padding: 26px 30px 24px 0; border-bottom: 1px solid var(--rule); display: grid; gap: 8px; }
.crit li:nth-child(even) { padding-left: 30px; border-left: 1px solid var(--rule); }
.crit strong { font: 600 18px/1.3 var(--f-body); color: var(--ink); }
.crit span { font-size: 15.5px; line-height: 1.5; }

/* ---------------------------------------------------------------- dpp4cd */
.share-grid { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 88px; align-items: start; }
.share-p { font: var(--w-display) 28px/1.4 var(--f-display); color: var(--ink); margin: 0; letter-spacing: -0.01em; }
.page-dpp4cd .ph-meta { grid-template-columns: repeat(3, minmax(0, 1fr)); }

/* ---------------------------------------------------------------- about */
.mvf { display: grid; grid-template-columns: 1fr 1fr; gap: 0; }
.mvf-item { padding: 20px 64px 20px 0; }
.mvf-item + .mvf-item { padding-left: 64px; border-left: 1px solid var(--rule); }
.mvf-k { display: block; font: 500 13px/1 var(--f-mono); letter-spacing: .12em; text-transform: uppercase; color: var(--accent); margin-bottom: 26px; }
.mvf-p { font: var(--w-display) 40px/1.25 var(--f-display); letter-spacing: -0.02em; color: var(--ink); margin: 0; }
.story-grid { display: grid; grid-template-columns: minmax(0, .7fr) minmax(0, 1.3fr); gap: 88px; }
.story-p p { font-size: 20px; line-height: 1.6; color: var(--ink); max-width: 36em; }
.obj-n { display: block; font: 500 13px/1 var(--f-mono); color: var(--accent); margin-bottom: 16px; }
.team-band .team-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.member .role { font-weight: 600; font-size: 14.5px; }
.gov-addr { margin-top: 28px; font-size: 16px; line-height: 1.6; color: var(--ink); }

/* ---------------------------------------------------------------- contact */
.contact-band .h-page { max-width: 20ch; }
.contact-band .lead { margin-bottom: 44px; }
.intents { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; margin-bottom: 48px; }
.intent { padding: 20px 20px 18px; border: 1.5px solid var(--field-line); border-radius: var(--radius-btn); display: grid; gap: 8px; background: var(--field-bg); }
.intent strong { font: 600 16px/1.3 var(--f-body); color: var(--ink); }
.intent span { font-size: 14px; line-height: 1.45; color: var(--body); }
.intent.on { border-color: var(--brand); box-shadow: 0 0 0 1.5px var(--brand) inset; background: var(--tint); }
.contact-band .form { margin-top: 0; }
.expect { list-style: none; padding: 0; margin: 16px 0 26px; }
.expect li { padding: 12px 0 12px 30px; border-top: 1px solid var(--rule); position: relative; font-size: 16px; color: var(--ink); }
.expect li::before { content: ''; position: absolute; left: 2px; top: 18px; width: 12px; height: 6px; border-left: 2px solid var(--accent);
  border-bottom: 2px solid var(--accent); transform: rotate(-45deg); }
.ca-note { padding: 20px 22px; background: var(--warm); border-radius: var(--radius); display: grid; gap: 6px; margin-bottom: 26px; }
.ca-note strong { font: 600 15px/1.3 var(--f-body); color: var(--ink); }
.ca-note span { font-size: 14.5px; line-height: 1.5; }
.ca-contact p { font-size: 15.5px; line-height: 1.6; margin: 0 0 12px; }
.ca-contact a { color: var(--accent); }

/* ---------------------------------------------------------------- SEO pass additions */
.in-short { margin-top: 26px; padding: 22px 26px; background: var(--card-bg); border: 1px solid var(--card-line);
  border-radius: var(--radius); }
.in-short .wy-k { color: var(--muted); }
.in-short p { margin: 0; font-size: 18px; line-height: 1.55; color: var(--ink); }
.byline { display: flex; flex-wrap: wrap; gap: 6px 18px; margin-top: 18px; font-size: 14px; color: var(--muted); }
.byline strong { color: var(--ink); font-weight: 600; }
.updated { display: inline-block; margin-top: 14px; font: 500 12px/1 var(--f-mono); letter-spacing: .07em; text-transform: uppercase; color: var(--muted); }
.src-link::after { content: "\00a0\2197"; }
.faq-side .alt { display: block; margin-top: 10px; }