/* Embedded-site layout and accessibility behavior. */
.checker-site #main:focus { outline: none; }
.checker-site #root .min-h-screen { min-height: calc(100dvh - 100px); }
.checker-site #root header.sticky { top: var(--checker-site-header, 101px); }
.checker-site #root .sticky.top-\[57px\] { top: calc(var(--checker-site-header, 101px) + var(--checker-tool-header, 61px)); }
.checker-site .site-header { z-index: 35; }
.checker-site #root > div > nav, .checker-site #root > div > footer { display: none; }
.checker-site img[alt="Chicken Keepers logo"] { display: none; }
.checker-site .footer-main p, .checker-site .footer-bottom { color: #516276; }
@media (max-width: 780px) { .checker-site #root .min-h-screen { min-height: calc(100dvh - 80px); } }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation: none !important; transition: none !important; } }
/* Chicken Keepers: eggshell canvas, vivid geometric artwork, calm clinical surfaces. */
@font-face { font-family: Oswald; src: url('../assets/fonts/oswald-bold.ttf') format('truetype'); font-style: normal; font-weight: 700; font-display: swap; }
:root {
  --background: 38 65% 97%; --foreground: 212 49% 19%; --card: 0 0% 100%;
  --card-foreground: 212 49% 19%; --card-border: 37 22% 86%; --border: 37 22% 86%;
  --popover: 0 0% 100%; --popover-foreground: 212 49% 19%;
  --primary: 212 86% 26%; --primary-foreground: 0 0% 100%; --ring: 212 86% 26%;
  --warm-orange: 212 86% 26%; --warm-orange-hover: 212 86% 19%;
  --secondary: 151 42% 91%; --secondary-foreground: 212 49% 19%;
  --muted: 39 43% 94%; --muted-foreground: 212 24% 31%; --input: 212 19% 62%;
  --font-sans: 'Segoe UI', Arial, sans-serif; --font-serif: Oswald, 'Arial Narrow', 'Segoe UI', sans-serif;
  --checker-ink: #19304a; --checker-blue: #093f7c; --checker-eggshell: #fcf8f1; --checker-line: #e4e0d8;
}
body, #root, #root .min-h-screen { background: var(--checker-eggshell); }
#root { color: var(--checker-ink); }
#root h1, #root h2 { font-family: var(--font-serif); font-weight: 700; text-transform: none; letter-spacing: -.015em; }
#root h3 { text-transform: none; letter-spacing: normal; }
#root button, #root input, #root summary { touch-action: manipulation; }
#root button { transition: background-color .18s, border-color .18s, box-shadow .18s; }
#root button:focus-visible, #root a:focus-visible, #root input:focus-visible, #root [role='button']:focus-visible, #root summary:focus-visible { outline: 3px solid #093f7c; outline-offset: 4px; }

/* Welcome: illustration and text each get their own clear space. */
#root[data-checker-view='home'] > .min-h-screen > header { background: var(--checker-eggshell); border-bottom: 1px solid var(--checker-line); }
#root[data-checker-view='home'] > .min-h-screen > header > div { max-width: 1160px; padding: 42px 32px 40px; display: grid; grid-template-columns: 1fr 1.06fr; gap: 20px; align-items: center; }
#root[data-checker-view='home'] > .min-h-screen > header > div::after { content: ''; display: block; width: 100%; aspect-ratio: 3 / 2; background: url('../assets/checker-flock.webp') center / contain no-repeat; }
#root[data-checker-view='home'] header > div > .flex { align-items: flex-start; text-align: left; }
#root[data-checker-view='home'] header > div > .flex::before { content: 'The flock health desk'; font-family: var(--font-sans); font-size: 12px; font-weight: 650; letter-spacing: .015em; color: var(--checker-blue); border-left: 5px solid #ffd86f; padding-left: 11px; margin-bottom: 16px; }
#root[data-checker-view='home'] header h1 { font-size: clamp(36px, 4.25vw, 58px); line-height: 1.08; letter-spacing: -.015em; max-width: 480px; margin-bottom: 18px; }
#root[data-checker-view='home'] header p { max-width: 455px; font-size: 16px; line-height: 1.65; margin-bottom: 24px; }
#root [data-testid='button-start-check'] { padding: 15px 23px; min-height: 54px; font-size: 16px; border-radius: 12px; box-shadow: 0 5px 0 #041f3e; background: var(--checker-blue); }
#root [data-testid='button-start-check']:hover { background: #062d59; box-shadow: 0 5px 0 #041f3e, 0 9px 18px #093f7c20; }
#root[data-checker-view='home'] > .min-h-screen > section { padding: 32px; }
#root[data-checker-view='home'] > .min-h-screen > section > div { max-width: 1096px; }
#root[data-checker-view='home'] > .min-h-screen > section:first-of-type h2 { font-size: 26px; text-align: left; margin-bottom: 19px; }
#root[data-checker-view='home'] > .min-h-screen > section:first-of-type .grid { gap: 0; background: white; border: 1px solid var(--checker-line); border-radius: 20px; overflow: hidden; box-shadow: 0 7px 24px #19304a04; }
#root[data-checker-view='home'] > .min-h-screen > section:first-of-type .grid > div { display: grid; grid-template-columns: 44px 1fr; gap: 0 14px; text-align: left; align-items: start; padding: 24px; }
#root[data-checker-view='home'] > .min-h-screen > section:first-of-type .grid > div + div { border-left: 1px solid var(--checker-line); }
#root[data-checker-view='home'] > .min-h-screen > section:first-of-type .grid > div > div { grid-row: 1 / 3; width: 44px; height: 48px; margin: 0; border-radius: 10px; background: #e3edf9; color: var(--checker-blue); }
#root[data-checker-view='home'] > .min-h-screen > section:first-of-type .grid > div:nth-child(2) > div { background: #fff0bc; }
#root[data-checker-view='home'] > .min-h-screen > section:first-of-type .grid > div:nth-child(3) > div { background: #dff2e7; }
#root[data-checker-view='home'] > .min-h-screen > section:first-of-type svg { color: var(--checker-blue); }
#root[data-checker-view='home'] > .min-h-screen > section:first-of-type h3 { font-size: 15px; margin: 0 0 7px; }
#root[data-checker-view='home'] > .min-h-screen > section:first-of-type p { font-size: 13px; line-height: 1.65; }
#root[data-checker-view='home'] > .min-h-screen > section:nth-of-type(2) { background: transparent; padding-top: 0; padding-bottom: 0; }
#root[data-checker-view='home'] > .min-h-screen > section:nth-of-type(2) > div { display: grid; grid-template-columns: 56px 1fr auto; gap: 0 22px; text-align: left; padding: 25px 28px; border-radius: 18px; background: #e8f2ed; border: 1px solid #cedfd5; align-items: center; }
#root[data-checker-view='home'] > .min-h-screen > section:nth-of-type(2) svg { grid-row: 1 / 3; margin: 0; width: 45px; height: 45px; }
#root[data-checker-view='home'] > .min-h-screen > section:nth-of-type(2) h2 { font-size: 25px; margin: 0 0 7px; }
#root[data-checker-view='home'] > .min-h-screen > section:nth-of-type(2) p { grid-column: 2; font-size: 13px; line-height: 1.65; margin: 0; max-width: 620px; }
#root [data-testid='button-browse-diseases'] { min-height: 47px; border: 1px solid #093f7c; background: white; border-radius: 10px; color: var(--checker-blue); }
#root[data-checker-view='home'] [data-testid='button-browse-diseases'] { grid-column: 3; grid-row: 1 / 3; padding: 12px 18px; }
#root[data-checker-view='home'] > .min-h-screen > section:last-of-type > div { max-width: 1096px; }
#root[data-checker-view='home'] > .min-h-screen > section:last-of-type > div > div { background: transparent; border: 0; padding: 0; }
#root[data-checker-view='home'] > .min-h-screen > section:last-of-type p { text-align: left; font-size: 12px; line-height: 1.7; }

/* Working screens: roomy search, recognizable categories, clear selection. */
#root header.sticky { background: #fcf8f1f5; border-bottom: 1px solid var(--checker-line); }
#root header.sticky > div { max-width: 1000px; }
#root header.sticky h1 { font-size: 26px; letter-spacing: -.015em; }
#root header.sticky button { background: white; border: 1px solid var(--checker-line); border-radius: 10px; }
#root [data-testid='button-back-home'], #root [data-testid='button-back-symptoms'] { min-width: 44px; min-height: 44px; }
#root[data-checker-view='library'] .cursor-pointer.font-sans.text-xs { min-height: 36px; padding: 7px 10px; }
#root[data-checker-view='symptoms'] > .min-h-screen > div:has([data-testid='input-search-symptoms']), #root[data-checker-view='library'] > .min-h-screen > div:has([data-testid='input-search-diseases']) { padding-top: 26px; padding-bottom: 20px; }
#root [data-testid='input-search-symptoms'], #root [data-testid='input-search-diseases'] { min-height: 54px; background: white; border-color: #a5b2c0; border-radius: 14px; font-size: 16px; padding-left: 46px; box-shadow: 0 3px 12px #19304a04; }
#root div:has(> [data-testid='input-search-symptoms']), #root div:has(> [data-testid='input-search-diseases']) { max-width: 1000px; }
#root div:has(> [data-testid='input-search-symptoms']) > svg, #root div:has(> [data-testid='input-search-diseases']) > svg { left: 17px; width: 20px; height: 20px; color: var(--checker-blue); }
#root main { width: 100%; }
#root main > .max-w-4xl { max-width: 1000px; }
#root .checker-category-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 0; }
#root .checker-category-grid > * { margin-top: 0; }
#root .checker-category-card { background: white; border-radius: 15px; border: 1px solid var(--checker-line); box-shadow: 0 3px 12px #19304a03; }
#root .checker-category-card:has([aria-expanded='true']) { grid-column: 1 / -1; border-color: #6687ab; }
/* Expand the complete original pair so neither column leaves an orphaned
   half-row. Keep DOM, visual and keyboard order aligned; do not use dense flow. */
#root .checker-category-card:nth-child(odd):has(+ .checker-category-card:nth-child(even) > button[aria-expanded='true']),
#root .checker-category-card:nth-child(odd):has(> button[aria-expanded='true']) + .checker-category-card { grid-column: 1 / -1; }
#root [data-testid^='category-'] { min-height: 86px; padding: 16px; gap: 16px; }
#root [data-testid^='category-']:hover { background: #f4f8fc; }
#root [data-testid^='category-'][aria-expanded='true'] { background: #edf3fb; }
#root [data-testid^='category-'] > div:first-child { width: 48px; height: 48px; border-radius: 12px; background: var(--category-tint, #e3edf9); color: var(--category-ink, #093f7c); border: 1px solid #19304a08; }
#root .checker-category-glyph { width: 28px; height: 28px; }
#root .checker-icon-upgraded > svg:not(.checker-category-glyph) { display: none; }
#root [data-testid^='category-'] > .flex-1 > span:first-child { font-size: 16px; line-height: 1.4; }
#root [data-testid^='category-'] > .flex-1 > span:nth-child(2) { display: inline-block; font-size: 12px; margin-top: 2px; color: #516276; }
#root [data-testid='category-behavior'], #root [data-testid='category-eyes'] { --category-tint: #e3edf9; }
#root [data-testid='category-respiratory'], #root [data-testid='category-growth-body'] { --category-tint: #dff2e7; --category-ink: #17594d; }
#root [data-testid='category-droppings'], #root [data-testid='category-egg-production'] { --category-tint: #fff0bc; --category-ink: #6a4b03; }
#root [data-testid='category-feathers-skin'], #root [data-testid='category-crop-digestive'] { --category-tint: #e9e5f6; --category-ink: #4e377c; }
#root [data-testid='category-legs-feet'], #root [data-testid='category-neurological'] { --category-tint: #dcf0f2; --category-ink: #175768; }
#root [data-testid^='symptom-'] { min-height: 51px; border-radius: 8px; padding: 12px; line-height: 1.5; }
#root [data-testid^='symptom-']:hover { background: #f2f6fb; }
#root [data-testid^='symptom-'][aria-checked='true'] { background: #e2f0e9; color: #19304a; border-color: #719d89; }
#root [data-testid^='chip-symptom-'] { border: 1px solid #7694b6; background: #eaf1fb; color: #093f7c; border-radius: 8px; padding: 7px 10px; min-height: 34px; }
#root .sticky.top-\[57px\] { background: #f0f5fbf5; border-bottom: 1px solid #b9c9dd; max-height: min(180px, 24dvh); overflow-y: auto; }
#root .fixed.bottom-0:has([data-testid='button-check-results']) { background: #fffffff5; border-top: 1px solid #bac8d7; box-shadow: 0 -6px 28px #19304a0b; padding-bottom: max(16px, env(safe-area-inset-bottom)); }
#root [data-testid='button-check-results'], #root [data-testid='button-continue'] { min-height: 48px; border-radius: 11px; font-size: 15px; background: var(--checker-blue); color: white; }
#root [data-testid='button-clear-all'] { min-height: 44px; border-radius: 9px; }

/* Result and reference cards. Urgency colors retain their original meanings. */
#root [data-testid^='result-card-'], #root [data-testid^='disease-card-'] { background: white; border-radius: 17px; border-color: var(--checker-line); box-shadow: 0 4px 18px #19304a05; }
#root [data-testid^='result-card-'] h3, #root [data-testid^='disease-card-'] h3 { color: var(--checker-ink); font-family: var(--font-sans); font-weight: 700; }
#root [data-testid^='disease-card-']:hover { border-color: #7c97b5; box-shadow: 0 5px 20px #19304a0d; }
#root [data-testid='button-back-symptoms'], #root [data-testid^='button-detail-'] { min-height: 44px; border-radius: 10px; }
#root [data-testid^='toggle-treatment-'] { min-height: 44px; padding-block: 12px; }
#root [data-testid^='result-card-'] p, #root [role='dialog'] p { line-height: 1.7; }
#root[data-checker-view='results'] .flex.flex-wrap > .whitespace-nowrap, #root [role='dialog'] .flex.flex-wrap > .whitespace-nowrap { max-width: 100%; white-space: normal; overflow-wrap: anywhere; }
#root [data-testid^='result-card-'] > div > .mb-3 > .flex.items-center.justify-between > span:last-child { white-space: nowrap; margin-left: 12px; }
#root [data-checker-disclaimer] { max-height: 90dvh; overflow-y: auto; border-radius: 20px; border-top: 6px solid #ffd86f; box-shadow: 0 24px 80px #041f3e40; }
#root [data-checker-disclaimer] h3 { font-family: var(--font-serif); font-size: 28px; letter-spacing: -.015em; }
#root [data-checker-disclaimer] label { line-height: 1.75; }
#root [role='dialog'][aria-label^='Details for'] > div.relative { border-radius: 20px; box-shadow: 0 24px 80px #041f3e40; }
#root [role='dialog'][aria-label^='Details for'] h2 { font-family: var(--font-serif); }
#root [data-testid='button-close-detail'] { min-width: 44px; min-height: 44px; }
#root [class~='bg-[hsl(var(--vet-amber))]'] { color: #493300; }
#root [class~='bg-[hsl(var(--monitor-green))]'] { color: #061d0c; }

@media (max-width: 1000px) {
  #root[data-checker-view='home'] > .min-h-screen > section:first-of-type .grid > div { padding: 20px 16px; gap: 0 10px; }
  #root[data-checker-view='home'] > .min-h-screen > section:nth-of-type(2) > div { grid-template-columns: 50px 1fr; }
  #root[data-checker-view='home'] [data-testid='button-browse-diseases'] { grid-column: 2; grid-row: 3; justify-self: start; margin-top: 16px; }
}
@media (max-width: 780px) {
  #root[data-checker-view='home'] > .min-h-screen > header > div { padding: 32px 24px; gap: 5px; grid-template-columns: 1.12fr 1fr; }
  #root[data-checker-view='home'] header h1 { font-size: 39px; }
  #root[data-checker-view='home'] header p { font-size: 14px; }
  #root[data-checker-view='home'] > .min-h-screen > section { padding: 26px 24px; }
  #root .checker-category-grid { gap: 10px; }
  #root [data-testid^='category-'] { padding: 14px; gap: 11px; }
  #root [data-testid^='category-'] > .flex-1 > span:first-child { font-size: 14px; }
}
@media (max-width: 639px) {
  #root[data-checker-view='home'] > .min-h-screen > header > div { grid-template-columns: 1fr; padding: 28px 22px 15px; }
  #root[data-checker-view='home'] header h1 { font-size: 40px; max-width: 340px; }
  #root[data-checker-view='home'] header p { font-size: 15px; margin-bottom: 20px; }
  #root[data-checker-view='home'] > .min-h-screen > header > div::after { max-width: 390px; max-height: 235px; justify-self: center; margin-top: 16px; }
  #root[data-checker-view='home'] header > div > .flex::before { font-size: 12px; }
  #root[data-checker-view='home'] > .min-h-screen > section { padding: 24px 20px; }
  #root[data-checker-view='home'] > .min-h-screen > section:first-of-type .grid > div { grid-template-columns: 44px 1fr; padding: 20px; gap: 0 15px; }
  #root[data-checker-view='home'] > .min-h-screen > section:first-of-type .grid > div + div { border-left: 0; border-top: 1px solid var(--checker-line); }
  #root[data-checker-view='home'] > .min-h-screen > section:nth-of-type(2) > div { grid-template-columns: 36px 1fr; padding: 22px 18px; gap: 0 14px; }
  #root[data-checker-view='home'] > .min-h-screen > section:nth-of-type(2) svg { width: 32px; height: 32px; }
  #root[data-checker-view='home'] > .min-h-screen > section:nth-of-type(2) h2 { font-size: 24px; }
  #root[data-checker-view='home'] [data-testid='button-browse-diseases'] { padding: 10px 12px; font-size: 12px; white-space: normal; text-align: center; }
  #root header.sticky h1 { font-size: 23px; }
  #root header.sticky > div { display: grid; grid-template-columns: 44px minmax(0,1fr) auto; gap: 7px 10px; }
  #root header.sticky h1 { min-width: 0; line-height: 1.2; }
  #root header.sticky > div > a[target='_top'] { min-height: 44px; }
  #root header.sticky > div > div { grid-column: 2 / 4; justify-self: start; font-size: 12px; }
  #root .checker-category-grid { grid-template-columns: 1fr; }
  #root [data-testid^='category-'] { min-height: 80px; padding: 14px; gap: 14px; }
  #root [data-testid^='category-'] > .flex-1 > span:first-child { font-size: 15px; }
  #root [data-testid^='category-'] > div:first-child { width: 44px; height: 44px; }
  #root [data-testid='input-search-symptoms'], #root [data-testid='input-search-diseases'] { min-height: 50px; }
  #root [data-testid^='chip-symptom-'] { font-size: 12px; }
  #root [data-testid^='result-card-'] > div > div:first-child { display: grid; grid-template-columns: 32px minmax(0,1fr); gap: 10px 12px; }
  #root [data-testid^='result-card-'] > div > div:first-child > div:last-child { grid-column: 2; justify-self: start; }
  #root [data-testid^='result-card-'] h3 { overflow-wrap: anywhere; }
}

/* The title carries a compact brand motif without changing the header grid. */
#root:not([data-checker-view="home"]) > .min-h-screen > header h1{display:flex;align-items:center;gap:10px}
#root:not([data-checker-view="home"]) > .min-h-screen > header h1::before{content:"";display:block;width:40px;height:40px;flex-shrink:0;background:url("../assets/brand/icon-rooster.webp") center/contain no-repeat}
@media(max-width:480px){#root:not([data-checker-view="home"]) > .min-h-screen > header h1{gap:7px}#root:not([data-checker-view="home"]) > .min-h-screen > header h1::before{width:30px;height:30px}}

/* Higgsfield flock-health icons. Decoration stays outside React's state. */
#root [data-testid='button-start-check'] {
  gap: 12px;
  min-height: 76px;
  max-width: 100%;
  padding: 9px 19px 9px 13px;
  border: 1px solid #edc774;
  border-radius: 18px;
  background: linear-gradient(120deg, transparent 58%, #16649c50 58%, #16649c20 72%, transparent 72%),
    linear-gradient(140deg, #155b97 0%, #093f7c 58%, #07325f 100%);
  color: #fffdf5;
  font-size: 17px;
  font-weight: 700;
  line-height: 1.35;
  text-shadow: 0 1px 1px #031d3a55;
  box-shadow: inset 0 1px 0 #ffffff35, inset 0 -1px 0 #06284c,
    0 4px 0 #06284c, 0 10px 20px #19304a25;
  transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease;
}
#root [data-testid='button-start-check'] > svg { display: none; }
#root [data-testid='button-start-check']::before {
  content: '';
  display: block;
  flex: 0 0 56px;
  width: 56px;
  height: 56px;
  border-radius: 0;
  background: url('../assets/brand/health-action-rooster.webp') center / contain no-repeat;
  box-shadow: none;
  pointer-events: none;
}
#root [data-testid='button-start-check']::after {
  content: '';
  display: block;
  position: static;
  inset: auto;
  z-index: auto;
  flex: 0 0 30px;
  width: 30px;
  height: 30px;
  margin-left: 2px;
  border-radius: 50%;
  background: #ffe09a url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2307325f' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14m-5-5 5 5-5 5'/%3E%3C/svg%3E") center / 16px no-repeat;
  box-shadow: inset 0 1px 0 #fff4d4, 0 2px 4px #031d3a25;
  pointer-events: none;
}
#root [data-testid='button-start-check']:hover {
  background: linear-gradient(120deg, transparent 58%, #2379ab55 58%, #2379ab20 72%, transparent 72%),
    linear-gradient(140deg, #1a639e 0%, #104983 58%, #093967 100%);
  border-color: #ffe09a;
  transform: translateY(-1px);
  box-shadow: inset 0 1px 0 #ffffff45, inset 0 -1px 0 #06284c,
    0 5px 0 #06284c, 0 13px 24px #19304a2c;
}
#root [data-testid='button-start-check']:active {
  background: linear-gradient(140deg, #104b80 0%, #08376c 58%, #062a51 100%);
  transform: translateY(2px);
  box-shadow: inset 0 1px 0 #ffffff20, inset 0 2px 5px #031d3a30,
    0 2px 0 #06284c, 0 5px 10px #19304a20;
}
#root [data-testid='button-start-check']:focus-visible {
  outline: 3px solid #093f7c;
  outline-offset: 6px;
}
#root[data-checker-view='home'] > .min-h-screen > section:first-of-type .grid > div {
  grid-template-columns: 68px minmax(0, 1fr);
  gap: 0 16px;
}
#root[data-checker-view='home'] > .min-h-screen > section:first-of-type .grid > div > div:first-child {
  width: 68px;
  height: 68px;
  background: transparent;
  border-radius: 0;
}
#root[data-checker-view='home'] > .min-h-screen > section:first-of-type .grid > div > div:first-child > svg { display: none; }
#root[data-checker-view='home'] > .min-h-screen > section:first-of-type .grid > div > div:first-child::before {
  content: '';
  width: 68px;
  height: 68px;
  display: block;
  background: center / contain no-repeat;
  pointer-events: none;
}
#root[data-checker-view='home'] > .min-h-screen > section:first-of-type .grid > div:nth-child(1) > div:first-child::before { background-image: url('../assets/brand/health-observe.webp'); }
#root[data-checker-view='home'] > .min-h-screen > section:first-of-type .grid > div:nth-child(2) > div:first-child::before { background-image: url('../assets/brand/health-match.webp'); }
#root[data-checker-view='home'] > .min-h-screen > section:first-of-type .grid > div:nth-child(3) > div:first-child::before { background-image: url('../assets/brand/health-learn.webp'); }
#root[data-checker-view='home'] > .min-h-screen > section:nth-of-type(2) > div {
  grid-template-columns: 72px minmax(0, 1fr) auto;
}
#root[data-checker-view='home'] > .min-h-screen > section:nth-of-type(2) > div > svg { display: none; }
#root[data-checker-view='home'] > .min-h-screen > section:nth-of-type(2) > div::before {
  content: '';
  display: block;
  grid-column: 1;
  grid-row: 1 / 3;
  width: 72px;
  height: 72px;
  align-self: center;
  background: url('../assets/brand/health-library.webp') center / contain no-repeat;
  pointer-events: none;
}
@media (max-width: 1000px) {
  #root[data-checker-view='home'] > .min-h-screen > section:first-of-type .grid > div { grid-template-columns: 56px minmax(0, 1fr); gap: 0 12px; }
  #root[data-checker-view='home'] > .min-h-screen > section:first-of-type .grid > div > div:first-child,
  #root[data-checker-view='home'] > .min-h-screen > section:first-of-type .grid > div > div:first-child::before { width: 56px; height: 56px; }
  #root[data-checker-view='home'] > .min-h-screen > section:nth-of-type(2) > div { grid-template-columns: 72px minmax(0, 1fr); }
}
@media (max-width: 639px) {
  #root [data-testid='button-start-check'] { width: 100%; justify-content: space-between; }
  #root[data-checker-view='home'] > .min-h-screen > section:first-of-type .grid > div { grid-template-columns: 64px minmax(0, 1fr); }
  #root[data-checker-view='home'] > .min-h-screen > section:first-of-type .grid > div > div:first-child,
  #root[data-checker-view='home'] > .min-h-screen > section:first-of-type .grid > div > div:first-child::before { width: 64px; height: 64px; }
  #root[data-checker-view='home'] > .min-h-screen > section:nth-of-type(2) > div { grid-template-columns: 58px minmax(0, 1fr); }
  #root[data-checker-view='home'] > .min-h-screen > section:nth-of-type(2) > div::before { width: 58px; height: 58px; }
}
@media (max-width: 360px) {
  #root [data-testid='button-start-check'] { gap: 8px; min-height: 68px; padding: 10px 12px; font-size: 15px; }
  #root [data-testid='button-start-check']::before { flex-basis: 44px; width: 44px; height: 44px; }
  #root [data-testid='button-start-check']::after { flex-basis: 26px; width: 26px; height: 26px; margin-left: 0; }
}
@media (prefers-reduced-motion: reduce) {
  #root [data-testid='button-start-check']:hover,
  #root [data-testid='button-start-check']:active { transform: none; }
}