#privacy-guides-app {
  --ink: #16140f;
  --ink-soft: #4a463d;
  --on-forest: #fff;
  --paper: #fffdf8;
  --ground: #f6f4ef;
  --forest: #1f4e32;
  --forest-2: #183e29;
  --teal: #12666a;
  --indigo: #3a3a8c;
  --amber: #9e5415;
  --red: #c83232;
  --line: #16140f;
  --line-soft: rgba(22, 20, 15, 0.17);
  --mint: color-mix(in srgb, var(--forest) 14%, var(--paper));
  --forest-wash: color-mix(in srgb, var(--forest) 8%, var(--paper));
  --indigo-soft: color-mix(in srgb, var(--indigo) 8%, var(--paper));
  --amber-soft: #fbf4ea;
  --red-soft: color-mix(in srgb, var(--red) 8%, var(--paper));
  --quiet-fill: color-mix(in srgb, var(--ink) 6%, var(--paper));
  --quiet-fill-strong: color-mix(in srgb, var(--ink) 10%, var(--paper));
  --paper-glass: rgba(255, 253, 248, 0.72);
  --paper-glass-strong: rgba(255, 253, 248, 0.86);
  --paper-line: rgba(255, 253, 248, 0.2);
  --paper-line-soft: rgba(255, 253, 248, 0.18);
  --paper-line-medium: rgba(255, 253, 248, 0.56);
  --on-dark: rgba(255, 255, 255, 0.82);
  --grid-line: rgba(22, 20, 15, 0.05);
  --indigo-glow: rgba(58, 58, 140, 0.08);
  --indigo-shadow: rgba(58, 58, 140, 0.12);
  --shadow: 8px 8px 0 rgba(31, 78, 50, 0.12);
  --forest-shadow: rgba(31, 78, 50, 0.11);
  --font: 'Space Grotesk', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-display: 'Anton', Impact, system-ui, sans-serif;
  --font-label: 'Archivo', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --mono: 'SFMono-Regular', Menlo, Consolas, 'Liberation Mono', monospace;
  color: var(--ink);
  font-family: var(--font);
  font-size: 16px;
  line-height: var(--lh-row);
  /* Type rhythm (DESIGN-SYSTEM §2): six line-heights, one per kind of text. */
  --lh-display: 1.1;
  --lh-heading: 1.2;
  --lh-body: 1.55;
  --lh-row: 1.5;
  --lh-helper: 1.45;
  --lh-label: 1.4;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
}

#privacy-guides-app * {
  box-sizing: border-box;
}

#privacy-guides-app {
  min-width: 0;
  background: var(--ground);
  scroll-behavior: smooth;
}

#privacy-guides-app {
  margin: 0;
  min-width: 0;
  min-height: 100vh;
  background:
    radial-gradient(circle at 12% 18%, var(--indigo-glow), transparent 28%),
    linear-gradient(var(--paper-line) 1px, transparent 1px),
    linear-gradient(90deg, var(--paper-line-soft) 1px, transparent 1px),
    var(--ground);
  background-size: auto, 32px 32px, 32px 32px, auto;
}

#privacy-guides-app:has(main.is-embed) {
  min-height: 0;
  display: flow-root;
}

#privacy-guides-app button,
#privacy-guides-app input,
#privacy-guides-app textarea,
#privacy-guides-app select {
  font: inherit;
}

#privacy-guides-app button,
#privacy-guides-app summary,
#privacy-guides-app label,
#privacy-guides-app input[type='checkbox'] {
  cursor: pointer;
}

#privacy-guides-app button:focus-visible,
#privacy-guides-app summary:focus-visible,
#privacy-guides-app input:focus-visible,
#privacy-guides-app textarea:focus-visible,
#privacy-guides-app a:focus-visible,
#privacy-guides-app [tabindex='-1']:focus-visible {
  outline: 3px solid var(--amber);
  outline-offset: 3px;
}

#privacy-guides-app button:disabled {
  cursor: not-allowed;
  opacity: 0.48;
}

#privacy-guides-app a {
  color: inherit;
}

#privacy-guides-app p,
#privacy-guides-app h1,
#privacy-guides-app h2,
#privacy-guides-app h3,
#privacy-guides-app h4,
#privacy-guides-app ul,
#privacy-guides-app ol {
  margin-top: 0;
}

#privacy-guides-app .sr-only {
  width: 1px;
  height: 1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

#privacy-guides-app .site-bar {
  min-height: 42px;
  padding: 4px clamp(16px, 4vw, 56px);
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px 20px;
  color: var(--ink);
  background: transparent;
  border-bottom: 1px solid var(--line-soft);
}

#privacy-guides-app .bar-wordmark {
  order: 1;
  flex: none;
  color: var(--ink);
  font-family: var(--font-display);
  font-size: 22px;
  font-weight: 400;
  letter-spacing: 0.02em;
  line-height: 1;
  text-decoration: none;
  text-transform: uppercase;
}

#privacy-guides-app .bar-nav {
  order: 2;
  min-width: 0;
  margin-left: auto;
}

#privacy-guides-app .bar-nav .nav {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px;
  margin: 0;
  padding: 0;
  list-style: none;
}

#privacy-guides-app .bar-nav a,
#privacy-guides-app .chip-subscribe {
  font-family: var(--font-label);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.11em;
  text-decoration: none;
  text-transform: uppercase;
  white-space: nowrap;
  line-height: var(--lh-label);
}

#privacy-guides-app .bar-nav a {
  display: block;
  color: var(--ink-soft);
}

#privacy-guides-app .bar-nav a:hover,
#privacy-guides-app .bar-nav a:focus-visible {
  color: var(--red);
}

#privacy-guides-app .chip-subscribe {
  order: 3;
  padding: 8px 13px;
  color: var(--paper);
  background: var(--forest);
  letter-spacing: 0.08em;
}

#privacy-guides-app .eyebrow,
#privacy-guides-app .step-label,
#privacy-guides-app .patch-date,
#privacy-guides-app .count-badge,
#privacy-guides-app .card-meta,
#privacy-guides-app .status-kicker,
#privacy-guides-app .question-count,
#privacy-guides-app .tier-label,
#privacy-guides-app .draft-label,
#privacy-guides-app .source-meta,
#privacy-guides-app .source-status,
#privacy-guides-app .review-badge {
  font-family: var(--font-label);
  font-size: 12px;
  font-weight: 760;
  letter-spacing: 0.075em;
  text-transform: uppercase;
  line-height: var(--lh-label);
}

#privacy-guides-app .guide-engine {
  width: min(1180px, calc(100% - 32px));
  margin: 0 auto;
  padding: 34px 0 72px;
}

#privacy-guides-app .orientation {
  max-width: 980px;
  margin: 0 auto;
}

#privacy-guides-app .eyebrow,
#privacy-guides-app .step-label,
#privacy-guides-app .status-kicker,
#privacy-guides-app .question-count {
  margin-bottom: 6px;
  color: var(--forest-2);
}

#privacy-guides-app h1,
#privacy-guides-app h2,
#privacy-guides-app h3,
#privacy-guides-app h4 {
  color: var(--ink);
  line-height: 1.08;
}

#privacy-guides-app h1 {
  margin-bottom: 8px;
  font-family: var(--font-display);
  font-size: clamp(48px, 7vw, 86px);
  font-weight: 400;
  letter-spacing: -0.02em;
}

#privacy-guides-app h2 {
  margin-bottom: 10px;
  font-size: clamp(25px, 3vw, 34px);
  letter-spacing: -0.025em;
}

#privacy-guides-app h3 {
  margin-bottom: 9px;
  font-size: clamp(21px, 2.4vw, 28px);
  letter-spacing: -0.015em;
}

#privacy-guides-app h4 {
  margin-bottom: 7px;
  font-size: 18px;
}

#privacy-guides-app .promise {
  max-width: 700px;
  margin-bottom: 0;
  color: var(--ink-soft);
  font-size: 19px;
}

#privacy-guides-app .changelog {
  margin: 16px 0;
  border-top: 1px solid var(--line-soft);
  border-bottom: 1px solid var(--line-soft);
}

#privacy-guides-app .changelog summary {
  min-height: 44px;
  display: flex;
  align-items: center;
  color: var(--ink);
  cursor: pointer;
  font-family: var(--font-label);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  line-height: var(--lh-label);
}

#privacy-guides-app .changelog-body {
  padding: 0 0 15px 20px;
  color: var(--ink-soft);
  font-size: 14px;
  line-height: 1.5;
}

#privacy-guides-app .changelog-body time {
  display: block;
  margin-bottom: 4px;
  color: var(--amber);
  font-size: 12px;
}

#privacy-guides-app .changelog-body strong {
  color: var(--ink);
}

#privacy-guides-app .changelog-body ul {
  margin: 7px 0 0;
  padding-left: 18px;
}

#privacy-guides-app .changelog-body li + li {
  margin-top: 4px;
}

#privacy-guides-app .finder-stage,
#privacy-guides-app .determination-shell,
#privacy-guides-app .integrity-error,
#privacy-guides-app .notice {
  max-width: 980px;
  margin: 0 auto;
  padding: clamp(20px, 4vw, 38px);
  background: var(--paper);
  border: 2px solid var(--line);
  border-radius: 4px;
  box-shadow: var(--shadow);
}

#privacy-guides-app .determination-shell {
  max-width: 1180px;
}

#privacy-guides-app .integrity-error {
  color: var(--red);
  background: var(--red-soft);
  border-color: var(--red);
}

#privacy-guides-app .integrity-error p:last-child {
  margin-bottom: 0;
}

#privacy-guides-app .notice {
  margin-bottom: 18px;
  padding: 12px 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  box-shadow: none;
}

#privacy-guides-app .notice p {
  margin: 0;
}

#privacy-guides-app .finder-head,
#privacy-guides-app .library-heading,
#privacy-guides-app .determination-topline,
#privacy-guides-app .determination-header,
#privacy-guides-app .source-head,
#privacy-guides-app .outcome-kicker,
#privacy-guides-app .outcome-tools,
#privacy-guides-app .run-nav,
#privacy-guides-app .exit-actions,
#privacy-guides-app .unavailable-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}

#privacy-guides-app .count-badge {
  min-height: 28px;
  padding: 5px 10px;
  display: inline-flex;
  align-items: center;
  color: var(--forest);
  background: var(--mint);
  border: 1px solid var(--forest-2);
  border-radius: 999px;
  white-space: nowrap;
}

#privacy-guides-app .search-wrap {
  min-height: 56px;
  padding: 0 14px;
  display: flex;
  align-items: center;
  gap: 10px;
  background: var(--paper);
  border: 2px solid var(--line);
  border-radius: 4px;
  box-shadow: 4px 4px 0 var(--line-soft);
}

#privacy-guides-app .search-wrap > span {
  color: var(--forest-2);
  font-size: 25px;
}

#privacy-guides-app .search-wrap input {
  width: 100%;
  min-height: 52px;
  padding: 10px 0;
  color: var(--ink);
  background: transparent;
  border: 0;
  outline: 0;
  font-size: 17px;
}

#privacy-guides-app .search-feedback {
  margin: 10px 0 0;
  color: var(--forest-2);
  font-size: 14px;
  font-weight: 700;
}

#privacy-guides-app .search-feedback.empty {
  color: var(--red);
}

#privacy-guides-app .category-row {
  margin-top: 14px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

#privacy-guides-app .category-row button {
  min-height: 40px;
  padding: 7px 12px;
  color: var(--ink);
  background: var(--paper);
  border: 2px solid var(--line-soft);
  border-radius: 999px;
  font-family: var(--font-label);
  font-size: 13px;
  font-weight: 760;
  line-height: var(--lh-label);
}

#privacy-guides-app .category-row button:hover,
#privacy-guides-app .category-row button.active {
  color: var(--paper);
  background: var(--indigo);
  border-color: var(--indigo);
}

#privacy-guides-app .legal-gate {
  margin-top: 18px;
  padding: 12px 14px;
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr);
  gap: 10px;
  color: var(--amber);
  background: var(--amber-soft);
  border: 2px solid var(--amber);
  border-radius: 4px;
}

#privacy-guides-app .legal-gate p {
  margin: 2px 0 0;
  font-size: 14px;
}

#privacy-guides-app .gate-icon {
  width: 26px;
  height: 26px;
  display: grid;
  place-items: center;
  border: 2px solid currentColor;
  border-radius: 999px;
  font-weight: 850;
}

#privacy-guides-app .review-mode-disclosure {
  margin-top: 12px;
  border: 2px solid var(--line-soft);
  border-radius: 4px;
}

#privacy-guides-app .review-mode-disclosure > summary {
  min-height: 44px;
  padding: 9px 12px;
  display: flex;
  align-items: center;
  font-family: var(--font-label);
  font-size: 14px;
  font-weight: 750;
  line-height: var(--lh-label);
}

#privacy-guides-app .review-mode-disclosure > div {
  padding: 14px;
  border-top: 1px solid var(--line-soft);
}

#privacy-guides-app .review-mode-disclosure p {
  color: var(--ink-soft);
  font-size: 14px;
}

#privacy-guides-app .switch-row {
  min-height: 54px;
  margin: 0;
  padding: 10px 12px;
  display: flex;
  align-items: flex-start;
  gap: 10px;
  background: var(--paper);
  border: 2px solid var(--line-soft);
  border-radius: 4px;
  font-family: inherit;
  font-weight: 400;
}

#privacy-guides-app .switch-row input {
  width: 20px;
  height: 20px;
  margin-top: 2px;
  accent-color: var(--forest);
}

#privacy-guides-app .switch-row strong,
#privacy-guides-app .switch-row small {
  display: block;
}

#privacy-guides-app .switch-row small {
  color: var(--ink-soft);
  font-size: 13px;
}

#privacy-guides-app .library-heading {
  margin-top: 28px;
  align-items: flex-end;
}

#privacy-guides-app .library-heading h3 {
  margin: 0;
  font-size: 22px;
}

#privacy-guides-app .wizard-list {
  margin-top: 12px;
  display: grid;
  gap: 10px;
}

#privacy-guides-app .wizard-card {
  width: 100%;
  min-height: 94px;
  padding: 12px 14px;
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) auto 24px;
  align-items: center;
  gap: 12px;
  color: var(--ink);
  text-align: left;
  background: var(--paper);
  border: 2px solid var(--line-soft);
  border-radius: 4px;
}

#privacy-guides-app .wizard-card:hover {
  background: var(--indigo-soft);
  border-color: var(--indigo);
}

#privacy-guides-app .wizard-icon {
  width: 40px;
  height: 40px;
  display: grid;
  place-items: center;
  background: var(--quiet-fill);
  border: 1px solid var(--line-soft);
  border-radius: 999px;
  font-size: 22px;
}

#privacy-guides-app .wizard-icon svg,
#privacy-guides-app .large-icon svg {
  width: 1em;
  height: 1em;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

#privacy-guides-app .icon-red {
  color: var(--red);
}

#privacy-guides-app .icon-amber {
  color: var(--amber);
}

#privacy-guides-app .icon-teal {
  color: var(--teal);
}

#privacy-guides-app .icon-indigo {
  color: var(--indigo);
}

#privacy-guides-app .icon-forest {
  color: var(--forest);
}

#privacy-guides-app .wizard-copy {
  min-width: 0;
}

#privacy-guides-app .wizard-copy strong,
#privacy-guides-app .wizard-copy small,
#privacy-guides-app .card-meta {
  display: block;
}

#privacy-guides-app .wizard-copy strong {
  margin: 2px 0;
  font-size: 18px;
}

#privacy-guides-app .wizard-copy small {
  color: var(--ink-soft);
  font-size: 14px;
}

#privacy-guides-app .card-meta {
  color: var(--indigo);
  font-size: 10px;
}

#privacy-guides-app .review-badge,
#privacy-guides-app .source-status {
  max-width: 170px;
  padding: 4px 7px;
  display: inline-flex;
  align-items: center;
  color: var(--amber);
  background: var(--amber-soft);
  border: 1px solid var(--amber);
  border-radius: 999px;
  font-size: 9px;
  text-align: center;
}

#privacy-guides-app .status-practitioner-reviewed {
  color: var(--forest) !important;
  background: var(--mint) !important;
  border-color: var(--forest-2) !important;
}

#privacy-guides-app .status-superseded {
  color: var(--red) !important;
  background: var(--red-soft) !important;
  border-color: var(--red) !important;
}

#privacy-guides-app .status-draft {
  color: var(--ink-soft) !important;
  background: var(--quiet-fill) !important;
  border-color: var(--line-soft) !important;
}

#privacy-guides-app .card-arrow,
#privacy-guides-app .answer-arrow {
  color: var(--indigo);
  font-size: 20px;
  font-weight: 700;
}

#privacy-guides-app .empty-state {
  padding: 28px;
  color: var(--ink-soft);
  text-align: center;
  background: var(--quiet-fill);
  border: 2px dashed var(--line-soft);
  border-radius: 4px;
}

#privacy-guides-app .empty-state p {
  margin-bottom: 14px;
}

#privacy-guides-app .button {
  min-height: 46px;
  padding: 10px 16px;
  border: 2px solid var(--line);
  border-radius: 4px;
  font-family: var(--font-label);
  font-weight: 760;
}

#privacy-guides-app .button.primary {
  color: var(--on-forest);
  background: var(--forest);
  box-shadow: 4px 4px 0 var(--ink-soft);
}

#privacy-guides-app .button.primary:hover {
  background: var(--forest-2);
}

#privacy-guides-app .button.secondary {
  color: var(--ink);
  background: var(--paper);
}

#privacy-guides-app .button.secondary:hover {
  background: var(--mint);
}

#privacy-guides-app .text-button,
#privacy-guides-app .icon-button {
  min-height: 44px;
  padding: 6px 8px;
  color: var(--forest-2);
  background: transparent;
  border: 0;
  font-family: var(--font-label);
  font-size: 14px;
  font-weight: 760;
  text-decoration: underline;
  text-underline-offset: 3px;
  line-height: var(--lh-label);
}

#privacy-guides-app .icon-button {
  width: 44px;
  flex: 0 0 44px;
  display: grid;
  place-items: center;
  font-size: 26px;
  text-decoration: none;
}

#privacy-guides-app .danger-text {
  color: var(--red);
}

#privacy-guides-app .determination-topline {
  margin-bottom: 14px;
}

#privacy-guides-app .determination-header {
  align-items: flex-start;
  padding: 18px;
  background: var(--forest-wash);
  border: 2px solid var(--line);
  border-radius: 4px;
}

#privacy-guides-app .title-cluster {
  min-width: 0;
  display: flex;
  align-items: flex-start;
  gap: 14px;
}

#privacy-guides-app .title-cluster h2 {
  margin-bottom: 5px;
}

#privacy-guides-app .title-cluster p:last-child {
  max-width: 700px;
  margin-bottom: 0;
  color: var(--ink-soft);
}

#privacy-guides-app .large-icon {
  width: 54px;
  height: 54px;
  display: grid;
  place-items: center;
  flex: 0 0 54px;
  background: var(--paper);
  border: 2px solid var(--line);
  border-radius: 999px;
  font-size: 28px;
}

#privacy-guides-app .legal-status {
  max-width: 240px;
  padding: 9px 11px;
  color: var(--amber);
  background: var(--amber-soft);
  border: 2px solid var(--amber);
  border-radius: 4px;
}

#privacy-guides-app .legal-status span,
#privacy-guides-app .legal-status small {
  display: block;
}

#privacy-guides-app .legal-status span {
  font-family: var(--font-label);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  line-height: var(--lh-label);
}

#privacy-guides-app .legal-status small {
  margin-top: 2px;
  font-size: 12px;
}

#privacy-guides-app .action-message {
  margin: 14px 0 0;
  padding: 10px 12px;
  color: var(--forest);
  background: var(--mint);
  border: 2px solid var(--forest-2);
  border-radius: 4px;
  font-size: 14px;
  font-weight: 650;
}

#privacy-guides-app .unavailable-card {
  margin-top: 18px;
  padding: clamp(20px, 4vw, 34px);
  background: var(--amber-soft);
  border: 2px solid var(--amber);
  border-radius: 4px;
}

#privacy-guides-app .unavailable-card > p:not(.status-kicker) {
  max-width: 760px;
}

#privacy-guides-app .automated-note {
  padding: 10px 12px;
  background: var(--paper);
  border-left: 4px solid var(--amber);
  font-size: 14px;
}

#privacy-guides-app .unavailable-actions {
  margin-top: 18px;
  justify-content: flex-start;
  flex-wrap: wrap;
}

#privacy-guides-app .field-help,
#privacy-guides-app .source-intro,
#privacy-guides-app .privacy-boundary,
#privacy-guides-app .exit-boundary {
  color: var(--ink-soft);
  font-size: 14px;
}

#privacy-guides-app .run-grid {
  margin-top: 18px;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 18px;
}

#privacy-guides-app .run-grid:has(.source-layer.open) {
  grid-template-columns: minmax(0, 0.94fr) minmax(360px, 0.66fr);
}

#privacy-guides-app .decision-stage {
  min-width: 0;
}

#privacy-guides-app .privacy-boundary {
  margin: 0 0 14px;
  padding: 10px 12px;
  color: var(--ink);
  background: var(--forest-wash);
  border-left: 4px solid var(--forest-2);
}

#privacy-guides-app .selected-facts {
  margin-bottom: 14px;
  background: var(--quiet-fill);
  border: 2px solid var(--line-soft);
  border-radius: 4px;
}

#privacy-guides-app .selected-facts > summary {
  min-height: 44px;
  padding: 9px 12px;
  display: flex;
  align-items: center;
  font-family: var(--font-label);
  font-size: 14px;
  font-weight: 760;
  line-height: var(--lh-label);
}

#privacy-guides-app .selected-facts ol {
  margin: 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid var(--line-soft);
}

#privacy-guides-app .selected-facts li {
  padding: 9px 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border-bottom: 1px solid var(--line-soft);
}

#privacy-guides-app .selected-facts li:last-child {
  border-bottom: 0;
}

#privacy-guides-app .selected-facts small,
#privacy-guides-app .selected-facts strong {
  display: block;
}

#privacy-guides-app .selected-facts small {
  color: var(--ink-soft);
}

#privacy-guides-app .question-card,
#privacy-guides-app .outcome-card {
  scroll-margin-top: 72px;
  padding: clamp(20px, 3vw, 34px);
  background: var(--paper);
  border: 2px solid var(--line);
  border-radius: 4px;
  box-shadow: 6px 6px 0 var(--indigo-shadow);
}

#privacy-guides-app .question-card h3 {
  max-width: 820px;
}

#privacy-guides-app .question-help {
  max-width: 820px;
  margin-bottom: 20px;
  color: var(--ink-soft);
  font-size: 15px;
}

#privacy-guides-app .answer-list {
  display: grid;
  gap: 9px;
}

#privacy-guides-app .answer-card {
  width: 100%;
  min-height: 66px;
  padding: 10px 12px;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) 24px;
  align-items: center;
  gap: 11px;
  color: var(--ink);
  text-align: left;
  background: var(--paper);
  border: 2px solid var(--line-soft);
  border-radius: 4px;
}

#privacy-guides-app .answer-card:hover {
  background: var(--indigo-soft);
  border-color: var(--indigo);
}

#privacy-guides-app .answer-letter {
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  color: var(--paper);
  background: var(--indigo);
  border-radius: 999px;
  font-family: var(--font-label);
  font-size: 12px;
  font-weight: 800;
  line-height: var(--lh-label);
}

#privacy-guides-app .answer-card strong,
#privacy-guides-app .answer-card small {
  display: block;
}

#privacy-guides-app .answer-card small {
  margin-top: 3px;
  color: var(--ink-soft);
  font-size: 13px;
}

#privacy-guides-app .question-tools {
  margin-top: 18px;
  padding-top: 14px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  border-top: 1px solid var(--line-soft);
}

#privacy-guides-app .resource-link { color: var(--forest); text-decoration: underline; text-underline-offset: 3px; }

#privacy-guides-app .why-disclosure {
  max-width: 620px;
}

#privacy-guides-app .why-disclosure summary,
#privacy-guides-app .source-text summary {
  min-height: 40px;
  display: flex;
  align-items: center;
  color: var(--forest-2);
  font-family: var(--font-label);
  font-size: 14px;
  font-weight: 760;
  text-decoration: underline;
  text-underline-offset: 3px;
  line-height: var(--lh-label);
}

#privacy-guides-app .why-disclosure p {
  margin: 4px 0 0;
  padding: 10px 12px;
  color: var(--ink-soft);
  background: var(--quiet-fill);
  border-left: 3px solid var(--forest-2);
  font-size: 14px;
}

#privacy-guides-app .outcome-card {
  border-top-width: 8px;
}

#privacy-guides-app .tier-must {
  border-top-color: var(--red);
}

#privacy-guides-app .tier-warn {
  border-top-color: var(--amber);
}

#privacy-guides-app .tier-ok {
  border-top-color: var(--forest-2);
}

#privacy-guides-app .tier-info {
  border-top-color: var(--teal);
}

#privacy-guides-app .outcome-kicker {
  justify-content: flex-start;
  flex-wrap: wrap;
}

#privacy-guides-app .tier-label,
#privacy-guides-app .draft-label {
  min-height: 26px;
  padding: 4px 8px;
  display: inline-flex;
  align-items: center;
  color: var(--paper);
  background: var(--forest);
  border-radius: 999px;
}

#privacy-guides-app .draft-label {
  color: var(--amber);
  background: var(--amber-soft);
  border: 1px solid var(--amber);
}

#privacy-guides-app .outcome-card h3 {
  margin-top: 12px;
  font-size: clamp(28px, 4vw, 44px);
}

#privacy-guides-app .outcome-summary {
  max-width: 820px;
  margin-bottom: 0;
  color: var(--ink);
  font-size: 17px;
}

#privacy-guides-app .outcome-tabs {
  margin-top: 20px;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  border-bottom: 2px solid var(--line-soft);
}

#privacy-guides-app .outcome-tabs button {
  min-height: 44px;
  padding: 8px 12px;
  color: var(--ink-soft);
  background: transparent;
  border: 0;
  border-bottom: 4px solid transparent;
  font-family: var(--font-label);
  font-size: 13px;
  font-weight: 760;
  line-height: var(--lh-label);
}

#privacy-guides-app .outcome-tabs button:hover,
#privacy-guides-app .outcome-tabs button.active {
  color: var(--forest);
  background: var(--forest-wash);
  border-bottom-color: var(--forest-2);
}

#privacy-guides-app .outcome-panel {
  min-height: 180px;
  padding-top: 18px;
}

#privacy-guides-app .panel-kicker {
  margin-bottom: 8px;
  color: var(--forest-2);
  font-family: var(--font-label);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  line-height: var(--lh-label);
}

#privacy-guides-app .reasoning-toggle {
  margin-top: 12px;
}

#privacy-guides-app .next-actions,
#privacy-guides-app .clock-note,
#privacy-guides-app .outcome-review-state,
#privacy-guides-app .blocked-exits {
  margin-top: 20px;
  padding: 16px;
  background: var(--quiet-fill);
  border: 2px solid var(--line-soft);
  border-radius: 4px;
}

#privacy-guides-app .outcome-panel .next-actions,
#privacy-guides-app .outcome-panel .outcome-review-state {
  margin-top: 0;
}

#privacy-guides-app .next-actions h4 {
  margin-bottom: 10px;
}

#privacy-guides-app .next-actions ol {
  margin: 0;
  padding-left: 22px;
}

#privacy-guides-app .next-actions li + li {
  margin-top: 7px;
}

#privacy-guides-app .clock-note {
  background: var(--amber-soft);
  border-color: var(--amber);
}

#privacy-guides-app .clock-note p:last-child,
#privacy-guides-app .outcome-review-state p:last-child,
#privacy-guides-app .blocked-exits p:last-child {
  margin-bottom: 0;
}

#privacy-guides-app .manifest-line {
  overflow-wrap: anywhere;
  color: var(--ink-soft);
  font-size: 12px;
}

#privacy-guides-app .exit-actions {
  margin-top: 20px;
  justify-content: flex-start;
  flex-wrap: wrap;
}

#privacy-guides-app .exit-boundary {
  margin: 12px 0 0;
  padding: 10px 12px;
  color: var(--ink);
  background: var(--amber-soft);
  border-left: 4px solid var(--amber);
}

#privacy-guides-app .blocked-exits {
  color: var(--red);
  background: var(--red-soft);
  border-color: var(--red);
}

#privacy-guides-app .outcome-tools {
  margin-top: 20px;
  justify-content: flex-start;
  flex-wrap: wrap;
  border-top: 1px solid var(--line-soft);
}

#privacy-guides-app .run-nav {
  margin-top: 14px;
}

#privacy-guides-app .source-layer {
  display: none;
}

#privacy-guides-app .source-layer.open {
  min-width: 0;
  max-height: calc(var(--toolkit-viewport-height, 100vh) - 40px);
  padding: 18px;
  position: sticky;
  top: 18px;
  display: block;
  overflow: auto;
  background: var(--quiet-fill);
  border: 2px solid var(--line);
  border-radius: 4px;
}

#privacy-guides-app .source-head {
  align-items: flex-start;
}

#privacy-guides-app .source-intro {
  margin-bottom: 14px;
}

#privacy-guides-app .source-list {
  display: grid;
  gap: 10px;
}

#privacy-guides-app .source-body {
  white-space: pre-line;
}

#privacy-guides-app .source-card {
  padding: 14px;
  background: var(--paper);
  border: 2px solid var(--line-soft);
  border-radius: 4px;
}

#privacy-guides-app .source-meta {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
  color: var(--indigo);
  font-size: 9px;
}

#privacy-guides-app .source-card h4 {
  margin: 9px 0 5px;
}

#privacy-guides-app .citation,
#privacy-guides-app .why-source {
  margin-bottom: 9px;
  color: var(--ink-soft);
  font-size: 13px;
}

#privacy-guides-app .why-source {
  color: var(--ink);
}

#privacy-guides-app .official-link {
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  color: var(--forest-2);
  font-family: var(--font-label);
  font-size: 13px;
  font-weight: 760;
  line-height: var(--lh-label);
}

#privacy-guides-app .source-text {
  margin-top: 8px;
  border-top: 1px solid var(--line-soft);
}

#privacy-guides-app .source-body {
  padding: 12px;
  color: var(--ink);
  background: var(--quiet-fill);
  border-left: 3px solid var(--indigo);
  font-size: 13px;
  line-height: var(--lh-body);
}

#privacy-guides-app .source-body p:last-child,
#privacy-guides-app .source-body blockquote:last-child {
  margin-bottom: 0;
}

#privacy-guides-app .source-body blockquote {
  margin-left: 12px;
  padding-left: 10px;
  border-left: 2px solid var(--line-soft);
}

#privacy-guides-app .close-sources {
  width: 100%;
  margin-top: 12px;
}

#privacy-guides-app .fallback-panel {
  margin-top: 14px;
  padding: 14px;
  background: var(--amber-soft);
  border: 2px solid var(--amber);
  border-radius: 4px;
}

#privacy-guides-app .fallback-panel label {
  display: block;
  margin-bottom: 7px;
  font-family: var(--font-label);
  font-size: 14px;
  font-weight: 760;
  line-height: var(--lh-label);
}

#privacy-guides-app .fallback-panel textarea {
  width: 100%;
  min-height: 180px;
  padding: 11px;
  color: var(--ink);
  background: var(--paper);
  border: 2px solid var(--line);
  border-radius: 4px;
  resize: vertical;
}

/* Footer: the Toolkit shell's one-row band (public/toolkit.css .toolkit-footer), same values. */
#privacy-guides-app .colophon {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 8px 32px;
  padding: 12px 32px;
  color: var(--paper);
  background: var(--ink);
}

#privacy-guides-app .colophon a {
  color: var(--paper);
  text-decoration: none;
}

#privacy-guides-app .colophon a:hover {
  text-decoration: underline;
}

#privacy-guides-app .colophon a:focus-visible {
  outline-color: var(--paper);
}

#privacy-guides-app .colophon-brand {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  font-family: var(--font-display);
  font-size: 21px;
  font-weight: 400;
  line-height: var(--lh-display);
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

#privacy-guides-app .colophon-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 0 20px;
}

#privacy-guides-app .colophon-nav a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  font-family: var(--font-label);
  font-size: 13px;
  font-weight: 400;
  line-height: var(--lh-label);
}

@media (max-width: 820px) {
  #privacy-guides-app .colophon {
    padding: 12px 20px;
    gap: 0 24px;
  }
}

#privacy-guides-app .noscript {
  max-width: 760px;
  margin: 40px auto;
  padding: 28px;
  background: var(--paper);
  border: 2px solid var(--line);
}

@media (max-width: 1034px) {
  #privacy-guides-app .run-grid:has(.source-layer.open) {
    grid-template-columns: 1fr;
  }

  #privacy-guides-app .source-layer.open {
    max-height: none;
    position: static;
  }
}

@media (max-width: 760px) {
  #privacy-guides-app .site-bar {
    padding: 8px 16px;
  }

  #privacy-guides-app .site-bar .chip-subscribe {
    order: 2;
    margin-left: auto;
  }

  #privacy-guides-app .bar-nav {
    order: 3;
    flex-basis: 100%;
    margin-left: 0;
  }

  #privacy-guides-app .bar-nav .nav {
    display: grid;
    grid-template-columns: repeat(3, max-content);
    gap: 7px 14px;
  }

  #privacy-guides-app .bar-nav a {
    font-size: 10px;
    letter-spacing: 0;
  }

  #privacy-guides-app .guide-engine {
    width: min(100% - 20px, 680px);
    padding: 22px 0 48px;
  }

  #privacy-guides-app h1 {
    font-size: clamp(44px, 16vw, 64px);
  }

  #privacy-guides-app .promise {
    font-size: 17px;
  }

  #privacy-guides-app .finder-stage,
  #privacy-guides-app .determination-shell {
    padding: 18px;
    box-shadow: 5px 5px 0 var(--forest-shadow);
  }

  #privacy-guides-app .finder-head,
  #privacy-guides-app .library-heading,
  #privacy-guides-app .determination-header {
    align-items: flex-start;
  }

  #privacy-guides-app .wizard-card {
    grid-template-columns: 38px minmax(0, 1fr) 20px;
  }

  #privacy-guides-app .review-badge {
    grid-column: 2;
    justify-self: start;
  }

  #privacy-guides-app .card-arrow {
    grid-column: 3;
    grid-row: 1 / span 2;
  }

  #privacy-guides-app .determination-header {
    flex-direction: column;
  }

  #privacy-guides-app .legal-status {
    max-width: none;
    width: 100%;
  }

  #privacy-guides-app .question-card,
  #privacy-guides-app .outcome-card {
    padding: 18px;
  }

  #privacy-guides-app .question-tools {
    flex-direction: column;
  }

  #privacy-guides-app .selected-facts li {
    align-items: flex-start;
    flex-direction: column;
  }

  #privacy-guides-app .unavailable-actions,
  #privacy-guides-app .exit-actions {
    align-items: stretch;
    flex-direction: column;
  }

  #privacy-guides-app .unavailable-actions .button,
  #privacy-guides-app .exit-actions .button {
    width: 100%;
  }
}

@media (max-width: 390px) {
  #privacy-guides-app .guide-engine {
    width: calc(100% - 16px);
    padding-top: 16px;
  }

  #privacy-guides-app h1 {
    margin-bottom: 5px;
    font-size: 46px;
  }

  #privacy-guides-app .promise {
    font-size: 16px;
    line-height: 1.38;
  }

  #privacy-guides-app .finder-stage,
  #privacy-guides-app .determination-shell {
    padding: 14px;
  }

  #privacy-guides-app .finder-head,
  #privacy-guides-app .library-heading,
  #privacy-guides-app .determination-topline {
    align-items: flex-start;
    flex-direction: column;
  }

  #privacy-guides-app .category-row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  #privacy-guides-app .category-row button:last-child {
    grid-column: 1 / -1;
  }

  #privacy-guides-app .wizard-card {
    min-height: 104px;
    padding: 10px;
  }

  #privacy-guides-app .wizard-copy strong {
    font-size: 16px;
  }

  #privacy-guides-app .wizard-copy small {
    font-size: 13px;
  }

  #privacy-guides-app .title-cluster {
    gap: 9px;
  }

  #privacy-guides-app .large-icon {
    width: 42px;
    height: 42px;
    flex-basis: 42px;
    font-size: 22px;
  }

  #privacy-guides-app .answer-card {
    grid-template-columns: 30px minmax(0, 1fr);
  }

  #privacy-guides-app .answer-arrow {
    display: none;
  }

  #privacy-guides-app .outcome-tools,
  #privacy-guides-app .run-nav {
    align-items: flex-start;
    flex-direction: column;
  }

  #privacy-guides-app .run-nav .button {
    width: 100%;
  }

  #privacy-guides-app .source-meta {
    align-items: flex-start;
    flex-direction: column;
  }
}

@media (prefers-reduced-motion: reduce) {
  #privacy-guides-app {
    scroll-behavior: auto;
  }

  #privacy-guides-app *,
  #privacy-guides-app *::before,
  #privacy-guides-app *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}

@media print {
  #privacy-guides-app .site-bar,
  #privacy-guides-app .orientation,
  #privacy-guides-app .determination-topline,
  #privacy-guides-app .run-nav,
  #privacy-guides-app .outcome-tools,
  #privacy-guides-app .colophon {
    display: none !important;
  }

  #privacy-guides-app .guide-engine,
  #privacy-guides-app .determination-shell,
  #privacy-guides-app .run-grid,
  #privacy-guides-app .decision-stage,
  #privacy-guides-app .outcome-card {
    width: 100%;
    margin: 0;
    padding: 0;
    display: block !important;
    border: 0;
    box-shadow: none;
  }
}


/* ===== Toolkit design system alignment (docs/design/DESIGN-SYSTEM.md) =====
   Flat ground, hairline chooser rows, wizard option rows, the verdict block,
   and the canonical action grammar. This layer wins the cascade. */

#privacy-guides-app {
  background: var(--ground);
}

#privacy-guides-app .guide-engine.is-embed {
  width: 100%;
  max-width: 1130px;
  margin: 0 auto;
  padding: 26px 32px 30px;
}
/* Column cap steps with the scale above; see the note at the end of this file.
   Breakpoints are the frame width, not the window. */
@media (min-width: 1252px) { #privacy-guides-app .guide-engine.is-embed { max-width: 1240px; } }
@media (min-width: 1528px) { #privacy-guides-app .guide-engine.is-embed { max-width: 1320px; } }
@media (min-width: 1900px) { #privacy-guides-app .guide-engine.is-embed { max-width: 1400px; } }


#privacy-guides-app .finder-stage,
#privacy-guides-app .determination-shell {
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  padding: 0;
  max-width: none;
}

#privacy-guides-app .button {
  min-height: 44px;
  padding: 9px 18px;
  border-radius: 0;
  font-family: var(--font-label);
  font-size: 14px;
  font-weight: 700;
  line-height: var(--lh-label);
}

#privacy-guides-app .button.primary {
  border: 2px solid var(--line);
  background: var(--forest);
  color: var(--on-forest);
  letter-spacing: 0.045em;
  text-transform: uppercase;
  box-shadow: 4px 4px 0 var(--line);
}

#privacy-guides-app .button.primary:hover {
  background: var(--forest-2);
}

#privacy-guides-app .button.primary:active {
  box-shadow: none;
  transform: translate(4px, 4px);
}

#privacy-guides-app .button.secondary {
  border: 1px solid var(--line);
  background: var(--paper);
  color: var(--ink);
}

#privacy-guides-app .text-button {
  color: var(--ink);
  font-size: 13px;
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 3px;
}

#privacy-guides-app .text-button:hover {
  color: var(--red);
}

/* Finder */

#privacy-guides-app .search-wrap {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 48px;
  padding: 11px 14px;
  border: 1px solid var(--line);
  background: var(--paper);
  border-radius: 0;
  box-shadow: none;
}

#privacy-guides-app .search-glyph {
  display: grid;
  place-items: center;
  color: var(--ink-soft);
}

#privacy-guides-app .search-wrap input {
  flex: 1 1 auto;
  min-width: 0;
  border: 0;
  background: transparent;
  color: var(--ink);
  font-size: 15px;
}

#privacy-guides-app .search-wrap input:focus {
  outline: none;
}

#privacy-guides-app .library-heading {
  display: flex;
  align-items: baseline;
  justify-content: flex-end;
  margin: 24px 0 0;
}

#privacy-guides-app .wizard-list {
  display: flex;
  flex-direction: column;
  margin-top: 12px;
  border-top: 1px solid var(--line-soft);
  gap: 0;
}

#privacy-guides-app .wizard-row {
  display: grid;
  /* The arrow follows the copy instead of sitting at the far edge of a 1,100px row
     (Ben, 2026-09-04: too much white space between the text and the arrow). The row is
     still the whole button; hover fills all of it. */
  grid-template-columns: 24px auto auto;
  justify-content: start;
  align-items: center;
  gap: 16px;
  padding: 14px 6px;
  border: 0;
  border-bottom: 1px solid var(--line-soft);
  background: transparent;
  color: var(--ink);
  text-align: left;
  cursor: pointer;
  font: inherit;
}

#privacy-guides-app .wizard-row:hover {
  background: var(--paper);
}

#privacy-guides-app .wizard-glyph {
  display: grid;
  place-items: center;
}

#privacy-guides-app .wizard-glyph svg {
  width: 20px;
  height: 20px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

#privacy-guides-app .wizard-row .wizard-copy strong {
  display: block;
  font-size: 16px;
  font-weight: 700;
  line-height: var(--lh-heading);
}

#privacy-guides-app .wizard-row .wizard-copy small {
  display: block;
  margin-top: 2px;
  color: var(--ink-soft);
  font-size: 14px;
  line-height: var(--lh-helper);
}

#privacy-guides-app .card-arrow {
  color: var(--ink-soft);
  font-size: 15px;
}

/* Question flow */

#privacy-guides-app .question-card,
#privacy-guides-app .outcome-card,
#privacy-guides-app .unavailable-card {
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  padding: 0;
  margin: 0;
}

#privacy-guides-app .question-count {
  margin: 0;
  color: var(--ink-soft);
  font-family: var(--font-label);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  line-height: var(--lh-label);
}

#privacy-guides-app .question-card h3 {
  margin: 22px 0 0;
  font-size: 24px;
  font-weight: 700;
  line-height: var(--lh-heading);
  text-wrap: pretty;
}

#privacy-guides-app .answer-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 22px;
  max-width: 640px;
}

#privacy-guides-app .answer-card {
  display: block;
  width: 100%;
  min-height: 52px;
  padding: 12px 18px;
  border: 1px solid var(--line);
  background: var(--paper);
  color: var(--ink);
  border-radius: 0;
  box-shadow: none;
  text-align: left;
  font-size: 16px;
  cursor: pointer;
  font-family: var(--font);
}

#privacy-guides-app .answer-card:hover {
  border: 2px solid var(--forest);
  padding: 11px 17px;
}

#privacy-guides-app .answer-card strong {
  font-weight: 400;
}

#privacy-guides-app .answer-card small {
  display: block;
  margin-top: 2px;
  color: var(--ink-soft);
  font-size: 13px;
  line-height: var(--lh-helper);
}

#privacy-guides-app .question-aside,
#privacy-guides-app .outcome-aside {
  margin: 18px 0 0;
  padding-left: 12px;
  border-left: 3px solid var(--amber);
  color: var(--ink-soft);
  font-size: 13px;
  line-height: var(--lh-helper);
  max-width: 70ch;
}

/* Short helper and source notices use their available column instead of stranding citations. */
#privacy-guides-app .question-aside,
#privacy-guides-app .outcome-aside { max-width: none; text-wrap: pretty; }

#privacy-guides-app .question-tools {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 18px;
  margin-top: 20px;
}

/* Determination */

#privacy-guides-app .verdict-block {
  padding: 20px 22px;
  border: 2px solid var(--forest);
  background: var(--paper);
}

#privacy-guides-app .tier-warn .verdict-block {
  border-color: var(--amber);
}

#privacy-guides-app .tier-info .verdict-block {
  border-color: var(--indigo);
}

#privacy-guides-app .verdict-title {
  display: block;
  font-family: var(--font-display);
  font-size: 28px;
  font-weight: 400;
  letter-spacing: 0.01em;
  line-height: var(--lh-display);
  text-transform: uppercase;
}

#privacy-guides-app .verdict-title:focus {
  outline: none;
}

#privacy-guides-app .verdict-sub {
  display: block;
  margin-top: 6px;
  color: var(--ink-soft);
  font-size: 15px;
  line-height: var(--lh-body);
}

#privacy-guides-app .outcome-summary {
  margin: 18px 0 0;
  font-size: 15px;
  line-height: var(--lh-body);
  max-width: 78ch;
}

#privacy-guides-app .outcome-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 330px;
  gap: 30px;
  margin-top: 22px;
}

#privacy-guides-app .field-label {
  margin: 0 0 10px;
  color: var(--ink-soft);
  font-family: var(--font-label);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  line-height: var(--lh-label);
}

#privacy-guides-app .next-actions ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

#privacy-guides-app .next-actions li {
  padding: 10px 0;
  border-bottom: 1px solid var(--line-soft);
  font-size: 15px;
  line-height: var(--lh-body);
}

#privacy-guides-app .authority-list ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

#privacy-guides-app .authority-list li {
  border-bottom: 1px solid var(--line-soft);
}

#privacy-guides-app .authority-list li > a,
#privacy-guides-app .authority-list li > span {
  display: block;
  padding: 9px 0;
  color: var(--ink);
  font-size: 14px;
  text-decoration: none;
}

#privacy-guides-app .authority-list li > a:hover {
  color: var(--red);
  text-decoration: underline;
  text-underline-offset: 3px;
}

#privacy-guides-app .authority-list .text-button {
  margin-top: 10px;
}

#privacy-guides-app .exit-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 20px;
}

#privacy-guides-app .exit-boundary {
  margin-top: 14px;
  padding: 0 0 0 12px;
  border-left: 3px solid var(--amber);
  background: transparent;
  color: var(--ink-soft);
  font-size: 13px;
  line-height: var(--lh-helper);
}

#privacy-guides-app .outcome-tools {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 18px;
  margin-top: 14px;
}

#privacy-guides-app .run-nav {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-top: 24px;
}

#privacy-guides-app .determination-topline {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 14px;
}

#privacy-guides-app .selected-facts {
  margin-bottom: 18px;
  border-top: 1px solid var(--line-soft);
  border-bottom: 1px solid var(--line-soft);
  padding: 4px 0;
}

#privacy-guides-app .source-layer {
  border: 1px solid var(--line);
  border-radius: 0;
  box-shadow: none;
  background: var(--paper);
}

#privacy-guides-app .source-card {
  border: 0;
  border-bottom: 1px solid var(--line-soft);
  border-radius: 0;
  box-shadow: none;
}

#privacy-guides-app .notice {
  border: 1px solid var(--line);
  border-radius: 0;
  box-shadow: none;
}

#privacy-guides-app input,
#privacy-guides-app select,
#privacy-guides-app textarea {
  border-radius: 0;
}

@media (max-width: 900px) {
  #privacy-guides-app .guide-engine.is-embed {
    padding: 12px 10px 18px;
  }

  #privacy-guides-app .outcome-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 18px;
  }
}

#privacy-guides-app .question-card h3:focus,
#privacy-guides-app #determination-heading:focus,
#privacy-guides-app #outcome-heading:focus,
#privacy-guides-app .verdict-title:focus {
  outline: none;
}

#privacy-guides-app .next-actions,
#privacy-guides-app .authority-list {
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  padding: 0;
  margin: 0;
}

#privacy-guides-app .next-actions li:last-child {
  border-bottom: 0;
}

#privacy-guides-app .selected-facts {
  background: transparent;
  border-radius: 0;
  box-shadow: none;
  padding: 0;
}

#privacy-guides-app .selected-facts summary {
  min-height: 44px;
  display: flex;
  align-items: center;
  background: transparent;
  color: var(--ink);
  font-family: var(--font-label);
  font-size: 13px;
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 3px;
  cursor: pointer;
  line-height: var(--lh-label);
}

/* ===== Canvas fidelity (Toolkit - Redesign 3C, 4E, 4F) ===== */

#privacy-guides-app .search-wrap {
  min-height: 44px;
  padding: 0 14px;
  border: 1px solid var(--line);
  border-radius: 0;
  box-shadow: none;
}
#privacy-guides-app .search-wrap > span { display: inline-flex; color: var(--ink-soft); font-size: 18px; }
#privacy-guides-app .search-wrap input { min-height: 44px; padding: 8px 0; font-size: 16px; }

#privacy-guides-app .question-progress { display: flex; align-items: center; gap: 14px; }
#privacy-guides-app .question-progress .question-count { margin: 0; white-space: nowrap; }
#privacy-guides-app .progress-track { flex: 1 1 auto; height: 2px; background: var(--line-soft); }
#privacy-guides-app .progress-fill { display: block; height: 100%; background: var(--forest); }

#privacy-guides-app .answer-list { margin-top: 18px; max-width: 640px; gap: 10px; }
#privacy-guides-app .answer-card {
  min-height: 52px;
  padding: 10px 18px;
  grid-template-columns: minmax(0, 1fr);
  border: 1px solid var(--line);
  border-radius: 0;
  background: var(--paper);
}
#privacy-guides-app .answer-card:hover { background: var(--forest-wash); border-color: var(--line); }
#privacy-guides-app .answer-card.selected { padding: 9px 17px; border: 2px solid var(--forest); }
#privacy-guides-app .answer-card.selected:hover { background: var(--paper); }
#privacy-guides-app .question-actions { display: flex; align-items: center; gap: 18px; margin-top: 22px; }

#privacy-guides-app .outcome-card .verdict-block,
#privacy-guides-app .outcome-card.tier-must .verdict-block,
#privacy-guides-app .outcome-card.tier-warn .verdict-block,
#privacy-guides-app .outcome-card.tier-ok .verdict-block,
#privacy-guides-app .outcome-card.tier-info .verdict-block { border-color: var(--forest); }
#privacy-guides-app .exit-actions { align-items: center; gap: 18px; }

#privacy-guides-app .outcome-main { min-width: 0; }

/* ---- Large-display scale (Ben, 2026-09-04) -------------------------------
   At 2560px this surface used 44% of the width and the type read small. The fix
   is to scale the composition, not stretch it: `zoom` steps the whole surface at
   once - type, spacing, rules - so every proportion the design system defines
   survives, and the column cap steps with it so prose keeps a sane measure.

   These breakpoints are the width of THIS FRAME, not the window. Embedded, the
   frame is the window minus the Toolkit rail, so 1252/1528/1900 here land on the
   same windows as 1500/1800/2200 in the shell's public/toolkit.css. Below that
   nothing changes, which is the laptop view already signed off. */
@media (min-width: 1252px) { #privacy-guides-app .guide-engine.is-embed { zoom: 1.08; } }
@media (min-width: 1528px) { #privacy-guides-app .guide-engine.is-embed { zoom: 1.18; } }
@media (min-width: 1900px) { #privacy-guides-app .guide-engine.is-embed { zoom: 1.30; } }

/* Intro strip (DESIGN-SYSTEM §3 Step-flow): the three steps, first thing in the finder. */
#privacy-guides-app .intro-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border: 1px solid var(--line); background: var(--paper); margin: 0 0 20px; }
#privacy-guides-app .intro-steps > div { display: flex; flex-direction: column; gap: 4px; padding: 16px 18px; border-left: 1px solid var(--line-soft); }
#privacy-guides-app .intro-steps > div:first-child { border-left: 0; }
#privacy-guides-app .intro-step-n { font-size: 22px; font-weight: 700; line-height: 1; color: var(--forest); }
#privacy-guides-app .intro-steps strong { font-size: 16px; font-weight: 700; line-height: var(--lh-heading); }
#privacy-guides-app .intro-steps > div > span:last-child { font-size: 14px; line-height: var(--lh-helper); color: var(--ink-soft); }
@media (max-width: 760px) {
  #privacy-guides-app .intro-steps { grid-template-columns: minmax(0, 1fr); }
  #privacy-guides-app .intro-steps > div { border-left: 0; border-top: 1px solid var(--line-soft); }
  #privacy-guides-app .intro-steps > div:first-child { border-top: 0; }
}

/* ===== The authored depth reaches the page (Ben, 2026-09-13) =====
   Help, reasoning, pending-law notes and the included source text sit behind
   disclosures (DESIGN-SYSTEM §3, Disclosure); every text run and control below
   reuses a role the census baseline already holds. */

/* Disclosure: the summary is the text action; the body is core reading. */
#privacy-guides-app .disclosure { margin: 12px 0 0; }
#privacy-guides-app .disclosure > summary {
  min-height: 44px;
  display: flex;
  align-items: center;
  list-style: none;
  color: var(--ink);
  font-family: var(--font-label);
  font-size: 13px;
  font-weight: 700;
  line-height: var(--lh-label);
  text-decoration: underline;
  text-underline-offset: 3px;
  cursor: pointer;
}
#privacy-guides-app .disclosure > summary::-webkit-details-marker { display: none; }
#privacy-guides-app .disclosure > summary:hover { color: var(--red); }
#privacy-guides-app .disclosure-body {
  margin: 4px 0 0;
  max-width: 78ch;
  color: var(--ink);
  font-size: 15px;
  line-height: var(--lh-body);
  white-space: pre-line;
}
#privacy-guides-app .disclosure-body.motion {
  max-width: 70ch;
  color: var(--ink-soft);
  font-size: 13px;
  line-height: var(--lh-helper);
}
#privacy-guides-app .disclosure-body + .disclosure-body { margin-top: 10px; }
#privacy-guides-app .question-aside + .disclosure { margin-top: 4px; }
#privacy-guides-app .outcome-reasoning { margin-top: 4px; }
#privacy-guides-app .outcome-grid { margin-top: 16px; }
#privacy-guides-app .outcome-reasoning + .outcome-grid { margin-top: 12px; }
#privacy-guides-app .outcome-main > .disclosure + .outcome-aside { margin-top: 8px; }
#privacy-guides-app .verdict-title { text-wrap: balance; }
#privacy-guides-app .verdict-sub,
#privacy-guides-app .outcome-summary,
#privacy-guides-app .disclosure-body,
#privacy-guides-app .action-check-text,
#privacy-guides-app .authority-label { text-wrap: pretty; }

/* Text-action links inside a disclosure body (the official text, the pending-law source). */
#privacy-guides-app .motion-source,
#privacy-guides-app .official-link {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  padding: 0;
  color: var(--ink);
  font-family: var(--font-label);
  font-size: 13px;
  font-weight: 700;
  line-height: var(--lh-label);
  text-decoration: underline;
  text-underline-offset: 3px;
}
#privacy-guides-app .motion-source:hover,
#privacy-guides-app .official-link:hover { color: var(--red); }

/* Finder groups: one eyebrow per category when browsing all. */
#privacy-guides-app .group-label {
  margin: 0;
  padding: 16px 6px 4px;
  color: var(--ink-soft);
  font-family: var(--font-label);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  line-height: var(--lh-label);
}

/* Related paths get a distinct navigation panel, separate from actions and authority. */
#privacy-guides-app .next-determination {
  margin-top: 24px;
  padding: 16px;
  border-left: 3px solid var(--indigo);
  background: var(--indigo-soft);
}
#privacy-guides-app .next-determination .field-label { margin-bottom: 0; }
#privacy-guides-app .next-determination .wizard-list { margin-top: 6px; border-top: 0; }
#privacy-guides-app .next-determination .wizard-row:last-child { border-bottom: 0; }
#privacy-guides-app .next-determination .wizard-copy { min-width: 0; text-wrap: pretty; }

/* Authority rows: label over a dotted status label; open for citation, link, and text. */
#privacy-guides-app .authority-row > summary {
  padding: 9px 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
  list-style: none;
  cursor: pointer;
}
#privacy-guides-app .authority-row > summary::-webkit-details-marker { display: none; }
#privacy-guides-app .authority-label {
  color: var(--ink);
  font-size: 14px;
  line-height: var(--lh-row);
}
#privacy-guides-app .authority-row > summary:hover .authority-label {
  color: var(--red);
  text-decoration: underline;
  text-underline-offset: 3px;
}
#privacy-guides-app .status-line {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--ink-soft);
  font-family: var(--font);
  font-size: 13px;
  font-weight: 400;
  line-height: var(--lh-helper);
}
#privacy-guides-app .status-dot { width: 7px; height: 7px; flex: none; background: var(--amber); }
#privacy-guides-app .status-dot.dot-practitioner-reviewed { background: var(--forest); }
#privacy-guides-app .status-dot.dot-superseded { background: var(--red); }
#privacy-guides-app .status-dot.dot-draft { background: var(--ink-soft); }
#privacy-guides-app .authority-body { padding: 0 0 12px; }
#privacy-guides-app .authority-body .citation {
  margin: 0;
  color: var(--ink-soft);
  font-size: 13px;
}
#privacy-guides-app .authority-body .source-body {
  margin: 6px 0 0;
  padding: 0;
  color: var(--ink);
  background: transparent;
  border: 0;
  font-size: 14px;
  line-height: var(--lh-row);
  white-space: pre-line;
}

/* ===== Inline citations and the citation card (Ben, 2026-09-14) =====
   Every article, section, guidance, case and defined-term mention in the authored text
   is a citation that opens its source where it stands. The trigger inherits the run it
   sits in; the card is its own small surface. */
#privacy-guides-app .mentions { display: block; position: relative; text-wrap: pretty; }
#privacy-guides-app .question-aside > .mentions { text-wrap: balance; }
#privacy-guides-app .cite {
  display: inline;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--forest);
  font: inherit;
  letter-spacing: inherit;
  text-transform: inherit;
  text-align: inherit;
  text-decoration: underline dotted;
  text-underline-offset: 3px;
  cursor: pointer;
}
#privacy-guides-app .cite:hover,
#privacy-guides-app .cite.open { color: var(--red); }
#privacy-guides-app .cite-card {
  position: absolute;
  z-index: 6;
  display: block;
  padding: 14px 16px 12px;
  background: var(--paper);
  border: 1px solid var(--line);
  box-shadow: 4px 4px 0 var(--line);
  color: var(--ink);
  font-family: var(--font);
  font-size: 15px;
  font-weight: 400;
  letter-spacing: normal;
  line-height: var(--lh-body);
  text-align: left;
  text-transform: none;
  white-space: normal;
}
#privacy-guides-app .cite-card-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}
#privacy-guides-app .cite-card-label {
  display: block;
  color: var(--ink);
  font-size: 14px;
  font-weight: 700;
  line-height: var(--lh-body);
}
#privacy-guides-app .cite-close {
  flex: none;
  min-height: 40px;
  margin: -8px -6px 0 0;
  padding: 1px 6px;
  border: 0;
  background: transparent;
  color: var(--ink-soft);
  font-family: var(--font-label);
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  cursor: pointer;
}
#privacy-guides-app .cite-close:hover { color: var(--red); }
#privacy-guides-app .cite-card-cite {
  display: block;
  margin-top: 2px;
  color: var(--ink-soft);
  font-size: 13px;
  line-height: var(--lh-helper);
}
#privacy-guides-app .cite-card .status-line { margin-top: 4px; }
#privacy-guides-app .cite-card-text {
  display: block;
  max-height: 260px;
  margin-top: 10px;
  overflow: auto;
  color: var(--ink);
  font-size: 14px;
  line-height: var(--lh-row);
  white-space: pre-line;
}
#privacy-guides-app .cite-card-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px 16px;
  margin-top: 4px;
}
#privacy-guides-app .cite-card-actions .text-button { padding-left: 0; }
@media print {
  #privacy-guides-app .cite-card { display: none !important; }
}

/* State-law paths share the Council's question and outcome grammar. */
#privacy-guides-app .jurisdiction-run { min-width: 0; }
#privacy-guides-app .jurisdiction-run > .action-message { margin: 0 0 20px; }
#privacy-guides-app .state-selector > .step-label { margin: 0 0 12px; }
#privacy-guides-app .state-selector h3 { margin: 0 0 10px; }
#privacy-guides-app .state-selector h3 + p { margin: 0; line-height: var(--lh-body); }
#privacy-guides-app .state-search-label { display: block; margin-top: 20px; margin-bottom: 8px; font-family: var(--font-label); font-size: 13px; font-weight: 700; }
#privacy-guides-app .state-search { width: min(100%, 400px); min-height: 44px; padding: 8px 12px; border: 1px solid var(--ink); border-radius: 0; background: var(--paper); color: var(--ink); font-size: 16px; }
#privacy-guides-app .state-selection-note { font-size: 14px; color: var(--ink-soft); line-height: var(--lh-helper); }
#privacy-guides-app .jurisdiction-choices { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 8px; border: 0; padding: 0; margin: 24px 0; }
#privacy-guides-app .jurisdiction-choice { display: flex; align-items: center; gap: 10px; min-height: 48px; padding: 10px 12px; border: 1px solid var(--line-soft); background: var(--paper); font-size: 15px; }
#privacy-guides-app .jurisdiction-choice.selected { border-color: var(--forest); background: var(--forest-wash); }
#privacy-guides-app .jurisdiction-choice input, #privacy-guides-app .jurisdiction-answer input { accent-color: var(--forest); width: 18px; height: 18px; margin: 0; flex: 0 0 18px; }
#privacy-guides-app .jurisdiction-answers { border: 0; margin: 20px 0; padding: 0; min-width: 0; }
#privacy-guides-app .answer-card.jurisdiction-answer { display: flex; align-items: flex-start; gap: 12px; }
#privacy-guides-app .jurisdiction-answer input { margin-top: 3px; }
#privacy-guides-app .jurisdiction-answer > span { min-width: 0; }
#privacy-guides-app .jurisdiction-answer strong, #privacy-guides-app .jurisdiction-answer small { display: block; }
#privacy-guides-app .jurisdiction-answer small { margin-top: 6px; line-height: var(--lh-body); }
#privacy-guides-app .jurisdiction-progress { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 8px; margin-bottom: 12px; }
#privacy-guides-app .jurisdiction-progress p { margin: 0; }
#privacy-guides-app .question-disclosures { display: flex; flex-wrap: wrap; gap: 0 20px; margin-top: 8px; }
#privacy-guides-app .question-disclosures > .disclosure { margin: 0; }
#privacy-guides-app .question-disclosures > .disclosure[open] { flex-basis: 100%; }
#privacy-guides-app .state-step-sources { padding-left: 20px; }
#privacy-guides-app .state-step-sources a { overflow-wrap: anywhere; }
#privacy-guides-app .state-results { display: grid; gap: 24px; }
#privacy-guides-app .state-results-heading { margin: 0 0 16px; }
#privacy-guides-app .state-results-heading h3 { font-size: 19px; line-height: var(--lh-heading); margin: 0 0 10px; }
#privacy-guides-app .state-results-heading .outcome-aside { margin: 0; }
#privacy-guides-app .state-result { padding: 0; }
#privacy-guides-app .state-result > .step-label { margin: 0 0 8px; }
#privacy-guides-app .state-result h4 { margin: 0; }
#privacy-guides-app .state-result .verdict-block { padding: 16px; }
#privacy-guides-app .state-result .verdict-sub { margin: 8px 0 0; }
#privacy-guides-app .state-result > .next-actions { margin-top: 16px; }
#privacy-guides-app .state-result > .disclosure { margin-top: 12px; border: 0; }
#privacy-guides-app .state-result > .disclosure + .disclosure { margin-top: 0; }
#privacy-guides-app .state-result > p, #privacy-guides-app .state-result li, #privacy-guides-app .state-missing { line-height: var(--lh-body); }
#privacy-guides-app .state-missing { margin: 16px 0 0; padding: 12px 16px; border-left: 3px solid var(--amber); background: var(--amber-soft); }
#privacy-guides-app .state-missing dl { margin: 0; }
#privacy-guides-app .state-missing dt { font-weight: 700; }
#privacy-guides-app .state-missing dd { margin: 6px 0 16px; }
#privacy-guides-app .state-missing dd:last-child { margin-bottom: 0; }
#privacy-guides-app .selected-facts ol { padding: 0; list-style: none; }
#privacy-guides-app .selected-facts li { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; padding: 12px 0; border-bottom: 1px solid var(--line-soft); }
#privacy-guides-app .selected-facts li span { min-width: 0; }
#privacy-guides-app .state-authority .authority-body { padding: 16px 0; }
#privacy-guides-app .state-export { flex-wrap: wrap; margin-top: 24px; }

/* One card keeps the action list together without dividing every sentence. */
#privacy-guides-app .next-actions.action-checklist {
  padding: 16px;
  border: 1px solid var(--line-soft);
  background: var(--paper);
}
#privacy-guides-app .authority-list {
  align-self: start;
  min-width: 0;
  padding: 16px;
  border: 0;
  border-top: 3px solid var(--forest);
  background: var(--forest-wash);
}
#privacy-guides-app .authority-list li:last-child { border-bottom: 0; }
#privacy-guides-app .action-checklist .field-label,
#privacy-guides-app .authority-list .field-label { margin: 0 0 8px; }
#privacy-guides-app .action-checklist li {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 4px;
  margin: 0;
  padding: 0;
  border: 0;
}
#privacy-guides-app .action-checklist li + li { margin-top: 4px; }
#privacy-guides-app .action-check-target {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  min-height: 44px;
  cursor: pointer;
  padding-top: 13px;
}
#privacy-guides-app .action-check-target input {
  accent-color: var(--forest);
  color: var(--ink);
  width: 18px;
  height: 18px;
  margin: 0;
  cursor: pointer;
}
#privacy-guides-app .action-check-target:focus-within { outline: 2px solid var(--forest); outline-offset: -2px; }
#privacy-guides-app .action-check-text { padding: 10px 0; min-width: 0; }
@media (max-width: 520px) {
  #privacy-guides-app .next-actions.action-checklist,
  #privacy-guides-app .authority-list,
  #privacy-guides-app .next-determination { padding: 12px; }
  #privacy-guides-app .jurisdiction-choices { grid-template-columns: 1fr; }
  #privacy-guides-app .state-export { align-items: flex-start; }
  #privacy-guides-app .state-export .button { max-width: 100%; white-space: normal; }
}

#privacy-guides-app {
  --ink: #15252b; --ink-soft: #4d514d; --paper: #fffcf4; --ground: #f6f0e2;
  --forest: #214e3e; --forest-2: #214e3e; --line: #827e6f; --line-soft: #827e6f66;
  --amber: var(--ui-accent-neutral, #4a5860); --amber-soft: #edf0e9;
  --red: var(--ui-error, #8d4b5a); --red-soft: #f3e9ec;
  --indigo: var(--bt-palette-muted-violet, #655b83);
  --font: Barlow, sans-serif; --font-label: Barlow, sans-serif; --font-display: Barlow, sans-serif;
  font-size: 18px; line-height: 1.5; background: transparent; min-height: 0;
}
#privacy-guides-app .guide-engine { padding: 0; width: 100%; max-width: none; margin: 0; zoom: 1; }
#privacy-guides-app .finder-stage, #privacy-guides-app .determination-shell { width: 100%; max-width: none; }
#privacy-guides-app .intro-steps { border: 1px solid var(--line-soft); border-radius: 8px; background: var(--ground); }
#privacy-guides-app .intro-steps strong { font-size: 18px; }
#privacy-guides-app .intro-steps > div > span:last-child { font-size: 16px; }
#privacy-guides-app .intro-step-n { color: var(--forest); }
#privacy-guides-app .search-wrap { border-radius: 8px; }
#privacy-guides-app .guide-finder-title { font: 900 30px/1.2 Barlow, sans-serif; margin: 0 0 20px; }
#privacy-guides-app .search-wrap:focus-within { outline: 3px solid var(--ui-focus, #15252b); outline-offset: 3px; }
#privacy-guides-app :is(button, summary, input, textarea, a, [tabindex='-1']):focus-visible { outline-color: var(--ui-focus, #15252b); }
#privacy-guides-app .search-wrap input { font-size: 18px; min-height: 28px; }
#privacy-guides-app .wizard-row { grid-template-columns: 28px minmax(0, 1fr) 24px; justify-content: stretch; gap: 16px; padding: 18px 12px; }
#privacy-guides-app .wizard-row .wizard-copy strong { font-size: 21px; }
#privacy-guides-app .wizard-row .wizard-copy small { font-size: 17px; line-height: 1.4; }
#privacy-guides-app .wizard-row:hover { background: var(--ground); }
#privacy-guides-app .group-label { margin-top: 28px; font-size: 15px; color: var(--forest); }
#privacy-guides-app .determination-header { margin-top: 20px; gap: 24px; }
#privacy-guides-app .determination-header h2 { font-family: Barlow, sans-serif; font-size: 34px; font-weight: 900; line-height: 1.12; }
#privacy-guides-app .determination-header .title-cluster { align-items: flex-start; }
#privacy-guides-app .determination-header .large-icon { display: none; }
#privacy-guides-app .step-label, #privacy-guides-app .question-count { font-size: 14px; letter-spacing: .04em; }
#privacy-guides-app .button { min-height: 48px; font: 700 18px/1.3 Barlow, sans-serif; padding: 12px 22px; border-radius: 8px; text-transform: none; letter-spacing: 0; box-shadow: none; }
#privacy-guides-app .button.primary { background: #b54128; border: 1px solid #b54128; color: #fffcf4; box-shadow: none; text-transform: none; letter-spacing: 0; }
#privacy-guides-app .button.primary:hover { background: #96361f; }
#privacy-guides-app .button.primary:active { transform: none; }
#privacy-guides-app .text-button { min-height: 44px; padding-block: 10px; font-size: 17px; line-height: 1.4; }
#privacy-guides-app .question-card h3 { font-size: 30px; font-weight: 700; line-height: 1.2; }
#privacy-guides-app .question-progress { flex-wrap: wrap; }
#privacy-guides-app .answer-card { border-radius: 8px; min-height: 56px; }
#privacy-guides-app .answer-card strong { font-size: 19px; line-height: 1.35; }
#privacy-guides-app .answer-card small { font-size: 17px; }
#privacy-guides-app .question-aside, #privacy-guides-app .outcome-aside { font-size: 17px; }
#privacy-guides-app .disclosure > summary { min-height: 44px; font-size: 18px; }
#privacy-guides-app .disclosure-body { font-size: 18px; line-height: 1.5; }
#privacy-guides-app .guide-source-link, #privacy-guides-app .resource-link { color: var(--ink); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
#privacy-guides-app .guide-question-help { margin-top: 4px; }
#privacy-guides-app .guide-question-help > .nutshell-bubble { max-inline-size: 84ch; }
#privacy-guides-app [data-guide-question-explanation] { text-wrap: pretty; }
#privacy-guides-app [data-guide-question-explanation] > :first-child { margin-top: 0; }
#privacy-guides-app [data-guide-question-explanation] > :last-child { margin-bottom: 0; }
#privacy-guides-app [data-guide-question-explanation] > p { max-inline-size: 72ch; }
#privacy-guides-app [data-guide-question-explanation] ul { margin-block: 12px; padding-inline-start: 24px; }
#privacy-guides-app [data-guide-question-explanation] li + li { margin-top: 8px; }
#privacy-guides-app .verdict-title { font-family: Barlow, sans-serif; font-size: 30px; font-weight: 900; line-height: 1.15; text-transform: none; }
#privacy-guides-app .verdict-block, #privacy-guides-app .action-checklist, #privacy-guides-app .authority-list { border-radius: 8px; }
#privacy-guides-app .verdict-sub, #privacy-guides-app .outcome-summary, #privacy-guides-app .checklist-text { font-size: 18px; line-height: 1.5; }
#privacy-guides-app .authority-list { background: var(--ground); }
#privacy-guides-app .jurisdiction-choice { border-radius: 8px; font-size: 17px; }
#privacy-guides-app .jurisdiction-picker h3, #privacy-guides-app .jurisdiction-run h3 { font-size: 28px; font-weight: 700; }
#privacy-guides-app .jurisdiction-choices { grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); }
#privacy-guides-app .jurisdiction-choices, #privacy-guides-app .answer-list { min-width: 0; }
#privacy-guides-app .status-line, #privacy-guides-app .legal-status small { font-size: 14px; }
#privacy-guides-app .source-body { white-space: pre-line; overflow-wrap: anywhere; }
#privacy-guides-app .action-checklist .action-check-text { font-size: 18px; line-height: 1.5; }
#privacy-guides-app .authority-list .authority-label { font-size: 16px; line-height: 1.4; }
#privacy-guides-app .authority-list .field-label, #privacy-guides-app .action-checklist .field-label { font-size: 14px; }
@media (max-width: 760px) {
  #privacy-guides-app .intro-steps { grid-template-columns: 1fr; }
  #privacy-guides-app .intro-steps > div { padding: 12px 16px; }
  #privacy-guides-app .wizard-row { padding: 16px 0; gap: 12px; grid-template-columns: 24px minmax(0, 1fr) 18px; }
  #privacy-guides-app .wizard-row .wizard-copy strong { font-size: 20px; }
  #privacy-guides-app .determination-header { display: block; }
  #privacy-guides-app .determination-header h2 { font-size: 28px; }
  #privacy-guides-app .question-card h3, #privacy-guides-app .verdict-title { font-size: 25px; }
  #privacy-guides-app .answer-card strong { font-size: 18px; }
  #privacy-guides-app .jurisdiction-choices { grid-template-columns: 1fr; }
}