:root {
  color-scheme: light;
  --page: #f3f6f2;
  --surface: #fff;
  --soft: #f7f9f6;
  --text: #18352b;
  --muted: #4d6157;
  --line: #e1e8e1;
  --green: #1c8058;
  --green-dark: #123f32;
  --green-soft: #e9f4ed;
  --yellow: #f2bd58;
  --blue: #337b94;
  --shadow: 0 16px 45px rgba(25, 54, 39, .08);
  --radius: 22px;
}

.meter-diagram { max-width: 640px; }
.category-search { margin: 20px 0 28px; padding: clamp(16px,3vw,26px); border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); box-shadow: var(--shadow); }
.category-search-heading { display: flex; align-items: center; gap: 12px; margin-bottom: 14px; }
.category-search-heading label { font-size: 1.15rem; font-weight: 800; color: var(--text); }
.category-search-icon { display: grid; flex: 0 0 48px; width: 48px; height: 48px; place-items: center; border-radius: 14px; background: var(--green-soft); color: var(--green); }
.category-search-controls { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 10px; }
.category-search-controls input { width: 100%; min-width: 0; min-height: 50px; border: 1px solid var(--line); border-radius: 12px; padding: 12px 14px; color: var(--text); background: var(--soft); font: inherit; font-size: max(16px,1rem); }
.category-search-controls input:focus-visible, .category-search-clear:focus-visible { outline: 3px solid var(--green); outline-offset: 3px; }
#category-search .category-search-clear { display: inline-flex; gap: 8px; align-items: center; justify-content: center; min-height: 50px; font-size: max(16px,1rem); white-space: normal; }
.category-search-clear svg { flex: 0 0 20px; }
.category-search-help { margin: 12px 0 6px; color: var(--muted); font-size: 1rem; }
.category-search-count { margin: 6px 0 0; color: var(--text); font-weight: 700; }
.category-search-empty { padding: 14px; border: 1px dashed var(--line); border-radius: 12px; color: var(--text); background: var(--soft); overflow-wrap: anywhere; }
[data-category-search-card][hidden], [data-category-search-group][hidden], .category-search [hidden] { display: none !important; }
@media (max-width: 480px) {
  .category-search-controls { grid-template-columns: minmax(0,1fr); }
  .category-search-clear { width: 100%; }
}
.appliance-device-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 210px), 1fr)); gap: 16px; margin: 22px 0 32px; }
.appliance-device-card { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; min-width: 0; padding: 20px; border: 1px solid var(--line); border-radius: 18px; background: var(--surface); color: var(--text); text-decoration: none; }
.appliance-device-card img { width: 80px; height: 80px; }
.appliance-device-card strong { font-size: 1.15rem; }
.appliance-device-card span { font-size: 1rem; color: var(--muted); }
.appliance-device-card:focus-visible, #appliance-app button:focus-visible, #appliance-app summary:focus-visible { outline: 3px solid var(--green); outline-offset: 3px; }
.appliance-fields { min-width: 0; margin: 20px 0; border: 1px solid var(--line); border-radius: 14px; padding: 18px; }
.appliance-fields legend { padding: 0 8px; font-weight: 700; }
.appliance-selection-step { min-width: 0; }
.appliance-summary { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin: 20px 0 10px; }
.appliance-summary > div { display: flex; flex-direction: column; gap: 6px; padding: 16px; border: 1px solid var(--line); border-radius: 14px; background: var(--soft); min-width: 0; }
.appliance-summary dt { color: var(--muted); font-size: 1rem; }
.appliance-summary dd { margin: 0; font-size: clamp(1.4rem, 4vw, 2rem); font-weight: 800; color: var(--text); overflow-wrap: anywhere; }
.appliance-summary-note { color: var(--muted); }
.appliance-reference-warning { padding: 12px; border: 2px solid currentColor; border-radius: 10px; font-weight: 700; }
.appliance-coverage-details { margin: 20px 0; }
.appliance-model-step, .appliance-code-step { grid-column: 1 / -1; }
.appliance-model-step { padding: 16px; border: 1px solid var(--line); border-radius: 12px; background: var(--soft); }
.appliance-model-step[open] > .appliance-selection-step { margin-top: 12px; }
#appliance-hint { padding: 12px 16px; border-left: 4px solid var(--green); background: var(--soft); border-radius: 8px; }
#appliance-code { font-size: 1.2rem; font-weight: 700; }
.appliance-result > p { max-width: 75ch; }
.appliance-model-code-results { display: grid; gap: 12px; margin: 20px 0; }
.appliance-model-code-results > div { padding: 14px; border: 1px solid var(--line); border-radius: 12px; background: var(--surface); min-width: 0; }
.appliance-model-code-results dt { font-weight: 800; overflow-wrap: anywhere; }
.appliance-model-code-results dd { margin: 8px 0 0; line-height: 1.65; overflow-wrap: anywhere; }
.appliance-result h3 { margin-top: 24px; }
.appliance-selection-step label + label { margin-top: 12px; }
.appliance-manual-entry { margin: 20px 0; padding: 12px; border: 1px solid var(--line); border-radius: 12px; background: var(--soft); }
.appliance-manual-entry > .appliance-form-grid { margin-top: 12px; }
.appliance-fields, #appliance-lookup { scroll-margin-top: 100px; }
.appliance-form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.appliance-form-grid label { display: flex; flex-direction: column; gap: 8px; min-width: 0; font-weight: 700; }
.appliance-form-grid input, .appliance-form-grid select { min-width: 0; width: 100%; min-height: 50px; font-size: 1rem; }
.appliance-form-grid small { font-size: 1rem; font-weight: 400; line-height: 1.65; }
.appliance-actions { display: flex; flex-wrap: wrap; gap: 12px; margin: 16px 0; }
#appliance-app button { min-height: 48px; font-size: 1rem; white-space: normal; line-height: 1.5; cursor: pointer; }
#appliance-app button:not([hidden]) { display: inline-flex; align-items: center; justify-content: center; }
.appliance-result { padding: 20px; margin: 24px 0; border: 2px solid var(--green); border-radius: 16px; background: var(--soft); scroll-margin-top: 100px; }
.appliance-result[hidden], #appliance-app [hidden] { display: none; }
.appliance-result h2, .appliance-result a, .appliance-directory, .appliance-device-card { overflow-wrap: anywhere; }
.appliance-severity { font-weight: 800; padding: 12px; border-radius: 10px; background: var(--green-soft); }
.appliance-severity-service { border-left: 5px solid #946000; }
.appliance-severity-stop { border-left: 5px solid #b3261e; }
#appliance-app summary { cursor: pointer; min-height: 48px; padding: 12px 0; font-weight: 700; }
.appliance-directory { list-style: none; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 230px), 1fr)); gap: 12px; }
.appliance-directory li { padding: 12px; background: var(--soft); border: 1px solid var(--line); border-radius: 10px; }
.appliance-directory a { display: flex; align-items: center; min-height: 48px; font-weight: 700; }
.appliance-directory span { display: block; }
#appliance-app p, .native-app .info-card#appliance-app p, .native-app .info-card#appliance-app small { font-size: 1rem; line-height: 1.8; }
@media (max-width: 600px) {
  .appliance-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .appliance-form-grid { grid-template-columns: minmax(0, 1fr); }
  .appliance-fields, .appliance-result { padding: 14px; }
  .appliance-actions > button { width: 100%; }
  body[data-page="category-appliances"] .page-intro, body[data-page="appliance-codes"] .page-intro { gap: 12px; padding-top: 20px; padding-bottom: 20px; }
  body[data-page="category-appliances"] .page-intro > img, body[data-page="appliance-codes"] .page-intro > img { width: 80px; height: 70px; }
}
.micro-guide { margin: 32px 0 24px; scroll-margin-top: 120px; }
.micro-guide-heading { display: flex; align-items: flex-start; gap: 14px; }
.micro-guide-heading img { flex: 0 0 48px; }
.micro-guide-heading h2 { margin: 0; font-size: clamp(1.3rem, 3.5vw, 1.8rem); overflow-wrap: anywhere; }
.micro-guide > h3 { margin: 24px 0 8px; font-size: 1.1rem; }
.micro-guide > p, .native-app .info-card.micro-guide > p { max-width: 78ch; font-size: 1rem; line-height: 1.85; }
.micro-guide .quick-nav { margin-top: 24px; }
.micro-guide .quick-nav a { min-height: 48px; white-space: normal; }
.category-traffic[hidden] { display: none; }
.category-traffic { margin: 24px 0; }
.traffic-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)); gap: 14px; list-style: none; padding: 0; }
.traffic-list a { display: grid; grid-template-columns: 42px minmax(0, 1fr); align-items: center; gap: 12px; min-height: 48px; padding: 16px; border: 1px solid var(--line); border-radius: 14px; background: var(--soft); color: var(--text); text-decoration: none; }
.traffic-list a:focus-visible { outline: 3px solid var(--green); outline-offset: 3px; }
.traffic-list img { grid-row: span 2; }
.traffic-list strong, .traffic-list a > span { overflow-wrap: anywhere; }
.traffic-list a > span { font-size: 1rem; line-height: 1.6; }
.traffic-bar { grid-column: 1 / -1; display: block; height: 8px; border-radius: 6px; background: var(--line); overflow: hidden; }
.traffic-bar > span { display: block; height: 100%; background: var(--green); }
.learning-notes figure { margin: 20px 0; }
.learning-notes figcaption { font-size: 1rem; line-height: 1.75; }
#meter-image-link { min-height: 48px; white-space: normal; }
.meter-steps { padding-left: 1.8rem; }
.meter-steps li { padding: 8px 0 8px 6px; line-height: 1.75; }
.meter-steps li::marker { color: var(--green-dark); font-weight: 800; }
.meter-readings { display: grid; gap: 12px; margin: 18px 0; }
.meter-readings > div { padding: 16px; border: 1px solid var(--line); border-radius: 14px; background: var(--soft); }
.meter-readings dt { font-weight: 800; font-size: 1.15rem; margin-bottom: 8px; }
.meter-readings dd { margin: 0; line-height: 1.75; overflow-wrap: anywhere; }
.learning-notes summary { min-height: 48px; padding: 12px 0; cursor: pointer; font-weight: 700; }

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: radial-gradient(ellipse at 15% 0%, rgba(239,196,117,.1), transparent 32rem), var(--page);
  color: var(--text);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 16px;
  line-height: 1.6;
}
a { color: inherit; }
img { max-width: 100%; }
.container { width: min(1160px, calc(100% - 36px)); margin-inline: auto; }
.site-header {
  position: sticky; z-index: 20; top: 0; padding: 11px 0; border-bottom: 1px solid rgba(225,232,225,.85);
  background: rgba(248,250,247,.94); backdrop-filter: blur(16px);
}
.header-inner, .brand, .header-actions { display: flex; align-items: center; }
.header-inner { justify-content: space-between; gap: 18px; }
.brand { gap: 11px; font-size: 1rem; font-weight: 850; letter-spacing: -.035em; text-decoration: none; }
.brand > span:last-child { display: grid; line-height: 1.15; }
.brand small { margin-top: 4px; color: var(--muted); font-size: .65rem; font-weight: 700; letter-spacing: .01em; }
.brand-mark {
  display: grid; width: 41px; height: 41px; place-items: center; border-radius: 13px;
  background: var(--green-dark); color: white; box-shadow: 0 7px 16px rgba(24,121,78,.2);
}
.brand-mark img { width: 41px; height: 41px; border-radius: 13px; }
.header-actions { justify-content: flex-end; gap: 9px; }
.header-actions .lang-select { width: auto; min-width: 0; max-width: 100%; flex: 0 1 auto; }
.header-pill { padding: 7px 11px; border: 1px solid var(--line); border-radius: 999px; background: #fff; color: var(--muted); font-size: .78rem; font-weight: 700; }
.header-backbar { display: flex; align-items: center; flex-wrap: wrap; gap: 7px; min-height: 42px; padding-top: 5px; }
.header-back-link { display: inline-flex; align-items: center; min-height: 34px; border-color: #d6e6d9; background: #f1f7f2; color: var(--green-dark); text-decoration: none; }
.header-back-link:hover { border-color: #9ccbb0; background: var(--green-soft); color: var(--green-dark); }
.header-home-link { border-color: #d8e2dc; background: var(--surface); }
.page-context { display: flex; align-items: center; flex-wrap: wrap; gap: 3px 10px; min-height: 37px; margin: 0 auto 12px; padding-top: 7px; padding-bottom: 7px; border-bottom: 1px solid var(--line); }
.page-context small { flex: 0 0 auto; color: var(--muted); font-size: .59rem; font-weight: 820; letter-spacing: .09em; line-height: 1.2; }
.page-context strong { display: flex; flex-wrap: wrap; align-items: center; gap: 2px 7px; min-width: 0; color: var(--green-dark); font-size: .78rem; line-height: 1.3; }
.header-location-separator { color: #91a79a; font-size: 1rem; }
.header-current-page { color: var(--muted); font-weight: 650; }
.header-pill span { color: var(--green); }
.header-actions a[href="index.html"], .header-actions a[href="/index.html"] { display: none; }
.hero {
  position: relative; overflow: hidden; display: grid; min-height: 310px; align-items: center; margin-top: 24px;
  padding: clamp(28px, 5vw, 60px); border-radius: 30px;
  background: linear-gradient(112deg,#123f32 0%,#176345 60%,#247552 100%);
  box-shadow: 0 25px 60px rgba(18,63,50,.18);
}
.hero::after {
  position: absolute; top: -145px; right: -44px; width: 460px; height: 460px; border: 1px solid rgba(255,255,255,.12);
  border-radius: 50%; background: radial-gradient(circle,rgba(242,189,88,.13),rgba(255,255,255,.02) 55%,transparent 56%);
  content: ""; pointer-events: none;
}
.hero-content { position: relative; z-index: 2; max-width: 690px; }
.hero-art { position: absolute; z-index: 1; right: 4%; bottom: 0; width: min(34%,360px); }
.eyebrow { margin: 0 0 10px; color: var(--green); font-size: .76rem; font-weight: 850; letter-spacing: .11em; text-transform: uppercase; }
.hero .eyebrow { color: #f5cd78; }
h1, h2, h3, p { overflow-wrap: anywhere; }
h1 { max-width: 720px; margin: 0; color: #fff; font-size: clamp(2.45rem,5.3vw,4.2rem); line-height: 1.03; letter-spacing: -.065em; }
h1 span { color: #f5cd78; }
.hero-copy { max-width: 560px; margin: 17px 0 0; color: rgba(255,255,255,.8); font-size: 1.02rem; }
.hero-cta, .button {
  display: inline-flex; justify-content: center; align-items: center; gap: 8px; min-height: 44px;
  padding: 10px 16px; border: 0; border-radius: 11px; background: var(--green); color: #fff;
  cursor: pointer; font: inherit; font-size: .88rem; font-weight: 800; text-align: center; text-decoration: none;
  transition: transform 160ms ease, background 160ms ease, box-shadow 160ms ease;
}
.hero-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 9px; margin-top: 21px; }
.hero-cta { background: #f5cd78; color: #213b2d; box-shadow: 0 8px 20px rgba(0,0,0,.12); }
.hero-actions .hero-cta { margin-top: 0; }
.hero-app-cta { display: inline-flex; min-height: 44px; align-items: center; justify-content: center; gap: 8px; padding: 9px 14px; border: 1px solid rgba(255,255,255,.34); border-radius: 11px; color: #fff; font-size: .84rem; font-weight: 760; text-decoration: none; }
.hero-app-cta:hover { border-color: #f5cd78; background: rgba(255,255,255,.1); }
.button:hover { transform: translateY(-1px); background: var(--green-dark); }
.hero-cta:hover { transform: translateY(-1px); background: #ffda8d; }
.button.secondary { border: 1px solid var(--line); background: #fff; color: var(--green-dark); }
.button.secondary:hover { background: var(--green-soft); }
.home-quake { display: grid; grid-template-columns: 102px minmax(0,1fr); gap: 20px; align-items: start; margin: 18px 0 24px; padding: clamp(18px,3vw,28px); border: 1px solid #c8ddd0; border-radius: 22px; background: linear-gradient(125deg,#f1f8f2 0%,#fff 62%,#eef5ff 100%); box-shadow: var(--shadow); }
.home-quake-art { display: grid; width: 88px; height: 88px; place-items: center; border-radius: 24px; background: #e0f0e5; }
.home-quake-art img { display: block; width: 72px; height: 72px; }
.home-quake-main { min-width: 0; }
.home-quake-heading { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; }
.home-quake-heading .eyebrow { margin: 0 0 3px; }
.home-quake-heading h2 { margin: 0; color: var(--text); font-size: clamp(1.35rem,3vw,1.8rem); line-height: 1.2; }
.home-quake-live { display: inline-flex; flex: 0 0 auto; align-items: center; gap: 7px; padding: 6px 10px; border: 1px solid #b6d9c1; border-radius: 999px; background: #e7f6ea; color: #225b3c; font-size: .75rem; font-weight: 800; }
.home-quake-live i { width: 8px; height: 8px; border-radius: 50%; background: #228650; box-shadow: 0 0 0 4px rgba(34,134,80,.12); }
.home-quake-status { min-height: 1.3em; margin: 5px 0 10px; color: var(--muted); font-size: .8rem; }
.home-quake-stats { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; }
.home-quake-stats > div { display: flex; align-items: baseline; flex-wrap: wrap; gap: 3px 9px; min-width: 0; padding: 10px 13px; border: 1px solid #dce9de; border-radius: 12px; background: rgba(255,255,255,.8); }
.home-quake-stats strong { color: var(--green-dark); font-size: 1.35rem; font-variant-numeric: tabular-nums; }
.home-quake-stats span { color: var(--muted); font-size: .8rem; }
.home-quake-events { display: grid; gap: 5px; margin: 10px 0 8px; padding: 0; list-style: none; }
.home-quake-event { display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: 10px; min-width: 0; padding: 7px 10px; border-radius: 10px; background: rgba(255,255,255,.76); }
.home-quake-mag { min-width: 45px; padding: 3px 7px; border-radius: 999px; background: #f8e9cf; color: #71450d; font-size: .78rem; font-weight: 850; text-align: center; }
.home-quake-place { overflow: hidden; color: var(--text); font-size: .84rem; font-weight: 720; text-overflow: ellipsis; white-space: nowrap; }
.home-quake-event time { color: var(--muted); font-size: .74rem; white-space: nowrap; }
.home-quake-empty { padding: 10px; border-radius: 10px; background: rgba(255,255,255,.76); color: var(--muted); font-size: .84rem; }
.home-quake-footer { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 8px 14px; padding-top: 9px; border-top: 1px solid #dce9de; }
.home-quake-footer small { color: var(--muted); font-size: .74rem; }
.home-quake-footer a { color: var(--green-dark); font-size: .84rem; font-weight: 820; text-decoration: none; }
.home-quake-footer a:hover { text-decoration: underline; }
.home-updates { margin: 16px 0; }
.home-field-feature { display: grid; grid-template-columns: 82px minmax(0,1fr) auto; align-items: center; gap: 16px 20px; margin: 22px 0 30px; padding: 22px 26px; border: 2px solid #327453; border-radius: 22px; background: linear-gradient(112deg,#eaf5ee 0%,#fff 72%); box-shadow: 0 12px 28px rgba(25,54,39,.08); }
.home-field-icon { display: grid; width: 82px; height: 82px; place-items: center; border: 1px solid #c5dfce; border-radius: 22px; background: #fff; }
.home-field-icon img { display: block; width: 70px; height: 70px; }
.home-field-copy { min-width: 0; }
.home-field-copy .eyebrow { margin: 0 0 5px; color: #397353; font-size: .72rem; font-weight: 850; letter-spacing: .08em; }
.home-field-copy h2 { margin: 0; color: #183d2b; font-size: clamp(1.15rem,2.5vw,1.65rem); line-height: 1.25; }
.home-field-copy p:not(.eyebrow) { margin: 7px 0 10px; color: var(--muted); font-size: .92rem; line-height: 1.55; }
.home-field-action { display: inline-flex; min-height: 44px; align-items: center; justify-content: center; gap: 8px; padding: 9px 15px; border-radius: 11px; background: #1e6545; color: #fff; font-weight: 800; text-decoration: none; }
.home-field-action-label { min-width: 0; }
.home-field-action:hover { background: #174d35; }
.home-field-badges { display: grid; gap: 8px; min-width: 158px; }
.home-field-badges span { display: flex; min-width: 0; align-items: center; gap: 8px; color: #345d45; font-size: .78rem; font-weight: 750; white-space: normal; overflow-wrap: anywhere; }
.home-field-badges svg { width: 19px; height: 19px; flex: 0 0 19px; fill: none; stroke: #327453; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.7; }
.home-feature-links { margin: 0 0 28px; padding: 20px 22px; border: 1px solid var(--line); border-radius: 18px; background: var(--surface); }
.home-feature-heading { display: flex; flex-wrap: wrap; align-items: baseline; gap: 5px 12px; margin-bottom: 14px; }
.home-feature-heading .eyebrow { width: 100%; margin: 0; color: var(--green-dark); font-size: .7rem; font-weight: 850; letter-spacing: .08em; }
.home-feature-heading h2 { margin: 0; color: var(--text); font-size: 1.2rem; }
.home-feature-heading > p:last-child { margin: 0; color: var(--muted); font-size: .86rem; }
.home-feature-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; }
.home-feature-grid > a { display: grid; grid-template-columns: 42px minmax(0,1fr) 18px; align-items: center; gap: 10px; min-width: 0; padding: 12px; border: 1px solid var(--line); border-radius: 13px; background: var(--surface); color: var(--text); text-decoration: none; transition: border-color .16s ease,transform .16s ease; }
.home-feature-grid > a:hover { transform: translateY(-2px); border-color: #79a98a; }
.home-feature-icon { display: grid; width: 42px; height: 42px; place-items: center; border-radius: 12px; background: #edf5ef; color: #2f7651; }
.home-feature-icon.boiler { background: #fff1e5; color: #a35a2d; }
.home-feature-icon.appliance { background: #eef3fa; color: #426c98; }
.home-feature-icon.qr { background: #f1effa; color: #6558a0; }
.home-feature-icon svg { width: 23px; height: 23px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.7; }
.home-feature-grid > a > span:nth-child(2) { display: grid; gap: 3px; min-width: 0; }
.home-feature-grid strong { font-size: .9rem; line-height: 1.25; }
.home-feature-grid small { color: var(--muted); font-size: .76rem; line-height: 1.35; }
.home-feature-grid b { color: #587267; font-size: 1rem; }
.updates-notice { display: flex; align-items: center; gap: 12px; min-height: 56px; padding: 12px 16px; border: 1px solid #647c71; border-radius: 12px; background: var(--surface); color: var(--text); text-decoration: none; overflow-wrap: anywhere; }
.updates-notice > span:nth-child(2) { flex: 1; min-width: 0; }
.updates-notice strong { display: block; font-size: 1rem; }
.updates-notice small { display: block; color: var(--muted); font-size: .875rem; }
.updates-notice-icon { display: grid; flex: 0 0 40px; width: 40px; height: 40px; place-items: center; border: 1px solid var(--line); border-radius: 11px; background: var(--green-soft); color: var(--green-dark); }
.updates-notice-icon svg { display: block; }
.updates-notice:hover { background: var(--green-soft); border-color: var(--green); }
.updates-notice:focus-visible { outline: 3px solid var(--green); outline-offset: 3px; }
.updates-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,300px),1fr)); gap: 16px; margin: 18px 0 28px; }
.updates-grid, .privacy-content [id^="privacy-"] { scroll-margin-top: 100px; }
.privacy-content { line-height: 1.75; }
.info-card.privacy-content p { font-size: 1rem; margin-bottom: 18px; }
.info-card.privacy-content h2 { font-size: 1.3rem; margin-top: 28px; }
.info-card.privacy-content h3 { font-size: 1.1rem; margin-top: 24px; }
.privacy-index { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,8rem),1fr)); gap: 10px; margin: 20px 0; padding: 14px; border: 1px solid var(--line); border-radius: 14px; background: var(--soft); }
.privacy-index a { display: flex; align-items: center; min-width: 0; min-height: 48px; padding: 10px; border: 1px solid var(--line); border-radius: 10px; color: var(--text); background: var(--surface); font-size: 1rem; line-height: 1.6; overflow-wrap: anywhere; text-decoration: none; }
.privacy-index a:is(:hover,:focus-visible) { outline: 2px solid var(--green); outline-offset: 2px; }
.update-card { display: flex; flex-direction: column; min-width: 0; padding: 20px; border: 1px solid var(--line); border-top: 4px solid var(--green); border-radius: 14px; background: var(--surface); color: var(--text); overflow-wrap: anywhere; }
.update-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; font-size: .9rem; line-height: 1.6; }
.update-meta span { padding: 3px 10px; border: 1px solid var(--line); border-radius: 999px; background: var(--soft); font-weight: 700; }
.update-card h3 { font-size: 1.12rem; line-height: 1.5; margin: 16px 0 8px; }
.update-card p { font-size: 1rem; line-height: 1.8; margin: 0 0 18px; }
.update-card .button.secondary { min-height: 48px; border: 2px solid #647c71; font-size: 1rem; line-height: 1.5; white-space: normal; }
.update-card .button { margin-top: auto; }
.learning-tool input, .learning-tool select, .learning-guide select { width: 100%; min-height: 50px; font-size: 1rem; }
.learning-tool .field[hidden], #learning-guide-result[hidden] { display: none; }
.learning-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 20px; }
.learning-actions .button, .learning-notes .button { min-height: 48px; font-size: 1rem; line-height: 1.5; white-space: normal; }
.learning-picture { width: 100%; max-width: 480px; height: auto; display: block; margin: 20px auto; }
.learning-wave { width: 100%; max-width: 600px; height: auto; display: block; margin: 16px auto; }
.learning-guide, .learning-notes { margin: 24px 0; }
.learning-guide p, .learning-notes p, .learning-notes li { font-size: 1rem; line-height: 1.75; }
.learning-guide .field { margin-top: 18px; }
.learning-tool .zener-result[data-state="warning"] { border-color: #a36a12; background: #fff7e8; }
@media(max-width: 600px) { .learning-actions { display: grid; grid-template-columns: minmax(0,1fr); } }
.zener-tool, #zener-catalog { scroll-margin-top: 180px; }
.zener-easy { margin-bottom: 24px; border-top: 5px solid #287b53; }
.zener-easy h3 { margin-top: 28px; }
.zener-easy input, .zener-easy select { width: 100%; min-height: 50px; font-size: 1rem; }
.zener-easy > .field { margin: 20px 0; }
.zener-easy p, .zener-easy .helper { font-size: 1rem; line-height: 1.7; }
.zener-easy .button { min-height: 48px; font-size: 1rem; line-height: 1.5; white-space: normal; text-align: center; }
.zener-voltage-buttons { display: grid; grid-template-columns: repeat(auto-fit,minmax(90px,1fr)); gap: 10px; margin: 16px 0; }
.zener-voltage-buttons .button[aria-pressed="true"] { background: #1b5e40; color: #fff; border: 2px solid #1b5e40; }
.zener-easy details { margin: 20px 0; }
.zener-easy details .zener-fields { margin-top: 16px; }
.zener-part-simple, #zener-simple-summary { border-left: 4px solid #287b53; padding: 12px; background: #e9f4ed; color: #183d30; }
#zener-result { scroll-margin-top: 180px; }
.zener-fields { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,240px),1fr)); gap: 16px; }
.zener-tool input, .zener-tool select, #zener-search { width: 100%; min-height: 48px; font-size: 1rem; }
.zener-tool .button, .zener-part .button, #zener-catalog .button { min-height: 48px; font-size: 1rem; white-space: normal; line-height: 1.5; }
.zener-circuit { display: block; width: 100%; max-width: 680px; margin: 24px auto; height: auto; }
.zener-diagram-scroll { overflow-x: auto; }
.zener-circuit { min-width: 520px; }
.zener-circuit[hidden], .zener-result[hidden], #zener-resistance-field[hidden] { display: none; }
.zener-result { margin-top: 20px; padding: 20px; border: 2px solid #608975; background: #f2f8f4; border-radius: 16px; }
.zener-result[data-state="warning"] { border-color: #a36a12; background: #fff7e8; }
.zener-values { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,220px),1fr)); gap: 12px; }
.zener-values > div { padding: 12px; background: #fff; border: 1px solid #b8ccbf; border-radius: 10px; min-width: 0; }
.zener-values dt { font-size: 1rem; color: #344f43; }
.zener-values dd { margin: 8px 0 0; font-size: 1.15rem; font-weight: 800; color: #174c34; overflow-wrap: anywhere; }
.zener-parts { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,270px),1fr)); gap: 16px; margin: 20px 0; }
.zener-part { display: flex; flex-direction: column; gap: 12px; padding: 18px; border: 1px solid #b8ccbf; border-top: 4px solid #287b53; border-radius: 14px; background: #f7fbf8; min-width: 0; }
.zener-part h3 { margin: 0; }
.zener-part img { max-width: 100%; height: auto; }
#zener-catalog .zener-part p, .zener-result p { font-size: 1rem; line-height: 1.7; }
.zener-part .button { margin-top: auto; width: 100%; }
.electronics-guides, #electronics-calculators { scroll-margin-top: 180px; }
.electronics-guide-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; margin: 18px 0; }
.electronics-guide-card { position: relative; display: flex; flex-direction: column; min-width: 0; padding: 24px; border: 1px solid #b8d2c1; border-top: 5px solid #287b53; border-radius: 18px; background: #f7fbf8; overflow-wrap: anywhere; }
.electronics-guide-card .button::after { position: absolute; inset: 0; border-radius: 18px; content: ""; }
.electronics-guide-card .button:hover { transform: none; }
.electronics-guide-card:focus-within { outline: 3px solid var(--green); outline-offset: 3px; }
.electronics-guide-card--usb { background: #f5f9fd; border-color: #b8ccdf; border-top-color: #246392; }
.electronics-guide-head { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; }
.electronics-guide-icon { display: grid; place-items: center; width: 112px; height: 70px; border-radius: 14px; background: #e9f5ef; flex: 0 0 auto; }
.electronics-guide-icon img { max-width: 100%; object-fit: contain; }
.electronics-guide-kind { padding: 7px 10px; border: 1px solid #a5c7b2; border-radius: 9px; color: #174c34; background: #e5f3e9; font-size: .9rem; font-weight: 700; }
.electronics-guide-card--usb .electronics-guide-kind { color: #174a70; background: #e6f1fa; border-color: #aac8df; }
.electronics-guide-card h3 { margin: 18px 0 10px; font-size: 1.25rem; line-height: 1.4; }
.electronics-guide-card p, .electronics-guide-card li { font-size: 1rem; line-height: 1.7; color: #344f43; }
.electronics-guide-card p { margin: 0; }
.electronics-guide-card ul { padding-left: 22px; margin: 14px 0 22px; }
.electronics-guide-card .button { margin-top: auto; min-height: 48px; width: 100%; white-space: normal; text-align: center; font-size: 1rem; line-height: 1.5; background: #1b5e40; color: #fff; border: 2px solid #1b5e40; }
.electronics-guide-card--usb .button { background: #1b527e; border-color: #1b527e; }
.electronics-guide-card .button:focus-visible { outline: 3px solid #a16700; outline-offset: 4px; }
.electronics-jumps a { min-height: 48px; display: inline-flex; align-items: center; font-size: 1rem; white-space: normal; }
@media(max-width: 680px) {
  .electronics-guide-grid { grid-template-columns: minmax(0,1fr); }
  .electronics-guide-card { padding: 18px; }
  .electronics-jumps { display: grid; grid-template-columns: minmax(0,1fr); }
}
.usb-explorer select { min-height: 48px; font-size: 1rem; width: 100%; }
.usb-illustration { display: flex; align-items: center; flex-wrap: wrap; gap: 16px; margin: 20px 0; font-size: 1.2rem; font-weight: 700; }
.usb-illustration img { width: 240px; max-width: 100%; height: auto; border-radius: 16px; }
.usb-pins { display: grid; grid-template-columns: repeat(auto-fit,minmax(100px,1fr)); gap: 10px; }
.usb-wiring { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,300px),1fr)); gap: 20px; margin: 20px 0; align-items: start; }
.usb-wiring svg { display: block; width: 100%; max-width: 440px; height: auto; font-family: Arial,sans-serif; }
html[data-theme="dark"] .usb-wiring svg { filter: invert(1) hue-rotate(180deg); }
.usb-wire-active text { text-decoration: underline; }
.usb-pin { min-height: 56px; padding: 10px; border: 2px solid #728c80; border-radius: 10px; color: #153e30; background: #f4faf6; font: inherit; font-weight: 700; cursor: pointer; }
.usb-pin[aria-pressed="true"] { color: #fff; background: #154d39; border-color: #154d39; box-shadow: inset 0 -4px 0 #b5d8c6; }
.usb-pin:focus-visible { outline: 3px solid #126baa; outline-offset: 3px; }
.usb-detail { margin-top: 20px; padding: 18px; border: 2px solid #618477; border-left: 6px solid #24684f; border-radius: 10px; background: #edf6f0; color: #183d30; }
.usb-detail h3 { margin-top: 0; }
.usb-detail p { margin-bottom: 0; }
.usb-table-scroll { overflow-x: auto; margin: 16px 0; }
.usb-table { width: 100%; border-collapse: collapse; min-width: 480px; }
.usb-table caption { text-align: left; font-weight: 700; padding-bottom: 12px; }
.usb-table th, .usb-table td { padding: 12px; border: 1px solid #9bb0a5; text-align: left; }
.usb-table thead { background: #edf6f0; color: #183d30; }
.usb-explorer[hidden] { display: none; }
.parts-controls { display: flex; align-items: end; flex-wrap: wrap; gap: 16px; }
.parts-controls .field { flex: 1 1 240px; min-width: 0; }
.parts-controls input, .parts-controls select { min-height: 48px; font-size: 1rem; }
.parts-controls .button, .part-card .button { min-height: 48px; font-size: 1rem; line-height: 1.5; white-space: normal; border: 2px solid #647c71; }
#parts-count { flex-basis: 100%; margin: 0; font-size: 1rem; font-weight: 700; }
.parts-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,310px),1fr)); gap: 20px; margin: 24px 0; }
.part-card { min-width: 0; border: 1px solid var(--line); border-radius: 18px; background: var(--surface); overflow: hidden; }
.part-card > img { display: block; width: 100%; height: auto; aspect-ratio: 9/4; object-fit: contain; }
.part-card-body { padding: 20px; }
.part-badge { display: inline-block; padding: 4px 10px; border-radius: 8px; background: var(--green-soft); color: var(--green-dark); font-size: .875rem; font-weight: 700; }
.part-card h2 { margin: 12px 0; font-size: 1.25rem; line-height: 1.5; }
.part-card p, .part-card dd { font-size: 1rem; line-height: 1.75; }
.part-card .part-code { padding: 12px; border-left: 3px solid var(--green); background: var(--soft); }
.part-card details { margin: 18px 0; }
.part-card summary { display: list-item; padding: 12px 4px; min-height: 48px; font-size: 1rem; font-weight: 750; color: var(--green-dark); cursor: pointer; }
.part-card dt { margin-top: 12px; font-weight: 750; }
.part-card dd { margin: 4px 0 0; }
.part-card .button { width: 100%; }
@media (max-width: 480px) {
  .parts-controls { display: grid; grid-template-columns: minmax(0,1fr); }
}
.smd-resistor-layout { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 24px; align-items: start; }
.smd-resistor-tool .field { margin-bottom: 16px; }
.smd-resistor-tool input, .smd-resistor-tool select { min-height: 48px; font-size: 1rem; }
#smd-resistor-code { text-transform: uppercase; font-family: ui-monospace,monospace; font-size: 1.4rem; letter-spacing: .1em; }
.smd-resistor-tool .button { min-height: 48px; font-size: 1rem; line-height: 1.5; white-space: normal; }
.smd-resistor-tool .button.secondary { border: 2px solid #647c71; color: var(--green-dark); background: var(--surface); }
.smd-resistor-submit { width: 100%; }
.smd-resistor-examples { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 18px; }
.smd-resistor-examples .button { flex: 1 1 70px; }
.smd-resistor-preview-panel { min-width: 0; }
#smd-resistor-preview { display: block; width: 100%; height: auto; }
.smd-resistor-caption { color: var(--muted); font-size: .9rem; line-height: 1.7; }
.smd-resistor-result { padding: 20px; border: 2px solid #3c8460; border-radius: 14px; background: var(--green-soft); color: var(--text); overflow-wrap: anywhere; }
.smd-resistor-result strong { display: block; font-size: clamp(1.8rem,6vw,2.6rem); line-height: 1.5; color: var(--green-dark); }
.smd-resistor-result p { margin: 8px 0; font-size: 1rem; line-height: 1.7; }
@media (max-width: 700px) {
  .smd-resistor-layout { grid-template-columns: minmax(0,1fr); gap: 20px; }
}
.ham-practice .button { min-height: 48px; font-size: 1rem; line-height: 1.5; white-space: normal; overflow-wrap: anywhere; }
.ham-practice-actions { display: flex; flex-wrap: wrap; gap: 12px; margin: 18px 0; }
.ham-practice-actions .button { flex: 1 1 130px; }
.ham-audio-tone { margin-top: 18px; max-width: 240px; }
.ham-practice .button.secondary { border: 2px solid #647c71; color: #183e2c; background: #fff; }
.ham-practice .button:disabled { opacity: 1; cursor: not-allowed; transform: none; box-shadow: none; color: #45554c; background: #e7ece9; border: 2px dashed #74847b; }
.ham-practice .button:focus-visible { outline: 3px solid #2166a2; outline-offset: 3px; }
#q-practice-run { margin-top: 24px; padding-top: 18px; border-top: 1px solid var(--line); }
#q-practice-options, .ham-answer-options { gap: 12px; }
#q-practice-options .button, .ham-answer-options .button { justify-content: flex-start; text-align: left; padding: 14px 16px; }
#q-practice-options .button:disabled, .ham-answer-options .button:disabled { border-style: solid; }
#q-practice-options .button[data-answer="correct"], .ham-answer-options .button[data-answer="correct"] { color: #123d25; background: #e1f3e6; border: 3px solid #286a3b; }
#q-practice-options .button[data-answer="incorrect"], .ham-answer-options .button[data-answer="incorrect"] { color: #74211d; background: #fff0ed; border: 3px solid #a73d35; }
#q-practice-feedback:not(:empty), #morse-audio-status:not(:empty), .ham-answer-feedback:not(:empty) { padding: 14px; border: 1px solid #74847b; border-radius: 10px; background: #f0f5f2; color: #183e2c; font-weight: 700; line-height: 1.7; }
.ham-daily { margin: 22px 0; border: 1px solid #91b6a0; border-top: 4px solid var(--green); background: linear-gradient(120deg,var(--green-soft),var(--surface) 75%); }
.ham-daily-heading { display: flex; align-items: center; gap: 14px; }
.ham-daily-heading h2 { margin: 0; font-size: clamp(1.25rem,3vw,1.65rem); line-height: 1.4; }
.ham-daily-heading .eyebrow { margin-bottom: 5px; }
.ham-daily-icon { display: grid; flex: 0 0 52px; width: 52px; height: 52px; place-items: center; border-radius: 14px; background: var(--green-dark); color: #f5cd78; }
.ham-repeater-notice { border: 1px solid #93b4c4; background: linear-gradient(120deg,#eef6fa,var(--surface) 80%); }
.ham-repeater-heading { display: flex; align-items: center; gap: 14px; margin-bottom: 18px; }
.ham-repeater-icon { display: grid; flex: 0 0 52px; width: 52px; height: 52px; place-items: center; border-radius: 14px; background: #184b65; color: #fff; }
.ham-repeater-heading h2 { margin: 0 0 6px; font-size: 1.25rem; line-height: 1.5; }
.ham-repeater-heading p { margin: 0; color: var(--text); font-size: 1rem; line-height: 1.75; }
.ham-repeater-notice .button { min-height: 48px; padding: 12px 18px; background: #184b65; color: #fff; border: 2px solid #184b65; font-size: 1rem; line-height: 1.5; white-space: normal; text-align: center; }
.ham-repeater-notice .button:hover { background: #10374c; border-color: #10374c; }
.ham-daily p { font-size: 1rem; line-height: 1.75; }
.ham-daily-actions { display: flex; align-items: end; flex-wrap: wrap; gap: 12px; margin: 20px 0; }
.ham-daily-actions .field { flex: 1 1 160px; max-width: 240px; }
.ham-daily-actions select { min-height: 48px; font-size: 1rem; }
#daily-practice-run { margin-top: 20px; padding-top: 18px; border-top: 1px solid #91b6a0; }
#daily-practice-question { font-size: 1.15rem; line-height: 1.7; scroll-margin-top: 160px; }
@media (max-width: 480px) {
  .ham-practice-actions { display: grid; grid-template-columns: minmax(0,1fr); }
  .ham-practice #q-practice-start, .ham-practice #q-practice-next { width: 100%; }
  .ham-daily-actions { display: grid; grid-template-columns: minmax(0,1fr); }
  .ham-daily-actions .field { max-width: none; }
  #daily-practice-next { width: 100%; }
  .ham-answer-options { grid-template-columns: minmax(0,1fr); }
  .ham-repeater-heading { align-items: flex-start; }
  .ham-repeater-notice .button { width: 100%; }
}
.button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible { outline: 3px solid rgba(67,136,167,.42); outline-offset: 3px; }
.quick-nav { display: flex; flex-wrap: wrap; gap: 8px; margin: 18px 0; padding: 10px; border: 1px solid var(--line); border-radius: 16px; background: rgba(255,255,255,.92); box-shadow: 0 7px 20px rgba(25,54,39,.04); }
.quick-nav a { padding: 7px 11px; border: 1px solid var(--line); border-radius: 999px; background: var(--soft); color: #496258; font-size: .8rem; font-weight: 720; text-decoration: none; }
.quick-nav a:hover { border-color: #9ccbb0; color: var(--green-dark); }
.ad-slot { display: grid; min-height: 92px; place-items: center; margin: 22px 0; padding: 14px; border: 1px dashed #cbd5ca; border-radius: 15px; background: rgba(255,255,255,.58); color: #87948b; text-align: center; }
.ad-slot strong { display: block; color: #748378; font-size: .72rem; letter-spacing: .08em; text-transform: uppercase; }
.ad-slot span { display: block; margin-top: 4px; font-size: .73rem; }
.section-heading { display: flex; justify-content: space-between; align-items: end; gap: 18px; margin: 32px 0 15px; }
.section-heading h2 { margin: 0; font-size: clamp(1.5rem,3vw,2.1rem); letter-spacing: -.045em; }
.section-heading p { max-width: 510px; margin: 0; color: var(--muted); font-size: .89rem; }
.favorite-strip { margin: 0 0 15px; padding: 13px 15px; border: 1px solid #e7dcc0; border-radius: 14px; background: #fffbf1; }
.favorite-strip strong { display: block; margin-bottom: 7px; font-size: .84rem; }
.favorite-links { display: flex; flex-wrap: wrap; gap: 7px; }
.favorite-links a { padding: 6px 9px; border: 1px solid #eadcb9; border-radius: 999px; color: #614c23; font-size: .75rem; font-weight: 740; text-decoration: none; }
.favorite-button { margin-left: auto; padding: 7px 10px; border: 1px solid var(--line); border-radius: 9px; background: #fff; color: #62766b; cursor: pointer; font: inherit; font-size: .73rem; font-weight: 750; }
.favorite-button[aria-pressed="true"] { border-color: #f0d48a; background: #fff8df; color: #735511; }
.tool-discovery { display: grid; grid-template-columns: minmax(220px,.8fr) minmax(0,2fr); gap: 12px 18px; align-items: end; margin: 16px 0 8px; padding: 15px; border: 1px solid var(--line); border-radius: 16px; background: #fff; }
.tool-search { display: grid; gap: 5px; color: #405c4d; font-size: max(16px, 1rem); font-weight: 780; }
.tool-search input { min-height: 45px; }
.tool-discovery .tool-search { grid-column: 1/-1; }
.tool-search-field { display: flex; align-items: center; gap: 8px; min-width: 0; }
.hero .home-tool-search { grid-template-columns: minmax(0,1fr); gap: 10px; margin: 24px 0 0; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
.home-tool-search .home-search-label { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.home-tool-search .tool-search-field { position: relative; display: block; }
.home-search-icon { position: absolute; inset-inline-start: 18px; top: 50%; display: grid; place-items: center; width: 22px; height: 22px; color: #557366; transform: translateY(-50%); pointer-events: none; }
.home-search-icon svg { width: 22px; height: 22px; }
.home-tool-search .tool-search-field input { min-height: 58px; border-radius: 18px; border: 1px solid rgba(255,255,255,.6); padding: 15px 52px; background: #fff; color: #18352b; font-size: max(16px,1rem); font-weight: 500; box-shadow: 0 6px 18px rgba(5,30,20,.1); }
.home-tool-search .tool-search-field input::placeholder { color: #64796e; opacity: 1; }
.home-tool-search .tool-search-field input:focus { outline: 2px solid #99c5ae; outline-offset: 3px; }
.home-tool-search #tool-search-clear { position: absolute; inset-inline-end: 7px; top: 50%; width: 44px; min-height: 44px; padding: 0; border: 0; border-radius: 12px; background: transparent; color: #557366; box-shadow: none; transform: translateY(-50%); }
.home-tool-search #tool-search-clear:disabled { opacity: 0; pointer-events: none; }
.home-tool-search #tool-search-clear:not(:disabled):hover { background: #edf4ef; color: #173f30; }
.home-tool-search #tool-search-clear:focus-visible { outline: 2px solid #287a54; outline-offset: -2px; }
.hero .home-tool-search .tool-count { margin: 0 4px; color: #d7e8df; line-height: 1.5; font-weight: 400; }
.home-tool-search .tool-suggestions { padding: 14px; border-color: #e1ebe4; border-radius: 18px; box-shadow: 0 8px 20px rgba(5,30,20,.08); }
.home-tool-search .tool-suggestions a:not(.home-search-all) { border: 0; background: #f3f7f4; }
.home-tool-search .tool-suggestions a:not(.home-search-all):hover { background: #e7f1ea; }
.home-tool-search .tool-suggestions .home-search-all { align-items: center; height: auto; margin: 10px 0 0; padding: 10px 2px; border: 0; border-top: 1px solid #e1ebe4; border-radius: 0; }
.home-search-all { display: inline-flex; align-items: center; min-height: 48px; margin-top: 10px; color: #165a3c; font-weight: 750; }
.home-search-all[hidden] { display: none; }
#tool-grid { scroll-margin-top: 100px; }
.tool-search-field input { flex: 1; min-width: 0; width: 100%; }
#tool-search::-webkit-search-cancel-button { -webkit-appearance: none; }
#tool-search-clear { flex: 0 0 50px; min-height: 50px; border: 1px solid var(--line); border-radius: 12px; background: #fff; color: #234a38; font: 1.65rem system-ui; cursor: pointer; }
#tool-search-clear:disabled { opacity: .5; cursor: default; }
.tool-suggestions { grid-column: 1/-1; min-width: 0; padding: 14px; border: 1px solid var(--line); border-radius: 16px; background: #fff; color: #183c2b; }
.tool-suggestions[hidden] { display: none; }
.tool-suggestions h3 { margin: 0 0 10px; font-size: 1rem; }
.tool-suggestions ul { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,260px),1fr)); gap: 8px; margin: 0; padding: 0; list-style: none; }
.tool-suggestions a { display: flex; align-items: flex-start; gap: 10px; min-height: 52px; height: 100%; padding: 10px; border: 1px solid var(--line); border-radius: 12px; color: inherit; text-decoration: none; }
.tool-suggestions a:hover, .tool-suggestions a:focus-visible { background: #eaf5ee; outline: 2px solid #287a54; outline-offset: 1px; }
.tool-suggestions img { flex: 0 0 30px; width: 30px; height: 30px; }
.tool-suggestions span { min-width: 0; overflow-wrap: anywhere; }
.tool-suggestions strong, .tool-suggestions small { display: block; }
.tool-suggestions small { margin-top: 5px; font-size: .85rem; line-height: 1.5; color: #456453; }
.tool-filters { display: flex; flex-wrap: wrap; gap: 7px; }
.tool-filter { min-height: 44px; max-width: 100%; padding: 8px 12px; border: 1px solid var(--line); border-radius: 999px; background: #f7f9f6; color: #476258; cursor: pointer; font: inherit; font-size: max(16px, 1rem); font-weight: 760; white-space: normal; overflow-wrap: anywhere; }
.tool-filter:hover, .tool-filter[aria-pressed="true"] { border-color: #85bb98; background: var(--green-soft); color: var(--green-dark); }
.tool-count { grid-column: 1/-1; margin: -5px 0 0; color: var(--muted); font-size: max(16px, 1rem); }
.tool-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 15px; margin: 16px 0 34px; }
.tool-card {
  display: flex; min-width: 0; min-height: 205px; flex-direction: column; align-items: flex-start; padding: 19px;
  border: 1px solid var(--line); border-radius: 18px; background: var(--surface); box-shadow: 0 8px 24px rgba(25,54,39,.045);
  text-decoration: none; transition: transform 170ms ease, box-shadow 170ms ease, border-color 170ms ease;
}
.tool-card-link { display: flex; width: 100%; min-width: 0; flex: 1; flex-direction: column; align-items: flex-start; color: var(--text); overflow-wrap: anywhere; text-decoration: none; }
.tool-card > .favorite-button { min-height: 44px; max-width: 100%; margin: 12px 0 0; font-size: max(16px, 1rem); white-space: normal; overflow-wrap: anywhere; }
.tool-card-link:focus-visible { outline: 3px solid var(--accent, var(--green)); outline-offset: 5px; border-radius: 8px; }
.tool-card:hover { transform: translateY(-3px); border-color: #b8d2c1; box-shadow: var(--shadow); }
.tool-card-head { display: flex; width: 100%; min-width: 0; min-height: 64px; align-items: center; gap: 12px; }
.tool-card-icon { display: grid; width: 58px; height: 58px; place-items: center; flex: 0 0 auto; border: 1px solid #dfeddf; border-radius: 17px; background: linear-gradient(145deg,#e9f4ed,#f7f8e9); }
.tool-card-icon img { width: 44px; height: 44px; object-fit: contain; }
.tool-card h3 { min-width: 0; margin: 0; font-size: 1rem; line-height: 1.3; letter-spacing: -.025em; }
.tool-card p { margin: 12px 0; color: var(--muted); font-size: max(16px, .95rem); }
.tool-card .card-link { display: inline-flex; align-items: center; gap: 6px; margin-top: auto; color: var(--green); font-size: max(16px, .9rem); font-weight: 800; }
.tool-card[hidden] { display: none; }
.tool-search input, .feedback-form input, .feedback-form select, .feedback-form textarea {
  width: 100%; min-height: 44px; padding: 10px 12px; border: 1px solid #d6e0d6; border-radius: 10px;
  background: #fff; color: var(--text); font: inherit; font-size: max(16px, .9rem);
}
.feedback-form { margin: 18px 0 32px; }
.feedback-form .field-wide { grid-column: 1/-1; }
.feedback-form textarea { min-height: 150px; resize: vertical; }
.feedback-form [readonly] { margin-top: 8px; background: #f7faf7; }
.feedback-form .action-row { justify-content: flex-start; }
.step-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; margin: 20px 0 32px; }
.step-card { padding: 17px; border: 1px solid var(--line); border-radius: 16px; background: #fff; }
.step-number { display: grid; width: 30px; height: 30px; place-items: center; border-radius: 10px; background: var(--green-soft); color: var(--green); font-size: .85rem; font-weight: 850; }
.step-card h3 { margin: 10px 0 4px; font-size: .92rem; }
.step-card p { margin: 0; color: var(--muted); font-size: .82rem; }
.content-grid { display: grid; grid-template-columns: 1.12fr .88fr; gap: 16px; margin: 20px 0 32px; }
.boiler-directory > summary { padding: 16px; cursor: pointer; font-weight: 800; }
.boiler-directory .tool-card { min-width: 0; min-height: 0; overflow-wrap: anywhere; text-decoration: none; }
.boiler-directory .tool-grid { margin-top: 16px; }
#boiler-results .info-card { min-width: 0; overflow-wrap: anywhere; }
.share-panel { --share-utility-bg: #edf5f0; --share-utility-color: #185c40; grid-column: 1/-1; min-width: 0; width: 100%; margin-top: 18px; padding: clamp(12px,2.4vw,18px); border: 1px solid var(--line); border-radius: 18px; background: linear-gradient(145deg,var(--surface),var(--soft)); box-shadow: 0 8px 24px #123f3208; container-type: inline-size; }
.share-heading { display: flex; align-items: center; gap: 10px; margin: 0 0 12px; color: #294d3d; font-size: .94rem; font-weight: 750; letter-spacing: .01em; line-height: 1.4; }
.share-heading::before { display: block; flex: 0 0 9px; width: 9px; height: 9px; margin: 0 10px 0 5px; border: 0; border-top: 2px solid #24744d; border-right: 2px solid #24744d; border-radius: 0; background: none; content: ""; transform: rotate(45deg); }
.share-panel .action-row { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); align-items: stretch; gap: 9px; }
.share-panel button.share-button { display: flex; align-items: center; justify-content: flex-start; min-height: 48px; min-width: 0; width: 100%; max-width: 100%; padding: 9px 11px; gap: 9px; border: 1px solid #dce5de; border-radius: 12px; background: var(--surface); color: #244536; font-family: inherit; font-size: .8rem; font-weight: 650; letter-spacing: 0; text-align: left; white-space: normal; line-height: 1.3; box-shadow: 0 2px 6px #123f3208; transition: border-color .16s ease, background-color .16s ease, color .16s ease, box-shadow .16s ease, transform .16s ease; }
@container (min-width: 560px) { .share-panel .action-row { grid-template-columns: repeat(4,minmax(0,1fr)); } }
@container (max-width: 200px) { .share-panel .action-row { grid-template-columns: minmax(0,1fr); } }
.share-button svg { display: block; width: 19px; height: 19px; flex: 0 0 19px; }
.share-label { min-width: 0; overflow-wrap: anywhere; word-break: normal; }
#household-app .share-panel button.share-button { font-size: .8rem; font-weight: 650; padding: 9px 10px; }
#household-app .share-panel p { font-size: .9rem; line-height: 1.65; }
.share-badge { font-size: .65rem; font-weight: 750; }
.share-panel button.share-button[data-share-kind="facebook"] { border-color: #d7e5fb; background: #f1f6ff; color: #194b95; }
.share-panel button.share-button[data-share-kind="x"] { border-color: #e0e3e1; background: #f5f6f5; color: #202b25; }
.share-panel button.share-button[data-share-kind="whatsapp"] { border-color: #d4eadb; background: #edf8f0; color: #165c34; }
.share-panel button.share-button[data-share-kind="instagram"] { border-color: #efdce7; background: #faf2f7; color: #80375c; }
.share-panel button.share-button[data-share-kind="pdf"] { border-color: #f1dfd1; background: #fff5ed; color: #814420; }
.share-panel button.share-button:hover { border-color: currentColor; box-shadow: 0 5px 14px #123f3214; transform: translateY(-1px); }
.share-panel button.share-button:disabled { opacity: .65; cursor: wait; transform: none; }
.share-panel button.share-button:focus-visible { outline: 3px solid #337b94; outline-offset: 3px; }
.share-panel [role="status"]:empty { display: none; }
.share-panel > .note { margin: 12px 0 0; color: var(--muted); font-size: .8rem; line-height: 1.55; }
.share-panel > [role="status"]:not(:empty) { margin: 10px 0 0; padding: 9px 11px; border-radius: 10px; background: var(--soft); color: var(--text); font-size: .84rem; line-height: 1.5; }
@media (prefers-reduced-motion: reduce) { .share-panel .share-button { transition: none; } }
.share-print-frame { position: fixed; width: 1px; height: 1px; border: 0; bottom: 0; left: 0; }
.qr-layout { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); gap: 20px; align-items: start; }
#qr-form { display: grid; gap: 16px; }
#qr-form .exam-fieldset { min-width: 0; }
.qr-types { display: grid; grid-template-columns: repeat(auto-fit, minmax(125px, 1fr)); gap: 8px; }
.qr-types label { display: flex; align-items: center; gap: 8px; padding: 10px; border: 1px solid var(--line); border-radius: 10px; cursor: pointer; }
.qr-types label:has(input:checked) { background: var(--green-soft); border-color: var(--green); }
.qr-types input { width: 18px; height: 18px; flex: none; margin: 0; }
#qr-form input[type="color"] { width: 100%; height: 44px; padding: 4px; }
#qr-form textarea { width: 100%; resize: vertical; min-height: 100px; }
.qr-preview { min-width: 0; text-align: center; }
.qr-preview .action-row { justify-content: center; flex-wrap: wrap; }
#qr-canvas { width: min(100%, 320px); height: auto; background: white; image-rendering: pixelated; }
#qr-placeholder { min-height: 220px; display: grid; place-items: center; padding: 20px; border: 2px dashed var(--line); border-radius: 14px; }
#qr-placeholder[hidden], #qr-canvas[hidden] { display: none; }
html[data-theme="dark"] #qr-canvas { filter: invert(1) hue-rotate(180deg); }
html[data-theme="dark"] :is(#field-qr-canvas, .field-guide-image img, #field-guide-full-image, .field-page-photo-preview img, .field-page-card img, .local-report-photos img) { filter: none; }
@media (max-width: 760px) { .qr-layout { grid-template-columns: minmax(0, 1fr); } }
.info-card { min-width: 0; overflow-wrap: anywhere; padding: 21px; border: 1px solid var(--line); border-radius: 18px; background: #fff; box-shadow: 0 8px 24px rgba(25,54,39,.04); }
.extended-calculators { display: grid; grid-template-columns: minmax(0, 1fr); gap: 14px; margin: 18px 0 22px; scroll-margin-top: 20px; }
.extended-calculator { width: min(100%, 880px); min-width: 0; scroll-margin-top: 20px; }
.extended-calculator form { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.extended-calculator .field-wide { grid-column: 1 / -1; }
.extended-calculator textarea { width: 100%; min-height: 110px; padding: 11px 13px; border: 1px solid var(--line); border-radius: 12px; background: var(--surface); color: var(--text); font: inherit; line-height: 1.55; resize: vertical; }
.extended-calculator textarea:focus-visible { outline: 3px solid var(--green); outline-offset: 2px; }
.batch-calculator-page textarea { width: 100%; min-height: 130px; padding: 11px 13px; border: 1px solid var(--line); border-radius: 12px; background: var(--surface); color: var(--text); font: inherit; line-height: 1.55; resize: vertical; }
.batch-calculator-page textarea:focus-visible { outline: 3px solid var(--green); outline-offset: 2px; }
.extended-calculator h2 { margin: 0 0 7px; color: var(--green-dark); font-size: 1.15rem; line-height: 1.35; }
.extended-calculator > p { margin: 0 0 14px; color: var(--muted); font-size: .88rem; line-height: 1.55; }
.extended-calculator form .action-row, .extended-calculator form .result { grid-column: 1 / -1; }
.extended-calculator form .action-row { justify-content: flex-start; margin-top: 2px; }
.extended-calculator .result { display: grid; justify-content: stretch; gap: 2px; }
.extended-calculator .result-value { font-size: clamp(1.05rem,2.4vw,1.45rem); }
.calculator-page-visual { width: min(100%, 220px); justify-self: end; }
.calculator-hero-svg { display: block; width: 100%; height: auto; overflow: visible; }
.calculator-art-base { fill: var(--calculator-visual-soft); stroke: var(--line); stroke-width: 1.5; }
.calculator-art-accent { fill: var(--calculator-visual-accent); opacity: .14; }
.calculator-art-diagram { fill: none; stroke: var(--calculator-visual-accent); stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; }
.calculator-art-symbol { fill: var(--calculator-visual-accent); font: 800 29px/1 system-ui, sans-serif; }
.calculator-art-formula { fill: var(--muted); font: 700 11px/1 system-ui, sans-serif; }
.calculator-tool-icon-math { --calculator-visual-accent: #21865f; --calculator-visual-soft: #e9f4ed; }
.calculator-tool-icon-trade { --calculator-visual-accent: #a56a11; --calculator-visual-soft: #fbf1dc; }
.calculator-tool-icon-time { --calculator-visual-accent: #4968b2; --calculator-visual-soft: #edf1fb; }
.tool-card-icon.calculator-tool-icon { width: 58px; height: 58px; border-color: color-mix(in srgb, var(--calculator-visual-accent) 24%, transparent); background: var(--calculator-visual-soft); color: var(--calculator-visual-accent); font-size: 1.25rem; font-weight: 850; }
.calculator-content-grid { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(250px, .8fr); gap: 16px; margin: 18px 0 28px; }
.calculator-content-grid .info-card { min-width: 0; }
.calculator-content-grid h2, .calculator-related h2 { margin: 0 0 10px; color: var(--green-dark); font-size: 1.12rem; line-height: 1.4; }
.calculator-content-grid .info-card { padding: clamp(17px, 2.4vw, 24px); }
.calculator-card-heading { display: flex; align-items: center; gap: 11px; margin-bottom: 15px; }
.calculator-card-heading h2 { margin: 0; }
.calculator-content-icon, .calculator-related-icon { display: grid; width: 40px; height: 40px; flex: 0 0 auto; place-items: center; border: 1px solid color-mix(in srgb, var(--calculator-visual-accent) 24%, transparent); border-radius: 13px; background: var(--calculator-visual-soft); color: var(--calculator-visual-accent); font-size: 1.05rem; font-weight: 850; }
.calculator-step-list { display: grid; gap: 12px; margin: 0 !important; padding: 0 !important; list-style: none; counter-reset: calculator-step; }
.calculator-step-list li { display: grid; grid-template-columns: 28px minmax(0, 1fr); align-items: start; gap: 10px; margin: 0 !important; font-size: .98rem !important; line-height: 1.65; counter-increment: calculator-step; }
.calculator-step-list li::before { content: counter(calculator-step); display: grid; width: 27px; height: 27px; place-items: center; border-radius: 9px; background: var(--calculator-visual-soft); color: var(--calculator-visual-accent); font-size: .8rem; font-weight: 850; }
.calculator-formula { margin-top: 18px !important; padding: 14px 15px; border: 1px solid color-mix(in srgb, var(--calculator-visual-accent) 23%, var(--line)); border-left: 4px solid var(--calculator-visual-accent); border-radius: 12px; background: var(--calculator-visual-soft); font-size: .96rem !important; line-height: 1.7; }
.calculator-formula strong { color: var(--text); }
.calculator-tip-list { display: grid; gap: 11px; margin: 0 !important; padding: 0 !important; list-style: none; }
.calculator-tip-list li { position: relative; margin: 0 !important; padding-left: 19px; font-size: .96rem !important; line-height: 1.65; }
.calculator-tip-list li::before { position: absolute; top: .55em; left: 0; width: 7px; height: 7px; border-radius: 50%; background: var(--calculator-visual-accent); content: ""; }
.calculator-tips-icon { --calculator-visual-accent: #388267; --calculator-visual-soft: #eaf5ef; }
.calculator-related { margin: 24px 0 32px; }
.calculator-related > p { margin: 0 0 14px; color: var(--muted); line-height: 1.6; }
.calculator-related-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 235px), 1fr)); gap: 12px; }
.calculator-related-link { display: grid; grid-template-columns: 40px minmax(0, 1fr); grid-template-rows: auto 1fr; align-items: start; gap: 5px 12px; min-width: 0; min-height: 100%; padding: 16px; border: 1px solid var(--line); border-radius: 14px; background: var(--surface); color: var(--text); text-decoration: none; box-shadow: 0 6px 20px rgba(25,54,39,.04); transition: border-color .16s ease, transform .16s ease; }
.calculator-related-link:hover { border-color: var(--green); transform: translateY(-2px); }
.calculator-related-link:focus-visible { outline: 3px solid var(--green); outline-offset: 3px; }
.calculator-related-icon { grid-row: 1 / span 2; }
.calculator-related-link strong { align-self: center; color: var(--green-dark); font-size: 1rem; line-height: 1.4; }
.calculator-related-link > span:not(.calculator-related-icon) { grid-column: 2; color: var(--muted); font-size: .9rem; line-height: 1.55; }
.calculator-related-error { padding: 12px; border: 1px solid var(--line); border-radius: 10px; color: var(--muted); }
html[data-theme="dark"] .calculator-related-link { box-shadow: none; }
html[data-theme="dark"] .calculator-art-base { fill: #171a1a; }
html[data-theme="dark"] .calculator-tool-icon-math { --calculator-visual-accent: #75d6aa; --calculator-visual-soft: #183229; }
html[data-theme="dark"] .calculator-tool-icon-trade { --calculator-visual-accent: #e2b764; --calculator-visual-soft: #332916; }
html[data-theme="dark"] .calculator-tool-icon-time { --calculator-visual-accent: #9db6ff; --calculator-visual-soft: #202a40; }
html[data-theme="dark"] .calculator-tips-icon { --calculator-visual-accent: #75d6aa; --calculator-visual-soft: #183229; }
@media (max-width: 720px) {
  .calculator-content-grid { grid-template-columns: minmax(0,1fr); }
  body[data-calculator-id] .page-intro { grid-template-columns: minmax(0, 1fr) minmax(92px, 120px); }
}
@media (max-width: 480px) {
  .extended-calculator, .calculator-content-grid .info-card { padding: 17px; }
  .extended-calculator form { grid-template-columns: minmax(0,1fr); }
  .calculator-related-grid { grid-template-columns: minmax(0, 1fr); }
  .calculator-page-visual { width: 100%; }
}
.home-feedback-card { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin: 22px 0; }
.home-feedback-card h2 { margin: 0 0 6px; color: var(--green-dark); font-size: 1.15rem; }
.home-feedback-card p:not(.eyebrow) { margin: 0; color: var(--muted); line-height: 1.55; }
@media (max-width: 620px) { .home-feedback-card { align-items: stretch; flex-direction: column; } .home-feedback-card .button { width: 100%; } }
.info-card h2, .info-card h3 { margin: 0 0 9px; font-size: 1.05rem; letter-spacing: -.025em; }
.info-card p, .info-card li { color: var(--muted); font-size: .85rem; }
.info-card p { margin: 0; }
.info-card ul, .info-card ol { margin: 9px 0 0; padding-left: 20px; }
.info-card li + li { margin-top: 5px; }
.irrigation-home-guide { display: flex; justify-content: space-between; align-items: center; gap: 20px; margin: 0 0 28px; background: linear-gradient(115deg,#f0f8f1,#fffaf0); }
.irrigation-home-guide h3 { margin: 0 0 7px; font-size: 1.03rem; }
.irrigation-home-guide p:not(.eyebrow) { max-width: 750px; }
.irrigation-home-guide .button { flex: 0 0 auto; }
.battery-home-guide { display: flex; justify-content: space-between; align-items: center; gap: 20px; margin: 0 0 28px; background: linear-gradient(115deg,#eef5fb,#f6f8ef); }
.battery-home-guide h3 { margin: 0 0 7px; font-size: 1.03rem; }
.battery-home-guide p:not(.eyebrow) { max-width: 750px; }
.battery-home-guide .button { flex: 0 0 auto; }
.cable-home-guide { display: flex; justify-content: space-between; align-items: center; gap: 20px; margin: 0 0 28px; background: linear-gradient(115deg,#eef5fb,#f4f8f0); }
.cable-home-guide h3 { margin: 0 0 7px; font-size: 1.03rem; }
.cable-home-guide p:not(.eyebrow) { max-width: 750px; }
.cable-home-guide .button { flex: 0 0 auto; }
.battery-safety-banner { margin: 18px 0; padding: 16px 18px; border: 1px solid #edc4b9; border-left: 5px solid #bf553a; border-radius: 14px; background: #fff5f1; color: #744134; font-size: .88rem; }
.battery-safety-banner strong { display: block; margin-bottom: 3px; color: #8b321f; }
.battery-pack-form { margin: 18px 0 26px; }
.battery-section { margin: 0 0 15px; padding: 16px; border: 1px solid #e8eee8; border-radius: 15px; background: #fcfdfb; }
.battery-section legend { padding: 0 7px; color: var(--green-dark); font-size: .9rem; font-weight: 820; }
.battery-results { margin-top: 16px; }
.battery-results > .result { margin-top: 0; }
.battery-metrics { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px; margin-top: 10px; }
.battery-metrics .metric { min-width: 0; padding: 13px; border: 1px solid var(--line); border-radius: 12px; background: #fff; }
.battery-metrics .metric strong { display: block; color: var(--green-dark); font-size: 1.02rem; overflow-wrap: anywhere; }
.battery-metrics .metric span { display: block; margin-top: 4px; color: var(--muted); font-size: .72rem; }
.battery-diagram-grid { display: grid; grid-template-columns: 1fr; gap: 12px; margin-top: 16px; }
.battery-diagram-card { min-width: 0; padding: 15px; border: 1px solid var(--line); border-radius: 15px; background: #fff; }
.battery-diagram-card h3 { margin: 0 0 4px; font-size: .93rem; }
.battery-diagram-card p { margin: 0 0 9px; color: var(--muted); font-size: .8rem; }
.diagram-scroll { overflow-x: auto; border: 1px solid #edf1ed; border-radius: 11px; background: #fbfdfb; }
.diagram-scroll svg { display: block; width: 100%; min-width: 680px; height: auto; }
.diagram-title { fill: #244a39; font: 700 15px system-ui,sans-serif; }
.diagram-caption { fill: #60756a; font: 12px system-ui,sans-serif; }
.diagram-label { fill: #244a39; font: 700 11px system-ui,sans-serif; }
.diagram-polarity { fill: #fff; font: 700 10px system-ui,sans-serif; }
.diagram-group { fill: #edf7ef; stroke: #77b48c; stroke-width: 1.5; }
.diagram-cell { fill: #287c58; stroke: #1d6547; stroke-width: 1; }
.diagram-series { fill: none; stroke: #d39a37; stroke-width: 3; }
.battery-critical-note { border-left-color: #bf553a; background: #fff5f1; color: #744134; }
.cable-safety-banner { margin: 18px 0; padding: 16px 18px; border: 1px solid #edc4b9; border-left: 5px solid #bf553a; border-radius: 14px; background: #fff5f1; color: #744134; font-size: .88rem; }
.cable-safety-banner strong { display: block; margin-bottom: 3px; color: #8b321f; }
.cable-form { margin: 18px 0 26px; }
.cable-section { margin: 0 0 15px; padding: 16px; border: 1px solid #e8eee8; border-radius: 15px; background: #fcfdfb; }
.cable-section legend { padding: 0 7px; color: var(--green-dark); font-size: .9rem; font-weight: 820; }
.cable-results { margin-top: 16px; }
.cable-results > .result { margin-top: 0; }
.cable-metrics { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px; margin-top: 10px; }
.cable-metrics .metric { min-width: 0; padding: 13px; border: 1px solid var(--line); border-radius: 12px; background: #fff; }
.cable-metrics .metric strong { display: block; color: var(--green-dark); font-size: 1.02rem; overflow-wrap: anywhere; }
.cable-metrics .metric span { display: block; margin-top: 4px; color: var(--muted); font-size: .72rem; }
.cable-metal-note { margin-top: 8px; color: #687a70; font-size: .75rem; }
.electronics-home-guide { display: flex; justify-content: space-between; align-items: center; gap: 20px; margin: 0 0 28px; background: linear-gradient(115deg,#f2f2fc,#eff8f2); }
.electronics-home-guide h3 { margin: 0 0 7px; font-size: 1.03rem; }
.electronics-home-guide p:not(.eyebrow) { max-width: 750px; }
.electronics-home-guide .button { flex: 0 0 auto; }
.electronics-safety { border-color: #e4d5a7; border-left-color: #c58a20; background: #fffaf0; color: #69552d; }
.electronics-safety strong { color: #785715; }
.supply-catalog-intro { margin: 0 0 12px; }
.supply-components { display: grid; gap: 9px; }
.supply-component-group { overflow: hidden; border: 1px solid #e4ebe4; border-radius: 13px; background: #fff; }
.supply-component-group > summary { padding: 12px 14px; background: #f5f8f4; color: #294b3a; cursor: pointer; font-size: .85rem; font-weight: 800; }
.supply-component { padding: 12px; border-top: 1px solid #e9eee9; }
.supply-component-head { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 4px 12px; align-items: start; }
.supply-pick { display: flex; align-items: flex-start; gap: 8px; margin: 0; color: #294537; font-size: .83rem; }
.supply-pick input { flex: 0 0 auto; margin-top: 3px; }
.supply-pick strong { font-size: .82rem; line-height: 1.35; }
.supply-component-head p { grid-column: 1; margin: 0; color: #52665b; font-size: .75rem; line-height: 1.45; }
.supply-rail-tag { grid-column: 2; grid-row: 1/3; padding: 4px 7px; border: 1px solid #dcebe0; border-radius: 999px; background: #f2f8f2; color: #3e7054; font-size: .65rem; font-weight: 800; white-space: nowrap; }
.supply-component-controls { display: grid; grid-template-columns: repeat(5,minmax(64px,1fr)) auto; gap: 8px; align-items: end; margin: 10px 0 0 24px; }
.supply-mini-field { min-width: 0; margin: 0; color: #52665b; font-size: .75rem; }
.supply-mini-input-wrap { position: relative; display: block; margin-top: 3px; }
.supply-mini-input-wrap input { min-height: 34px; height: 34px; padding: 5px 28px 5px 7px; border-radius: 8px; font-size: .76rem; }
.supply-mini-input-wrap small { position: absolute; top: 50%; right: 7px; color: #52665b; font-size: .7rem; transform: translateY(-50%); pointer-events: none; }
.supply-simultaneous { display: flex; align-items: center; gap: 5px; min-height: 34px; margin: 0; color: #52665b; font-size: .7rem; white-space: nowrap; }
.supply-simultaneous input { flex: 0 0 auto; }
.supply-custom { margin: 12px 0 0; padding: 13px; border: 1px dashed #cbdccf; border-radius: 12px; background: #f9fcf8; }
.supply-custom legend { padding: 0 6px; color: #395747; font-size: .8rem; font-weight: 800; }
.supply-custom .button { margin-top: 10px; }
.supply-results { margin-top: 18px; }
.supply-result-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 9px; }
.supply-result-grid .metric { min-width: 0; }
.supply-result-grid .metric strong { font-size: clamp(.98rem,2vw,1.35rem); }
.supply-result-grid .metric small { margin-top: 5px; line-height: 1.45; overflow-wrap: anywhere; }
.supply-rail-results { display: grid; grid-template-columns: repeat(auto-fit,minmax(170px,1fr)); gap: 8px; margin-top: 10px; }
.supply-rail-card { min-width: 0; padding: 12px; }
.supply-rail-card strong { font-size: 1.15rem; }
.supply-rail-card small { line-height: 1.5; }
.supply-diagram-wrap { margin-top: 13px; padding: 14px; border: 1px solid #dce9df; border-radius: 14px; background: linear-gradient(130deg,#f2f8f3,#f8fbfd); }
.supply-diagram-wrap h3 { margin: 0 0 10px; font-size: .91rem; }
.supply-diagram { display: flex; align-items: stretch; justify-content: center; gap: 8px; }
.supply-diagram-node { display: flex; min-width: 0; flex: 1 1 0; flex-direction: column; justify-content: center; padding: 10px; border: 1px solid #d7e7da; border-radius: 11px; background: #fff; text-align: center; }
.supply-diagram-node strong { color: #28523b; font-size: .8rem; line-height: 1.35; }
.supply-diagram-node span { margin-top: 4px; color: #52665b; font-size: .75rem; line-height: 1.4; overflow-wrap: anywhere; }
.supply-diagram-arrow { align-self: center; color: var(--green); font-weight: 900; }
.supply-formula { margin-top: 18px; padding: 15px; border: 1px solid #e1e9e2; border-radius: 13px; background: #f8faf7; }
.supply-formula h3 { margin: 0 0 8px; font-size: .88rem; }
.supply-formula p { margin: 6px 0; color: #52665b; font-size: .8rem; }
.source-card { margin: 18px 0 30px; }
.source-card a { color: var(--green); font-weight: 760; }
.home-overview { margin: 20px 0 32px; }
.home-overview .content-grid { margin-top: 0; }
.electronics-tool-guides .info-card { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; }
.electronics-tool-guides .info-card h3 { margin: 0; }
.electronics-tool-guides .info-card .button { margin-top: auto; }
.antenna-figure { margin: 14px 0 0; }
.chip-list { display: flex; flex-wrap: wrap; gap: 6px; margin: 10px 0 0; padding: 0; list-style: none; }
.chip-list li { padding: 5px 10px; border: 1px solid var(--line); border-radius: 999px; background: var(--soft); color: #3d5a4b; font-size: .76rem; font-weight: 720; }
.table-search { max-width: 340px; margin: 0 0 8px; }
.log-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.button.danger { background: #a33b2e; }
.button.danger:hover { background: #7e2b21; }
.mini-button { padding: 4px 9px; border: 1px solid var(--line); border-radius: 8px; background: #fff; color: #7e2b21; cursor: pointer; font: inherit; font-size: .72rem; font-weight: 750; }
.antenna-figure svg { display: block; width: 100%; height: auto; }
.lang-select {
  min-height: 36px;
  padding: 0 10px;
  border: 1px solid rgba(255, 255, 255, 0.35);
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.12);
  color: inherit;
  font: inherit;
  font-size: 0.85rem;
  cursor: pointer;
}

.header-actions > span.header-pill { display: none; }
.quake-banner { background: #c0392b; color: #fff; padding: 14px 18px; border-radius: 14px; font-weight: 700; margin: 12px 0; cursor: pointer; }
.quake-check { display: flex; gap: 8px; align-items: center; margin: 10px 0; }
.quake-mag { display: inline-block; min-width: 42px; text-align: center; padding: 2px 8px; border-radius: 999px; color: #fff; font-weight: 800; }
.quake-map { height: 480px; border-radius: 16px; overflow: hidden; margin: 14px 0; background: #e8efe9; z-index: 0; }
.quake-tracking { min-width: 0; padding: clamp(16px,3vw,24px); border: 1px solid var(--line); border-radius: 20px; background: var(--surface); box-shadow: var(--shadow); scroll-margin-top: 18px; }
.quake-heading { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 10px; }
.quake-heading h2 { margin: 0; font-size: clamp(1.35rem,3.5vw,1.8rem); line-height: 1.25; }
.quake-heading h1 { max-width: none; margin: 0; color: var(--text); font-size: clamp(1.6rem,4vw,2.25rem); line-height: 1.15; letter-spacing: -.035em; }
.quake-heading .eyebrow { margin-bottom: 4px; }
.quake-live-badge { display: inline-flex; align-items: center; flex: 0 0 auto; gap: 7px; padding: 7px 10px; border: 1px solid #c9e2d1; border-radius: 999px; background: #edf7ef; color: #225b3c; font-size: .75rem; font-weight: 750; }
.quake-live-badge i { width: 8px; height: 8px; border-radius: 50%; background: #228650; box-shadow: 0 0 0 4px rgba(34,134,80,.12); }
.quake-background-warning { padding: 11px 13px; border-left: 4px solid #c98918; border-radius: 8px; background: #fff8e7; color: #604813; }
.quake-settings { min-width: 0; margin-top: 16px; }
.quake-settings .card-head { align-items: center; }
.quake-settings .card-head > div:nth-child(2) { min-width: 0; flex: 1; }
.quake-settings .card-head h3 { margin: 0; font-size: 1.1rem; }
.quake-settings .card-head .favorite-button { flex: 0 0 auto; }
.quake-summary { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; margin-top: 10px; }
.quake-summary .note { min-width: 0; margin: 0; padding: 11px 13px; border: 1px solid var(--line); border-radius: 10px; background: var(--soft); overflow-wrap: anywhere; }
.quake-summary .note { display: flex; align-items: center; gap: 11px; }
.quake-stat-icon { display: grid; flex: 0 0 36px; width: 36px; height: 36px; place-items: center; border-radius: 12px; background: var(--green-soft); color: var(--green-dark); font-size: 1.2rem; font-weight: 900; }
.quake-summary .note > span:last-child { display: grid; min-width: 0; gap: 2px; }
.quake-summary strong { color: var(--muted); font-size: .76rem; }
.quake-summary output { color: var(--text); font-size: .92rem; font-weight: 800; }
.quake-status-card small { color: var(--muted); font-size: .72rem; }
.quake-list-section { margin-top: 13px; }
.quake-list-heading { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; gap: 6px 12px; margin-bottom: 8px; }
.quake-list-heading h2 { margin: 0; font-size: 1.15rem; }
.quake-list-heading span { color: var(--muted); font-size: .76rem; }
.quake-mobile-list { display: none; }
.quake-mobile-event { width: 100%; min-width: 0; display: flex; align-items: center; gap: 10px; padding: 11px; border: 1px solid var(--line); border-radius: 12px; background: var(--surface); color: var(--text); font: inherit; text-align: left; cursor: pointer; }
.quake-mobile-event:hover, .quake-mobile-event:focus-visible { border-color: var(--green); background: var(--green-soft); }
.quake-mobile-event-content { display: grid; flex: 1; min-width: 0; gap: 3px; }
.quake-mobile-place { overflow: hidden; font-size: .86rem; text-overflow: ellipsis; white-space: nowrap; }
.quake-mobile-meta { color: var(--muted); font-size: .75rem; }
.quake-mobile-chevron { color: var(--green); font-size: 1.4rem; font-weight: 800; }
.quake-mobile-empty { padding: 14px; border: 1px dashed var(--line); border-radius: 12px; color: var(--muted); }
.quake-settings { margin-top: 16px; }
.quake-settings h2 { margin: 0; font-size: 1.1rem; }
.quake-data-note { margin-top: 14px; }
.quake-guide-link { margin: 14px 0 24px; }
.quake-guide-link a { display: flex; align-items: center; gap: 10px; min-height: 52px; padding: 10px 14px; border: 1px solid var(--line); border-radius: 14px; background: var(--surface); color: var(--green-dark); font-weight: 800; text-decoration: none; }
.quake-guide-link img { flex: 0 0 24px; }
.quake-guide-link a span { margin-left: auto; font-size: 1.25rem; }
.quake-guide-link a:hover { border-color: var(--green); background: var(--green-soft); }
.quake-table { max-width: 100%; }
.disaster-emergency { padding: 20px; border: 2px solid #a22c2c; border-radius: 18px; margin: 20px 0; background: #fff4ef; color: #562222; }
.disaster-emergency h2 { color: #842020; }
.communication-guide .cable-catalog caption { text-align: left; padding: 10px 0; font-weight: 700; }
.communication-guide blockquote { margin: 16px 0; border-left: 4px solid var(--green); }
.communication-guide .content-grid li { font-size: .95rem; }
.disaster-actions, .disaster-nav { display: flex; flex-wrap: wrap; gap: 10px; margin: 16px 0; }
.disaster-actions > * { white-space: normal; text-align: center; max-width: 100%; }
.emergency-call { background: #a52424; color: #fff; }
.disaster-nav a { display: inline-flex; align-items: center; min-height: 44px; padding: 8px 12px; border-radius: 12px; border: 1px solid var(--line); }
.disaster-section, #deprem-aninda { scroll-margin-top: 150px; }
.disaster-section { margin: 30px 0; overflow-wrap: anywhere; }
.disaster-section li { line-height: 1.65; margin-bottom: 10px; }
.disaster-detail { margin: 12px 0; padding: 14px; border: 1px solid var(--line); border-radius: 14px; background: var(--surface); }
.disaster-detail summary { min-height: 44px; cursor: pointer; font-weight: 800; }
.disaster-category { border: 1px solid var(--line); border-radius: 16px; background: var(--surface); padding: 18px; }
.disaster-category > summary { cursor: pointer; min-height: 48px; font-size: max(18px,1.1rem); }
.disaster-category > summary h2 { display: inline; font-size: inherit; line-height: 1.6; }
.disaster-category > summary:focus-visible { outline: 3px solid var(--green); outline-offset: 6px; border-radius: 6px; }
.disaster-category-body { margin-top: 20px; border-top: 1px solid var(--line); padding-top: 16px; }
.disaster-section fieldset { min-width: 0; margin: 16px 0; border: 1px solid var(--line); border-radius: 12px; padding: 14px; }
.disaster-section legend { font-weight: 800; padding: 0 4px; }
.disaster-checks { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,280px),1fr)); gap: 10px; }
.disaster-checks label { display: flex; align-items: flex-start; gap: 10px; min-height: 44px; line-height: 1.5; }
.disaster-checks input { flex: 0 0 20px; width: 20px; height: 20px; margin-top: 3px; }
.disaster-section textarea { width: 100%; resize: vertical; min-height: 100px; }
.disaster-section .engineering-fields input { max-width: 100%; }
.quake-map:empty, .quake-map:not(.leaflet-container) { display: flex; align-items: center; justify-content: center; }
.quake-map { min-width: 0; }
@media (max-width: 600px) {
  .quake-tracking { padding: 14px; border-radius: 16px; }
  [data-page="deprem"] .page-context { display: none; }
  .quake-heading { align-items: flex-start; }
  .quake-live-badge { gap: 6px; padding: 6px 8px; font-size: .68rem; }
  .quake-settings .card-head { flex-wrap: wrap; gap: 10px; padding: 15px 14px 12px; }
  .quake-settings .card-head > div:nth-child(2) { flex: 1 1 calc(100% - 70px); }
  .quake-settings .card-head .favorite-button { width: 100%; margin-left: 0; }
  .quake-settings .card-body { padding: 4px 14px 14px; }
  .quake-settings .field-grid { grid-template-columns: minmax(0,1fr); gap: 10px; }
  .quake-settings .log-actions { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }
  .quake-settings .log-actions .button { min-width: 0; min-height: 46px; padding: 9px 10px; white-space: normal; line-height: 1.3; }
  .quake-check { min-height: 44px; align-items: center; }
  .quake-summary { grid-template-columns: minmax(0,1fr); gap: 7px; }
  .quake-legend { gap: 8px 12px; font-size: .76rem; }
  .quake-map { height: 200px; min-height: 190px; margin: 8px 0; }
  .quake-table { display: none; }
  .quake-mobile-list { display: grid; gap: 7px; }
  .quake-mobile-event { min-height: 58px; padding: 8px 9px; }
  .quake-mobile-place { font-size: .82rem; }
  .quake-mobile-meta { font-size: .71rem; }
  .quake-tracking { margin-top: 8px; }
  .quake-summary { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 7px; }
  .quake-summary .note { align-items: flex-start; gap: 7px; padding: 8px; }
  .quake-stat-icon { flex-basis: 28px; width: 28px; height: 28px; border-radius: 9px; font-size: 1rem; }
  .quake-summary strong { font-size: .68rem; line-height: 1.25; }
  .quake-summary output { font-size: .77rem; line-height: 1.35; }
  .quake-status-card small { font-size: .65rem; line-height: 1.3; }
  .quake-legend { margin: 8px 0; }
}
@media (max-width: 380px) {
  .quake-heading { flex-direction: column; }
  .quake-settings .log-actions { grid-template-columns: minmax(0,1fr); }
}
@media (max-width: 600px) {
  .home-quake { grid-template-columns: 48px minmax(0,1fr); gap: 10px; margin: 12px 0 18px; padding: 14px; border-radius: 17px; }
  .home-quake-art { width: 46px; height: 46px; border-radius: 14px; }
  .home-quake-art img { width: 42px; height: 42px; }
  .home-quake-heading { gap: 6px; }
  .home-quake-heading .eyebrow { font-size: .62rem; letter-spacing: .07em; }
  .home-quake-heading h2 { font-size: 1.16rem; }
  .home-quake-live { gap: 5px; padding: 5px 7px; font-size: .65rem; }
  .home-quake-stats { gap: 6px; }
  .home-quake-stats > div { flex-direction: column; align-items: flex-start; gap: 0; padding: 7px; }
  .home-quake-stats strong { font-size: 1.15rem; }
  .home-quake-stats span { font-size: .68rem; line-height: 1.3; }
  .home-quake-event { grid-template-columns: auto minmax(0,1fr); gap: 7px; padding: 6px; }
  .home-quake-event time { grid-column: 2; font-size: .68rem; }
  .home-quake-place { font-size: .76rem; }
  .home-quake-footer { align-items: flex-start; }
  .home-quake-footer small { font-size: .68rem; }
  .home-quake-footer a { font-size: .78rem; }
}
.quake-legend { display: flex; flex-wrap: wrap; gap: 14px; font-size: 0.85rem; margin-top: 8px; }
.quake-legend i { display: inline-block; width: 12px; height: 12px; border-radius: 50%; margin-right: 5px; vertical-align: -1px; }
.quake-detail { background: #f3f8f4; border: 1px solid #cfe2d6; border-radius: 14px; padding: 12px 16px; margin-bottom: 12px; line-height: 1.6; }
.quake-row { cursor: pointer; }
.quake-row:hover, .quake-row:focus { background: #f3f8f4; }
.quake-m-2 { background: #5b8c6e; }
.quake-m-3 { background: #c79a1e; }
.quake-m-4 { background: #e07b24; }
.quake-m-5 { background: #c0392b; }
.quake-m-6 { background: #7b1d1d; }
.lang-select option { color: #123f32; background: #fff; }

.cable-catalog { overflow-x: auto; margin-top: 12px; }
.cable-catalog table { width: 100%; border-collapse: collapse; font-size: .78rem; }
.cable-catalog th, .cable-catalog td { padding: 8px 10px; border-bottom: 1px solid var(--line); text-align: left; }
.cable-catalog th { background: #f5f8f4; color: #395747; white-space: nowrap; }
.wiring-form, .transistor-search-card, .smd-search-card { margin: 18px 0 26px; }
.wiring-form .card-head { align-items: center; }
.wiring-selected-section, .wiring-diagram-card, .wiring-table-wrap { margin-top: 18px; }
.wiring-selected-section h3, .wiring-diagram-card h3, .wiring-table-wrap h3 { margin: 0 0 9px; font-size: .95rem; }
.wiring-selected-list { display: grid; gap: 9px; }
.wiring-module-card { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 12px; border: 1px solid #e2ebe3; border-radius: 12px; background: #fff; }
.wiring-module-card strong { color: #294b3a; font-size: .82rem; }
.wiring-module-card p { margin: 4px 0 0; color: var(--muted); font-size: .73rem; }
.wiring-module-card .button { flex: 0 0 auto; min-height: 36px; padding: 7px 10px; font-size: .73rem; }
.wiring-address-select { display: flex; align-items: center; gap: 7px; margin: 8px 0 0; color: #60766a; font-size: .74rem; }
.wiring-address-select select { width: auto; min-height: 34px; padding: 5px 28px 5px 8px; font-size: .75rem; }
.wiring-results { margin-top: 20px; }
.wiring-summary-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; }
.wiring-summary-grid .metric { min-width: 0; background: #fff; }
.wiring-summary-grid .metric strong { font-size: .97rem; }
.wiring-summary-grid .metric small { display: block; margin-top: 4px; color: var(--muted); font-size: .7rem; line-height: 1.45; overflow-wrap: anywhere; }
.wiring-warnings { display: grid; gap: 7px; margin-top: 10px; }
.wiring-warnings .note { margin: 0; }
.wiring-diagram-card { min-width: 0; padding: 14px; border: 1px solid var(--line); border-radius: 15px; background: #fff; }
.wiring-svg-scroll { overflow-x: auto; border: 1px solid #edf1ed; border-radius: 11px; background: #f9fcf9; }
.wiring-svg-scroll svg { display: block; width: 100%; min-width: 980px; height: auto; }
.wiring-svg-title { fill: #244a39; font: 700 17px system-ui,sans-serif; }
.wiring-board { fill: #eaf4ed; stroke: #6ba982; stroke-width: 2; }
.wiring-board-title { fill: #234c37; font: 700 14px system-ui,sans-serif; }
.wiring-board-caption { fill: #708176; font: 11px system-ui,sans-serif; }
.wiring-module-box { fill: #fff; stroke: #cdded0; stroke-width: 1.5; }
.wiring-module-title { fill: #2c4e3d; font: 700 11px system-ui,sans-serif; }
.wiring-module-caption { fill: #718178; font: 10px system-ui,sans-serif; }
.wiring-line { fill: none; stroke: #4a9a70; stroke-width: 2; }
.wiring-line-bus { fill: none; stroke: #4282a0; stroke-width: 2; }
.wiring-line-warning { fill: none; stroke: #d28738; stroke-width: 2; stroke-dasharray: 5 4; }
.wiring-table-wrap { min-width: 0; }
.wiring-table-wrap td { min-width: 95px; vertical-align: top; }
.wiring-transfers { margin-top: 14px; }
.transistor-results-heading { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin: 20px 0 9px; }
.transistor-results-heading h3 { margin: 0; font-size: 1.05rem; }
.transistor-results-heading span { color: var(--muted); font-size: .92rem; line-height: 1.5; }
.transistor-results { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
.transistor-result-card { min-width: 0; padding: 16px; border: 1px solid #d5e2d8; border-radius: 13px; background: #fff; }
.transistor-result-top { display: flex; justify-content: space-between; align-items: flex-start; gap: 8px; }
.transistor-result-top h4 { margin: 0; color: #18352b; font-size: 1rem; overflow-wrap: anywhere; }
.transistor-tag { display: inline-flex; flex: 0 0 auto; padding: 5px 9px; border: 1px solid #c7ddce; border-radius: 999px; background: #e9f4ed; color: #214b35; font-size: .84rem; font-weight: 800; }
.transistor-result-card p { margin: 10px 0; color: var(--muted); font-size: .95rem; line-height: 1.65; }
.transistor-result-card a { color: #17623f; font-size: .95rem; font-weight: 780; }
.component-intro-note { display: grid; gap: 3px; margin: 17px 0 24px; padding: 14px 17px; border: 1px solid #dcebe0; border-radius: 14px; background: linear-gradient(110deg,#edf7ef,#fffaf0); }
.component-favorite { display: flex; justify-content: flex-end; margin: -14px 0 16px; }
.component-intro-note strong { color: var(--green-dark); font-size: 1rem; }
.component-intro-note span { color: var(--muted); font-size: .95rem; line-height: 1.65; }
.component-section { margin: 28px 0 38px; scroll-margin-top: 85px; }
.component-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 13px; }
.component-panel { min-width: 0; padding: 17px; border: 1px solid var(--line); border-radius: 17px; background: #fff; box-shadow: 0 8px 24px rgba(25,54,39,.035); }
.component-panel h3 { margin: 0 0 7px; font-size: .98rem; letter-spacing: -.02em; }
.component-panel > p:not(.note):not(.formula) { margin: 4px 0 12px; color: var(--muted); font-size: .95rem; line-height: 1.65; }
.component-panel .field-grid { margin-top: 11px; }
.component-panel-wide { margin-top: 13px; }
.component-result { display: grid; gap: 3px; margin-top: 13px; padding: 12px 14px; border: 1px solid #cfe8d8; border-radius: 12px; background: linear-gradient(120deg,#eef8f1,#f9fcf8); }
.component-result strong { color: var(--green-dark); font-size: 1.13rem; overflow-wrap: anywhere; }
.component-result span { color: #43594d; font-size: .92rem; line-height: 1.55; }
.capacitor-marking-guide { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; margin: 12px 0; }
.capacitor-marking-example { display: flex; min-height: 94px; flex-direction: column; justify-content: center; gap: 5px; padding: 11px 13px; border: 1px solid #e2e9e1; border-radius: 12px; background: linear-gradient(145deg,#f8faf7,#edf4ee); }
.capacitor-marking-example span, .capacitor-marking-example small { color: var(--muted); font-size: .75rem; line-height: 1.35; }
.capacitor-marking-example strong { color: var(--green-dark); font-size: 1.25rem; letter-spacing: .03em; }
.capacitor-marking-example.ceramic strong { align-self: center; width: fit-content; padding: 2px 10px; border: 1px solid #d5ddd2; border-radius: 5px; background: #fff; font-family: ui-monospace,Consolas,monospace; }
.capacitor-marking-example.electrolytic { border-color: #d5dfd2; background: linear-gradient(145deg,#e9efdf,#f8faf4); }
.capacitor-marking-example.electrolytic strong { align-self: center; padding: 2px 9px; border-radius: 4px; background: #fff; }
.capacitor-code-conversions { margin-top: 11px; padding: 12px; border: 1px solid #dcebe0; border-radius: 12px; background: #fbfdfb; }
.capacitor-code-conversions > p { margin: 0 0 8px; color: #496258; font-size: .75rem; font-weight: 780; }
.capacitor-conversion-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 7px; }
.capacitor-conversion-grid > div { display: grid; gap: 3px; min-width: 0; padding: 8px; border-radius: 9px; background: #eef6f0; }
.capacitor-conversion-grid span { color: var(--muted); font-size: .65rem; }
.capacitor-conversion-grid strong { color: var(--green-dark); font-size: .78rem; overflow-wrap: anywhere; }
.capacitor-unit-help { margin: 8px 0 0; color: var(--muted); font-size: .69rem; line-height: 1.45; }
.source-note { margin: 8px 0 20px; color: var(--muted); font-size: .75rem; }
.source-note a { color: var(--green-dark); font-weight: 700; }
.smd-query-row { display: grid; grid-template-columns: minmax(0,1fr) auto auto; gap: 9px; align-items: end; }
.smd-query-row .field { min-width: 0; }
.smd-examples { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; margin-top: 11px; color: var(--muted); font-size: .76rem; }
.smd-example { padding: 5px 9px; border: 1px solid #dce9df; border-radius: 999px; background: #f4f9f5; color: #315943; cursor: pointer; font: inherit; font-weight: 760; }
.smd-example:hover { border-color: #8fbda0; background: #e9f4ed; }
.component-coverage-note { margin: 13px 0 0; padding: 14px 16px; border-left: 4px solid #b17a12; border-radius: 0 10px 10px 0; background: #fff8e6; color: #51421f; font-size: .93rem; line-height: 1.65; }
.component-coverage-note strong { color: #443510; }
.smd-result-table-wrap { overflow-x: auto; border: 1px solid var(--line); border-radius: 12px; }
.smd-result-table { width: 100%; border-collapse: collapse; font-size: .94rem; }
.smd-result-table th, .smd-result-table td { padding: 11px 12px; border-bottom: 1px solid #e9eee9; text-align: left; vertical-align: top; }
.smd-result-table thead th { background: #eaf3ec; color: #244a35; font-size: .9rem; white-space: nowrap; }
.smd-result-table tbody th { color: #214b35; font-size: .96rem; white-space: nowrap; }
.smd-result-table tbody tr:last-child th, .smd-result-table tbody tr:last-child td { border-bottom: 0; }
.smd-result-table tbody tr:nth-child(even) { background: #fbfcfa; }
.smd-result-table-wrap .note { margin: 12px; }
.component-metrics { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; margin-top: 12px; }
.component-metrics .metric { min-width: 0; padding: 10px; }
.component-metrics .metric strong { font-size: .98rem; }
.component-metrics .metric small { display: block; margin-top: 4px; color: var(--muted); font-size: .68rem; }
.resistor-visual { display: flex; width: min(330px,100%); min-height: 48px; align-items: center; justify-content: space-around; gap: 15px; margin: 13px auto 2px; padding: 9px 23px; border: 1px solid #eadfc8; border-radius: 999px; background: linear-gradient(#e9d7b0,#f6e8c7 48%,#dfc697); }
.resistor-band { width: 12px; height: 30px; border: 1px solid rgba(0,0,0,.22); border-radius: 3px; background: var(--band-color); box-shadow: inset 1px 0 rgba(255,255,255,.22), inset -1px 0 rgba(0,0,0,.12); }
.inline-result { display: grid; grid-template-columns: auto 1fr auto 1fr; gap: 4px 7px; align-items: baseline; min-height: 46px; padding: 9px; border: 1px solid #dcebe0; border-radius: 10px; background: #f4f9f5; }
.inline-result strong { color: var(--green-dark); font-size: .8rem; }
.inline-result span { color: var(--muted); font-size: .68rem; }
@media (max-width: 600px) {
  .inline-result { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.component-panel .note { font-size: .74rem; }
.component-panel .formula { line-height: 1.65; }
.irrigation-form { margin: 18px 0 26px; }
.irrigation-section { margin: 0 0 15px; padding: 16px; border: 1px solid #e8eee8; border-radius: 15px; background: #fcfdfb; }
.irrigation-section legend { padding: 0 7px; color: var(--green-dark); font-size: .9rem; font-weight: 820; }
.irrigation-results { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; margin-top: 15px; }
.irrigation-results .metric { min-width: 0; padding: 13px; border: 1px solid var(--line); border-radius: 12px; background: #fff; }
.irrigation-results .metric strong { display: block; color: var(--green-dark); font-size: 1.05rem; overflow-wrap: anywhere; }
.irrigation-results .metric span { display: block; margin-top: 3px; color: var(--muted); font-size: .72rem; }
.irrigation-results .result { grid-column: 1/-1; margin: 0; }
.irrigation-results .note { grid-column: 1/-1; }
.irrigation-source { font-size: .78rem; }
.irrigation-source a { color: var(--green); font-weight: 750; }
.page-intro { display: grid; grid-template-columns: minmax(0,1fr) 180px; align-items: center; gap: 22px; overflow-wrap: anywhere; margin: 26px 0 18px; padding: clamp(20px,4vw,35px); border: 1px solid var(--line); border-radius: 22px; background: linear-gradient(120deg,#edf6ee,#fffaf0); }
.page-intro h1 { color: var(--green-dark); font-size: clamp(1.9rem,4vw,3rem); }
.page-intro h1 span { color: var(--green); }
.page-intro p:not(.eyebrow) { max-width: 740px; margin: 10px 0 0; color: var(--muted); font-size: .94rem; }
.page-intro img { width: 170px; height: 130px; object-fit: contain; }
.page-intro.no-art { grid-template-columns: minmax(0,1fr); }
.preparedness-hub #tool-grid { grid-template-columns: repeat(auto-fit,minmax(min(100%,280px),1fr)); }
.preparedness-hub .tool-card, .preparedness-hub .tool-card-head, .preparedness-hub .tool-card h3 { min-width: 0; }
.preparedness-hub .tool-card-head { align-items: flex-start; width: 100%; }
.preparedness-hub .tool-card h3 { overflow-wrap: anywhere; }
.preparedness-hub .content-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
.preparedness-hub .disaster-emergency h2 { margin: 0 0 10px; }
.preparedness-hub .disaster-emergency p { margin: 0 0 16px; }
.preparedness-hub .disaster-emergency .button { max-width: 100%; }
.home-speed-feature { display: grid; grid-template-columns: 90px minmax(0,1fr); align-items: start; gap: 20px; margin: 26px 0; padding: clamp(20px,3vw,30px); border: 1px solid #bddfce; border-radius: 22px; background: linear-gradient(120deg,#e7f6ee,#eff5fb); box-shadow: var(--shadow); }
.home-speed-feature > img { max-width: 100%; height: auto; }
.home-speed-feature h2 { margin: 5px 0; font-size: clamp(1.4rem,3vw,2rem); }
.home-speed-feature p { font-size: 1rem; line-height: 1.7; overflow-wrap: anywhere; }
.home-speed-feature .button { min-height: 50px; max-width: 100%; font-size: max(16px,1rem); white-space: normal; text-align: center; overflow-wrap: anywhere; }
.home-speed-feature small { display: block; margin-top: 12px; font-size: 1rem; color: var(--muted); line-height: 1.6; }
@media (max-width: 480px) { .home-speed-feature { grid-template-columns: minmax(0,1fr); } .home-speed-feature > img { width: 64px; } }
.safety-category-group { margin: 30px 0; }
.safety-category-group > .section-heading { margin-bottom: 14px; }
.safety-category-group > .section-heading p { max-width: 520px; }
.safety-category-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.safety-category-card { display: grid; grid-template-columns: 48px minmax(0,1fr); align-content: start; align-items: start; gap: 12px 14px; min-width: 0; overflow-wrap: anywhere; padding: 17px; border: 1px solid var(--line); border-radius: 17px; background: var(--surface); box-shadow: var(--shadow); color: inherit; text-decoration: none; transition: transform .18s ease,border-color .18s ease,box-shadow .18s ease; }
.safety-category-card:hover { transform: translateY(-2px); border-color: #9ccbb0; box-shadow: 0 12px 28px rgba(25,54,39,.1); }
.safety-card-icon { display: grid; width: 48px; height: 48px; flex: 0 0 48px; place-items: center; border-radius: 15px; background: linear-gradient(145deg,#e9f4ed,#f7f8e9); font-size: clamp(20px, 1.45rem, 24px); }
.safety-category-card > span:nth-child(2) { flex: 1; min-width: 0; }
.safety-category-card strong,.safety-category-card small { display: block; }
.safety-category-card strong { color: var(--green-dark); font-size: max(16px, .98rem); line-height: 1.35; }
.safety-category-card small { margin-top: 5px; color: var(--muted); font-size: max(16px, .9rem); line-height: 1.5; }
.safety-card-action { grid-column: 2; align-self: end; min-width: 0; color: var(--green); font-size: max(16px, .8rem); font-weight: 780; }
.safety-live-card { border-color: #bad9c3; background: linear-gradient(110deg,#f0f8f1,#fff); }
.safety-live-card .safety-card-icon { background: #e0f2e5; }
.safety-category-card:focus-visible { outline: 3px solid #348a5b; outline-offset: 3px; }
.layout-two { display: grid; grid-template-columns: minmax(0,1.03fr) minmax(270px,.97fr); align-items: start; gap: 18px; margin: 18px 0 28px; }
.card { overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); box-shadow: var(--shadow); }
.card-head { display: flex; align-items: flex-start; gap: 13px; padding: 20px 21px 14px; }
.card-head h2 { margin: 0; font-size: 1.1rem; line-height: 1.3; letter-spacing: -.025em; }
.card-head p { margin: 5px 0 0; color: var(--muted); font-size: .83rem; }
.icon-box { display: grid; width: 44px; height: 44px; place-items: center; flex: 0 0 auto; border-radius: 14px; background: linear-gradient(145deg,#e9f4ed,#f7f8e9); }
.icon-box img { width: 34px; height: 34px; }
.card-body { padding: 5px 21px 21px; }
.field-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px 12px; }
.field { min-width: 0; }
.field.full { grid-column: 1/-1; }
label { display: block; margin-bottom: 6px; color: #344f43; font-size: .82rem; font-weight: 750; }
.input-wrap { position: relative; }
input, select {
  display: block; width: 100%; min-height: 46px; padding: 10px 41px 10px 12px; border: 1px solid #dce7df;
  border-radius: 11px; outline: none; background: var(--soft); color: var(--text); font: inherit; font-size: .93rem;
}
select { padding-right: 32px; }
input:focus, select:focus { border-color: #55a77a; background: #fff; box-shadow: 0 0 0 3px rgba(24,121,78,.1); }
input:disabled { opacity: .58; }
input[type="checkbox"] { width: 17px; height: 17px; min-height: 17px; padding: 0; accent-color: var(--green); }
.unit { position: absolute; top: 50%; right: 11px; color: #7b8c83; font-size: .76rem; font-weight: 700; pointer-events: none; transform: translateY(-50%); }
.unit-choice-wrap input { padding-right: 82px; }
.unit-choice-wrap .unit-select {
  position: absolute; top: 50%; right: 4px; width: auto; min-width: 63px; min-height: 34px;
  padding: 3px 17px 3px 5px; border: 0; border-radius: 7px; background: #edf3ee;
  color: #355648; font-size: .75rem; font-weight: 750; transform: translateY(-50%);
}
.resistor-units { margin-top: 15px; }
.resistor-units h3 { margin: 0 0 12px; }
.resistor-units-grid { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 9px; }
.resistor-units-grid p { display: grid; gap: 3px; margin: 0; padding: 11px; border: 1px solid #e6eee7; border-radius: 11px; background: #f8faf7; }
.resistor-units-grid strong { color: var(--green-dark); font-size: .85rem; }
.resistor-units-grid span { color: var(--muted); font-size: .74rem; }
.helper { display: block; margin-top: 5px; color: #52665b; font-size: .82rem; }
.formula { margin: 15px 0 0; padding: 10px 12px; border: 1px solid #edf2ee; border-radius: 10px; background: #fbfdfb; color: #66786e; font-size: .78rem; }
.formula strong { color: #476354; }
.result {
  display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-top: 14px; padding: 15px;
  border: 1px solid #cfe8d8; border-radius: 13px; background: linear-gradient(120deg,#eef8f1,#f9fcf8);
}
.result-label { display: block; color: #52705f; font-size: .78rem; font-weight: 750; }
.result-value { display: block; margin-top: 2px; color: var(--green-dark); font-size: clamp(1.35rem,3vw,1.8rem); font-weight: 880; letter-spacing: -.045em; line-height: 1.25; overflow-wrap: anywhere; }
.result-detail { display: block; margin-top: 3px; color: #52665b; font-size: .82rem; }
.action-row { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; margin-top: 13px; }
.note { margin: 12px 0 0; padding: 10px 12px; border-left: 3px solid var(--yellow); border-radius: 0 9px 9px 0; background: #fffaf0; color: #786443; font-size: .78rem; }
.guide-list { margin: 0; padding: 0; list-style: none; counter-reset: guide; }
.guide-list li { position: relative; margin: 0; padding: 0 0 18px 42px; color: #455d50; font-size: .87rem; counter-increment: guide; }
.guide-list li:last-child { padding-bottom: 0; }
.guide-list li::before { position: absolute; left: 0; top: 0; display: grid; width: 28px; height: 28px; place-items: center; border-radius: 10px; background: var(--green-soft); color: var(--green); content: counter(guide); font-size: .76rem; font-weight: 850; }
.guide-list strong { display: block; margin-bottom: 2px; color: var(--text); }
.faq { margin: 25px 0 38px; }
.faq h2 { margin: 0 0 12px; font-size: 1.3rem; letter-spacing: -.03em; }
.faq details { padding: 13px 16px; border: 1px solid var(--line); border-radius: 12px; background: #fff; }
.faq details + details { margin-top: 8px; }
.faq summary { cursor: pointer; font-size: .86rem; font-weight: 780; }
.faq details p { margin: 9px 0 0; color: var(--muted); font-size: .82rem; }
.planner-controls { display: grid; grid-template-columns: 1.2fr repeat(4,minmax(120px,1fr)); gap: 12px; align-items: end; margin: 0 0 18px; }
.preset-row { display: flex; flex-wrap: wrap; gap: 9px; margin: 16px 0; }
.preset-button { display: inline-flex; align-items: center; gap: 7px; padding: 8px 11px; border: 1px solid var(--line); border-radius: 10px; background: #fff; color: #365447; cursor: pointer; font: inherit; font-size: .79rem; font-weight: 750; }
.preset-button:hover { border-color: #87b79a; background: #f1f8f2; }
.preset-button img { width: 24px; height: 24px; object-fit: contain; }
.device-categories { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 13px; }
.device-group { min-width: 0; padding: 14px; border: 1px solid #e7ece7; border-radius: 15px; background: #fcfdfb; }
.device-group h3 { margin: 0 0 7px; font-size: .92rem; }
.device-columns, .device-row { display: grid; grid-template-columns: minmax(0,1fr) auto 54px 62px auto; gap: 7px; align-items: center; }
.device-columns { padding: 5px 0; color: #859188; font-size: .61rem; font-weight: 750; }
.device-columns span:nth-child(2) { text-align: center; }
.device-columns span:last-child { text-align: right; }
.device-row { padding: 7px 0; border-top: 1px solid #edf0ed; }
.device-name { display: flex; align-items: center; gap: 7px; min-width: 0; margin: 0; color: #294537; font-size: .75rem; }
.device-name input { flex: 0 0 auto; }
.watt-range { white-space: nowrap; color: #718078; font-size: .68rem; }
.device-overrides { grid-column: 1/-1; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
.device-overrides label { font-size: .72rem; min-width: 0; }
.device-overrides input { display: block; width: 100%; }
.device-overrides input[type="checkbox"] { display: inline-block; width: 20px; height: 20px; vertical-align: middle; }
.cat-card[data-cat="preparedness"] { --tile: #526b28; }
.tool-card[data-category="preparedness"] { --accent: #526b28; }
.stock-list { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,280px),1fr)); gap: 16px; margin: 20px 0; }
.repeater-directory { margin: 24px 0 32px; }
.repeater-notice { padding: 15px 18px; border-left: 4px solid var(--green); border-radius: 10px; background: var(--green-soft); font-size: .9rem; }
.repeater-audit { color: var(--muted); font-size: .85rem; }
.repeater-directory .repeater-filters { grid-template-columns: repeat(4,minmax(0,1fr)); padding: 20px; background: var(--surface); border: 1px solid var(--line); border-radius: 18px; }
.repeater-filter-search { grid-column: 1/-1; }
.repeater-toolbar, .repeater-pager { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; margin: 18px 0; }
.repeater-toolbar p { margin: 0; font-weight: 700; }
.repeater-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); grid-auto-rows: 1fr; gap: 20px; align-items: stretch; }
.repeater-list-expanded { grid-auto-rows: auto; }
.repeater-card { min-width: 0; display: flex; flex-direction: column; gap: 16px; padding: 22px; border: 1px solid var(--line); border-top: 4px solid var(--green); border-radius: 18px; background: var(--surface); box-shadow: 0 8px 24px rgba(25,54,39,.045); overflow-wrap: anywhere; }
.repeater-card-heading h2 { margin: 5px 0 12px; font-size: 1.18rem; line-height: 1.4; }
.repeater-badges { display: flex; flex-wrap: wrap; gap: 6px; }
.repeater-badge { padding: 4px 9px; border-radius: 8px; background: var(--soft); color: var(--muted); font-size: .72rem; font-weight: 700; }
.repeater-status-active { background: #e9f4ed; color: #22563c; }
.repeater-status-maintenance, .repeater-status-unknown { background: #fff3d8; color: #74500c; }
.repeater-status-inactive { background: #f2eded; color: #794040; }
.repeater-card .repeater-city { margin: 14px 0 0; color: var(--muted); font-size: .85rem; }
.repeater-identity { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 6px 16px; margin: 0; font-size: .85rem; }
.repeater-identity span { color: var(--muted); }
.repeater-frequencies, .repeater-quick, .repeater-detail-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; margin: 0; }
.repeater-frequencies > div { min-width: 0; padding: 12px; border-radius: 12px; background: var(--green-soft); }
.repeater-frequencies dt, .repeater-quick dt, .repeater-detail-grid dt { font-size: .76rem; color: var(--muted); }
.repeater-frequencies dd { display: flex; align-items: baseline; flex-wrap: wrap; gap: 5px; margin: 5px 0 0; color: var(--green-dark); }
.repeater-frequencies strong { font-size: clamp(1.05rem,2.2vw,1.45rem); font-variant-numeric: tabular-nums; letter-spacing: -.02em; white-space: nowrap; }
.repeater-frequencies small { font-size: .72rem; }
.repeater-quick dd, .repeater-detail-grid dd { margin: 3px 0 0; font-size: .9rem; font-weight: 650; }
.repeater-note, .repeater-warning { margin: 0; font-size: .8rem; line-height: 1.6; color: var(--muted); }
.repeater-warning { padding: 10px 12px; background: #fff4de; border-radius: 10px; color: #714d10; }
.repeater-details { border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); font-size: .85rem; }
.repeater-details summary { display: list-item; padding: 12px 0; cursor: pointer; font-weight: 700; min-height: 44px; }
.repeater-detail-grid { margin: 8px 0 16px; }
.repeater-details > p { padding-bottom: 12px; }
.repeater-card-actions { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; margin-top: auto; }
.repeater-card-actions .button { min-width: 0; min-height: 44px; padding: 10px; font-size: .82rem; text-align: center; }
.repeater-card-actions .repeater-share { grid-column: 1/-1; color: var(--green-dark); background: var(--green-soft); }
.repeater-share-status:empty { display: none; }
.repeater-share-copy { width: 100%; min-width: 0; box-sizing: border-box; font: inherit; font-size: .8rem; }
.repeater-pager { justify-content: center; font-variant-numeric: tabular-nums; }
.repeater-empty { grid-column: 1/-1; padding: 24px; border: 1px dashed var(--line); border-radius: 14px; }
.repeater-method p + p { margin-top: 12px; }
@media (max-width: 880px) {
  .repeater-directory .repeater-filters { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 760px) {
  .repeater-list, .preparedness-hub .content-grid { grid-template-columns: minmax(0,1fr); }
}
@media (max-width: 480px) {
  .repeater-directory .repeater-filters { grid-template-columns: minmax(0,1fr); padding: 16px; }
  .repeater-card { padding: 16px; gap: 14px; }
  .repeater-list { gap: 14px; }
  .repeater-toolbar .button { width: 100%; }
  .repeater-detail-grid { grid-template-columns: minmax(0,1fr); }
  .repeater-card-actions { grid-template-columns: minmax(0,1fr); }
}
.stock-card { min-width: 0; overflow-wrap: anywhere; }
.stock-warning { border-left: 4px solid #aa6b0c; padding-left: 10px; font-weight: 700; }
#preparedness-form > button { margin: 16px 8px 0 0; }
#preparedness-tool > label { display: grid; gap: 8px; margin: 16px 0; }
#preparedness-tool input[type="file"] { width: 100%; min-width: 0; }
.device-row:has(.device-name input:not(:checked)) .device-overrides { display: none; }
.engineering-fields { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,250px),1fr)); gap: 16px; }
.engineering-fields label { display: grid; gap: 5px; min-width: 0; }
.engineering-fields input, .engineering-fields select { width: 100%; min-width: 0; }
.engineering-result { overflow-wrap: anywhere; margin-top: 20px; }
.engineering-result.result { display: block; }
.engineering-table { width: 100%; border-collapse: collapse; font-size: .85rem; }
.engineering-table th, .engineering-table td { padding: 8px 3px; text-align: right; border-bottom: 1px solid #d8e3dc; }
.engineering-fields + .engineering-fields { margin-top: 16px; }
#engineering-form > button { margin-top: 20px; }
.engineering-result li { margin: 10px 0; padding: 10px; border-left: 4px solid #b77916; background: #fff8e8; color: #5f460e; }
.engineering-result li[data-level="error"] { border-color: #bc3030; background: #fff0f0; color: #8b2020; }
.engineering-result li[data-level="info"] { border-color: #256a86; background: #eff8fc; color: #174d65; }
.device-row input[type="number"] { min-height: 35px; height: 35px; padding: 5px 6px; border-radius: 8px; font-size: .78rem; }
.device-mini-label { display: none; }
.simultaneous { display: flex; align-items: center; gap: 4px; margin: 0; white-space: nowrap; color: #52665b; font-size: .72rem; }
.simultaneous input { flex: 0 0 auto; }
.planner-results { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 9px; margin-top: 17px; }
.metric { min-width: 0; padding: 13px; border: 1px solid #dcebe0; border-radius: 13px; background: linear-gradient(145deg,#f0f8f1,#fbfcf8); }
.metric span { display: block; color: #4f6257; font-size: .75rem; font-weight: 740; }
.metric strong { display: block; margin-top: 4px; color: var(--green-dark); font-size: clamp(1.03rem,2.2vw,1.4rem); letter-spacing: -.04em; overflow-wrap: anywhere; }
.metric small { display: block; color: #52665b; font-size: .75rem; }
.planner-actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; margin-top: 14px; }
.planner-actions p { max-width: 670px; margin: 0; color: #52665b; font-size: .82rem; }
.transfer-buttons { display: flex; flex-wrap: wrap; gap: 7px; }
.transfer-buttons .button { min-height: 38px; padding: 7px 10px; font-size: .74rem; }
.seo-copy { margin: 22px 0 30px; padding: 22px; border: 1px solid var(--line); border-radius: 18px; background: #edf3ed; }
.seo-copy h2 { margin: 0 0 7px; font-size: 1.12rem; }
.seo-copy p { margin: 0; color: var(--muted); font-size: .86rem; }
.site-footer { margin-top: 24px; padding: 21px 0 32px; border-top: 1px solid var(--line); color: var(--muted); font-size: .79rem; }
.footer-inner { display: flex; justify-content: space-between; gap: 15px; }
.footer-nav { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 10px; }
.footer-nav a { color: var(--green-dark); font-weight: 700; text-decoration: none; }
.site-app-promo { display: grid; grid-template-columns: 54px minmax(0,1fr) auto; align-items: center; gap: 15px; margin-top: 30px; padding: 19px; border: 1px solid rgba(255,255,255,.12); border-radius: 20px; background: linear-gradient(120deg,#123f32,#1c8058); box-shadow: 0 14px 32px rgba(18,63,50,.14); color: #fff; }
.site-app-promo-icon { display: grid; width: 52px; height: 52px; place-items: center; border: 1px solid rgba(255,255,255,.25); border-radius: 16px; background: rgba(255,255,255,.12); color: #f5cd78; font-size: .78rem; font-weight: 900; }
.site-app-promo-copy { min-width: 0; }
.site-app-promo-copy > p { margin: 0; color: #f5cd78; font-size: .62rem; font-weight: 850; letter-spacing: .1em; }
.site-app-promo-copy h2 { margin: 1px 0 2px; color: #fff; font-size: 1.06rem; line-height: 1.25; }
.site-app-promo-copy > span { color: rgba(255,255,255,.78); font-size: .79rem; }
.site-app-promo-actions { display: grid; justify-items: end; gap: 4px; }
.app-promo-status { color: var(--muted); font-size: .82rem; font-weight: 700; text-align: right; }
.app-download-status { display: inline-flex; margin: 8px 0 0; padding: 10px 14px; border: 1px solid var(--line); border-radius: 12px; background: var(--soft); color: var(--text); font-weight: 750; }
.site-app-promo .app-promo-download { min-height: 40px; padding: 7px 12px; background: #f5cd78; color: #213b2d; font-size: .78rem; }
.site-app-promo .app-promo-download:hover { background: #ffda8d; }
.app-promo-details { color: rgba(255,255,255,.78); font-size: .69rem; text-underline-offset: 3px; }
.app-download-page { padding-bottom: 10px; }
.app-download-hero { margin: 20px 0 18px; padding: clamp(25px,6vw,56px); border-radius: 26px; background: radial-gradient(circle at 95% 10%,rgba(245,205,120,.22),transparent 30%),linear-gradient(135deg,#123f32,#1c8058); box-shadow: 0 20px 48px rgba(18,63,50,.16); color: #fff; }
.app-download-badge { display: inline-flex; align-items: center; gap: 8px; padding: 7px 10px; border: 1px solid rgba(255,255,255,.24); border-radius: 999px; color: #f5cd78; font-size: .68rem; font-weight: 850; letter-spacing: .06em; }
.app-download-hero h1 { max-width: 780px; margin-top: 18px; font-size: clamp(2.35rem,7vw,4.1rem); }
.app-download-hero h1 span { color: #f5cd78; }
.app-download-lead { max-width: 690px; margin: 14px 0 20px; color: rgba(255,255,255,.82); font-size: 1rem; }
.app-download-button { min-height: 52px; padding-inline: 18px; background: #f5cd78; color: #213b2d; font-size: .95rem; }
.app-download-button:hover { background: #ffda8d; }
.app-download-button svg { width: 21px; height: 21px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.app-download-meta { margin: 10px 0 0; color: rgba(255,255,255,.66); font-size: .73rem; overflow-wrap: anywhere; }
.app-download-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }
.app-download-card { min-width: 0; padding: 20px; border: 1px solid var(--line); border-radius: 17px; background: var(--surface); }
.app-download-card-icon { display: grid; width: 39px; height: 39px; place-items: center; border-radius: 12px; background: var(--green-soft); color: var(--green-dark); font-size: 1.1rem; font-weight: 850; }
.app-download-card h2 { margin: 12px 0 5px; font-size: 1rem; line-height: 1.3; }
.app-download-card p,.app-download-card li { color: var(--muted); font-size: .82rem; }
.app-download-card p { margin: 0; }
.app-download-card ol { margin: 7px 0 0; padding-left: 20px; }
.app-download-card li + li { margin-top: 5px; }
.app-download-warning { margin-top: 14px; padding: 17px 19px; border: 1px solid #eadcb9; border-radius: 16px; background: #fffbf1; }
.app-download-warning > strong { color: #614c23; }
.app-download-warning p { margin: 7px 0 0; color: #5f5a4e; font-size: .82rem; }
.app-download-return { margin: 18px 0 0; }
.app-download-return a { color: var(--green-dark); font-size: .84rem; font-weight: 760; text-underline-offset: 3px; }
.toast { position: fixed; z-index: 40; right: 18px; bottom: 18px; max-width: min(420px,calc(100% - 36px)); padding: 12px 15px; border-radius: 12px; background: #173f32; color: #fff; box-shadow: var(--shadow); font-size: .84rem; }
.result-actions { justify-content: flex-start; padding-top: 8px; }
.feedback-form { display: grid; gap: 14px; margin: 18px 0 30px; padding: clamp(16px,3vw,24px); border: 1px solid var(--line); border-radius: 18px; background: #fff; box-shadow: 0 8px 24px rgba(25,54,39,.04); }
.feedback-form textarea { min-height: 150px; resize: vertical; }
.feedback-output { min-height: 190px; margin-top: 14px; font-family: ui-monospace,Consolas,monospace; font-size: .8rem; }
.feedback-privacy-note { margin: 0; padding: 11px 13px; border-left: 3px solid var(--blue); border-radius: 0 9px 9px 0; background: #f0f7f9; color: #456372; font-size: .79rem; }
[hidden] { display: none !important; }
@media (max-width: 880px) {
  .tool-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .layout-two { grid-template-columns: 1fr; }
  .planner-controls { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .planner-controls .field:first-child { grid-column: 1/-1; }
  .device-categories { grid-template-columns: 1fr; }
}
@media (max-width: 600px) {
  body { font-size: 16px; }
  .container { width: min(100% - 26px,1160px); }
  .site-header { padding: 8px 0; }
  .brand { font-size: .9rem; }
  .brand small { font-size: .58rem; }
  .brand-mark { width: 37px; height: 37px; }
  .brand-mark img { width: 37px; height: 37px; }
  .header-pill { padding: 6px 8px; font-size: .7rem; }
  .header-backbar { min-height: 41px; padding-top: 4px; }
  .header-back-link { min-height: 38px; max-width: 100%; padding-inline: 12px; font-size: .76rem; }
  .page-context { align-items: flex-start; gap: 2px 8px; min-height: 34px; margin-bottom: 9px; padding-top: 6px; padding-bottom: 6px; }
  .page-context small { padding-top: 3px; font-size: .55rem; }
  .page-context strong { flex: 1 1 180px; justify-content: flex-start; gap: 2px 5px; font-size: .73rem; }
  .hero { min-height: 285px; margin-top: 14px; padding: 29px 22px; border-radius: 23px; }
  .hero-art { right: -3%; width: 35%; opacity: .38; }
  .hero-content { max-width: 100%; }
  h1 { max-width: 520px; font-size: clamp(2.15rem,10vw,3.15rem); }
  .hero-copy { max-width: 470px; font-size: .92rem; }
  .quick-nav { gap: 6px; margin: 12px 0; padding: 8px; }
  .quick-nav a { padding: 7px 9px; font-size: .73rem; }
  .ad-slot { min-height: 76px; margin: 15px 0; }
  .section-heading { flex-direction: column; align-items: flex-start; gap: 6px; margin-top: 25px; }
  .tool-grid, .step-grid, .content-grid { grid-template-columns: 1fr; gap: 10px; }
  .tool-discovery { grid-template-columns: 1fr; gap: 10px; padding: 12px; }
  .tool-count { grid-column: auto; margin: 0; }
  .tool-filters { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }
  .tool-filter { padding-inline: 8px; }
  .irrigation-home-guide { align-items: flex-start; flex-direction: column; }
  .battery-home-guide { align-items: flex-start; flex-direction: column; }
  .cable-home-guide { align-items: flex-start; flex-direction: column; }
  .electronics-home-guide { align-items: flex-start; flex-direction: column; }
  .irrigation-results { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .battery-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .cable-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .supply-result-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .supply-component-controls { grid-template-columns: repeat(3,minmax(0,1fr)); margin-left: 0; }
  .supply-simultaneous { grid-column: 1/-1; }
  .supply-diagram { flex-direction: column; }
  .supply-diagram-arrow { align-self: center; transform: rotate(90deg); }
  .tool-card { min-height: unset; padding: 15px; }
  .tool-card-icon { width: 52px; height: 52px; }
  .tool-card-icon img { width: 40px; height: 40px; }
  .tool-card p { margin: 8px 0; }
  .wiring-summary-grid { grid-template-columns: 1fr; }
  .transistor-results { grid-template-columns: 1fr; }
  .component-grid { grid-template-columns: 1fr; }
  .capacitor-conversion-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .resistor-units-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .component-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .smd-query-row { grid-template-columns: 1fr 1fr; }
  .smd-query-row .field { grid-column: 1/-1; }
  .wiring-module-card { align-items: flex-start; }
  .wiring-module-card .button { padding-inline: 8px; }
  .page-intro { grid-template-columns: 1fr 75px; gap: 8px; margin-top: 15px; padding: 18px; }
  .page-intro img { width: 75px; height: 75px; }
  .page-intro h1 { font-size: clamp(1.75rem,8vw,2.35rem); }
  .card-head { padding: 17px 16px 12px; }
  .card-body { padding: 5px 16px 17px; }
  .planner-controls { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
  .planner-controls .field:first-child { grid-column: 1/-1; }
  .planner-results { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .planner-actions { align-items: flex-start; flex-direction: column; }
  .footer-inner { flex-direction: column; }
  .site-app-promo { grid-template-columns: 44px minmax(0,1fr); gap: 10px; padding: 15px; }
  .site-app-promo-icon { width: 42px; height: 42px; border-radius: 13px; }
  .site-app-promo-actions { grid-column: 1/-1; justify-items: stretch; }
  .site-app-promo .app-promo-download { width: 100%; }
  .app-promo-details { justify-self: center; }
  .app-download-grid { grid-template-columns: 1fr; }
  .app-download-hero { margin-top: 14px; padding: 25px 20px; border-radius: 21px; }
  .app-download-hero h1 { font-size: clamp(2.1rem,10vw,3.1rem); }
  .app-download-button { width: 100%; }
  .safety-category-grid { grid-template-columns: 1fr; gap: 9px; }
  .safety-category-card { display: grid; grid-template-columns: 42px minmax(0,1fr); align-items: start; gap: 11px; padding: 14px; }
  .safety-card-icon { width: 42px; height: 42px; flex-basis: 42px; border-radius: 13px; }
  .safety-card-action { grid-column: 2; min-width: 0; max-width: 100%; font-size: max(16px, .9rem); text-align: left; overflow-wrap: anywhere; }
  .device-columns { grid-template-columns: minmax(0,1fr) auto 43px 47px; gap: 5px; }
  .device-columns span:last-child { display: none; }
  .device-row { grid-template-columns: minmax(0,1fr) auto 43px 47px; gap: 5px; }
  .device-row .simultaneous { grid-column: 1/-1; justify-content: flex-end; }
}
@media (max-width: 360px) {
  .header-pill:last-child { display: none; }
  .field-grid { grid-template-columns: 1fr; }
  .capacitor-marking-guide { grid-template-columns: 1fr; }
  .field.full { grid-column: auto; }
  .irrigation-results { grid-template-columns: 1fr; }
  .irrigation-results .result, .irrigation-results .note { grid-column: auto; }
  .battery-metrics { grid-template-columns: 1fr; }
  .cable-metrics { grid-template-columns: 1fr; }
  .supply-result-grid { grid-template-columns: 1fr; }
  .supply-component-controls { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .component-metrics { grid-template-columns: 1fr; }
  .device-name { font-size: .69rem; }
  .watt-range { font-size: .62rem; }
  .transfer-buttons { width: 100%; }
  .transfer-buttons .button { flex: 1 1 auto; }
  .wiring-module-card { flex-direction: column; }
  .wiring-module-card .button { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  *,*::before,*::after { scroll-behavior: auto !important; transition-duration: .01ms !important; }
}
@media print {
  .site-header, .quick-nav, .ad-slot, .site-footer, .favorite-button, .action-row, .tool-discovery, .hero-cta, .toast, .print-hide { display: none !important; }
  body { background: #fff; color: #000; font-size: 11pt; }
  .container { width: 100%; }
  .card, .info-card, .component-panel, .result, .metric { break-inside: avoid; box-shadow: none; }
  .hero, .page-intro { box-shadow: none; }
  html { filter: none !important; }
}

/* ---------- Kategori renkleri, ana sayfa düzeni, mobil iyileştirmeleri ---------- */
:root {
  --c-solar: #b45309;
  --c-irrigation: #0369a1;
  --c-electronics: #6d28d9;
  --c-ham: #be185d;
  --c-safety: #b91c1c;
  --c-daily: #0f766e;
  --c-edu: #4338ca;
  --c-automotive: #0f766e;
}
.hero { min-height: 250px; }
.tool-card h3 { font-size: 1.03rem; }
.info-card p, .info-card li, .step-card p, .section-heading p { font-size: .9rem; }
.tool-discovery { padding: 16px; border-radius: 20px; box-shadow: 0 8px 24px rgba(25,54,39,.06); }
.tool-discovery .tool-filters { display: grid; grid-template-columns: repeat(7,minmax(0,1fr)); gap: 10px; }
.tool-filter.cat-tile {
  --tile: var(--green);
  display: flex; min-height: 84px; flex-direction: column; align-items: center; justify-content: center; gap: 3px;
  padding: 10px 6px; border: 2px solid var(--tile); border-radius: 16px; background: #fff;
  background: color-mix(in srgb, var(--tile) 9%, #fff); color: var(--text);
  font-size: .86rem; font-weight: 800; line-height: 1.2; text-align: center;
}
.tool-filter.cat-tile:hover { background: color-mix(in srgb, var(--tile) 18%, #fff); border-color: var(--tile); color: var(--text); }
.tool-filter.cat-tile[aria-pressed="true"] { background: var(--tile); border-color: var(--tile); color: #fff; }
.cat-tile[data-cat="solar"] { --tile: var(--c-solar); }
.cat-tile[data-cat="irrigation"] { --tile: var(--c-irrigation); }
.cat-tile[data-cat="electronics"] { --tile: var(--c-electronics); }
.cat-tile[data-cat="ham"] { --tile: var(--c-ham); }
.cat-tile[data-cat="safety"] { --tile: var(--c-safety); }
.cat-tile[data-cat="daily"] { --tile: var(--c-daily); }
.cat-emoji { font-size: 1.55rem; line-height: 1; }
.cat-count { font-size: .7rem; font-weight: 700; opacity: .85; }
.tool-card { --accent: var(--green); border-top: 5px solid var(--accent); }
.tool-card[data-category="solar"] { --accent: var(--c-solar); }
.tool-card[data-category="irrigation"] { --accent: var(--c-irrigation); }
.tool-card[data-category="electronics"], .tool-card[data-category="capacitor"], .tool-card[data-category="resistor"], .tool-card[data-category="transistor"] { --accent: var(--c-electronics); }
.tool-card[data-category="ham"] { --accent: var(--c-ham); }
.tool-card[data-category="automotive"] { --accent: var(--c-automotive); }
.tool-card[data-category="safety"] { --accent: var(--c-safety); }
.tool-card[data-category="daily"] { --accent: var(--c-daily); }
.tool-card .card-link { color: var(--accent); }
.tool-card:hover { border-color: var(--accent); }
.tool-card-icon { border-color: color-mix(in srgb, var(--accent) 30%, #fff); background: color-mix(in srgb, var(--accent) 11%, #fff); }
.tool-group-title { display: flex; grid-column: 1/-1; align-items: baseline; flex-wrap: wrap; gap: 4px 12px; margin: 16px 0 0; padding-left: 12px; border-left: 6px solid var(--g, var(--green)); font-size: 1.2rem; letter-spacing: -.03em; }
.tool-group-title small { color: var(--muted); font-size: .82rem; font-weight: 600; letter-spacing: 0; }
.tool-group-title:first-child { margin-top: 0; }
.tool-group-title[data-group="solar"] { --g: var(--c-solar); }
.tool-group-title[data-group="irrigation"] { --g: var(--c-irrigation); }
.tool-group-title[data-group="electronics"] { --g: var(--c-electronics); }
.tool-group-title[data-group="ham"] { --g: var(--c-ham); }
.tool-group-title[data-group="safety"] { --g: var(--c-safety); }
.tool-group-title[data-group="daily"] { --g: var(--c-daily); }
.home-more { margin: 26px 0; border: 1px solid var(--line); border-radius: 18px; background: var(--surface); }
.home-more > summary { display: flex; justify-content: space-between; align-items: center; gap: 12px; min-height: 52px; padding: 14px 18px; cursor: pointer; font-size: 1rem; font-weight: 800; list-style: none; }
.home-more > summary::-webkit-details-marker { display: none; }
.home-more > summary::after { content: "+"; font-size: 1.4rem; line-height: 1; color: var(--green); }
.home-more[open] > summary { border-bottom: 1px solid var(--line); }
.home-more[open] > summary::after { content: "−"; }
.home-more > section { padding: 0 16px 6px; }
.theme-toggle {
  display: inline-flex; gap: 6px; min-height: 40px; align-items: center; justify-content: center; padding: 0 12px; border: 1px solid var(--line);
  border-radius: 999px; background: #fff; cursor: pointer; font: inherit; font-size: .85rem; font-weight: 700; line-height: 1; white-space: nowrap;
}
.theme-toggle:hover { background: var(--green-soft); }
@media (max-width: 880px) {
  .tool-discovery .tool-filters { grid-template-columns: repeat(3,minmax(0,1fr)); }
}
@media (max-width: 600px) {
  .tool-discovery .tool-filters { display: flex; margin-inline: -4px; padding: 2px 4px 6px; overflow-x: auto; scroll-snap-type: x proximity; -webkit-overflow-scrolling: touch; }
  .tool-filter.cat-tile { flex: 0 0 auto; min-width: 120px; min-height: 76px; scroll-snap-align: start; }
  .hero { min-height: 0; padding: 24px 20px 26px; }
  .hero-art { display: none; }
  .hero-copy { font-size: .95rem; }
  .hero-cta, .button, .tool-filter { min-height: 46px; }
  .tool-card { border-radius: 16px; }
  .tool-group-title { font-size: 1.1rem; }
  input:not([type="checkbox"]):not([type="radio"]):not(.device-row *), select, textarea { font-size: 16px; }
  .header-inner { flex-wrap: wrap; }
  .header-actions { gap: 6px; flex-wrap: wrap; max-width: 100%; min-width: 0; }
  .header-actions a { max-width: 100%; overflow-wrap: anywhere; }
  .quick-nav a { display: inline-flex; align-items: center; min-height: 44px; }
  .lang-select { min-height: 40px; }
  .site-footer { padding-bottom: 40px; }
}
@media (max-width: 380px) {
  .brand small { display: none; }
}

/* ---------- Ana sayfa kategori kartları ---------- */
.cat-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(250px,1fr)); gap: 14px; margin-bottom: 18px; }
.cat-card { --tile: var(--green); position: relative; display: flex; min-height: 170px; flex-direction: column; gap: 6px; padding: 18px; border: 2px solid var(--tile); border-radius: 20px; background: #fff; background: color-mix(in srgb, var(--tile) 8%, #fff); color: var(--text); text-decoration: none; box-shadow: 0 8px 22px rgba(25,54,39,.07); transition: transform .15s, box-shadow .15s; }
.cat-card:hover { transform: translateY(-3px); box-shadow: 0 14px 30px rgba(25,54,39,.14); }
.cat-card .cat-emoji { display: grid; width: 54px; height: 54px; flex: 0 0 54px; place-items: center; overflow: hidden; border: 1px solid color-mix(in srgb,var(--tile) 24%,#fff); border-radius: 16px; background: color-mix(in srgb,var(--tile) 10%,#fff); }
.cat-card .cat-emoji img { display: block; width: 42px; height: 42px; object-fit: contain; }
.cat-card strong { font-size: 1.2rem; letter-spacing: -.02em; }
.cat-card > span:not(.cat-emoji) { color: var(--muted); font-size: .9rem; line-height: 1.45; }
.cat-card em { margin-top: auto; color: var(--tile); font-size: .95rem; font-style: normal; font-weight: 800; }
.cat-card[data-cat="solar"] { --tile: var(--c-solar); }
.cat-card[data-cat="electronics"] { --tile: var(--c-electronics); }
.cat-card[data-cat="ham"] { --tile: var(--c-ham); }
.cat-card[data-cat="automotive"] { --tile: var(--c-automotive); }
.cat-card[data-cat="daily"] { --tile: var(--c-daily); }
.cat-card[data-cat="safety"] { --tile: var(--c-safety); }
.cat-card[data-cat="edu"] { --tile: var(--c-edu); }
.cat-card[data-cat="heating"] { --tile: #a94a19; }
.tool-card[data-category="heating"] { --accent: #a94a19; }
.tool-card[data-category="edu"] { --accent: var(--c-edu); }
.vehicle-intro-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; margin: 18px 0; }
.vehicle-intro-grid .info-card { margin: 0; min-width: 0; }
.vehicle-intro-grid h2 { font-size: 1.05rem; }
.obd-page { max-width: 980px; }
.obd-hero { position: relative; display: flex; justify-content: space-between; align-items: center; gap: 22px; min-height: 246px; margin: 16px 0 18px; padding: clamp(24px,5vw,48px); border: 1px solid #d6e5db; border-radius: 24px; background: radial-gradient(ellipse at 88% 18%,rgba(201,226,209,.85),transparent 48%),linear-gradient(125deg,#f5faf6,#e8f3eb); overflow: hidden; }
.obd-hero-copy { max-width: 650px; }
.obd-hero .eyebrow { color: #0b6258; }
.obd-hero h1 { max-width: 650px; margin: 8px 0 10px; font-size: clamp(2rem,5.6vw,3.5rem); line-height: 1.08; letter-spacing: -.045em; }
.obd-hero h1 span { color: #0b6258; }
.obd-hero-copy > p:not(.eyebrow) { max-width: 610px; margin: 0 0 18px; color: #41564b; font-size: 1rem; line-height: 1.7; }
.obd-hero > img { flex: 0 0 auto; width: clamp(86px,14vw,132px); height: auto; filter: drop-shadow(0 12px 16px rgba(18,63,50,.12)); }
.obd-metrics { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px; margin: 16px 0; }
.obd-metrics article { display: grid; align-content: start; gap: 3px; min-width: 0; padding: 14px 16px; border: 1px solid var(--line); border-radius: 14px; background: var(--surface); }
.obd-metrics article > span { color: var(--muted); font-size: .75rem; font-weight: 700; }
.obd-metrics strong { color: var(--green-dark); font-size: clamp(1.35rem,3vw,1.9rem); line-height: 1.15; font-variant-numeric: tabular-nums; }
.obd-metrics small { color: var(--muted); font-size: .71rem; line-height: 1.4; }
.obd-limit-banner { display: grid; gap: 5px; margin: 18px 0; padding: 15px 18px; border: 1px solid #e7cd89; border-left: 5px solid #c98918; border-radius: 12px; background: #fff8e7; color: #604813; }
.obd-limit-banner strong { font-size: .95rem; }
.obd-limit-banner span { font-size: .87rem; line-height: 1.6; }
.obd-search-panel { margin: 20px 0; padding: clamp(16px,3vw,26px); border: 1px solid var(--line); border-top: 4px solid var(--c-automotive); border-radius: 18px; background: var(--surface); box-shadow: var(--shadow); }
.obd-search-panel h2 { margin: 0 0 16px; font-size: 1.15rem; }
.obd-search-form > label { display: block; margin-bottom: 8px; font-size: .87rem; font-weight: 700; }
.obd-search-controls { display: grid; grid-template-columns: minmax(0,1fr) auto auto auto; gap: 10px; align-items: center; }
.obd-search-controls input, .obd-search-controls select { min-width: 0; min-height: 48px; padding: 10px 13px; border: 1px solid var(--line); border-radius: 10px; background: var(--surface); color: var(--text); font: inherit; }
.obd-family-label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; }
.obd-search-controls button { min-height: 48px; padding: 10px 16px; }
.obd-search-form .helper { margin: 8px 0 0; }
.obd-coverage { margin: 16px 0 0; padding-top: 12px; border-top: 1px solid var(--line); color: var(--muted); font-size: .82rem; font-weight: 650; }
.obd-examples { margin: 22px 0; padding: clamp(16px,3vw,24px); border: 1px solid var(--line); border-radius: 17px; background: var(--surface); }
.obd-examples-heading { display: flex; justify-content: space-between; align-items: end; gap: 14px; margin-bottom: 14px; }
.obd-examples-heading .eyebrow { margin-bottom: 3px; }
.obd-examples-heading h2 { margin: 0; font-size: 1.12rem; }
.obd-examples-heading > p { max-width: 300px; margin: 0; color: var(--muted); font-size: .78rem; line-height: 1.5; text-align: right; }
.obd-example-codes { display: flex; flex-wrap: wrap; gap: 8px; }
.obd-example-code { min-height: 40px; padding: 8px 12px; border: 1px solid #d8e4dc; border-radius: 9px; background: #f4f8f5; color: var(--green-dark); font: 750 .79rem ui-monospace,Consolas,monospace; cursor: pointer; transition: border-color .15s,background .15s,transform .15s; }
.obd-example-code:hover { transform: translateY(-1px); border-color: var(--c-automotive); background: #e9f4ec; }
.obd-example-code:focus-visible { outline: 3px solid var(--c-automotive); outline-offset: 2px; }
.obd-status { margin: 18px 0; color: var(--muted); font-weight: 700; }
.obd-results { display: grid; gap: 16px; }
.obd-result-card { min-width: 0; padding: clamp(16px,3vw,24px); border: 1px solid var(--line); border-left: 4px solid var(--c-automotive); border-radius: 16px; background: var(--surface); box-shadow: 0 7px 22px rgba(25,54,39,.05); overflow-wrap: anywhere; }
.obd-result-card > .obd-favorite-button { display: inline-flex; align-items: center; min-height: 44px; margin: 0 0 12px; }
.obd-result-card > .share-panel { margin-top: 14px; }
.obd-favorites { margin: 18px 0; padding: clamp(15px,3vw,22px); }
.obd-favorites[hidden] { display: none; }
.obd-favorites-heading { display: flex; align-items: end; justify-content: space-between; gap: 10px; margin-bottom: 12px; }
.obd-favorites-heading .eyebrow { margin: 0 0 3px; }
.obd-favorites-heading h2 { margin: 0; color: var(--green-dark); font-size: 1.08rem; }
.obd-favorites-heading > p { margin: 0; color: var(--muted); font-size: .78rem; text-align: right; }
.obd-favorite-list { display: grid; gap: 8px; }
.obd-favorite-entry { display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: 10px; padding: 9px 11px; border: 1px solid var(--line); border-radius: 11px; background: var(--surface); }
.obd-favorite-code { color: var(--green-dark); font: 800 .84rem ui-monospace,Consolas,monospace; text-decoration: none; }
.obd-favorite-title { min-width: 0; color: var(--muted); font-size: .78rem; line-height: 1.45; }
.obd-favorite-entry .favorite-button { min-height: 40px; }
.obd-result-header { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.obd-code { padding: 5px 11px; border-radius: 8px; background: var(--green-dark); color: #fff; font-family: ui-monospace, Consolas, monospace; font-size: 1rem; font-weight: 800; letter-spacing: .03em; }
.obd-category, .obd-flag { padding: 5px 10px; border: 1px solid var(--line); border-radius: 999px; background: var(--soft); font-size: .76rem; font-weight: 700; }
.obd-flag { color: #7a4f08; border-color: #ead59e; background: #fff8e7; }
.obd-result-title { margin: 14px 0 8px; font-size: clamp(1.05rem,2.8vw,1.3rem); line-height: 1.4; letter-spacing: -.015em; }
.obd-source-description { margin: 12px 0; padding: 16px; border: 1px solid var(--line); border-radius: 12px; background: var(--soft); color: var(--text); font-size: 1rem; line-height: 1.85; }
.obd-language-note, .obd-reviewed { color: var(--text); font-size: .9rem; line-height: 1.75; }
.obd-translation { padding: 16px; margin: 18px 0; border: 2px solid #547b94; border-radius: 12px; background: #edf5fc; color: #203b50; }
.obd-translation p { font-size: .94rem; line-height: 1.8; }
.obd-translation-actions { display: flex; flex-wrap: wrap; gap: 12px; }
.obd-translation-actions .button.secondary { min-height: 48px; max-width: 100%; border: 2px solid #426780; color: #173e59; background: #fff; font-size: 1rem; line-height: 1.5; white-space: normal; overflow-wrap: anywhere; }
.obd-translation-actions .button:focus-visible { outline: 3px solid #2166a2; outline-offset: 3px; }
@media (max-width: 480px) {
  .obd-translation-actions { display: grid; grid-template-columns: minmax(0,1fr); }
}
.obd-info-flag, .obd-warning { padding: 10px 12px; border-radius: 9px; background: #fff8e7; color: #664a0e; font-size: .84rem; line-height: 1.6; }
.obd-result-card h3 { margin: 22px 0 12px; font-size: 1.05rem; line-height: 1.6; }
.obd-list { display: grid; gap: 8px; padding-left: 20px; margin: 0; }
.obd-list li { padding: 12px 10px; border-bottom: 1px solid var(--line); color: var(--text); font-size: 1rem; line-height: 1.8; }
.obd-list li small { display: inline-block; margin-left: 6px; padding: 3px 9px; border: 1px solid var(--line); border-radius: 999px; background: var(--soft); color: var(--text); font-size: .85rem; font-weight: 700; }
.obd-related-codes { display: flex; flex-wrap: wrap; gap: 7px; }
.obd-code-link { min-height: 40px; padding: 7px 11px; border: 1px solid var(--line); border-radius: 8px; background: var(--soft); color: var(--green-dark); font: 700 .8rem ui-monospace,Consolas,monospace; cursor: pointer; }
.obd-code-link:hover, .obd-code-link:focus-visible { border-color: var(--c-automotive); outline: 2px solid var(--c-automotive); outline-offset: 1px; }
.obd-references { margin-top: 16px; border-top: 1px solid var(--line); }
.obd-references summary { min-height: 44px; padding: 12px 0; cursor: pointer; font-size: .84rem; font-weight: 700; }
.obd-references ul { display: grid; gap: 8px; padding: 0 0 12px 18px; margin: 0; overflow-wrap: anywhere; }
.obd-references a { font-size: .78rem; }
.obd-reviewed { margin: 16px 0 0; padding-top: 10px; border-top: 1px solid var(--line); }
.obd-pagination { display: flex; justify-content: center; align-items: center; gap: 14px; margin: 18px 0; }
.obd-pagination[hidden] { display: none; }
.obd-pagination button { min-height: 44px; }
.obd-scope { margin: 24px 0; }
.obd-scope li { margin: 8px 0; }
.obd-attribution { margin: 18px 0; padding: 14px 16px; border: 1px solid var(--line); border-radius: 12px; background: var(--soft); overflow-wrap: anywhere; }
.obd-attribution p { margin: 4px 0; color: var(--muted); font-size: .78rem; line-height: 1.6; }
@media (max-width: 680px) {
  .obd-hero { min-height: 0; padding: 24px 20px; border-radius: 18px; }
  .obd-hero > img { width: 76px; }
  .obd-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
  .obd-metrics article { padding: 11px 12px; }
  .obd-examples-heading { align-items: start; flex-direction: column; }
  .obd-examples-heading > p { max-width: none; text-align: left; }
  .obd-favorites-heading { align-items: flex-start; flex-direction: column; }
  .obd-favorites-heading > p { text-align: left; }
  .obd-favorite-entry { grid-template-columns: auto minmax(0,1fr); }
  .obd-favorite-entry .favorite-button { grid-column: 1/-1; width: 100%; margin: 0; }
  .vehicle-intro-grid { grid-template-columns: minmax(0,1fr); }
  .obd-search-controls { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .obd-search-controls input { grid-column: 1/-1; }
  .obd-search-controls select { grid-column: 1/-1; }
  .obd-search-controls button { width: 100%; }
  .obd-result-card { border-left-width: 3px; }
  .obd-result-card > .share-panel .action-row { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }
  .obd-result-card > .share-panel .share-button { width: 100%; justify-content: center; }
}
@media (max-width: 380px) {
  .obd-hero > img { display: none; }
  .obd-search-controls { grid-template-columns: minmax(0,1fr); }
  .obd-search-controls input, .obd-search-controls select { grid-column: auto; }
}
.tip-box { display: flex; gap: 12px; align-items: flex-start; margin: 16px 0; padding: 14px 16px; border: 1px solid #f3d98b; border-left: 6px solid #d99a00; border-radius: 14px; background: #fff8e1; color: #5c4600; }
.tip-box strong { display: block; margin-bottom: 4px; color: #7a5600; }
.tip-box p { margin: 0; font-size: .88rem; line-height: 1.55; }
.tip-box .tip-icon { font-size: 1.4rem; line-height: 1; }
.trust-strip { display: grid; grid-template-columns: repeat(auto-fit,minmax(200px,1fr)); gap: 12px; margin: 0 0 18px; }
.trust-strip div { padding: 14px 16px; border: 1px solid var(--line); border-radius: 14px; background: var(--surface); font-size: .86rem; line-height: 1.5; }
.trust-strip strong { display: block; margin-bottom: 2px; color: var(--c-daily); font-size: .95rem; }
.hero.home-hero { grid-template-columns: minmax(0,1.05fr) minmax(0,1fr); grid-template-areas: "intro search" "actions search"; gap: 24px clamp(24px,4vw,64px); min-height: 0; padding: clamp(24px,4vw,52px); border: 1px solid #34725e; background: radial-gradient(ellipse at 10% 100%,#1d6e55 0,transparent 58%),linear-gradient(125deg,#102f29,#164d40); box-shadow: 0 16px 40px #123f3214; }
.home-hero .hero-content { grid-area: intro; align-self: end; min-width: 0; max-width: none; }
.hero-footer { grid-area: actions; align-self: start; min-width: 0; }
.radio-workflow .page-intro { padding: clamp(20px,3vw,34px); border: 1px solid var(--line); border-radius: 22px; background: var(--surface); }
.radio-workflow .page-intro h1 { font-size: clamp(1.9rem,4vw,3rem); line-height: 1.18; letter-spacing: -.035em; }
.radio-workflow .card { border-radius: 18px; box-shadow: 0 7px 22px #153b2708; }
.radio-workflow .card-head { padding: 20px; background: var(--soft); border-bottom: 1px solid var(--line); }
.radio-workflow .card-head h2 { font-size: 1.2rem; line-height: 1.45; }
.radio-workflow :is(input,select,textarea,button) { font-size: max(16px,1rem); line-height: 1.5; }
.radio-workflow :is(.button,summary) { min-height: 48px; }
.radio-workflow :is(input,select,textarea) { border-radius: 12px; }
.radio-workflow label { line-height: 1.6; }
.home-hero .eyebrow { color: #b7dfcc; font-size: .72rem; letter-spacing: .12em; }
.home-hero h1 { font-size: clamp(1.95rem,3.6vw,3.2rem); line-height: 1.15; letter-spacing: -.045em; }
.home-hero h1 span { color: #bce7cf; }
.home-hero .hero-copy { margin-top: 20px; color: #e0eee7; font-size: 1rem; line-height: 1.75; }
.hero-highlights { display: flex; flex-wrap: wrap; gap: 8px 18px; margin: 0; padding: 0; list-style: none; color: #d3e8dc; font-size: .8rem; }
.hero-highlights li { display: inline-flex; align-items: baseline; gap: 7px; }
.hero-highlights li::before { content: ""; flex: 0 0 6px; width: 6px; height: 6px; border-radius: 50%; background: #97d8b7; }
.home-hero .hero-actions { gap: 10px; margin-top: 26px; }
.home-hero .hero-cta { min-height: 48px; padding: 12px 17px; border: 1px solid #c8edda; border-radius: 12px; background: #d2f3df; color: #123f32; box-shadow: none; font-size: .9rem; }
.home-hero .hero-cta:hover { background: #eefcf4; }
.home-hero .hero-cta-outline { border-color: #749d8c; background: transparent; color: #fff; }
.home-hero .hero-cta-outline:hover { background: #ffffff12; }
.home-hero .hero-app-cta { margin-top: 14px; padding: 6px 0; border: 0; color: #c9e6d7; font-size: .85rem; font-weight: 550; }
.hero-search-panel { grid-area: search; align-self: center; position: relative; z-index: 2; min-width: 0; padding: clamp(18px,2.5vw,30px); border: 1px solid #ffffff40; border-radius: 22px; background: #fbfdfb; color: #18352b; box-shadow: 0 12px 30px #051e1420; }
.hero-search-heading { display: flex; align-items: center; gap: 9px; }
.hero-search-heading > p { margin: 0; color: #547060; font-size: .7rem; font-weight: 800; letter-spacing: .1em; }
.hero-search-mark { display: grid; flex: 0 0 36px; width: 36px; height: 36px; place-items: center; border-radius: 11px; background: #e8f4ec; color: #216548; }
.hero-search-panel h2 { margin: 16px 0 8px; color: #18352b; font-size: 1.5rem; letter-spacing: -.025em; line-height: 1.3; }
.hero-search-description { margin: 0; color: #526b5e; font-size: .9rem; line-height: 1.65; }
.home-hero .home-tool-search { margin-top: 20px; gap: 12px; }
.home-hero .home-search-label { position: static; width: auto; height: auto; margin: 0 0 4px; clip-path: none; white-space: normal; color: #365447; font-size: .875rem; }
.home-hero .tool-search-field input { border-color: #b8d2c2; border-radius: 13px; box-shadow: none; }
.home-hero .home-tool-search .tool-count { margin: 0; color: #526b5e; font-size: .8rem; line-height: 1.6; }
.trust-strip { grid-template-columns: repeat(4,minmax(0,1fr)); margin-top: 16px; }
.trust-strip > div { min-width: 0; padding: 18px; border-radius: 14px; color: var(--muted); line-height: 1.65; }
.trust-strip strong { margin-bottom: 6px; color: var(--text); font-size: .95rem; }
html[data-theme="dark"] .home-hero .hero-search-panel { background: #193e33; border-color: #547966; }
html[data-theme="dark"] .home-hero :is(.hero-search-panel h2,.home-search-label) { color: #f0fff6; }
html[data-theme="dark"] .home-hero :is(.hero-search-description,.hero-search-heading > p,.home-tool-search .tool-count) { color: #c5ddcd; }
html[data-theme="dark"] .home-hero .button { filter: none; }
@media (max-width: 900px) {
  .hero.home-hero { grid-template-columns: minmax(0,1fr); grid-template-areas: "intro" "search" "actions"; gap: 26px; }
  .home-hero .hero-content { max-width: 660px; }
  .trust-strip { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 480px) {
  .hero.home-hero { padding: 24px 18px 18px; border-radius: 22px; gap: 24px; }
  .home-hero h1 { font-size: clamp(1.9rem,8vw,2.4rem); }
  .home-hero .hero-copy { margin-top: 14px; font-size: .95rem; }
  .home-hero .hero-actions { display: grid; grid-template-columns: minmax(0,1fr); margin-top: 20px; }
  .hero-search-panel { padding: 18px 14px; border-radius: 17px; }
  .hero-search-panel h2 { font-size: 1.3rem; }
  .trust-strip { grid-template-columns: minmax(0,1fr); gap: 8px; }
}
.edu-status { display: inline-block; margin: 6px 0 0; padding: 6px 14px; border-radius: 999px; font-weight: 800; background: #e6f4f1; color: #0f766e; }
.edu-status.bad { background: #fde8e8; color: #b91c1c; }
.edu-status.mid { background: #fff4d6; color: #8a5a00; }
.edu-table input, .edu-table select { width: 100%; min-width: 58px; padding: 8px; border: 1px solid var(--line); border-radius: 8px; background: #fff; color: var(--text); font: inherit; }
.edu-table th { min-width: 130px; text-align: left; }
.edu-table td.edu-net { font-weight: 700; white-space: nowrap; }
.edu-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; }
.edu-del { padding: 6px 10px; border: 1px solid var(--line); border-radius: 8px; background: transparent; color: inherit; font: inherit; cursor: pointer; }
@media (max-width: 600px) {
  .cat-grid { grid-template-columns: 1fr; gap: 12px; }
  .cat-card { min-height: 0; }
}

/* ---------- Kombi arıza kodu sorgulama ---------- */
.boiler-emergency-banner { margin: 16px 0; padding: 16px 19px; border: 1px solid #e5b9b5; border-left: 5px solid #ae2d25; border-radius: 15px; background: #fff3f2; color: #70241f; }
.boiler-emergency-banner h2 { margin: 0 0 5px; color: #8e2d25; font-size: 1rem; }
.boiler-emergency-banner p { margin: 0; font-size: .84rem; line-height: 1.6; }
.boiler-safe-checks { margin: 16px 0 22px; padding: clamp(16px,2.5vw,24px); border: 1px solid #d7e5da; border-radius: 20px; background: var(--surface); box-shadow: 0 8px 22px rgba(25,54,39,.045); }
.boiler-safe-checks-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; }
.boiler-safe-checks-heading h2 { margin: 0; color: var(--green-dark); font-size: clamp(1.2rem,2.6vw,1.55rem); }
.boiler-safe-checks-heading p:not(.eyebrow) { max-width: 700px; margin: 5px 0 0; color: var(--muted); font-size: .82rem; line-height: 1.5; }
.boiler-check-progress { flex: 0 0 auto; padding: 7px 10px; border: 1px solid #cde0d1; border-radius: 999px; background: #edf7ef; color: #225b3c; font-size: .75rem; font-weight: 800; }
.boiler-check-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; margin-top: 14px; }
.boiler-check-card { display: flex; align-items: flex-start; gap: 11px; min-width: 0; padding: 14px; border: 1px solid var(--line); border-radius: 13px; background: var(--soft); cursor: pointer; }
.boiler-check-card:focus-within { outline: 3px solid #8ab99a; outline-offset: 2px; }
.boiler-check-card input { flex: 0 0 auto; width: 21px; height: 21px; margin: 1px 0 0; accent-color: var(--green-dark); }
.boiler-check-card span { display: grid; gap: 4px; min-width: 0; }
.boiler-check-card strong { color: var(--text); font-size: .86rem; }
.boiler-check-card small { color: var(--muted); font-size: .75rem; line-height: 1.55; }
.boiler-reset-guidance { margin-top: 12px; padding: 14px 16px; border: 1px solid #e4d7b7; border-left: 4px solid #ad7419; border-radius: 12px; background: #fff9eb; color: #614817; }
.boiler-reset-guidance strong { display: block; margin-bottom: 4px; font-size: .88rem; }
.boiler-reset-guidance p { margin: 0; font-size: .79rem; line-height: 1.55; }
.boiler-reset-guidance a { display: inline-flex; min-height: 42px; align-items: center; margin-top: 4px; color: #69490d; font-size: .8rem; font-weight: 800; }
.boiler-workbench { margin: 14px 0 22px; padding: clamp(18px,3vw,30px); border: 2px solid #25714c; border-radius: 24px; background: linear-gradient(145deg,#f1faf3 0%,#fff 78%); box-shadow: 0 14px 38px rgba(25,54,39,.1); }
.boiler-workbench-head, .boiler-results-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 16px; }
.boiler-workbench-head h1, .boiler-workbench-head h2, .boiler-results-head h2 { margin: 0; color: #174b34; font-size: clamp(1.35rem,3vw,1.9rem); line-height: 1.2; letter-spacing: -.04em; }
.boiler-workbench-head p:not(.eyebrow) { max-width: 680px; margin: 7px 0 0; color: var(--muted); font-size: .9rem; }
.boiler-workbench-head .favorite-button { flex: 0 0 auto; }
.boiler-progress { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; margin: 23px 0; padding: 0; list-style: none; }
.boiler-progress li { display: flex; align-items: center; gap: 10px; min-width: 0; padding: 12px; border: 1px solid var(--line); border-radius: 14px; background: #fff; color: var(--muted); }
.boiler-progress li > span { display: grid; width: 34px; height: 34px; flex: 0 0 34px; place-items: center; border-radius: 50%; background: #edf1ed; color: #53665b; font-size: .82rem; font-weight: 850; }
.boiler-progress li div { display: grid; min-width: 0; line-height: 1.25; }
.boiler-progress li strong { color: var(--text); font-size: .82rem; }
.boiler-progress li small { margin-top: 3px; color: var(--muted); font-size: .68rem; }
.boiler-progress li[data-state="active"] { border-color: #9ccbb0; background: #eff8f1; box-shadow: inset 0 0 0 1px #c8e2ce; }
.boiler-progress li[data-state="active"] > span, .boiler-progress li[data-state="complete"] > span { background: var(--green-dark); color: #fff; }
.boiler-progress li[data-state="complete"] { border-color: #c9dfce; }
.boiler-fields { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }
.boiler-field { display: grid; align-content: start; gap: 9px; min-width: 0; padding: 15px; border: 1px solid #c9d9cd; border-radius: 15px; background: #fff; }
.boiler-field:focus-within { border-color: #26764f; box-shadow: 0 0 0 3px rgba(38,118,79,.15); }
.boiler-field label { display: flex; align-items: center; gap: 8px; color: #29483a; font-size: .82rem; font-weight: 820; }
.boiler-field label span { color: var(--green); font-size: .68rem; letter-spacing: .08em; }
.boiler-field select, .boiler-field input { width: 100%; min-width: 0; min-height: 52px; padding: 11px 13px; border: 1px solid #aebfb2; border-radius: 11px; background: #fff; color: #17251d; font: inherit; font-size: 1rem; }
.boiler-field select:disabled, .boiler-field input:disabled { background: #f0f3f0; color: #78867c; cursor: not-allowed; }
.boiler-field > small { color: var(--muted); font-size: .72rem; line-height: 1.4; }
.boiler-status { min-height: 42px; margin: 14px 0 0; padding: 10px 13px; border: 1px solid #dce8df; border-radius: 11px; background: #f2f7f3; color: #385747; font-size: .82rem; line-height: 1.5; }
.boiler-status[role="alert"] { border-color: #e5b9b5; background: #fff3f2; color: #8e2d25; }
.boiler-source { margin-top: 12px; padding: 15px 17px; border-left: 4px solid #55876a; background: #f5f9f5; box-shadow: none; }
.boiler-source h3 { margin: 0 0 5px; font-size: .95rem; }
.boiler-source p { margin: 5px 0; color: var(--muted); font-size: .8rem; }
.boiler-source a { display: inline-flex; min-height: 40px; align-items: center; color: var(--green-dark); font-size: .8rem; font-weight: 800; }
.boiler-directory { margin-top: 12px; border: 1px solid var(--line); border-radius: 14px; background: #fff; }
.boiler-directory > summary { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 52px; padding: 12px 15px; color: var(--green-dark); font-size: .83rem; }
.boiler-directory > summary span { color: var(--muted); font-size: .72rem; font-weight: 500; text-align: right; }
.boiler-directory-body { padding: 0 15px 15px; }
.boiler-directory-count { margin: 8px 0; color: var(--muted); font-size: .76rem; }
.boiler-directory .tool-grid { grid-template-columns: repeat(auto-fit,minmax(min(100%,220px),1fr)); gap: 10px; margin-top: 10px; }
.boiler-directory .tool-card { padding: 13px; border-radius: 13px; }
.boiler-directory .tool-card h3 { font-size: .9rem; }
.boiler-directory .tool-card p { margin: 5px 0 0; font-size: max(16px, .9rem); }
.boiler-model-directory { padding-bottom: 14px; }
.boiler-results-panel { margin: 24px 0; padding: clamp(18px,3vw,26px); border: 1px solid #dce8df; border-radius: 22px; background: #fff; box-shadow: 0 10px 30px rgba(25,54,39,.05); }
.boiler-results-panel[hidden], .boiler-share-card[hidden] { display: none; }
.boiler-results-head { align-items: end; margin-bottom: 16px; }
.boiler-results-head > span { color: var(--muted); font-size: .76rem; }
.boiler-results-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,290px),1fr)); gap: 12px; }
.boiler-result-card { min-width: 0; padding: 17px; border: 1px solid #dfe8e1; border-left: 4px solid #668f71; border-radius: 15px; background: linear-gradient(145deg,#fff,#fafcf9); overflow-wrap: anywhere; }
.boiler-result-top { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.boiler-code-token { display: inline-flex; min-height: 32px; align-items: center; padding: 4px 10px; border-radius: 8px; background: #e8f3eb; color: #174b35; font: 800 .9rem ui-monospace,Consolas,monospace; }
.boiler-record-type { color: var(--muted); font-size: .7rem; font-weight: 720; }
.boiler-code-meaning { margin: 12px 0 0; color: var(--text); font-size: .98rem; line-height: 1.5; letter-spacing: -.015em; }
.boiler-result-card > a { display: inline-flex; min-height: 42px; align-items: center; margin-top: 8px; color: var(--green-dark); font-size: .78rem; font-weight: 800; }
.boiler-results-grid > p { grid-column: 1/-1; margin: 0; padding: 16px; border: 1px dashed #c9d7cc; border-radius: 13px; background: #f8faf8; color: var(--muted); }
.boiler-share-card { margin: 18px 0 28px; padding: 18px 20px; border-color: #dce8df; }
.boiler-share-heading { display: flex; align-items: center; gap: 12px; }
.boiler-share-heading > span { display: grid; width: 42px; height: 42px; flex: 0 0 42px; place-items: center; border-radius: 13px; background: #e9f4ed; color: var(--green-dark); font-size: 1.2rem; font-weight: 850; }
.boiler-share-heading h2 { margin: 0; color: var(--green-dark); font-size: 1rem; }
.boiler-share-heading p { margin: 3px 0 0; color: var(--muted); font-size: .78rem; line-height: 1.4; }
.boiler-share-card .share-panel { margin-top: 13px; padding-top: 13px; }
.home-screen-card { display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: 12px 16px; margin: 18px 0; padding: 15px 18px; border: 1px solid #d7e6db; border-radius: 17px; background: linear-gradient(110deg,#eff8f1,#fff); }
.home-screen-icon { display: grid; width: 46px; height: 46px; place-items: center; border-radius: 14px; background: var(--green-dark); color: #f5cd78; font-size: 1.45rem; font-weight: 800; }
.home-screen-copy { min-width: 0; }
.home-screen-copy h2 { margin: 0; color: var(--green-dark); font-size: .96rem; line-height: 1.35; }
.home-screen-copy p { margin: 2px 0; color: var(--muted); font-size: .78rem; line-height: 1.45; }
.home-screen-copy small { color: #64786b; font-size: .68rem; line-height: 1.4; }
.home-screen-card > .button { min-height: 42px; padding: 8px 13px; white-space: nowrap; }
.home-screen-status { grid-column: 2/-1; margin: -5px 0 0; color: var(--green-dark); font-size: .78rem; }
.home-screen-status:empty { display: none; }
.home-screen-dialog { width: min(460px,calc(100% - 32px)); padding: 20px; border: 1px solid #d6e4d9; border-radius: 20px; background: #fff; color: var(--text); box-shadow: 0 24px 70px #102d2060; }
.home-screen-dialog::backdrop { background: #102d2080; backdrop-filter: blur(3px); }
.home-screen-dialog-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; }
.home-screen-dialog-head .eyebrow { margin-bottom: 5px; }
.home-screen-dialog-head h2 { margin: 0; color: var(--green-dark); font-size: 1.15rem; line-height: 1.3; }
.home-screen-close { display: grid; width: 40px; height: 40px; flex: 0 0 40px; place-items: center; border: 1px solid var(--line); border-radius: 11px; background: #f7f9f6; color: var(--text); cursor: pointer; font: inherit; font-size: 1.5rem; line-height: 1; }
.home-screen-instructions { margin: 14px 0 2px; color: var(--muted); font-size: .9rem; line-height: 1.7; }
@media (max-width: 760px) {
  .boiler-workbench { padding: 18px; border-radius: 19px; }
  .boiler-check-grid { grid-template-columns: minmax(0,1fr); }
  .boiler-safe-checks-heading { flex-direction: column; }
  .boiler-fields { grid-template-columns: minmax(0,1fr); }
  .boiler-field { padding: 13px; }
  .home-screen-card { grid-template-columns: auto minmax(0,1fr); }
  .home-screen-card > .button { grid-column: 1/-1; width: 100%; }
  .home-screen-status { grid-column: 1/-1; margin: 0; }
}
@media (max-width: 480px) {
  .boiler-workbench-head { gap: 8px; }
  .boiler-workbench-head .favorite-button { max-width: 88px; padding: 6px 7px; font-size: .68rem; }
  .boiler-progress { gap: 6px; margin: 17px 0; }
  .boiler-progress li { justify-content: center; gap: 6px; padding: 9px 4px; }
  .boiler-progress li > span { width: 28px; height: 28px; flex-basis: 28px; font-size: .72rem; }
  .boiler-progress li strong { font-size: .7rem; }
  .boiler-progress li small { display: none; }
  .boiler-directory > summary { align-items: flex-start; flex-direction: column; justify-content: center; gap: 1px; }
  .boiler-directory > summary span { text-align: left; }
  .boiler-results-head { align-items: flex-start; flex-direction: column; gap: 5px; }
  .boiler-results-grid { grid-template-columns: minmax(0,1fr); }
  .boiler-share-card { padding: 15px; }
  .boiler-share-card .share-panel .action-row { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }
  .boiler-share-card .share-panel .share-button { width: 100%; justify-content: center; }
}
  .boiler-after-search { margin: 30px 0 20px; }
  .boiler-after-search > h2 { margin: 22px 0 12px; color: var(--green-dark); font-size: clamp(1.15rem,2.5vw,1.45rem); }
  .boiler-after-search .content-grid { margin-top: 0; }
  .boiler-after-search .info-card h3 { margin-top: 0; color: var(--green-dark); font-size: 1rem; }
  @media (max-width: 600px) {
    .boiler-workbench { margin: 10px 0 18px; padding: 15px; border-width: 2px; border-radius: 19px; }
    .boiler-workbench-head { flex-direction: column; gap: 10px; }
    .boiler-workbench-head h1, .boiler-workbench-head h2 { font-size: 1.35rem; }
    .boiler-workbench-head .favorite-button { align-self: flex-start; max-width: none; min-height: 42px; margin-left: 0; }
    .boiler-progress { grid-template-columns: repeat(3,minmax(0,1fr)); }
    .boiler-progress li { justify-content: flex-start; }
    .boiler-fields { gap: 10px; }
    .boiler-field { padding: 13px; border-radius: 13px; }
    .boiler-field label { font-size: .88rem; }
    .boiler-field select, .boiler-field input { min-height: 54px; font-size: 1rem; }
    .boiler-status { min-height: 0; font-size: .85rem; }
    .boiler-after-search { margin-top: 22px; }
  }

/* ---------- Araç belirtisi ön değerlendirme ---------- */
.vehicle-diagnosis-page { max-width: 1040px; }
.vehicle-diagnosis-page .quick-nav { flex-wrap: nowrap; overflow-x: auto; overscroll-behavior-inline: contain; scrollbar-width: thin; -webkit-overflow-scrolling: touch; }
.vehicle-diagnosis-page .quick-nav a { flex: 0 0 auto; white-space: nowrap; }
.vehicle-diagnosis-hero { display: flex; align-items: center; justify-content: space-between; gap: 22px; margin: 18px 0; padding: clamp(24px,4.5vw,42px); border: 1px solid #c8dfce; border-left: 6px solid #16804d; border-radius: 24px; background: radial-gradient(ellipse at 90% 10%,#d8efe0,transparent 46%),linear-gradient(125deg,#fff,#f0f8f2); box-shadow: 0 12px 30px rgba(20,75,48,.07); }
.vehicle-diagnosis-hero .eyebrow { color: #145c4d; }
.vehicle-diagnosis-hero > div { max-width: 740px; }
.vehicle-diagnosis-hero h1 { color: #123d2e; font-size: clamp(2rem,5vw,3.2rem); line-height: 1.08; letter-spacing: -.05em; }
.vehicle-diagnosis-hero h1 span { color: #187545; }
.vehicle-diagnosis-hero p:not(.eyebrow) { max-width: 680px; margin: 12px 0 0; color: #435c4e; font-size: 1rem; line-height: 1.7; }
.vehicle-diagnosis-hero > img { width: clamp(74px,12vw,114px); height: auto; flex: 0 0 auto; }
.vehicle-diagnosis-safety { display: grid; grid-template-columns: auto minmax(0,1fr); gap: 4px 12px; margin: 16px 0; padding: 15px 18px; border: 1px solid #e4c477; border-left: 5px solid #bb7810; border-radius: 14px; background: #fff7df; color: #573900; box-shadow: 0 5px 16px rgba(100,68,0,.055); }
.vehicle-diagnosis-safety strong { grid-row: span 2; align-self: start; font-size: .88rem; }
.vehicle-diagnosis-safety p { margin: 0; font-size: .86rem; line-height: 1.6; }
.vehicle-diagnosis-form { display: grid; gap: 15px; margin: 18px 0 24px; }
.diagnosis-form-section { min-width: 0; padding: clamp(17px,3vw,25px); border: 1px solid #d7e2da; border-radius: 19px; background: #fff; box-shadow: 0 8px 24px rgba(25,54,39,.055); }
.diagnosis-primary-section { padding: clamp(19px,3.5vw,30px); border: 2px solid #8ebd9a; background: radial-gradient(ellipse at 100% 0,#e8f5eb,transparent 43%),#fff; box-shadow: 0 12px 30px rgba(20,75,48,.09); }
.diagnosis-section-title { display: flex; align-items: flex-start; gap: 12px; margin-bottom: 15px; }
.diagnosis-section-title > span { display: grid; width: 38px; height: 38px; flex: 0 0 38px; place-items: center; border-radius: 12px; background: #e2f0e6; color: #155c37; font-size: .82rem; font-weight: 850; }
.diagnosis-primary-section .diagnosis-section-title > span { background: #176d40; color: #fff; }
.diagnosis-step-label { margin: 0 0 4px !important; color: #176d40 !important; font-size: .68rem !important; font-weight: 850; letter-spacing: .09em; }
.diagnosis-section-title h2 { margin: 0; color: #173f2f; font-size: 1.12rem; line-height: 1.35; }
.diagnosis-primary-section .diagnosis-section-title h2 { font-size: clamp(1.2rem,3vw,1.5rem); }
.diagnosis-section-title h2 small { margin-left: 6px; color: var(--muted); font-size: .68rem; font-weight: 650; }
.diagnosis-section-title p { margin: 4px 0 0; color: #53685b; font-size: .83rem; line-height: 1.55; }
.diagnosis-vehicle-fields { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 11px; }
.diagnosis-vehicle-fields label, .diagnosis-code-field { display: grid; gap: 7px; min-width: 0; color: #294c39; font-size: .83rem; font-weight: 780; }
.diagnosis-vehicle-fields input, .diagnosis-code-field input { width: 100%; min-width: 0; min-height: 50px; padding: 11px 13px; border: 1px solid #b9cbbd; border-radius: 11px; background: #fff; color: #1c3025; font: inherit; font-size: 1rem; }
.diagnosis-vehicle-fields input:focus-visible, .diagnosis-code-field input:focus-visible { outline: 3px solid rgba(35,122,72,.25); border-color: #237a48; }
.diagnosis-code-field { max-width: 580px; }
.diagnosis-code-field small { color: #53685b; font-size: .78rem; font-weight: 500; line-height: 1.55; }
.diagnosis-symptom-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; }
.diagnosis-symptom-choice, .diagnosis-warning-choice { position: relative; display: flex; align-items: center; gap: 11px; min-width: 0; min-height: 58px; padding: 11px 13px; border: 1px solid #d1ddd4; border-radius: 13px; background: #fff; color: #20372a; cursor: pointer; transition: border-color .15s,background .15s,box-shadow .15s; }
.diagnosis-symptom-choice:hover, .diagnosis-warning-choice:hover { border-color: #9dc5a7; background: #f2f8f3; }
.diagnosis-symptom-choice:has(input:checked) { border-color: #26774a; background: #eaf5ed; box-shadow: inset 0 0 0 1px #8fbd9b,0 3px 10px rgba(29,101,59,.08); }
.diagnosis-warning-choice:has(input:checked) { border-color: #a8322c; background: #fff0ed; box-shadow: inset 0 0 0 1px #e2a29c; }
.diagnosis-symptom-choice input, .diagnosis-warning-choice input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.diagnosis-symptom-choice:focus-within, .diagnosis-warning-choice:focus-within { outline: 3px solid rgba(67,136,167,.42); outline-offset: 2px; }
.diagnosis-choice-marker { display: grid; width: 30px; height: 30px; flex: 0 0 30px; place-items: center; border-radius: 9px; background: #e7efe9; color: #3d5848; font-size: .72rem; font-weight: 850; }
.diagnosis-symptom-choice:has(input:checked) .diagnosis-choice-marker { background: #176d40; color: #fff; font-size: 0; }
.diagnosis-symptom-choice:has(input:checked) .diagnosis-choice-marker::after { content: "✓"; font-size: .95rem; }
.diagnosis-choice-label { min-width: 0; font-size: .88rem; font-weight: 730; line-height: 1.45; }
.diagnosis-warning-list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
.diagnosis-warning-choice { min-height: 48px; }
.diagnosis-warning-choice .diagnosis-choice-marker { background: #fff1db; color: #835b1b; }
.diagnosis-warning-choice .diagnosis-choice-label { font-size: .76rem; }
.diagnosis-warning-section { border-color: #e7d5bb; background: #fffcf7; }
.diagnosis-selection-status { display: flex; align-items: center; min-height: 40px; margin: 14px 0 0; padding: 9px 12px; border: 1px dashed #a8bcad; border-radius: 10px; background: rgba(255,255,255,.78); color: #4c6253; font-size: .8rem; font-weight: 650; line-height: 1.45; }
.diagnosis-selection-status.has-selections { border-style: solid; border-color: #a7cbb0; background: #f3faf4; color: #185c36; }
.diagnosis-optional-details { padding: 0 17px 15px; border: 1px solid #d7e2da; border-radius: 15px; background: #fff; }
.diagnosis-optional-details summary { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 5px 12px; min-height: 58px; color: #214631; cursor: pointer; font-weight: 800; list-style-position: inside; }
.diagnosis-optional-details summary span + span { color: #65776a; font-size: .76rem; font-weight: 550; }
.diagnosis-optional-details summary:focus-visible { outline: 3px solid rgba(35,122,72,.3); outline-offset: 3px; border-radius: 8px; }
.diagnosis-optional-details > p { margin: 0 0 13px; color: #53685b; font-size: .8rem; line-height: 1.55; }
.diagnosis-submit { display: flex; align-items: center; justify-content: center; gap: 12px; width: 100%; min-height: 60px; padding: 13px 18px; border: 1px solid #105734; border-radius: 14px; background: linear-gradient(110deg,#176d40,#104d32); color: #fff; box-shadow: 0 8px 19px rgba(16,77,50,.22); font-size: 1rem; font-weight: 850; letter-spacing: .01em; }
.diagnosis-submit:hover { background: linear-gradient(110deg,#125c35,#0b4029); box-shadow: 0 10px 22px rgba(16,77,50,.28); }
.diagnosis-submit > span:last-child { display: grid; width: 30px; height: 30px; place-items: center; border-radius: 50%; background: rgba(255,255,255,.16); font-size: 1.2rem; }
.diagnosis-form-error { margin: 0; padding: 11px 13px; border: 1px solid #e3b6b2; border-radius: 11px; background: #fff3f2; color: #8e2d25; font-size: .83rem; font-weight: 700; }
.diagnosis-form-error[hidden] { display: none; }
.diagnosis-results-panel { margin: 22px 0; padding: clamp(17px,3vw,26px); border: 1px solid #dce8df; border-radius: 21px; background: #fff; box-shadow: 0 12px 30px rgba(25,54,39,.06); scroll-margin-top: 92px; }
.diagnosis-results-panel[hidden], .diagnosis-share[hidden] { display: none; }
.diagnosis-results-header { display: flex; align-items: end; justify-content: space-between; gap: 10px; margin-bottom: 13px; }
.diagnosis-results-header h2 { margin: 0; color: var(--green-dark); font-size: clamp(1.35rem,3vw,1.8rem); }
.diagnosis-results-header > span { padding: 5px 9px; border-radius: 999px; background: #edf5ef; color: #385747; font-size: .7rem; font-weight: 780; }
.diagnosis-result-summary { margin-bottom: 12px; padding: 11px 13px; border: 1px solid #e1e9e2; border-radius: 12px; background: #f8faf8; }
.diagnosis-result-summary p { margin: 2px 0; color: #385747; font-size: .8rem; line-height: 1.5; overflow-wrap: anywhere; }
.diagnosis-critical { margin: 12px 0; padding: 14px 16px; border: 1px solid #e4a8a1; border-left: 5px solid #bd3128; border-radius: 13px; background: #fff1ef; color: #78261f; }
.diagnosis-critical[hidden] { display: none; }
.diagnosis-critical strong { font-size: .92rem; }
.diagnosis-critical p, .diagnosis-critical li { font-size: .82rem; line-height: 1.55; }
.diagnosis-critical p { margin: 7px 0; }
.diagnosis-critical ul { margin: 4px 0 0; padding-left: 20px; }
.diagnosis-result-details { display: grid; gap: 12px; }
.diagnosis-area-card, .diagnosis-code-result { min-width: 0; padding: 16px; border: 1px solid #dde8df; border-radius: 14px; background: #fcfdfc; overflow-wrap: anywhere; }
.diagnosis-area-card h3, .diagnosis-code-result h3 { margin: 0 0 7px; color: var(--green-dark); font-size: 1rem; line-height: 1.4; }
.diagnosis-area-card h4, .diagnosis-code-result h4 { margin: 13px 0 5px; color: #385747; font-size: .8rem; }
.diagnosis-area-card p, .diagnosis-area-card li, .diagnosis-code-result p, .diagnosis-code-result li { color: var(--muted); font-size: .8rem; line-height: 1.6; }
.diagnosis-area-card p { margin: 4px 0; }
.diagnosis-area-card ul, .diagnosis-code-result ul { margin: 6px 0 0; padding-left: 20px; }
.diagnosis-area-card li, .diagnosis-code-result li { margin: 4px 0; }
.diagnosis-safe-notes { padding: 10px 12px 10px 31px !important; border-radius: 10px; background: #f1f7f3; }
.diagnosis-symptom-reasons { display: grid; gap: 6px; }
.diagnosis-symptom-reasons p { margin: 0; padding: 9px 11px; border-left: 3px solid #90b89a; border-radius: 7px; background: #f7faf7; }
.diagnosis-symptom-reasons strong { color: #29483a; }
.diagnosis-code-result { border-left: 4px solid #4c8290; }
.diagnosis-code-result-head { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-bottom: 10px; }
.diagnosis-code-result h3 { margin-bottom: 7px; }
.diagnosis-source-likelihood { margin-left: 4px; padding: 2px 6px; border-radius: 999px; background: #edf2ee; font-size: .64rem; }
.diagnosis-code-sources { display: flex; flex-wrap: wrap; gap: 6px 10px; margin-top: 10px; font-size: .72rem; }
.diagnosis-code-sources a { color: var(--green-dark); }
.diagnosis-code-note { margin: 12px 0 0; padding-top: 10px; border-top: 1px solid var(--line); }
.diagnosis-code-missing { border-left-color: #c18a2a; background: #fffaf0; }
.diagnosis-code-missing > a { display: inline-flex; min-height: 42px; align-items: center; color: var(--green-dark); font-size: .8rem; font-weight: 800; }
.diagnosis-caveat { margin: 13px 0 0; padding: 12px 14px; border-radius: 11px; background: #f3f6f3; color: #506258; font-size: .75rem; line-height: 1.65; }
.diagnosis-share { display: flex; align-items: center; gap: 12px; margin: 16px 0 25px; padding: 16px 19px; }
.diagnosis-share h2 { margin: 0; color: var(--green-dark); font-size: .98rem; }
.diagnosis-share > div:first-child > p { margin: 3px 0 0; color: var(--muted); font-size: .76rem; }
.diagnosis-share .share-panel { flex: 1 1 auto; margin: 0 0 0 auto; padding: 0; border: 0; }
.diagnosis-share .share-panel .action-row { justify-content: flex-end; }
.diagnosis-share .share-panel > .note:not([role="status"]) { display: none; }
.diagnosis-scope { margin: 18px 0 30px; }
.diagnosis-scope h2 { margin: 0 0 8px; color: var(--green-dark); font-size: 1.04rem; }
.diagnosis-scope p { margin: 7px 0; color: var(--muted); font-size: .81rem; line-height: 1.65; }
.diagnosis-scope a { color: var(--green-dark); font-weight: 750; }
@media (max-width: 720px) {
  .vehicle-diagnosis-hero { padding: 23px 19px; }
  .vehicle-diagnosis-form { gap: 12px; }
  .diagnosis-vehicle-fields { grid-template-columns: minmax(0,1fr); }
  .diagnosis-share { align-items: stretch; flex-direction: column; }
  .diagnosis-share .share-panel { margin: 0; }
  .diagnosis-share .share-panel .action-row { justify-content: flex-start; }
  .diagnosis-submit { position: sticky; bottom: max(10px,env(safe-area-inset-bottom)); z-index: 3; }
}
@media (max-width: 480px) {
  .vehicle-diagnosis-hero { align-items: flex-start; gap: 8px; border-radius: 19px; }
  .vehicle-diagnosis-hero > img { width: 54px; margin-top: 8px; }
  .vehicle-diagnosis-hero h1 { font-size: clamp(1.8rem,9vw,2.4rem); }
  .vehicle-diagnosis-hero p:not(.eyebrow) { font-size: .93rem; }
  .vehicle-diagnosis-safety { grid-template-columns: minmax(0,1fr); }
  .vehicle-diagnosis-safety strong { grid-row: auto; }
  .diagnosis-symptom-grid, .diagnosis-warning-list { grid-template-columns: minmax(0,1fr); }
  .diagnosis-primary-section { padding: 17px 14px; }
  .diagnosis-section-title { gap: 9px; }
  .diagnosis-section-title > span { width: 34px; height: 34px; flex-basis: 34px; }
  .diagnosis-choice-label { font-size: .86rem; }
  .diagnosis-optional-details { padding-right: 13px; padding-left: 13px; }
  .diagnosis-optional-details summary span + span { flex-basis: 100%; padding-left: 19px; }
  .diagnosis-results-header { align-items: flex-start; flex-direction: column; }
}

/* ---------- Araç bakım ve güvenlik rehberleri ---------- */
.vehicle-tool-page { max-width: 1040px; }
.vehicle-tool-page .quick-nav { flex-wrap: nowrap; overflow-x: auto; overscroll-behavior-inline: contain; scrollbar-width: thin; -webkit-overflow-scrolling: touch; }
.vehicle-tool-page .quick-nav a { flex: 0 0 auto; white-space: nowrap; }
.vehicle-tool-alert { margin: 16px 0; padding: 15px 17px; border: 1px solid #e7ca84; border-left: 5px solid #ad7419; border-radius: 14px; background: #fff8e7; color: #563d12; }
.vehicle-tool-alert strong { display: block; margin-bottom: 4px; color: #69490d; font-size: .9rem; }
.vehicle-tool-alert p { margin: 0; font-size: .84rem; line-height: 1.65; }
.vehicle-tool-form { display: grid; gap: 14px; margin: 18px 0 24px; }
.vehicle-tool-card { min-width: 0; margin: 0; padding: clamp(16px,3vw,23px); border: 1px solid var(--line); border-radius: 17px; background: var(--surface); box-shadow: 0 7px 22px rgba(25,54,39,.045); }
.vehicle-tool-card h2, .vehicle-tool-card legend { margin: 0 0 10px; color: var(--green-dark); font-size: 1.08rem; font-weight: 820; }
.vehicle-tool-card legend { padding: 0 4px; }
.vehicle-tool-help, .vehicle-tool-example { margin: 0 0 13px; color: var(--muted); font-size: .82rem; line-height: 1.6; }
.plumbing-mode { display:flex; align-items:center; gap:.75rem; width:fit-content; margin-top:1rem; padding:.7rem .9rem; border:1px solid var(--line); border-radius:12px; cursor:pointer; }
.plumbing-mode input { width:1.1rem; height:1.1rem; accent-color:var(--green); }
.plumbing-mode span { display:grid; gap:.2rem; }
.plumbing-mode small { color:var(--muted); }
.dashboard-search-label { display: block; margin: 14px 0 6px; color: var(--green-dark); font-size: .84rem; font-weight: 780; }
.dashboard-search { width: 100%; min-height: 50px; margin-bottom: 8px; padding: 11px 14px; border: 1px solid #b9cbbf; border-radius: 12px; background: var(--surface); color: var(--text); font: inherit; font-size: 1rem; }
.dashboard-search:focus-visible { outline: 3px solid rgba(35,122,72,.25); border-color: #237a48; }
.dashboard-option-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; }
.dashboard-option { position: relative; display: flex; align-items: center; gap: 12px; min-width: 0; min-height: 58px; padding: 10px 13px; border: 1px solid var(--line); border-radius: 12px; background: var(--surface); color: var(--text); cursor: pointer; }
.dashboard-option[hidden] { display: none; }
.dashboard-option:hover { border-color: #95b99e; background: var(--soft); }
.dashboard-option:focus-within { outline: 3px solid rgba(67,136,167,.4); outline-offset: 2px; }
.dashboard-option:has(input:checked) { border-color: #387b4e; background: #edf7ef; box-shadow: inset 0 0 0 1px #b2d2b8; }
.dashboard-option input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.dashboard-option svg { width: 37px; height: 37px; flex: 0 0 37px; padding: 5px; border-radius: 9px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.dashboard-option-amber svg { background: #fff2d6; color: #885a08; }
.dashboard-option-red svg { background: #ffebe8; color: #a52f26; }
.dashboard-option-blue svg { background: #eaf3fb; color: #27638a; }
.dashboard-option span { min-width: 0; font-size: .86rem; font-weight: 740; line-height: 1.4; }
.vehicle-category-guidance { margin: 26px 0 34px; }
.vehicle-category-guidance h2, .vehicle-warning-guide h2 { margin: 0 0 13px; color: var(--green-dark); font-size: 1.2rem; }
.vehicle-category-guidance p, .vehicle-warning-guide p { margin: 8px 0; color: var(--muted); font-size: .88rem; line-height: 1.7; }
.vehicle-warning-guide { margin: 24px 0 34px; padding: clamp(16px,3vw,24px); }
.vehicle-guide-columns { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.vehicle-guide-columns article { min-width: 0; padding: 14px; border: 1px solid var(--line); border-radius: 12px; background: var(--soft); }
.vehicle-guide-columns h3 { margin: 0 0 6px; color: var(--green-dark); font-size: .94rem; }
.vehicle-guide-columns p { margin: 0; }
.vehicle-warning-guide .vehicle-warning-disclaimer { margin-top: 15px; padding-top: 12px; border-top: 1px solid var(--line); }
.ev-cost-bars { display: grid; gap: 12px; margin-top: 18px; padding-top: 14px; border-top: 1px solid var(--line); }
.ev-cost-bar-row { display: grid; gap: 6px; color: var(--text); font-size: .84rem; font-weight: 740; }
.ev-cost-bar-track { width: 100%; height: 15px; overflow: hidden; border-radius: 999px; background: var(--soft); }
.ev-cost-bar-track span { display: block; height: 100%; min-width: 3px; border-radius: inherit; transition: width .35s ease; }
.ev-cost-bar-fuel { background: #b97812; }
.ev-cost-bar-electric { background: #4386a1; }
.vehicle-tool-result { margin: 0; padding: clamp(16px,3vw,22px); border: 1px solid #c8dfce; border-left: 5px solid #267447; border-radius: 15px; background: #f2f8f3; color: #223a2c; scroll-margin-top: 90px; }
.vehicle-tool-result[hidden] { display: none; }
.vehicle-tool-result h2 { margin: 0 0 10px; color: #174c30; font-size: 1.1rem; line-height: 1.4; }
.vehicle-tool-result ul { display: grid; gap: 8px; margin: 0; padding-left: 21px; }
.vehicle-tool-result li { color: #385546; font-size: .86rem; line-height: 1.6; overflow-wrap: anywhere; }
.vehicle-tool-result-critical { border-color: #e4aaa3; border-left-color: #b83229; background: #fff1ef; }
.vehicle-tool-result-critical h2, .vehicle-tool-result-critical li { color: #77281f; }
.vehicle-tool-result-warning { border-color: #ead39a; border-left-color: #bd7b12; background: #fff9e9; }
.vehicle-tool-result-warning h2, .vehicle-tool-result-warning li { color: #72500d; }
.heating-pressure-low { border-color: #9ec7e0; border-left-color: #2877a6; background: #eef7fc; color: #173d55; }
.heating-pressure-low h2, .heating-pressure-low li { color: #194d6b; }
.vehicle-measure-fields { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }
.vehicle-measure-fields label { display: grid; gap: 6px; min-width: 0; color: #385546; font-size: .82rem; font-weight: 760; }
.vehicle-measure-fields input, .vehicle-measure-fields select { width: 100%; min-width: 0; min-height: 48px; padding: 10px 12px; border: 1px solid #c8d6cc; border-radius: 10px; background: var(--surface); color: var(--text); font: inherit; font-size: 1rem; }
.vehicle-measure-fields input:focus-visible, .vehicle-measure-fields select:focus-visible { outline: 3px solid rgba(35,122,72,.25); border-color: #237a48; }
.vehicle-measure-fields input[type="range"] { min-height: 44px; padding: 0; accent-color: #267447; cursor: pointer; }
.vehicle-slider-output { color: var(--green-dark); font-size: .9rem; font-weight: 820; }
.vehicle-tool-example { margin: -4px 0 0; }
.vehicle-tool-submit { display: flex; align-items: center; justify-content: center; gap: 10px; width: 100%; min-height: 54px; padding: 12px 16px; font-size: .95rem; font-weight: 820; }
.inspection-checklist { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
.inspection-checklist label { display: flex; align-items: flex-start; gap: 10px; min-width: 0; min-height: 66px; padding: 11px 12px; border: 1px solid var(--line); border-radius: 11px; background: var(--surface); color: var(--text); cursor: pointer; }
.inspection-checklist label:has(input:checked) { border-color: #c17c31; background: #fff7e9; }
.inspection-checklist input { width: 20px; height: 20px; flex: 0 0 20px; margin: 1px 0 0; accent-color: #9a5a13; }
.inspection-checklist label > span { display: grid; gap: 3px; min-width: 0; }
.inspection-checklist strong { color: #294a38; font-size: .83rem; line-height: 1.4; }
.inspection-checklist small { color: var(--muted); font-size: .75rem; line-height: 1.45; }
.vehicle-tool-note { margin: 18px 0 30px; }
.vehicle-tool-note h2 { margin: 0 0 8px; color: var(--green-dark); font-size: 1.04rem; }
.vehicle-tool-note p { margin: 7px 0; color: var(--muted); font-size: .82rem; line-height: 1.65; }
.vehicle-tool-note a { color: var(--green-dark); font-weight: 750; }
@media (max-width: 680px) {
  .dashboard-option-grid, .inspection-checklist, .vehicle-guide-columns { grid-template-columns: minmax(0,1fr); }
  .vehicle-measure-fields { grid-template-columns: minmax(0,1fr); }
  .vehicle-tool-submit { position: sticky; bottom: max(10px,env(safe-area-inset-bottom)); z-index: 3; }
}

/* ---------- Günlük hayat araçları ---------- */
.daily-table input { width: 100%; min-width: 64px; padding: 8px; border: 1px solid var(--line); border-radius: 8px; background: #fff; color: var(--text); font: inherit; }
.daily-table th { min-width: 150px; text-align: left; }
.bar-wrap { display: flex; align-items: center; gap: 8px; min-width: 120px; }
.bar-track { flex: 1; height: 10px; overflow: hidden; border-radius: 999px; background: #e3ece6; }
.bar-fill { height: 100%; border-radius: 999px; background: linear-gradient(90deg, var(--c-daily), #14b8a6); }
.exam-fieldset { border: 1px solid var(--line); border-radius: 12px; padding: 10px 12px; }
.exam-fieldset legend { font-weight: 800; padding: 0 6px; }
.exam-check { display: flex; gap: 10px; align-items: flex-start; margin: 6px 0; cursor: pointer; }
.exam-check input { margin-top: 4px; width: 18px; height: 18px; flex: none; }
.exam-topics { display: grid; gap: 12px; }
.exam-group { padding: 10px 12px; border: 1px solid var(--line); border-radius: 12px; background: #fff; }
.exam-group-title { display: block; margin-bottom: 4px; color: var(--green); }
.exam-topic-desc { color: var(--muted); line-height: 1.4; }
.exam-error, .exam-bad { color: #b91c1c; font-weight: 700; }
.exam-ok { color: #0f766e; font-weight: 700; }
.exam-top { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 8px; }
.exam-timer { font-weight: 800; font-variant-numeric: tabular-nums; padding: 4px 10px; border-radius: 999px; background: #e6f4f1; color: #0f766e; }
#exam-timer.warn { background: #fde8e8; color: #b91c1c; }
.exam-progress { margin-bottom: 10px; }
.exam-topic-badge { margin: 0 0 6px; font-size: .82rem; font-weight: 700; color: #0f766e; }
.exam-question { font-size: 1.15rem; line-height: 1.45; margin: 8px 0 14px; }
.exam-options { display: grid; gap: 10px; }
.exam-opt { display: flex; gap: 12px; align-items: flex-start; width: 100%; padding: 12px 14px; text-align: left; font: inherit; color: inherit; background: var(--surface); border: 2px solid var(--line); border-radius: 12px; cursor: pointer; min-height: 48px; }
.exam-opt:hover { border-color: #14b8a6; }
.exam-opt.selected { border-color: #0f766e; background: #e6f4f1; }
.exam-opt.right { border-color: #15803d; background: #dcfce7; }
.exam-opt.wrong { border-color: #b91c1c; background: #fde8e8; }
.exam-letter { flex: none; width: 28px; height: 28px; display: grid; place-items: center; border-radius: 50%; background: #e3ece6; font-weight: 800; }
.exam-opt-text { flex: 1; line-height: 1.4; }
.exam-explain { margin-top: 14px; padding: 12px 14px; border-radius: 12px; background: #f1f7f4; border-left: 5px solid #0f766e; }
.exam-explain p { margin: 6px 0 0; }
.exam-map { display: flex; flex-wrap: wrap; gap: 6px; margin: 8px 0 12px; }
.exam-dot { min-width: 36px; height: 36px; border: 1px solid var(--line); border-radius: 8px; background: var(--surface); font: inherit; color: inherit; cursor: pointer; }
.exam-dot.done { background: #e6f4f1; border-color: #0f766e; }
.exam-dot.current { outline: 3px solid #14b8a6; font-weight: 800; }
.exam-review { display: grid; gap: 10px; }
.exam-review-item { padding: 12px 14px; border: 1px solid var(--line); border-left: 5px solid #b91c1c; border-radius: 12px; background: var(--surface); }
.exam-review-item p { margin: 4px 0; }
.bar-wrap span { min-width: 38px; font-size: .78rem; font-weight: 700; }
.counter-list { display: grid; gap: 14px; margin-top: 20px; }
.counter-card { padding: 16px; border: 1px solid var(--line); border-left: 6px solid var(--c-daily); border-radius: 16px; background: var(--surface); }
.counter-head { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 10px; }
.counter-head h3 { flex: 1 1 140px; margin: 0; font-size: 1.1rem; }
.counter-head > span { padding: 3px 10px; border-radius: 999px; background: #e6f4f1; color: var(--c-daily); font-size: .76rem; font-weight: 800; }
.counter-remove { min-height: 36px; padding: 6px 14px; }
.counter-date { margin: 6px 0 0; color: var(--muted); font-size: .85rem; }
.counter-units { display: grid; grid-template-columns: repeat(auto-fit,minmax(70px,1fr)); gap: 8px; margin-top: 12px; }
.counter-units div { padding: 10px 6px; border-radius: 12px; background: #e6f4f1; text-align: center; }
.counter-units strong { display: block; color: var(--c-daily); font-size: clamp(1.4rem,6vw,2rem); line-height: 1.1; font-variant-numeric: tabular-nums; }
.counter-units small { color: var(--muted); font-size: .76rem; font-weight: 700; }
.counter-done { margin: 12px 0 0; font-weight: 800; color: var(--c-daily); }
.counter-progress { margin-top: 12px; }

/* Dark mode uses native surface colors so diagrams, logos and category icons keep their real colors. */
html[data-theme="dark"] { color-scheme: dark; background: #0c1220; }

main :is(section, article, .card, .result, output, canvas, [id$="-results"]) { scroll-margin-top: 110px; }
main :is(.card, .info-card, .tool-card, .saha-result) { min-width: 0; overflow-wrap: anywhere; }
main :is(input, select, textarea) { max-width: 100%; font-size: max(16px,1rem); }
main :is(button, .button) { min-height: 44px; white-space: normal; }
main :is(p, li, dd) { line-height: 1.65; }
:is(button, a, input, select, textarea):focus-visible { outline: 3px solid var(--green); outline-offset: 3px; }
.saha-result { border-left: 5px solid var(--green); }
.saha-distance { font-weight: 850; color: var(--green-dark); background: var(--green-soft); padding: 6px 12px; border-radius: 999px; }
.workflow-links { display: flex; flex-wrap: wrap; gap: 10px; margin-block: 18px; }
.cat-card[data-cat="sound-motion"] { --tile: #236879; }
.tool-card[data-category="sound-motion"] { --tile: #236879; }
.home-safety-shortcuts { min-width: 0; margin: 0 0 28px; padding: 18px; border: 1px solid var(--line); border-radius: 18px; background: var(--surface); }
.home-safety-heading { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 18px; margin-bottom: 12px; }
.home-safety-heading h2 { margin: 0; font-size: 1.1rem; overflow-wrap: anywhere; }
.home-safety-heading .eyebrow { margin: 0 0 4px; font-size: .7rem; }
.home-safety-heading > a { display: inline-flex; align-items: center; min-height: 44px; color: var(--green-dark); font-size: .875rem; font-weight: 700; }
.home-safety-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,10rem),1fr)); gap: 8px; }
.home-safety-grid > a { display: flex; align-items: center; gap: 9px; min-width: 0; min-height: 48px; padding: 9px 10px; border: 1px solid var(--line); border-radius: 12px; background: var(--soft); color: var(--text); text-decoration: none; font-size: .875rem; font-weight: 650; line-height: 1.4; }
.home-safety-grid > a:hover { border-color: var(--green); background: var(--surface); }
.home-safety-grid img { flex: 0 0 28px; width: 28px; height: 28px; object-fit: contain; }
.home-safety-grid span { min-width: 0; overflow-wrap: anywhere; }
@media (min-width: 360px) and (max-width: 600px) {
  .home-safety-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }

.field-page { max-width: 1040px; padding-bottom: 44px; }
.field-page .field-guide-entry { display: grid; grid-template-columns: 48px minmax(0, 1fr) 36px; align-items: center; gap: 16px; width: 100%; max-width: 100%; min-height: 96px; margin: 0 0 24px; padding: clamp(16px, 3vw, 24px); border: 1px solid var(--line); border-radius: 18px; background: var(--surface); color: var(--text); text-align: left; white-space: normal; text-decoration: none; }
.field-page .field-guide-entry:hover { background: var(--soft); border-color: var(--green); }
.field-guide-entry-icon, .field-guide-entry-arrow { display: grid; place-items: center; border-radius: 12px; background: var(--soft); color: var(--green); }
.field-guide-entry-icon { width: 48px; height: 48px; }
.field-guide-entry-arrow { width: 36px; height: 36px; }
.field-guide-entry-copy { min-width: 0; overflow-wrap: anywhere; }
.field-guide-entry-copy strong { display: block; font-size: 1rem; line-height: 1.4; }
.field-guide-entry small { display: block; margin-top: 5px; color: var(--muted); font-size: .85rem; font-weight: 500; line-height: 1.6; }
.field-guide-entry-action { display: block; margin-top: 8px; color: var(--green); font-size: .8rem; font-weight: 750; line-height: 1.5; }
@media (max-width: 480px) {
  .field-page .field-guide-entry { grid-template-columns: 38px minmax(0, 1fr) 24px; gap: 10px; padding: 16px 12px; }
  .field-guide-entry-icon { width: 38px; height: 42px; border-radius: 10px; }
  .field-guide-entry-arrow { width: 24px; height: 32px; background: transparent; }
  .field-guide-entry-copy strong { font-size: .94rem; }
}
.field-guide-entry:focus-visible { outline: 3px solid var(--green); outline-offset: 3px; }
.field-guide { min-width: 0; margin: 24px 0; padding: clamp(14px, 3vw, 26px); border: 1px solid var(--line); border-radius: 20px; background: var(--surface); color: var(--text); scroll-margin-top: 170px; }
.field-guide-heading { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; }
.field-guide-heading h2 { margin: 4px 0; font-size: clamp(1.2rem, 3vw, 1.6rem); }
.field-guide > p { color: var(--muted); font-size: .9rem; line-height: 1.6; }
.field-guide-track { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; overscroll-behavior-x: contain; border: 1px solid var(--line); border-radius: 14px; background: var(--soft); }
.field-guide-track { touch-action: pan-x pan-y pinch-zoom; -webkit-overflow-scrolling: touch; }
.field-guide-image { cursor: grab; user-select: none; -webkit-user-select: none; }
.field-guide-image img { -webkit-user-drag: none; }
.field-guide-track.is-dragging { scroll-snap-type: none; scroll-behavior: auto; cursor: grabbing; }
.field-guide-track.is-dragging .field-guide-image { cursor: grabbing; }
.field-guide-track:focus-visible, .field-guide a:focus-visible, .field-guide button:focus-visible { outline: 3px solid var(--green); outline-offset: 3px; }
.field-guide-slide { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); flex: 0 0 100%; min-width: 0; margin: 0; scroll-snap-align: start; scroll-snap-stop: always; }
.field-guide-image { display: flex; align-items: center; justify-content: center; min-width: 0; padding: 12px; background: var(--soft); }
.field-guide-image img { display: block; width: 100%; height: auto; max-height: 420px; object-fit: contain; border: 1px solid var(--line); border-radius: 8px; background: #fff; }
.field-guide-slide figcaption { min-width: 0; padding: clamp(14px, 2.5vw, 24px); background: var(--surface); overflow-wrap: anywhere; }
.field-guide-step { display: inline-block; padding: 5px 10px; border: 1px solid var(--line); border-radius: 999px; color: var(--green); font-size: .8rem; font-weight: 800; }
.field-guide-slide h3 { margin: 12px 0; font-size: 1.15rem; }
.field-guide-slide ol { margin: 0; padding-left: 20px; font-size: .9rem; line-height: 1.65; }
.field-guide-slide li + li { margin-top: 9px; }
.field-guide-note { margin: 16px 0 0; padding-top: 12px; border-top: 1px solid var(--line); color: var(--muted); font-size: .82rem; line-height: 1.6; }
.field-guide-controls { display: flex; align-items: center; flex-wrap: wrap; justify-content: center; gap: 10px; margin-top: 16px; }
.field-guide-controls[hidden] { display: none; }
.field-guide-controls button { min-width: 100px; min-height: 44px; }
.field-guide-controls button:disabled { opacity: .5; cursor: default; }
.field-guide-controls span { min-width: 48px; text-align: center; font-weight: 750; font-variant-numeric: tabular-nums; }
.field-guide-controls a { padding: 10px; color: var(--text); font-size: .85rem; text-underline-offset: 3px; }
.field-guide .field-guide-help { margin-bottom: 0; font-size: .78rem; }
.field-guide-viewer { width: min(1100px, calc(100% - 24px)); max-width: calc(100% - 24px); max-height: 90dvh; padding: 14px; border: 1px solid var(--line); border-radius: 16px; background: var(--surface); color: var(--text); }
.field-guide-viewer::backdrop { background: rgba(0, 0, 0, .75); }
.field-guide-viewer img { display: block; width: 100%; height: auto; max-height: calc(90dvh - 90px); object-fit: contain; margin-top: 12px; }
.field-guide-viewer button { min-height: 44px; }
.field-page :is(h2, form, button, select)[id] { scroll-margin-top: 170px; }
@media (max-width: 700px) {
  .field-guide-slide { grid-template-columns: minmax(0, 1fr); grid-template-rows: auto 1fr; }
  .field-guide-image { padding: 8px; }
  .field-guide-image img { height: 210px; }
  .field-guide-slide figcaption { padding: 16px; }
  .field-guide-controls { gap: 6px; }
  .field-guide-controls button { min-width: 0; flex: 1; padding-inline: 8px; font-size: .85rem; }
  .field-guide-controls a { flex-basis: 100%; text-align: center; }
}
.field-page-hero { display: flex; justify-content: space-between; align-items: center; gap: 22px; margin: 24px 0; padding: clamp(22px, 5vw, 38px); border: 1px solid #cde1d3; border-radius: 24px; background: linear-gradient(125deg, #e9f4ed, #fff 72%); }
.field-page-hero h1 { margin: 4px 0 8px; color: #173f32; font-size: clamp(2rem, 6vw, 3.35rem); line-height: 1.05; }
.field-page-hero h1 span { color: #277b68; }
.field-page-hero p:last-child { max-width: 620px; margin: 0; color: var(--muted); font-size: 1.05rem; line-height: 1.7; }
.field-page-hero img { flex: 0 0 auto; }
.field-page-privacy { margin: 18px 0; padding: 15px 17px; border: 1px solid #cbdcce; border-left: 5px solid var(--green); border-radius: 12px; background: var(--green-soft); color: var(--text); font-size: .93rem; line-height: 1.65; }
.field-page-status { position: fixed; z-index: 150; left: 50%; bottom: calc(18px + env(safe-area-inset-bottom)); transform: translateX(-50%); box-sizing: border-box; width: min(640px,calc(100% - 28px)); max-height: 35dvh; overflow-y: auto; display: none; margin: 0; padding: 12px 15px; border-radius: 11px; background: #18352b; color: #fff; font-weight: 700; box-shadow: var(--shadow); overflow-wrap: anywhere; }
.native-app .field-page-status { bottom: calc(90px + env(safe-area-inset-bottom)); }
.field-page-status.is-visible { display: block; }
.field-page-editor, .field-page-list { margin: 24px 0; padding: clamp(18px, 4vw, 28px); border: 1px solid var(--line); border-radius: 20px; background: var(--surface); box-shadow: var(--shadow); }
.field-page-section-heading, .field-page-list-heading { display: flex; justify-content: space-between; align-items: center; gap: 14px; margin-bottom: 20px; }
.field-page-section-heading { justify-content: flex-start; }
.field-page-icon, .field-page-list-symbol { display: grid; place-items: center; flex: 0 0 48px; width: 48px; height: 48px; border-radius: 15px; background: var(--green-soft); color: var(--green-dark); font-size: 1.6rem; font-weight: 800; }
.field-page-list-symbol { font-size: 2rem; }
.field-page-section-heading h2, .field-page-list-heading h2 { margin: 1px 0 0; color: var(--text); font-size: clamp(1.35rem, 3.6vw, 1.9rem); }
.field-page-section-heading .eyebrow, .field-page-list-heading .eyebrow { margin: 0; color: var(--muted); font-size: .72rem; font-weight: 800; letter-spacing: .1em; }
.field-page-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 15px; }
.field-page-grid label, .field-page-filters label { display: flex; flex-direction: column; gap: 7px; min-width: 0; color: var(--text); font-size: .9rem; font-weight: 750; }
.field-page-grid input, .field-page-grid textarea, .field-page-grid select, .field-page-filters input, .field-page-filters select { width: 100%; min-height: 48px; padding: 11px 12px; border: 1px solid #9aada1; border-radius: 10px; background: var(--surface); color: var(--text); font: inherit; font-weight: 500; }
.field-page-grid textarea { min-height: 82px; resize: vertical; }
.field-page-grid input:focus, .field-page-grid textarea:focus, .field-page-grid select:focus, .field-page-filters input:focus, .field-page-filters select:focus { outline: 3px solid #96c8a7; outline-offset: 1px; }
.field-page-wide { grid-column: 1 / -1; }
.field-page-label { display: block; margin-bottom: 8px; color: var(--text); font-size: .9rem; font-weight: 750; }
.field-page-address-fields { min-width: 0; margin: 0; padding: 16px; border: 1px solid #cbd9ce; border-radius: 14px; background: var(--soft); }
.field-page-address-fields legend { padding: 0 8px; color: var(--green-dark); font-size: 1rem; font-weight: 800; }
.field-page-address-fields > p { margin: 0 0 12px; color: var(--muted); font-size: .85rem; line-height: 1.5; }
.field-page-address-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.field-page-address-grid label { display: grid; grid-template-columns: 25px minmax(0, 1fr); align-items: center; gap: 7px 8px; }
.field-page-address-grid label input:not([type="hidden"]), .field-page-address-grid label select { grid-column: 2; min-width: 0; }
.field-page-address-grid label [hidden] { display: none; }
.field-page-address-status { margin: 10px 0 0 !important; font-size: .78rem !important; }
.field-page-address-status[data-state="error"] { color: #a12626; }
.field-page-step { display: grid; place-items: center; width: 23px; height: 23px; border-radius: 50%; background: var(--green-soft); color: var(--green-dark); font-size: .76rem; font-weight: 850; }
.field-page-address-extra { margin-top: 14px; }
.field-page-address-pair { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.field-page-location-actions, .field-page-photo-actions, .field-page-form-actions, .field-page-data-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.field-page-primary { border: 1px solid var(--green-dark); background: var(--green-dark); color: #fff; }
.field-page-secondary { border: 1px solid #758b7d; background: var(--surface); color: var(--text); }
.field-page-primary, .field-page-secondary { min-height: 48px; padding: 11px 15px; font-size: .96rem; font-weight: 750; text-decoration: none; }
.field-page-primary:hover { background: #1b6748; color: #fff; }
.field-page-secondary:hover { background: var(--green-soft); }
.field-page-help { display: block; margin-top: 8px; color: var(--muted); line-height: 1.5; }
.field-page-photo-preview, .field-page-card-photos { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 12px; }
.field-page-photo { position: relative; width: 88px; height: 88px; }
.field-page-photo img, .field-page-card-photos img { width: 100%; height: 100%; object-fit: cover; border-radius: 10px; }
.field-page-photo button { position: absolute; top: 3px; right: 3px; width: 29px; height: 29px; border: 0; border-radius: 50%; background: #17382c; color: #fff; font-size: 1.25rem; }
.field-page-form-actions { margin-top: 18px; }
.field-page-form-actions [hidden] { display: none; }
.field-page-filters { display: grid; grid-template-columns: minmax(170px, 1.5fr) repeat(2, minmax(130px, 1fr)) auto; align-items: end; gap: 10px; margin: 18px 0; }
.field-page-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 310px), 1fr)); gap: 14px; }
.field-page-card { min-width: 0; padding: 17px; border: 1px solid var(--line); border-top: 4px solid var(--green); border-radius: 16px; background: var(--soft); }
.field-page-card.is-completed { border-top-color: #648170; opacity: .85; }
.field-page-card-heading { display: flex; align-items: center; gap: 11px; }
.field-page-card-type { display: grid; place-items: center; flex: 0 0 42px; width: 42px; height: 42px; border-radius: 13px; background: var(--green-soft); font-size: 1.25rem; }
.field-page-card-title { min-width: 0; }
.field-page-card-title h3 { margin: 0; color: var(--text); font-size: 1.08rem; overflow-wrap: anywhere; }
.field-page-card-meta, .field-page-card-coordinates { display: block; margin-top: 4px; color: var(--muted); font-size: .8rem; }
.field-page-card-address, .field-page-card-phone, .field-page-card-note { margin: 11px 0 0; color: var(--text); font-size: .91rem; line-height: 1.5; overflow-wrap: anywhere; white-space: pre-wrap; }
.field-page-card-photos { margin-top: 13px; }
.field-page-card-photos img { width: 72px; height: 72px; }
.field-page-card-actions { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 14px; }
.field-page-action { display: inline-flex; align-items: center; justify-content: center; gap: 5px; min-height: 42px; padding: 7px 9px; border: 1px solid #9baca0; border-radius: 9px; background: var(--surface); color: var(--text); font: inherit; font-size: .78rem; font-weight: 720; cursor: pointer; }
.field-page-action > span { font-size: 1rem; }
.field-page-action-icon { width: 17px; height: 17px; flex: 0 0 17px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.field-page-action.is-primary { border-color: var(--green-dark); background: var(--green-dark); color: white; }
.field-page-action.is-danger { color: #9b2020; }
.field-page-action:focus-visible, .field-page-primary:focus-visible, .field-page-secondary:focus-visible { outline: 3px solid #d4a638; outline-offset: 2px; }
.field-page-empty { grid-column: 1 / -1; padding: 22px; border: 1px dashed #91a498; border-radius: 12px; color: var(--muted); text-align: center; }
.field-page-data-actions { margin-top: 18px; align-items: center; }
.field-page-data-actions .field-page-primary { border-color: var(--green-dark); background: var(--green-dark); color: #fff; }
.field-page-import { display: inline-flex; align-items: center; cursor: pointer; }
.field-page-attribution { color: var(--muted); font-size: .82rem; text-align: center; }
.field-pagination { display: grid; gap: 10px; margin: 18px 0; padding: 14px; border: 1px solid var(--line); border-radius: 14px; background: var(--surface); }
.field-pagination[hidden] { display: none; }
.field-device-panel { margin: 18px 0; padding: 16px; border: 1px solid var(--line); border-radius: 14px; background: var(--surface); color: var(--text); overflow-wrap: anywhere; }
.field-device-panel h3 { margin: 16px 0 8px; font-size: 1rem; }
.field-device-panel p { margin: 8px 0; font-size: .85rem; line-height: 1.55; }
.field-device-network { padding: 10px 12px; border-radius: 10px; background: var(--green-soft); border-left: 4px solid var(--green); }
.field-device-network[data-state="offline"] { background: #fff3d8; color: #573d10; border-left-color: #ad7016; }
.field-device-panel progress { display: block; width: 100%; height: 12px; accent-color: var(--green); }
.field-device-panel progress[hidden] { display: none; }
.field-device-panel button { min-height: 44px; margin-top: 12px; padding: 8px 12px; border: 1px solid var(--line); border-radius: 10px; background: var(--surface); color: var(--text); font: inherit; cursor: pointer; }
.field-device-panel button:disabled { opacity: .5; cursor: wait; }
.field-device-panel button:focus-visible { outline: 3px solid #d4a638; outline-offset: 2px; }
.field-device-panel .field-device-note { color: var(--muted); font-size: .8rem; }
.field-advanced { margin: 24px 0; padding: clamp(14px,3vw,26px); border: 1px solid var(--line); border-radius: 18px; background: var(--surface); color: var(--text); }
.field-advanced details { margin-top: 12px; padding: 14px; border: 1px solid var(--line); border-radius: 12px; min-width: 0; }
.field-advanced summary { cursor: pointer; font-weight: 750; }
.field-advanced p, .field-import-dialog p { line-height: 1.6; font-size: .9rem; overflow-wrap: anywhere; }
.field-advanced label { display: grid; gap: 6px; margin: 12px 0; font-size: .9rem; font-weight: 650; }
.field-advanced textarea, .field-advanced select { box-sizing: border-box; width: 100%; min-width: 0; min-height: 44px; padding: 10px; border: 1px solid var(--line); border-radius: 10px; background: var(--surface); color: var(--text); font: inherit; }
.field-advanced button, .field-import-dialog button { min-height: 44px; max-width: 100%; padding: 10px 12px; border: 1px solid var(--line); border-radius: 10px; background: var(--green-soft); color: var(--text); font: inherit; font-size: .85rem; cursor: pointer; overflow-wrap: anywhere; }
.field-advanced button:focus-visible, .field-import-dialog button:focus-visible { outline: 3px solid #d4a638; outline-offset: 2px; }
#field-qr-canvas { display: block; width: min(100%,480px); height: auto; margin: 16px auto; border: 1px solid var(--line); }
#field-qr-canvas[hidden] { display: none; }
.field-import-dialog { box-sizing: border-box; width: min(94vw,640px); max-height: 88dvh; overflow: auto; padding: 20px; border: 1px solid var(--line); border-radius: 16px; background: var(--surface); color: var(--text); }
.field-import-dialog::backdrop { background: #0009; }
.field-import-dialog li { margin: 8px 0; overflow-wrap: anywhere; }
.field-import-error:not(:empty) { padding: 10px; border: 1px solid #b84d38; border-radius: 8px; color: var(--text); }
.field-import-dialog button:disabled { opacity: .5; cursor: wait; }
.field-page-action[aria-pressed="true"] { border-color: var(--green-dark); background: var(--green-soft); box-shadow: inset 0 0 0 1px var(--green-dark); }
.field-pagination-summary { margin: 0; color: var(--muted); font-size: .85rem; text-align: center; }
.field-pagination-controls { display: grid; grid-template-columns: minmax(0,1fr) auto minmax(0,1fr); align-items: center; gap: 6px; }
.field-pagination-controls > span { min-width: 36px; color: var(--text); font-size: .88rem; font-weight: 750; text-align: center; font-variant-numeric: tabular-nums; }
.field-pagination button { display: inline-flex; align-items: center; justify-content: center; min-width: 0; min-height: 44px; padding: 8px 6px; border: 1px solid var(--line); border-radius: 10px; background: var(--green-soft); color: var(--text); font: inherit; font-size: .85rem; font-weight: 750; cursor: pointer; }
.field-pagination button:disabled { opacity: .45; cursor: not-allowed; }
.field-pagination button:focus-visible { outline: 3px solid #d4a638; outline-offset: 2px; }
.field-page-backup-choice, .field-ops-backup-choice { display: grid; gap: 7px; max-width: 440px; color: var(--text); font-size: .9rem; font-weight: 700; }
.field-page-backup-choice select, .field-ops-backup-choice select { width: 100%; min-width: 0; min-height: 44px; padding: 10px; border: 1px solid var(--line); border-radius: 10px; background: var(--surface); color: var(--text); font: inherit; }
@media (max-width: 700px) {
  .home-field-feature { grid-template-columns: 58px minmax(0,1fr); align-items: start; gap: 12px; padding: 16px; }
  .home-field-icon { width: 58px; height: 58px; border-radius: 16px; }
  .home-field-icon { align-self: start; margin-top: 4px; }
  .home-field-icon img { width: 50px; height: 50px; }
  .home-field-action { width: 100%; box-sizing: border-box; justify-content: space-between; text-align: left; }
  .home-field-badges { grid-column: 1 / -1; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 6px; }
  .home-field-badges span { gap: 6px; font-size: .72rem; }
  .home-feature-links { padding: 16px; }
  .home-feature-grid { grid-template-columns: 1fr; gap: 8px; }
  .field-page-hero { padding: 21px; }
  .field-page-hero img { width: 70px; height: 70px; }
  .field-page-grid { grid-template-columns: 1fr; }
  .field-page-grid > * { grid-column: 1 / -1; }
  .field-page-filters { grid-template-columns: 1fr 1fr; }
  .field-page-filters .field-page-search, .field-page-filters #field-page-distance { grid-column: 1 / -1; }
  .field-page-card-actions { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); }
  .field-page-card-actions .field-page-action { width: 100%; min-width: 0; min-height: 44px; padding-inline: 7px; font-size: .74rem; }
  .field-page-card-actions .field-page-action.is-primary { grid-column: 1 / -1; }
}
@media (max-width: 420px) {
  .field-page-hero img { display: none; }
  .field-page-address-pair, .field-page-address-grid, .field-page-filters { grid-template-columns: 1fr; }
  .field-page-filters > * { grid-column: 1 / -1; }
  .field-page-location-actions > *, .field-page-photo-actions > *, .field-page-form-actions > *, .field-page-data-actions > * { flex: 1 1 100%; justify-content: center; }
}

.field-page [data-field-screen][hidden] { display: none !important; }
.field-workspace-nav { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); gap: 8px; margin: 16px 0 24px; padding: 10px; border: 1px solid #c6d7cf; border-radius: 20px; background: #f4f8f5; scroll-margin-top: 140px; }
.field-workspace-nav a { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 7px; min-height: 76px; min-width: 0; padding: 10px 5px; border-radius: 13px; color: #224f3f; text-decoration: none; font-size: .85rem; font-weight: 750; text-align: center; overflow-wrap: anywhere; }
.field-workspace-nav a[aria-current="page"] { background: #164d3b; color: #fff; box-shadow: 0 4px 12px #163f3226; }
.field-workspace-nav svg, .field-workspace-shortcuts svg { flex: none; width: 24px; height: 24px; }
.field-workspace-nav a:hover, .field-workspace-shortcuts a:hover { outline: 2px solid #bd9439; outline-offset: 2px; }
.field-workspace-shortcuts { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; margin: 20px 0; }
.field-workspace-shortcuts a { min-width: 0; display: grid; grid-template-columns: 42px minmax(0,1fr); align-items: center; gap: 8px 12px; padding: 22px; border: 1px solid #c7d9ce; border-radius: 18px; background: #f2f8f4; color: #174c38; text-decoration: none; }
.field-workspace-shortcuts svg { grid-row: span 2; width: 32px; height: 32px; color: #9c7620; }
.field-workspace-shortcuts span { font-size: 1.1rem; font-weight: 800; }
.field-workspace-shortcuts small { color: #445d50; line-height: 1.55; }
.field-page [data-field-screen] { min-width: 0; scroll-margin-top: 150px; }
.field-page [data-field-screen] :is(input,select,textarea) { max-width: 100%; min-width: 0; box-sizing: border-box; }
.field-page :is(.field-page-grid,.field-page-address-grid,.field-page-filters,.field-page-data-actions) > * { min-width: 0; }
.field-page :is(button,.button) { white-space: normal; overflow-wrap: anywhere; }
.field-page .field-page-address-fields { min-inline-size: 0; }
.field-page .field-page-address-fields > p { font-size: .83rem; line-height: 1.6; }
.field-page .field-guide { margin-top: 0; }
.field-page .field-guide-track { min-width: 0; }
.field-page .field-guide-slide img { max-height: 480px; object-fit: contain; }
.field-page .field-guide-slide { min-width: 0; }
.field-page .field-guide-entry { margin-top: 20px; }
.field-page .field-page-empty a { font-weight: 750; }
.field-page :is(.field-page-privacy,.field-address-help) summary { cursor: pointer; font-weight: 750; padding: 8px 0; }
.field-page .field-address-help { margin-bottom: 16px; font-size: .83rem; line-height: 1.6; }
.quick-nav, .header-backbar, .page-context, .header-location { display: none !important; }
.header-actions > a.header-pill, .header-actions > span.header-pill { display: none !important; }
.field-page { font-family: system-ui, -apple-system, "Segoe UI", sans-serif; line-height: 1.55; }
.field-page .field-ui-icon { display: inline-block; flex: 0 0 auto; vertical-align: middle; stroke-linecap: round; stroke-linejoin: round; }
.field-page :is(h1,h2,h3) { letter-spacing: -.025em; line-height: 1.25; }
.field-page :is(.field-page-editor,.field-page-list,.field-advanced) { border-color: #d8e4dc; box-shadow: 0 8px 28px #153c2408; }
.field-page :is(.field-page-section-heading,.field-page-list-heading) { padding-bottom: 20px; margin-bottom: 22px; border-bottom: 1px solid #e0e9e3; gap: 14px; }
.field-page .field-page-icon, .field-page .field-page-list-symbol { display: grid; place-items: center; flex: none; width: 46px; height: 46px; border-radius: 14px; background: #edf5ef; color: #236347; }
.field-page .field-page-grid { gap: 20px; }
.field-page :is(.field-page-grid,.field-page-filters) label { font-weight: 650; font-size: .875rem; }
.field-page :is(input:not([type="hidden"]):not([type="file"]),select,textarea) { font: inherit; font-size: 16px; line-height: 1.5; color: #203f31; border: 1px solid #b7cbbf; border-radius: 12px; background-color: #fff; max-width: 100%; min-width: 0; padding: 12px 14px; box-sizing: border-box; }
.field-page select { min-height: 50px; cursor: pointer; }
.field-page input::placeholder, .field-page textarea::placeholder { color: #667c70; opacity: 1; font-size: .875rem; }
.field-page :is(input,select,textarea):disabled { background-color: #eff3f0; color: #617368; opacity: 1; cursor: not-allowed; }
.field-page :is(input,select,textarea):focus { border-color: #277a55; outline: 3px solid #b8d9c5; outline-offset: 2px; }
.field-page textarea { resize: vertical; }
.field-page [hidden] { display: none !important; }
.field-page .field-page-address-fields { padding: 22px; border: 1px solid #c9ddce; border-radius: 18px; background: #f6faf7; }
.field-page .field-page-address-fields legend { max-width: 100%; padding: 0 10px; font-size: 1.05rem; line-height: 1.6; }
.field-page .field-page-address-fields legend svg { margin-right: 6px; }
.field-page .field-page-address-grid { gap: 16px; align-items: start; }
.field-page .field-page-address-grid label { grid-template-columns: 30px minmax(0,1fr); gap: 9px; align-content: start; padding: 14px; background: #fff; border: 1px solid #e0e9e2; border-radius: 14px; }
.field-page .field-page-address-grid label > span:not(.field-page-step) { display: flex; align-items: center; min-height: 42px; line-height: 1.4; overflow-wrap: anywhere; }
.field-page .field-page-address-grid label :is(input:not([type="hidden"]),select) { grid-column: 1 / -1; width: 100%; margin: 0; }
.field-page .field-page-step { width: 28px; height: 28px; background: #e7f2eb; color: #236347; font-variant-numeric: tabular-nums; }
.field-page .field-page-address-status { padding: 12px 14px; margin-top: 16px !important; border-left: 3px solid #6d9d7e; border-radius: 8px; background: #eaf3ed; color: #345744; line-height: 1.6; }
.field-page .field-page-address-status[data-state="error"] { border-color: #b83c36; background: #fff0ee; color: #922822; }
.field-page .field-page-address-extra { margin-top: 20px; }
.field-page .field-page-filters { padding: 18px; background: #f3f7f4; border: 1px solid #dde7df; border-radius: 16px; grid-template-columns: minmax(0,2fr) minmax(0,1fr) minmax(0,1fr); gap: 14px; }
.field-page .field-page-filters #field-page-distance { grid-column: 1 / -1; justify-self: start; }
.field-page :is(.button:not(.field-guide-entry),.field-page-action,.field-advanced button) { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 48px; font-weight: 650; line-height: 1.45; border-radius: 12px; text-align: center; }
.field-page .field-control-label { display: flex; align-items: center; gap: 8px; min-height: 24px; }
.field-page .field-page-form-actions { padding-top: 22px; margin-top: 24px; border-top: 1px solid #e0e9e3; }
.field-page .field-page-backup-choice { display: grid; gap: 8px; max-width: 520px; margin: 18px 0; font-size: .875rem; font-weight: 650; }
.field-page .field-advanced > h2 { margin-top: 0; padding-bottom: 18px; border-bottom: 1px solid #e0e9e3; }
.field-page .field-advanced details { padding: 18px; background: #f9fbf9; border-color: #dbe5dd; border-radius: 14px; }
.field-page .field-advanced summary { padding: 5px 0; line-height: 1.6; font-size: .95rem; color: #244f39; }
.field-page .field-advanced details[open] summary { margin-bottom: 14px; padding-bottom: 14px; border-bottom: 1px solid #dbe5dd; }
.field-page .field-page-card { box-shadow: 0 4px 18px #153c2407; }
.field-page .field-page-help { line-height: 1.7; color: #536c5d; }
.field-page .button:not(.field-page-primary) {
  border: 1px solid #cbd8cf;
  background-color: var(--surface);
  background-image: none;
  color: #244536;
  box-shadow: none;
}
.field-page .button:not(.field-page-primary):hover {
  border-color: #789583;
  background-color: #f1f6f2;
  background-image: none;
  color: #173f32;
}
.field-page .button.field-page-primary {
  border-color: #1c6b49;
  background-color: #1c6b49;
  background-image: none;
  color: #fff;
  box-shadow: 0 3px 8px #18352b1a;
}
.field-page .button.field-page-primary:hover {
  border-color: #15583b;
  background-color: #15583b;
  color: #fff;
}
.field-page .button:disabled {
  border-color: #d7dfd9;
  background: #f0f3f1;
  color: #77847c;
  box-shadow: none;
}
.field-page .field-page-action.is-primary {
  border-color: #1c6b49;
  background: #1c6b49;
  color: #fff;
}
.field-page .field-page-action.is-primary:hover {
  border-color: #15583b;
  background: #15583b;
}
.field-page .field-page-action[aria-pressed="true"] {
  border-color: #1c6b49;
  background: #eaf5ee;
  box-shadow: inset 0 0 0 1px #1c6b49;
  color: #174b35;
}
.field-page a:focus-visible, .field-page button:focus-visible, .field-page summary:focus-visible { outline: 3px solid #be9430; outline-offset: 3px; }
@media (max-width: 700px) {
  .field-page .field-page-filters { grid-template-columns: repeat(2,minmax(0,1fr)); padding: 14px; }
  .field-page .field-page-filters .field-page-search { grid-column: 1 / -1; }
  .field-page .field-page-address-fields { padding: 14px; }
  .field-page .field-page-address-grid { gap: 12px; }
  .field-page .field-page-address-grid label { padding: 12px; }
}
@media (max-width: 480px) {
  .field-page .field-page-grid, .field-page .field-page-address-grid { grid-template-columns: minmax(0,1fr); }
  .field-page .field-page-grid > * { grid-column: 1 / -1; }
  .field-page .field-page-filters #field-page-distance { width: 100%; }
  .field-page .field-page-address-grid label > span:not(.field-page-step) { min-height: 30px; }
  .field-page .field-advanced details { padding: 14px; }
}
@media (max-width: 700px) {
  .field-workspace-nav { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 5px; padding: 7px; border-radius: 16px; }
  .field-workspace-nav a { min-height: 67px; font-size: .78rem; }
  .field-workspace-shortcuts { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
  .field-workspace-shortcuts a { grid-template-columns: minmax(0,1fr); padding: 16px; gap: 7px; }
  .field-workspace-shortcuts svg { grid-row: auto; }
  .field-workspace-shortcuts span { font-size: 1rem; }
  .field-page .field-guide-slide img { max-height: 390px; }
}

/* Shared visual system for the complete web site. */
:root {
  --page: #f5f6fb;
  --surface: #fff;
  --soft: #f8f8fc;
  --text: #1d293b;
  --muted: #59677a;
  --line: #e4e6f0;
  --green: #277b68;
  --green-dark: #2f397d;
  --green-soft: #eaf5f2;
  --yellow: #f1b85a;
  --blue: #4c70c9;
  --shadow: 0 14px 36px rgba(43, 48, 91, .08);
  --radius: 18px;
}

html { scroll-behavior: smooth; }
body {
  min-height: 100vh;
  background:
    radial-gradient(ellipse at 2% 5%, rgba(251, 218, 183, .25), transparent 30rem),
    radial-gradient(ellipse at 98% 17%, rgba(197, 205, 255, .24), transparent 34rem),
    var(--page);
}
body[data-page="field-ops"] {
  background:
    radial-gradient(ellipse at 5% 4%, rgba(216, 235, 222, .42), transparent 30rem),
    radial-gradient(ellipse at 96% 18%, rgba(230, 239, 232, .36), transparent 34rem),
    #f5f7f5;
}
.site-header {
  border-bottom-color: rgba(224, 226, 239, .86);
  background: rgba(255, 255, 255, .93);
  box-shadow: 0 5px 22px rgba(49, 50, 93, .035);
  backdrop-filter: blur(14px);
}
.page-intro {
  position: relative;
  border-color: #e2e0f0;
  background:
    radial-gradient(circle at 90% 18%, rgba(255, 215, 169, .46), transparent 13rem),
    linear-gradient(118deg, #f0efff 0%, #f2faff 53%, #effaf4 100%);
  box-shadow: 0 12px 32px rgba(47, 57, 125, .07);
}
.page-intro h1 { color: #293671; }
.page-intro h1 span { color: #39876d; }
.page-intro .eyebrow { color: #6851bd; }
.home-hero .eyebrow { color: #b7efd8; }
.page-intro img { filter: drop-shadow(0 8px 12px rgba(47, 57, 125, .12)); }
.card, .info-card, .content-grid > .info-card, .faq details, .category-search, .tool-discovery {
  border-color: var(--line);
  box-shadow: var(--shadow);
}
.card-head {
  background: linear-gradient(108deg, #f8f6ff, #f2fbff 65%, #f2faf6);
}
.card-head .icon-box, .icon-box {
  background: linear-gradient(145deg, #eee9ff, #ddf5ef);
}
.tool-card {
  border-color: #e5e5f0;
  box-shadow: 0 8px 23px rgba(43, 48, 91, .055);
}
.tool-card:not([hidden]):hover, .tool-card:not([hidden]):focus-within,
.safety-category-card:hover, .appliance-device-card:hover, .home-feature-grid > a:hover {
  border-color: #bbb1ea;
  box-shadow: 0 15px 32px rgba(63, 54, 133, .13);
}
.tool-card[data-search-related="true"] { border-color: #b6a9ec; box-shadow: 0 0 0 2px #eeeaff; }
.section-heading h2, .home-feature-heading h2 { color: #293671; }
.button:not(.secondary), a.button:not(.secondary), .home-field-action {
  border-color: transparent;
  background: linear-gradient(105deg, #5b42c1, #326eaf 58%, #11756e);
  box-shadow: 0 6px 15px rgba(72, 72, 170, .2);
}
.button:not(.secondary):hover, a.button:not(.secondary):hover, .home-field-action:hover {
  background: linear-gradient(105deg, #4f38b5, #2b63a8 58%, #0b665f);
}
.button.secondary, .quick-nav a, .tool-filter, .preset-button {
  border-color: #e1def1;
  background: linear-gradient(120deg, #fff, #f8f7ff);
}
.button.secondary:hover, .quick-nav a:hover, .tool-filter:hover, .tool-filter[aria-pressed="true"], .preset-button:hover {
  border-color: #b8adeb;
  background: #f0edff;
  color: #5141a2;
}
input:focus, select:focus, textarea:focus {
  border-color: #7564d4;
  box-shadow: 0 0 0 3px rgba(117, 100, 212, .14);
}
:is(button, a, input, select, textarea, summary):focus-visible {
  outline-color: #7564d4;
}
.result {
  border-color: #cce8dc;
  background: linear-gradient(115deg, #eaf8f0, #edf9fb 58%, #f4f0ff);
}
.result-value { color: #286d5c; }
.formula { border-color: #e8e4f4; background: linear-gradient(110deg, #fbfaff, #f8fcfc); }
.note { border-left-color: #e9a443; background: linear-gradient(110deg, #fff6e4, #fffaf0); }
.guide-list li::before, .step-number {
  background: linear-gradient(145deg, #e9e5ff, #dcf4ed);
  color: #5145a7;
}
.category-search, .tool-discovery {
  border-color: #e0dcf1;
  background: linear-gradient(115deg, #fff 0%, #faf8ff 58%, #f2fbfa 100%);
}
.category-search-heading label, .tool-search { color: #303b75; }
.category-search-icon, .home-search-mark {
  background: linear-gradient(145deg, #e9e4ff, #dcf5ee);
  color: #634fc0;
}
.category-search-controls input, .home-tool-search .tool-search-field input {
  border-color: #dedbed;
  background: #fff;
  box-shadow: 0 5px 17px rgba(55, 53, 105, .08);
}
.category-search-controls input:focus, .home-tool-search .tool-search-field input:focus {
  border-color: #7564d4;
  outline-color: #a69ae7;
  box-shadow: 0 0 0 4px rgba(117, 100, 212, .13), 0 6px 18px rgba(55, 53, 105, .08);
}
.category-search-clear, #tool-search-clear {
  border-color: #ddd8f1;
  background: linear-gradient(135deg, #f0ecff, #e6f7f3);
  color: #5043a1;
}
.category-search-clear:hover, #tool-search-clear:not(:disabled):hover {
  border-color: #bcb0eb;
  background: #e9e4ff;
}
.category-search-count { color: #334479; }
.category-search-empty {
  border-color: #c8c0eb;
  background: linear-gradient(110deg, #f7f4ff, #f0fafa);
}
.category-search-shortcuts, .home-search-shortcuts {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 7px;
  min-width: 0;
}
.category-search-shortcuts { margin: 0 0 10px; }
.home-search-shortcuts { margin: 2px 3px 0; }
.category-search-shortcuts-label, .home-search-shortcuts-label {
  color: #687087;
  font-size: .75rem;
  font-weight: 750;
}
.category-search-shortcuts-label { color: #687087; }
.category-search-shortcut, .home-search-shortcut {
  min-height: 34px;
  padding: 6px 11px;
  border: 1px solid rgba(255, 255, 255, .68);
  border-radius: 999px;
  background: rgba(255, 255, 255, .92);
  color: #3d4280;
  cursor: pointer;
  font: inherit;
  font-size: .75rem;
  font-weight: 750;
  transition: transform .16s ease, box-shadow .16s ease, background .16s ease;
}
.category-search-shortcut { border-color: #e2def3; background: #fff; color: #524696; }
.category-search-shortcut:hover, .home-search-shortcut:hover {
  border-color: #bdb1ec;
  background: #f0edff;
  box-shadow: 0 4px 12px rgba(50, 43, 105, .13);
  transform: translateY(-1px);
}
.home-search-shortcut[data-search-query-tr="akü"] { color: #286f52; }
.home-search-shortcut[data-search-query-tr="kombi"] { color: #5143a4; }
.home-search-shortcut[data-search-query-tr="yakıt"] { color: #a45b23; }
.home-search-shortcut[data-search-query-tr="direnç"] { color: #28728b; }
.tool-suggestions {
  border-color: rgba(255, 255, 255, .74);
  background: linear-gradient(135deg, #fff, #f7f5ff 60%, #f1faf8);
  box-shadow: 0 12px 28px rgba(27, 35, 75, .2);
}
.tool-suggestions h3 { color: #303b75; }
.tool-suggestions a:not(.home-search-all) {
  border-color: #e3e0ef;
  background: linear-gradient(120deg, #fff, #f8f7ff);
}
.tool-suggestions a:not(.home-search-all):hover, .tool-suggestions a:not(.home-search-all):focus-visible {
  border-color: #bcb0eb;
  background: #f0edff;
}
.tool-suggestions small { color: #5d687b; }
.home-search-all { color: #5144ab; }
.home-search-all:hover { color: #28785f; }
.home-feature-grid > a { border-color: #e4e3ef; background: linear-gradient(120deg, #fff, #faf9ff); }
.trust-strip > div { border-color: #e5e3ef; background: linear-gradient(145deg, #fff, #f7f8fc); }
.trust-strip > div:nth-child(1) strong { color: #39856b; }
.trust-strip > div:nth-child(2) strong { color: #5960b5; }
.trust-strip > div:nth-child(3) strong { color: #277e91; }
.trust-strip > div:nth-child(4) strong { color: #b5742e; }

@media (max-width: 600px) {
  .category-search-shortcuts, .home-search-shortcuts { gap: 6px; }
  .category-search-shortcut, .home-search-shortcut { min-height: 36px; padding-inline: 9px; }
  .home-search-shortcuts-label { flex-basis: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .category-search-shortcut, .home-search-shortcut, .tool-card { transition: none; }
}

html[data-theme="dark"] {
  color-scheme: dark;
  --page: #0c1220;
  --surface: #151d2d;
  --soft: #1b2537;
  --text: #e8edf7;
  --muted: #b2bfd2;
  --line: #303c52;
  --green: #63d2aa;
  --green-dark: #a9c8ff;
  --green-soft: #1b3938;
  --yellow: #f3c66e;
  --blue: #86b8ff;
  --shadow: 0 16px 42px rgba(0, 0, 0, .24);
  background: var(--page);
  filter: none;
}
html[data-theme="dark"] body {
  color: var(--text);
  background:
    radial-gradient(ellipse at 2% 5%, rgba(116, 77, 194, .13), transparent 31rem),
    radial-gradient(ellipse at 97% 18%, rgba(24, 132, 127, .12), transparent 34rem),
    var(--page);
}
html[data-theme="dark"] :is(.site-header, .site-footer) {
  border-color: #29344a;
  background: rgba(15, 22, 36, .94);
  color: var(--text);
}
html[data-theme="dark"] :is(
  .card, .info-card, .tool-card, .step-card, .category-search, .tool-discovery,
  .tool-suggestions, .quick-nav, .home-feature-links, .home-safety-shortcuts,
  .home-more, .trust-strip > div, .favorite-strip, .faq details, .share-panel,
  .repeater-card, .repeater-filters, .boiler-safe-checks, .boiler-directory,
  .exam-group, .exam-review-item, .counter-card, .stock-list > *,
  .field-workspace-nav, .field-workspace-shortcuts a, .preparedness-hub .info-card
) {
  border-color: var(--line);
  background-color: var(--surface);
  color: var(--text);
  box-shadow: var(--shadow);
}
html[data-theme="dark"] :is(.page-intro, .home-quake, .home-speed-feature, .home-field-feature) {
  border-color: #34425d;
  background:
    radial-gradient(circle at 90% 15%, rgba(221, 152, 74, .12), transparent 13rem),
    linear-gradient(118deg, #201e3d 0%, #17273a 53%, #14342f 100%);
  color: var(--text);
}
html[data-theme="dark"] :is(.page-intro h1, .section-heading h2, .home-feature-heading h2, .home-quake-heading h2) { color: #eef0ff; }
html[data-theme="dark"] .page-intro h1 span { color: #83e0bb; }
html[data-theme="dark"] :is(.page-intro .eyebrow, .home-hero .eyebrow) { color: #b9a9ff; }
html[data-theme="dark"] .home-hero .eyebrow { color: #b7efd8; }
html[data-theme="dark"] :is(.page-intro p, .home-speed-feature p, .home-field-feature p, .home-quake-status) { color: #c1ccdc; }
html[data-theme="dark"] .guide-list li::before {
  border: 1px solid #554e83;
  background: linear-gradient(145deg, #292645, #173b3b);
  color: #d0c6ff;
}
html[data-theme="dark"] :is(.card-head, .home-feature-grid > a, .tool-suggestions a:not(.home-search-all), .tool-card) {
  border-color: var(--line);
  background: linear-gradient(135deg, #182236, #171f31 58%, #17282e);
  color: var(--text);
}
html[data-theme="dark"] :is(.tool-card h3, .tool-card-link, .home-feature-grid strong, .safety-category-card strong) { color: #edf2ff; }
html[data-theme="dark"] :is(.tool-card p, .home-feature-grid small, .tool-suggestions small, .category-search-help) { color: #b5c1d4; }
html[data-theme="dark"] .tool-card .card-link { color: var(--accent, #82dfbc); }
html[data-theme="dark"] .tool-card-icon {
  border-color: color-mix(in srgb, var(--accent, #8b83ee) 52%, #273149);
  background: linear-gradient(145deg, color-mix(in srgb, var(--accent, #8b83ee) 24%, #1b2438), #192d35);
}
html[data-theme="dark"] :is(.icon-box, .category-search-icon, .home-search-mark, .home-feature-icon, .safety-card-icon) {
  border-color: #39425e;
  background: linear-gradient(145deg, #292448, #173b3b);
  color: #c4b8ff;
}
html[data-theme="dark"] :is(.button.secondary, .quick-nav a, .tool-filter, .preset-button, .favorite-button, .header-pill, .theme-toggle) {
  border-color: #39455d;
  background: #1b2639;
  color: #e2eaff;
}
html[data-theme="dark"] :is(.button.secondary:hover, .quick-nav a:hover, .tool-filter:hover, .tool-filter[aria-pressed="true"], .preset-button:hover, .theme-toggle:hover) {
  border-color: #8d7ce2;
  background: #2b2c4b;
  color: #f1eeff;
}
html[data-theme="dark"] :is(input, select, textarea, .tool-search input, .feedback-form input, .feedback-form select, .feedback-form textarea, .edu-table input, .edu-table select) {
  border-color: #3a4760;
  background: #111a2a !important;
  color: #edf2fc !important;
  color-scheme: dark;
}
html[data-theme="dark"] :is(input, select, textarea)::placeholder { color: #91a0b6; opacity: 1; }
html[data-theme="dark"] :is(input, select, textarea):focus {
  border-color: #a294f1;
  background: #151f32 !important;
  box-shadow: 0 0 0 3px rgba(162, 148, 241, .2);
}
html[data-theme="dark"] :is(label, .field label, .tool-search, .home-search-label, .category-search-heading label, .card-head h2, .info-card h2, .faq h2) { color: #e5eafb; }
html[data-theme="dark"] :is(.category-search, .tool-discovery) {
  border-color: #38425c;
  background: linear-gradient(120deg, #171e32, #1d203b 58%, #153337);
}
html[data-theme="dark"] :is(.category-search-count, .tool-count, .tool-suggestions h3, .category-search-empty, .home-search-all) { color: #d7ddff; }
html[data-theme="dark"] .category-search-empty { border-color: #55518a; background: #211f3a; }
html[data-theme="dark"] :is(.category-search-shortcut, .home-search-shortcut) {
  border-color: #485071;
  background: #242a43;
  color: #e7e5ff;
}
html[data-theme="dark"] .home-search-shortcuts-label { color: #cfdaee; }
html[data-theme="dark"] :is(.category-search-shortcut:hover, .home-search-shortcut:hover) {
  border-color: #a294f1;
  background: #35345a;
  color: #fff;
}
html[data-theme="dark"] .tool-suggestions {
  border-color: #3e4961;
  background: linear-gradient(135deg, #182236, #20203b 60%, #153236);
}
html[data-theme="dark"] :is(.tool-suggestions a:not(.home-search-all):hover, .tool-suggestions a:not(.home-search-all):focus-visible) {
  border-color: #8c7ce1;
  background: #292b49;
}
html[data-theme="dark"] :is(.result, .formula, .exam-explain, .share-panel, .repeater-frequencies > div, .device-group, .step-card) {
  border-color: #35465b;
  background: linear-gradient(120deg, #172c2c, #1a2539 62%, #24213c);
  color: #dce8f1;
}
html[data-theme="dark"] :is(.result-label, .result-value, .result-detail, .formula strong, .repeater-frequencies dd) { color: #b6f1d8; }
html[data-theme="dark"] :is(.note, .repeater-warning, .component-coverage-note, .field-page-privacy, .field-address-help) {
  border-color: #79603b;
  background: #30291f;
  color: #f0d7a2;
}
html[data-theme="dark"] .tip-box {
  border-color: #6d5934;
  border-left-color: #e2ae53;
  background: linear-gradient(110deg, #332c20, #29283a);
  color: #f2dfb6;
}
html[data-theme="dark"] .tip-box strong { color: #ffda91; }
html[data-theme="dark"] .seo-copy {
  border-color: #36445a;
  background: linear-gradient(115deg, #172537, #1d2037 62%, #183333);
  color: var(--text);
}
html[data-theme="dark"] .seo-copy h2 { color: #e6ecff; }
html[data-theme="dark"] .seo-copy p { color: #bdc9db; }
html[data-theme="dark"] :is(
  .metric, .battery-metrics .metric, .cable-metrics .metric,
  .wiring-summary-grid .metric, .supply-result-grid .metric,
  .irrigation-results .metric, .component-metrics .metric,
  .obd-metrics article, .home-quake-stats > div, .appliance-summary > div
) {
  border-color: #35445c;
  background: linear-gradient(135deg, #182d32, #1b2539 62%, #25213b);
  color: #e5ecf9;
}
html[data-theme="dark"] :is(
  .metric strong, .battery-metrics .metric strong, .cable-metrics .metric strong,
  .wiring-summary-grid .metric strong, .irrigation-results .metric strong,
  .component-metrics .metric strong, .obd-metrics article strong,
  .home-quake-stats strong
) { color: #a9efd0; }
html[data-theme="dark"] :is(.metric span, .metric small, .battery-metrics .metric span, .cable-metrics .metric span, .irrigation-results .metric span) { color: #bac8d9; }
html[data-theme="dark"] :is(.exam-fieldset, .appliance-fields, fieldset, .irrigation-section) {
  border-color: #35445b;
  background-color: #141d2e;
  color: var(--text);
}
html[data-theme="dark"] :is(.exam-fieldset legend, .irrigation-section legend) { color: #dce5f6; }
html[data-theme="dark"] :is(.ad-slot, .appliance-fields, .appliance-model-step, .appliance-manual-entry, .exam-group, .share-panel, .repeater-details, .device-group, .field-advanced details) {
  border-color: #354158;
  background-color: #171f30;
  color: var(--text);
}
html[data-theme="dark"] :is(.appliance-summary > div, .appliance-model-code-results > div, .appliance-directory li, .appliance-device-card, .counter-units div, .home-quake-stats > div, .home-quake-event, .home-quake-empty, .stock-list > *) {
  border-color: #36435b;
  background: #1b2738;
  color: var(--text);
}
html[data-theme="dark"] :is(.appliance-summary dt, .appliance-model-code-results dd, .appliance-device-card span, .appliance-result p, .helper, .source-note, .formula, .field-help, .field-page-privacy, .info-card p, .info-card li) { color: #bdc9db; }
html[data-theme="dark"] :is(.appliance-summary dd, .appliance-model-code-results dt, .appliance-device-card strong, .appliance-directory a, .home-safety-heading h2) { color: #e7edff; }
html[data-theme="dark"] :is(.content-grid > .info-card, .info-card, .page-context, .quick-nav, .favorite-strip, .home-more) {
  border-color: var(--line);
  background-color: var(--surface);
  color: var(--text);
}
html[data-theme="dark"] :is(.share-heading, .share-panel p, .share-badge) { color: #d3deef; }
html[data-theme="dark"] :is(.favorite-links a, .home-safety-grid > a, .share-panel .share-button, .field-advanced button, .field-import-dialog button, .field-page-backup-choice select, .field-ops-backup-choice select) {
  border-color: #3b4962;
  background: #202a3d;
  color: #e5ebf8;
}
html[data-theme="dark"] :is(.site-footer, .footer-inner, .site-footer a) { color: #b6c2d4; }
html[data-theme="dark"] :is(table, th, td) { border-color: #36435a; }
html[data-theme="dark"] :is(th, .smd-result-table thead th) { background: #202a3e; color: #dfe7fa; }
html[data-theme="dark"] tr:nth-child(even), html[data-theme="dark"] .smd-result-table tbody tr:nth-child(even) { background: #192336; }
html[data-theme="dark"] :is(.home-quake-live, .repeater-status-active, .exam-timer, .exam-opt.selected, .exam-dot.done, .edu-status) {
  border-color: #326250;
  background: #193b34;
  color: #a8efcc;
}
html[data-theme="dark"] :is(.exam-opt, .exam-dot) { border-color: #3b4960; background: #1b2639; color: #e5ebf8; }
html[data-theme="dark"] :is(.exam-opt.right, .edu-status) { border-color: #3a7550; background: #173a2b; color: #a9efc2; }
html[data-theme="dark"] :is(.exam-opt.wrong, .edu-status.bad) { border-color: #8d484e; background: #3a2229; color: #ffb9b8; }
html[data-theme="dark"] :is(.edu-status.mid, .repeater-status-maintenance, .repeater-status-unknown) { border-color: #79603b; background: #342d21; color: #f0d496; }
html[data-theme="dark"] :is(.safety-category-card, .appliance-device-card, .repeater-card, .counter-card) { color: var(--text); }
html[data-theme="dark"] .safety-category-card:hover { border-color: #8276d1; }
html[data-theme="dark"] .safety-live-card { border-color: #35614c; background: linear-gradient(110deg, #18372e, #18253a); }
html[data-theme="dark"] .safety-category-card small { color: #bcc9da; }
html[data-theme="dark"] .step-number { border: 1px solid #554e83; background: #292645; color: #d0c6ff; }
html[data-theme="dark"] :is(.tool-card, .card, .info-card, .category-search, .tool-discovery, .page-intro, .home-feature-grid > a, .safety-category-card, .appliance-device-card) {
  box-shadow: 0 10px 28px rgba(0, 0, 0, .2);
}
html[data-theme="dark"] :is(.site-header, .header-pill, .theme-toggle, .category-search-shortcut, .home-search-shortcut, .tool-filter, .button.secondary) { backdrop-filter: none; }
html[data-theme="dark"] :is(button, a, input, select, textarea, summary):focus-visible { outline-color: #b7aaff; }
html[data-theme="dark"] :is(.hero, .home-hero) { color: #f3f5ff; }
html[data-theme="dark"] .home-hero .hero-search-panel {
  border-color: #44566b;
  background: linear-gradient(145deg, #172d35, #1c2540);
  color: #edf2fc;
}
html[data-theme="dark"] :is(.home-hero .hero-search-panel h2, .home-hero .home-search-label) { color: #edf2fc; }
html[data-theme="dark"] :is(.home-hero .hero-search-description, .home-hero .hero-search-heading > p, .home-hero .home-tool-search .tool-count) { color: #bfccdf; }
html[data-theme="dark"] .home-hero .home-tool-search .tool-search-field input {
  border-color: #45536b;
  background: #101927 !important;
  color: #f0f3fb !important;
}
html[data-theme="dark"] .home-hero .home-search-shortcut { border-color: #46516d; background: #252b45; }
html[data-theme="dark"] .home-hero .home-search-shortcut[data-search-query-tr="akü"] { color: #a9efc2; }
html[data-theme="dark"] .home-hero .home-search-shortcut[data-search-query-tr="kombi"] { color: #d0c6ff; }
html[data-theme="dark"] .home-hero .home-search-shortcut[data-search-query-tr="yakıt"] { color: #ffd099; }
html[data-theme="dark"] .home-hero .home-search-shortcut[data-search-query-tr="direnç"] { color: #9de8f7; }
html[data-theme="dark"] .home-hero .hero-cta { border-color: #9cddbb; background: #c7f1dc; color: #12392e; }
html[data-theme="dark"] .home-hero .hero-cta-outline { border-color: #759b99; background: transparent; color: #f0f7ff; }
html[data-theme="dark"] .home-hero .hero-app-cta { color: #d0e7e4; }
html[data-theme="dark"] .home-field-action { color: #fff; }
html[data-theme="dark"] :is(.site-header, .site-footer, .page-intro, .card, .info-card, .tool-card, .category-search, .tool-suggestions) {
  color-scheme: dark;
}
html[data-theme="dark"] :is(.tool-card-icon img, .icon-box img, .home-feature-icon img, .safety-card-icon img, .page-intro img, .brand-mark img, .field-page img, .usb-wiring svg, #qr-canvas, #field-qr-canvas, #sstv-image, #sstv-send-image, #counter-canvas) {
  filter: none;
}
@media (max-width: 700px) {
  html[data-theme="dark"] .page-intro { background: linear-gradient(135deg, #201e3d, #17273a 55%, #14342f); }
}

html[data-theme="dark"] :is(.electronics-guide-card, .disaster-emergency) {
  border-color: #36445c;
  background: linear-gradient(135deg, #182d32, #1b2539 62%, #25213b);
  color: #e8edf7;
}
html[data-theme="dark"] .electronics-guide-card--usb { border-color: #3a4b64; }
html[data-theme="dark"] :is(.electronics-guide-card h3, .disaster-emergency h2) { color: #edf2ff; }
html[data-theme="dark"] :is(.electronics-guide-card p, .electronics-guide-card li, .disaster-emergency p) { color: #bdc9db; }
html[data-theme="dark"] .electronics-guide-icon {
  border: 1px solid #39425e;
  background: linear-gradient(145deg, #292448, #173b3b);
}
html[data-theme="dark"] .electronics-guide-kind {
  border-color: #46516d;
  background: #252b45;
  color: #d3cbff;
}
html[data-theme="dark"] .electronics-guide-card--usb .electronics-guide-kind {
  border-color: #3e5874;
  background: #1d3046;
  color: #a8d7ff;
}
html[data-theme="dark"] .electronics-guide-card .button {
  border-color: #66cda3;
  background: #236449;
  color: #f0fff7;
}
html[data-theme="dark"] .electronics-guide-card--usb .button {
  border-color: #68aee0;
  background: #245c83;
}
html[data-theme="dark"] .cat-card {
  border-color: color-mix(in srgb, var(--tile) 72%, #526078);
  background: color-mix(in srgb, var(--tile) 19%, #151d2d);
  color: #edf2ff;
}
html[data-theme="dark"] .cat-card .cat-emoji {
  border-color: color-mix(in srgb, var(--tile) 60%, #45516a);
  background: color-mix(in srgb, var(--tile) 20%, #1b2537);
}
html[data-theme="dark"] .cat-card strong { color: #edf2ff; }
html[data-theme="dark"] .cat-card > span:not(.cat-emoji) { color: #bdc9db; }
html[data-theme="dark"] .cat-card em { color: color-mix(in srgb, var(--tile) 72%, #d7ddff); }

html[data-theme="dark"] :is(.component-intro-note, .component-panel) {
  border-color: #35445c;
  background: linear-gradient(135deg, #182d32, #1b2539 62%, #25213b);
  color: #e8edf7;
}
html[data-theme="dark"] :is(.component-intro-note strong, .component-panel h3) { color: #edf2ff; }
html[data-theme="dark"] :is(.component-result, .inline-result, .resistor-units-grid p) {
  border-color: #35445c;
  background: #1b2738;
  color: #e5ecf9;
}
html[data-theme="dark"] :is(.component-result strong, .inline-result strong, .resistor-units-grid strong) { color: #a9efd0; }
html[data-theme="dark"] :is(.component-result span, .resistor-units-grid span) { color: #bac8d9; }
html[data-theme="dark"] .transistor-result-card { border-color: #3a4b60; background: #1b2738; color: #e5ecf9; }
html[data-theme="dark"] .transistor-result-top h4 { color: #edf2ff; }
html[data-theme="dark"] .transistor-result-card p { color: #c1ccdc; }
html[data-theme="dark"] .transistor-result-card a { color: #a9efd0; }
html[data-theme="dark"] .transistor-tag { border-color: #3a5849; background: #223b31; color: #c9f0d7; }
html[data-theme="dark"] .component-coverage-note { border-left-color: #e4b85f; background: #30291f; color: #f0d7a2; }
html[data-theme="dark"] .component-coverage-note strong { color: #ffe0a2; }
html[data-theme="dark"] .resistor-visual {
  border-color: #66583f;
  background: linear-gradient(#776344, #927e5d 48%, #655438);
}
html[data-theme="dark"] :is(.vehicle-tool-alert, .obd-limit-banner, .service-records-notice) {
  border-color: #6d5934;
  border-left-color: #e2ae53;
  background: #30291f;
  color: #f0d7a2;
}
html[data-theme="dark"] :is(.vehicle-tool-alert strong, .obd-limit-banner strong) { color: #ffda91; }
html[data-theme="dark"] :is(.battery-safety-banner, .cable-safety-banner, .boiler-emergency-banner) {
  border-color: #754248;
  border-left-color: #ef7c79;
  background: #352329;
  color: #ffd3cf;
}
html[data-theme="dark"] :is(.battery-safety-banner strong, .cable-safety-banner strong, .boiler-emergency-banner h2) { color: #ffaaa5; }
html[data-theme="dark"] .vehicle-diagnosis-safety {
  border-color: #755e36;
  border-left-color: #e2ae53;
  background: #30291f;
  color: #f0d7a2;
}
html[data-theme="dark"] .boiler-status {
  border-color: #355a4b;
  background: #19332e;
  color: #c3ead5;
}
html[data-theme="dark"] .boiler-status[role="alert"] {
  border-color: #754248;
  background: #352329;
  color: #ffd3cf;
}
html[data-theme="dark"] :is(.boiler-check-progress, .quake-live-badge) {
  border-color: #326250;
  background: #193b34;
  color: #a8efcc;
}
html[data-theme="dark"] :is(.household-draft, .household-card-action, .household-heading-icon, .supply-rail-tag, .diagnosis-choice-marker) {
  border-color: #355a4b;
  background: #19332e;
  color: #c3ead5;
}
html[data-theme="dark"] .household-draft { color: #c3ead5; }
html[data-theme="dark"] .diagnosis-warning-choice .diagnosis-choice-marker {
  border-color: #755e36;
  background: #30291f;
  color: #f0d7a2;
}
html[data-theme="dark"] .diagnosis-selection-status {
  border-color: #45536b;
  background: #1b2639;
  color: #c5d0e2;
}
html[data-theme="dark"] .diagnosis-selection-status.has-selections {
  border-color: #326250;
  background: #193b34;
  color: #a8efcc;
}
html[data-theme="dark"] :is(.smd-example, .usb-pin) {
  border-color: #3b4962;
  background: #202a3d;
  color: #d3deef;
}
html[data-theme="dark"] :is(.smd-example:hover, .usb-pin:hover) {
  border-color: #8d7ce2;
  background: #2b2c4b;
  color: #f1eeff;
}
html[data-theme="dark"] .usb-pin[aria-pressed="true"] {
  border-color: #54b386;
  background: #245c43;
  color: #f0fff7;
}
html[data-theme="dark"] .engineering-result li {
  border-color: #755e36;
  background: #30291f;
  color: #f0d7a2;
}
html[data-theme="dark"] .engineering-result li[data-level="info"] {
  border-color: #3b6075;
  background: #1b2c3a;
  color: #b9ddf1;
}
html[data-theme="dark"] .engineering-result li[data-level="error"] {
  border-color: #754248;
  background: #352329;
  color: #ffd3cf;
}
html[data-theme="dark"] .home-quake-mag {
  border-color: #755e36;
  background: #30291f;
  color: #f0d7a2;
}
html[data-theme="dark"] .hero-search-mark {
  border-color: #39425e;
  background: linear-gradient(145deg, #292448, #173b3b);
  color: #c4b8ff;
}
html[data-theme="dark"] .appliance-device-card .household-card-action {
  border-color: #355a4b;
  background: #19332e;
  color: #c3ead5;
}
html[data-theme="dark"] #household-app.household-directory .appliance-device-card .household-card-action {
  border-color: #355a4b;
  background: #19332e;
  color: #c3ead5;
}
html[data-theme="dark"] .household-workbench #household-hint {
  border-color: #355a4b;
  border-left-color: #63d2aa;
  background: #19332e;
  color: #c3ead5;
}
html[data-theme="dark"] .usb-detail {
  border-color: #3b6075;
  border-left-color: #68aee0;
  background: #1b2c3a;
  color: #c9dff0;
}
html[data-theme="dark"] :is(.boiler-results-panel, .boiler-source) {
  border-color: #35445c;
  background: linear-gradient(135deg, #182d32, #1b2539 62%, #25213b);
  color: #e8edf7;
}
html[data-theme="dark"] .boiler-result-card {
  border-color: #35445c;
  border-left-color: #63d2aa;
  background: linear-gradient(145deg, #1b2738, #20243a);
  color: #e8edf7;
}
html[data-theme="dark"] .boiler-code-token {
  background: #193b34;
  color: #a8efcc;
}
html[data-theme="dark"] :is(.boiler-results-head h2, .boiler-result-card h3, .boiler-source h3) { color: #edf2ff; }
html[data-theme="dark"] :is(.boiler-results-grid > p, .boiler-reset-guidance) {
  border-color: #6d5934;
  background: #30291f;
  color: #f0d7a2;
}
html[data-theme="dark"] .boiler-reset-guidance a { color: #ffda91; }
html[data-theme="dark"] #household-app .household-results-panel {
  border-color: #35445c;
  background: linear-gradient(135deg, #182d32, #1b2539 62%, #25213b);
  color: #e8edf7;
}
html[data-theme="dark"] #household-app .household-results-panel .boiler-results-head { border-color: #35445c; }
html[data-theme="dark"] #household-app .household-results-panel .boiler-result-card {
  border-color: #35445c;
  border-left-color: #68aee0;
  background: linear-gradient(145deg, #1b2738, #20243a);
  color: #e8edf7;
}
html[data-theme="dark"] #household-app .household-results-panel .boiler-code-token {
  background: #1b3042;
  color: #a8d7ff;
}
html[data-theme="dark"] #household-app .household-results-panel .boiler-results-head h2,
html[data-theme="dark"] #household-app .household-results-panel .boiler-result-card h3 { color: #edf2ff; }
html[data-theme="dark"] #household-app .household-results-panel .household-result-note { color: #bdc9db; }
html[data-theme="dark"] :is(.appliance-result, .appliance-model-code-results > div) {
  border-color: #35445c;
  background: #1b2738;
  color: #e8edf7;
}
html[data-theme="dark"] .appliance-result :is(h2, h3, dt),
html[data-theme="dark"] .appliance-result strong { color: #edf2ff; }
html[data-theme="dark"] .appliance-result .appliance-severity {
  border-color: #326250;
  background: #193b34;
  color: #a8efcc;
}
html[data-theme="dark"] .appliance-result .appliance-severity-service {
  border-left-color: #e2ae53;
  background: #30291f;
  color: #f0d7a2;
}
html[data-theme="dark"] .appliance-result .appliance-severity-stop {
  border-left-color: #ef7c79;
  background: #352329;
  color: #ffd3cf;
}
html[data-theme="dark"] .appliance-reference-warning { color: #f0d7a2; }
html[data-theme="dark"] .boiler-workbench {
  border-color: #3b7059;
  background: linear-gradient(145deg, #172d2c 0%, #172338 72%);
  color: #e8edf7;
}
html[data-theme="dark"] :is(.boiler-workbench-head h1, .boiler-workbench-head h2, .boiler-results-head h2) { color: #e5f2ea; }
html[data-theme="dark"] .boiler-progress li {
  border-color: #35445c;
  background: #1b2738;
  color: #b7c5d8;
}
html[data-theme="dark"] .boiler-progress li > span {
  background: #29364b;
  color: #cbd6e8;
}
html[data-theme="dark"] .boiler-progress li[data-state="active"] {
  border-color: #567b9b;
  background: #1b3042;
  box-shadow: inset 0 0 0 1px #334e6b;
}
html[data-theme="dark"] .boiler-progress li[data-state="active"] > span,
html[data-theme="dark"] .boiler-progress li[data-state="complete"] > span {
  background: #28664d;
  color: #f0fff7;
}
html[data-theme="dark"] .boiler-progress li[data-state="complete"] {
  border-color: #355a4b;
  background: #19332e;
}
html[data-theme="dark"] .boiler-field {
  border-color: #35445c;
  background: #1b2738;
  color: #e8edf7;
}
html[data-theme="dark"] .boiler-field label { color: #e5eafb; }
html[data-theme="dark"] .boiler-field label span { color: #83e0bb; }
html[data-theme="dark"] .boiler-field select:disabled,
html[data-theme="dark"] .boiler-field input:disabled {
  border-color: #354158;
  background: #202a3a !important;
  color: #a7b3c5 !important;
}
html[data-theme="dark"] .boiler-reset-guidance {
  border-color: #6d5934;
  border-left-color: #e2ae53;
  background: #30291f;
  color: #f0d7a2;
}
html[data-theme="dark"] #household-app .household-workbench {
  border-color: #3b7059;
  border-top-color: #63d2aa;
  background: linear-gradient(145deg, #172d2c 0%, #172338 72%);
  color: #e8edf7;
}
html[data-theme="dark"] #household-app .household-workbench .boiler-workbench-head h2 { color: #e5f2ea; }
html[data-theme="dark"] #household-app .household-fieldset legend { color: #c6d6e8; }
html[data-theme="dark"] #household-app .household-workbench .boiler-progress li {
  border-color: #35445c;
  background: #1b2738;
  color: #b7c5d8;
}
html[data-theme="dark"] #household-app .household-workbench .boiler-progress li[data-state="active"] {
  border-color: #567b9b;
  background: #1b3042;
}
html[data-theme="dark"] #household-app .household-workbench .boiler-progress li[data-state="complete"] {
  border-color: #355a4b;
  background: #19332e;
}
html[data-theme="dark"] #household-app .household-workbench .boiler-progress li[data-state="active"] > span { background: #286386; }
html[data-theme="dark"] #household-app .household-workbench .boiler-progress li[data-state="complete"] > span { background: #28664d; }
html[data-theme="dark"] #household-app .household-workbench .boiler-progress li > span { color: #f0fff7; }
html[data-theme="dark"] #household-app .household-workbench .boiler-field {
  border-color: #35445c;
  background: #1b2738;
}
html[data-theme="dark"] #household-app .household-workbench .boiler-field label span:first-child {
  background: #202a3d;
  color: #a8d7ff;
}
html[data-theme="dark"] #household-app .household-workbench .boiler-field label span:last-child { color: #e5eafb; }
html[data-theme="dark"] #household-app .household-workbench .boiler-field select:disabled,
html[data-theme="dark"] #household-app .household-workbench .boiler-field input:disabled {
  border-color: #354158;
  background: #202a3a !important;
  color: #a7b3c5 !important;
}
html[data-theme="dark"] #household-app .household-workbench .appliance-actions > .header-pill {
  border-color: #3b4962;
  background: #202a3d;
  color: #e5ebf8;
}

html[data-theme="dark"] {
  color-scheme: dark;
  --page: #08090a;
  --surface: #111315;
  --soft: #191b1d;
  --text: #e2e4e3;
  --muted: #a7acab;
  --line: #292c2e;
  --green: #aeb8b2;
  --green-dark: #c1c6c3;
  --green-soft: #202321;
  --yellow: #c7b98d;
  --blue: #aeb9bd;
  --shadow: 0 12px 30px rgba(0, 0, 0, .28);
  background: var(--page);
}
html[data-theme="dark"] body {
  color: var(--text);
  background: #08090a;
}
html[data-theme="dark"] :is(.site-header, .site-footer) {
  border-color: #222426;
  background: #0c0d0e;
  color: var(--text);
}
html[data-theme="dark"] :is(
  .card, .info-card, .tool-card, .step-card, .category-search, .tool-discovery,
  .tool-suggestions, .quick-nav, .home-feature-links, .home-safety-shortcuts,
  .home-more, .trust-strip > div, .favorite-strip, .faq details, .share-panel,
  .repeater-card, .repeater-filters, .boiler-safe-checks, .boiler-directory,
  .exam-group, .exam-review-item, .counter-card, .stock-list > *,
  .field-workspace-nav, .field-workspace-shortcuts a, .preparedness-hub .info-card,
  .tool-card, .category-search, .tool-discovery, .tool-suggestions,
  .page-intro, .home-quake, .home-speed-feature, .home-field-feature,
  .home-feature-grid > a, .safety-category-card, .appliance-device-card,
  .electronics-guide-card, .cat-card, .component-intro-note, .component-panel,
  .component-result, .inline-result, .resistor-units-grid p,
  .boiler-workbench, .boiler-results-panel, .boiler-result-card, .boiler-source,
  .household-results-panel, .appliance-result, .appliance-model-code-results > div,
  .metric, .battery-metrics .metric, .cable-metrics .metric,
  .wiring-summary-grid .metric, .supply-result-grid .metric,
  .irrigation-results .metric, .component-metrics .metric,
  .obd-metrics article, .appliance-summary > div, .result, .formula,
  .exam-explain, .device-group, .repeater-frequencies > div
) {
  border-color: #292c2e;
  background: #111315;
  background-image: none;
  color: var(--text);
  box-shadow: var(--shadow);
}
html[data-theme="dark"] :is(.page-intro, .home-quake, .home-speed-feature, .home-field-feature, .home-hero .hero-search-panel) {
  border-color: #292c2e;
  background: #111315;
  background-image: none;
}
html[data-theme="dark"] :is(.tool-card, .cat-card, .electronics-guide-card, .safety-category-card, .appliance-device-card, .boiler-result-card, .household-results-panel .boiler-result-card) {
  border-color: #292c2e;
  background: #141618;
  background-image: none;
}
html[data-theme="dark"] :is(input, select, textarea, .tool-search input, .feedback-form input, .feedback-form select, .feedback-form textarea, .edu-table input, .edu-table select) {
  border-color: #303436;
  background: #0d0f10 !important;
  color: #e2e4e3 !important;
  color-scheme: dark;
}
html[data-theme="dark"] :is(input, select, textarea)::placeholder { color: #929897; }
html[data-theme="dark"] :is(.button.secondary, .quick-nav a, .tool-filter, .preset-button, .favorite-button, .header-pill, .theme-toggle, .favorite-links a, .home-safety-grid > a, .share-panel .share-button, .field-advanced button, .field-import-dialog button) {
  border-color: #303436;
  background: #191b1d;
  color: #d7dad8;
}
html[data-theme="dark"] :is(.button:not(.secondary), a.button:not(.secondary), .home-field-action, .electronics-guide-card .button, .home-hero .hero-cta) {
  border-color: #424746;
  background: #303533;
  background-image: none;
  color: #eceeec;
  box-shadow: none;
}
html[data-theme="dark"] :is(.button:hover, .quick-nav a:hover, .tool-filter:hover, .tool-filter[aria-pressed="true"], .preset-button:hover, .theme-toggle:hover, .smd-example:hover, .usb-pin:hover) {
  border-color: #535957;
  background: #252829;
  color: #f0f1f0;
}
html[data-theme="dark"] :is(.page-intro h1, .section-heading h2, .home-feature-heading h2, .home-quake-heading h2, .tool-card h3, .tool-card-link, .card-head h2, .info-card h2, .faq h2, .electronics-guide-card h3, .boiler-workbench-head h1, .boiler-workbench-head h2, .boiler-results-head h2, .component-panel h3) { color: #e2e4e3; }
html[data-theme="dark"] :is(.page-intro h1 span, .page-intro .eyebrow, .home-hero .eyebrow, .step-number, .guide-list li::before, .icon-box, .category-search-icon, .home-search-mark, .home-feature-icon, .safety-card-icon, .tool-card .card-link, .tool-card-icon, .result-label, .result-value, .result-detail, .formula strong, .metric strong, .component-result strong, .inline-result strong, .resistor-units-grid strong) { color: #b7c0bb; }
html[data-theme="dark"] :is(.tool-card p, .home-feature-grid small, .tool-suggestions small, .page-intro p, .section-heading > p, .home-speed-feature p, .home-field-feature p, .electronics-guide-card p, .electronics-guide-card li, .boiler-field small, .boiler-results-head > span, .component-result span, .resistor-units-grid span, .info-card p, .info-card li, .helper, .source-note, .field-help, .field-page-privacy, .share-heading, .share-panel p, .share-badge) { color: #a7acab; }
html[data-theme="dark"] :is(.icon-box, .category-search-icon, .home-search-mark, .home-feature-icon, .safety-card-icon, .tool-card-icon, .electronics-guide-icon, .cat-card .cat-emoji, .step-number, .guide-list li::before, .hero-search-mark) {
  border-color: #303436;
  background: #1a1c1e;
  background-image: none;
  color: #bac0bd;
}
html[data-theme="dark"] :is(.category-search-shortcut, .home-search-shortcut, .tool-suggestions a:not(.home-search-all), .category-search-empty, .home-search-all) {
  border-color: #303436;
  background: #191b1d;
  color: #d7dad8;
}
html[data-theme="dark"] :is(.category-search-shortcut:hover, .home-search-shortcut:hover, .tool-suggestions a:not(.home-search-all):hover, .tool-suggestions a:not(.home-search-all):focus-visible) {
  border-color: #505654;
  background: #252829;
  color: #f0f1f0;
}
html[data-theme="dark"] :is(.home-search-shortcuts-label, .category-search-count, .tool-count, .tool-suggestions h3, .home-search-all) { color: #c3c7c5; }
html[data-theme="dark"] :is(.boiler-progress li, .boiler-field, #household-app .household-workbench .boiler-field) {
  border-color: #303436;
  background: #191b1d;
  color: #d7dad8;
}
html[data-theme="dark"] :is(.boiler-progress li[data-state="active"], #household-app .household-workbench .boiler-progress li[data-state="active"], .boiler-progress li[data-state="complete"], #household-app .household-workbench .boiler-progress li[data-state="complete"]) {
  border-color: #3a403d;
  background: #1c201e;
  box-shadow: none;
}
html[data-theme="dark"] :is(.boiler-progress li > span, #household-app .household-workbench .boiler-progress li > span, .boiler-field label span, #household-app .household-workbench .boiler-field label span:first-child) {
  border-color: #343836;
  background: #252928;
  color: #c3c9c5;
}
html[data-theme="dark"] :is(.boiler-code-token, #household-app .household-results-panel .boiler-code-token, .household-card-action, #household-app.household-directory .appliance-device-card .household-card-action, .smd-example, .usb-pin, .supply-rail-tag, .diagnosis-choice-marker) {
  border-color: #343836;
  background: #202321;
  color: #cbd0cc;
}
html[data-theme="dark"] :is(.resistor-visual, .home-quake-mag) {
  border-color: #353331;
  background: #211f1c;
  background-image: none;
  color: #c8c1b2;
}
html[data-theme="dark"] :is(.note, .tip-box, .vehicle-tool-alert, .obd-limit-banner, .service-records-notice, .vehicle-diagnosis-safety, .boiler-reset-guidance, .engineering-result li) {
  border-color: #484132;
  border-left-color: #82744e;
  background: #1b1915;
  background-image: none;
  color: #c9c0a9;
}
html[data-theme="dark"] :is(.battery-safety-banner, .cable-safety-banner, .boiler-emergency-banner, .engineering-result li[data-level="error"], .appliance-result .appliance-severity-stop) {
  border-color: #493536;
  border-left-color: #835253;
  background: #1c1617;
  color: #d1b9b9;
}
html[data-theme="dark"] :is(.boiler-status, .household-workbench #household-hint, #household-app .household-workbench #household-hint, .boiler-check-progress, .quake-live-badge, .diagnosis-selection-status.has-selections, .usb-detail, .engineering-result li[data-level="info"]) {
  border-color: #353b38;
  border-left-color: #69756e;
  background: #171a18;
  background-image: none;
  color: #bec6c1;
}
html[data-theme="dark"] :is(.site-footer, .footer-inner, .site-footer a) { color: #a7acab; }
html[data-theme="dark"] :is(table, th, td, .household-results-panel .boiler-results-head) { border-color: #303436; }
html[data-theme="dark"] :is(th, .smd-result-table thead th) { background: #191b1d; color: #d4d7d5; }
html[data-theme="dark"] tr:nth-child(even), html[data-theme="dark"] .smd-result-table tbody tr:nth-child(even) { background: #141618; }
html[data-theme="dark"] :is(.home-hero .hero-search-panel h2, .home-hero .home-search-label, .home-hero .hero-search-description, .home-hero .hero-search-heading > p, .home-hero .home-tool-search .tool-count, .home-hero .hero-app-cta, .home-hero .hero-cta-outline) { color: #d7dad8; }
html[data-theme="dark"] :is(.home-hero .home-search-shortcut, .home-hero .home-search-shortcut[data-search-query-tr]) {
  border-color: #303436;
  background: #191b1d;
  color: #c8ceca;
}
html[data-theme="dark"] :is(.site-header, .header-pill, .theme-toggle, .category-search-shortcut, .home-search-shortcut, .tool-filter, .button.secondary) { backdrop-filter: none; }
html[data-theme="dark"] :is(button, a, input, select, textarea, summary):focus-visible { outline-color: #8c9690; }
html[data-theme="dark"] :is(.page-intro, .home-quake, .home-speed-feature, .home-field-feature, .home-hero .hero-search-panel, .electronics-guide-card, .component-panel, .component-intro-note, .boiler-workbench, .household-workbench, .boiler-results-panel, .household-results-panel) {
  border-color: #292c2e;
  background: #111315;
  background-image: none;
}
html[data-theme="dark"] #household-app .household-workbench .boiler-progress li[data-state="active"] > span { background: #343a37; }
html[data-theme="dark"] #household-app .household-workbench .boiler-progress li[data-state="complete"] > span { background: #303633; }
html[data-theme="dark"] .boiler-progress li[data-state="active"] > span,
html[data-theme="dark"] .boiler-progress li[data-state="complete"] > span { background: #303633; }
html[data-theme="dark"] :is(.hero, .home-hero) {
  border-color: #292c2e;
  background: #111315;
  background-image: none;
  color: #e2e4e3;
}
html[data-theme="dark"] #household-app .household-workbench {
  border-color: #292c2e;
  border-top-color: #454b48;
  background: #111315;
  background-image: none;
}
html[data-theme="dark"] #household-app.household-directory .page-intro,
html[data-theme="dark"] #household-app.household-directory .household-draft,
html[data-theme="dark"] #household-app.household-directory .appliance-summary > div {
  border-color: #292c2e;
  background: #111315;
  background-image: none;
  color: #d7dad8;
}
html[data-theme="dark"] #household-app.household-directory .page-intro h1,
html[data-theme="dark"] #household-app.household-directory .page-intro .eyebrow,
html[data-theme="dark"] #household-app.household-directory .appliance-summary dd { color: #d7dad8; }
html[data-theme="dark"] #household-app.household-directory .page-intro > img,
html[data-theme="dark"] #household-app.household-directory .household-draft::before {
  border-color: #303436;
  background: #1a1c1e;
  color: #c3c9c5;
}
html[data-theme="dark"] :is(.cat-card strong, .cat-card em, .tool-card h3, .tool-card-link, .safety-category-card strong, .home-feature-grid strong, .home-safety-heading h2, .page-intro h1, .section-heading h2, .card-head h2, .info-card h2, .faq h2, .boiler-workbench-head h1, .boiler-workbench-head h2, .boiler-results-head h2) { color: #e0e2e0; }
html[data-theme="dark"] :is(.cat-card > span:not(.cat-emoji), .tool-card p, .tool-card-link + p, .safety-category-card small, .home-feature-grid small, .tool-suggestions small, .section-heading > p) { color: #a7acab; }
html[data-theme="dark"] .cat-card em { color: #b7bfba; }
html[data-theme="dark"] :is(.page-intro img, .tool-card-icon img, .icon-box img, .home-feature-icon img, .safety-card-icon img) { filter: grayscale(.35) saturate(.6); }
html[data-theme="dark"] body :is(.tool-card, .card-head, .home-feature-grid > a, .tool-suggestions a:not(.home-search-all), .seo-copy, .site-app-promo, .result, .formula, .metric, .step-card, .exam-explain, .share-panel, .repeater-frequencies > div, .device-group, .tip-box, .safety-live-card, .home-quake, .home-speed-feature, .home-field-feature, .home-hero .hero-search-panel, .boiler-workbench, .boiler-results-panel, .boiler-result-card, .household-workbench, .household-results-panel, .appliance-result, .component-result, .inline-result, .resistor-visual, .home-quake-mag, .engineering-result li) {
  background-color: #111315;
  background-image: none;
}
html[data-theme="dark"] #household-app.household-directory .appliance-device-card {
  border-color: #292c2e;
  background-color: #141618;
  background-image: none;
  color: #e2e4e3;
  box-shadow: var(--shadow);
}
html[data-theme="dark"] #household-app.household-directory .appliance-device-card:hover {
  border-color: #535957;
  box-shadow: var(--shadow);
}
html[data-theme="dark"] #household-app.household-directory .appliance-device-card img {
  background: #1a1c1e;
}
html[data-theme="dark"] #household-app.household-directory .appliance-device-card strong {
  color: #e0e2e0;
}
html[data-theme="dark"] #household-app.household-directory .household-card-description {
  color: #a7acab;
}
html[data-theme="dark"] #household-app.household-directory [data-household-card-count] {
  background: #191b1d;
  color: #b7bfba;
}
html[data-theme="dark"] #household-app.household-directory .household-card-action {
  border-color: #343836;
  background: #202321;
  color: #cbd0cc;
}
html[data-theme="dark"] #household-app.household-directory .household-card-action:hover {
  border-color: #535957;
  background: #252829;
  color: #f0f1f0;
}
html[data-theme="dark"] #household-app.household-directory .category-search-shortcut {
  border-color: #303436;
  background: #191b1d;
  color: #d7dad8;
}
html[data-theme="dark"] body :is(.boiler-status, .boiler-results-panel, .boiler-result-card, .boiler-source, .boiler-reset-guidance, .boiler-results-grid > p, #household-app .household-results-panel, #household-app .household-result-note, #household-app .household-results-panel .boiler-result-card, #household-app .appliance-result, #household-app .appliance-model-code-results > div) {
  border-color: #292c2e;
  background-color: #111315;
  background-image: none;
  color: #d7dad8;
}
html[data-theme="dark"] body :is(.boiler-result-card, #household-app .household-results-panel .boiler-result-card, #household-app .appliance-model-code-results > div) {
  border-left-color: #3a3e3c;
  background-color: #141618;
}
html[data-theme="dark"] body :is(.boiler-reset-guidance, .boiler-results-grid > p, #household-app .household-result-note) {
  border-left-color: #3a3e3c;
  background-color: #191b1d;
  color: #b7bfba;
}
html[data-theme="dark"] body :is(.boiler-results-panel, .boiler-source, .boiler-result-card, .household-results-panel, .household-result-note, .appliance-result, .appliance-model-code-results) :is(h2, h3, strong, dt, dd, a, .boiler-code-token) {
  color: #e0e2e0;
}
html[data-theme="dark"] body :is(.boiler-result-card, .boiler-source, .boiler-reset-guidance, .household-results-panel, .household-result-note, .appliance-result) p,
html[data-theme="dark"] body :is(.boiler-results-head > span, .boiler-record-type, .boiler-result-meta) {
  color: #a7acab;
}
html[data-theme="dark"] body :is(.boiler-code-token, #household-app .household-results-panel .boiler-code-token) {
  border-color: #303436;
  background: #191b1d;
  color: #d7dad8;
}
html[data-theme="dark"] body #boiler-summary {
  border-color: #292c2e;
  border-left-color: #3a3e3c;
  background: #191b1d;
  color: #b7bfba;
}
html[data-theme="dark"] body #boiler-reset-guidance {
  border-color: #292c2e;
  border-left-color: #3a3e3c;
  background: #191b1d;
  color: #b7bfba;
}
.fault-category-icon {
  display: inline-block;
  flex: 0 0 1.5rem;
  width: 1.5rem;
  height: 1.5rem;
  padding: .2rem;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--soft);
  color: var(--green-dark);
  vertical-align: middle;
}
.boiler-code-meaning {
  display: flex;
  align-items: flex-start;
  gap: 9px;
}
.appliance-model-code-results dt {
  display: flex;
  align-items: center;
  gap: 9px;
}
.appliance-result h2 .fault-category-icon { margin-right: .45rem; }
html[data-theme="dark"] .fault-category-icon {
  border-color: #303436;
  background: #191b1d;
  color: #aeb5b1;
}
html[data-theme="dark"] .field-page-hero {
  border-color: #303936;
  background: linear-gradient(125deg, #181c1a, #111315 72%);
  color: #e2e4e3;
}
html[data-theme="dark"] .field-page-hero h1 { color: #e2e4e3; }
html[data-theme="dark"] .field-page-hero h1 span,
html[data-theme="dark"] .field-page-hero .eyebrow { color: #a8c2b0; }
html[data-theme="dark"] .field-page-hero p:last-child { color: #b7bfba; }
html[data-theme="dark"] .field-page :is(.field-page-editor, .field-page-list, .field-advanced, .field-guide) {
  border-color: #292c2e;
  background: #111315;
  color: #e2e4e3;
  box-shadow: 0 8px 28px #00000030;
}
html[data-theme="dark"] .field-page :is(.field-page-section-heading, .field-page-list-heading) { border-bottom-color: #303436; }
html[data-theme="dark"] .field-page :is(.field-page-icon, .field-page-list-symbol, .field-page-step) {
  border-color: #303936;
  background: #1b241e;
  color: #b7cbbd;
}
html[data-theme="dark"] .field-page :is(.field-page-address-fields, .field-page-filters, .field-workspace-nav, .field-guide-track) {
  border-color: #303436;
  background: #141618;
  color: #d7dad8;
}
html[data-theme="dark"] .field-page .field-page-address-grid label {
  border-color: #303436;
  background: #191c1e;
  color: #d7dad8;
}
html[data-theme="dark"] .field-page :is(input:not([type="hidden"]):not([type="file"]), select, textarea) {
  border-color: #343836 !important;
  background: #0d0f10 !important;
  color: #e2e4e3 !important;
  color-scheme: dark;
}
html[data-theme="dark"] .field-page :is(input, textarea)::placeholder { color: #929897; }
html[data-theme="dark"] .field-page :is(input, select, textarea):disabled {
  border-color: #292c2e !important;
  background: #191c1e !important;
  color: #929897 !important;
}
html[data-theme="dark"] .field-page :is(input, select, textarea):focus {
  border-color: #78877e !important;
  outline-color: #53665a;
  box-shadow: 0 0 0 3px #8c969022;
}
html[data-theme="dark"] .field-page .field-page-address-fields legend,
html[data-theme="dark"] .field-page .field-advanced summary { color: #d7dad8; }
html[data-theme="dark"] .field-page .field-page-address-grid label { border-color: #303436; }
html[data-theme="dark"] .field-page .field-page-address-status {
  border-color: #45594b;
  background: #1a211c;
  color: #c1d2c6;
}
html[data-theme="dark"] .field-page .field-page-address-status[data-state="error"] {
  border-color: #654142;
  background: #24191a;
  color: #e0b7b7;
}
html[data-theme="dark"] .field-page :is(.field-page-form-actions, .field-advanced > h2, .field-address-help[open] summary) { border-color: #303436; }
html[data-theme="dark"] .field-page button.button.field-page-primary,
html[data-theme="dark"] .field-page .field-page-action.is-primary {
  border-color: #405846;
  background: #26352b;
  color: #d4e5d8;
}
html[data-theme="dark"] .field-page button.button.field-page-primary:hover,
html[data-theme="dark"] .field-page .field-page-action.is-primary:hover { border-color: #647d6b; background: #303d34; color: #edf4ef; }
html[data-theme="dark"] .field-page :is(.field-page-secondary, .field-page-action, .field-advanced button, .field-import-dialog button) {
  border-color: #343836;
  background: #191c1e;
  color: #d7dad8;
}
html[data-theme="dark"] .field-page :is(.field-page-secondary, .field-page-action, .field-advanced button, .field-import-dialog button):hover {
  border-color: #59615c;
  background: #202422;
}
html[data-theme="dark"] .field-page .field-page-action.is-danger { border-color: #583b3c; color: #e0aaaa; }
html[data-theme="dark"] .field-page .field-page-action[aria-pressed="true"] { border-color: #4a6552; background: #202922; box-shadow: inset 0 0 0 1px #4a6552; }
html[data-theme="dark"] .field-page .field-page-empty { border-color: #454b48; color: #aeb5b1; }
html[data-theme="dark"] .field-page .field-page-card {
  border-color: #303436;
  border-top-color: #53685a;
  background: #141618;
  box-shadow: 0 4px 18px #00000030;
}
html[data-theme="dark"] .field-page .field-page-card.is-completed { border-top-color: #454b48; }
html[data-theme="dark"] .field-page .field-page-card-type { background: #1b211d; }
html[data-theme="dark"] .field-page .field-device-network { border-left-color: #53685a; background: #1a211c; color: #c1d2c6; }
html[data-theme="dark"] .field-page .field-device-network[data-state="offline"] {
  border-left-color: #766746;
  background: #211e18;
  color: #d5c7a6;
}
html[data-theme="dark"] .field-page .field-advanced details { border-color: #303436; background: #141618; }
html[data-theme="dark"] .field-page .field-advanced details[open] summary { border-bottom-color: #303436; }
html[data-theme="dark"] .field-page .field-address-help {
  border-color: #303436;
  background: #191c1e;
  color: #b7bfba;
}
html[data-theme="dark"] .field-page :is(.field-page-privacy, .field-address-help) summary { color: #d7dad8; }
html[data-theme="dark"] .field-page .field-page-backup-choice,
html[data-theme="dark"] .field-page .field-page-help,
html[data-theme="dark"] .field-page .field-page-attribution,
html[data-theme="dark"] .field-page .field-guide > p,
html[data-theme="dark"] .field-page .field-guide-note { color: #aeb5b1; }

.home-highlights { margin: 28px 0 34px; }
.home-highlights > .home-feature-heading { margin-bottom: 16px; }
.home-highlights-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; align-items: stretch; }
.home-highlights-grid > .home-field-feature,
.home-highlights-grid > .home-speed-feature {
  box-sizing: border-box;
  min-width: 0;
  height: 100%;
  margin: 0;
  padding: clamp(18px, 2.4vw, 26px);
  border: 1px solid #d5e4d9;
  border-radius: 20px;
  background: linear-gradient(145deg, #f1f8f3, #fff 76%);
  box-shadow: 0 8px 24px rgba(24, 57, 39, .07);
}
.home-highlights-grid > .home-field-feature { grid-template-columns: 58px minmax(0, 1fr); align-content: start; align-items: start; gap: 14px; }
.home-highlights-grid .home-field-icon { width: 58px; height: 58px; border-color: #d7e8dc; border-radius: 17px; background: #fff; }
.home-highlights-grid .home-field-icon img { width: 50px; height: 50px; }
.home-highlights-grid .home-field-copy .eyebrow { overflow-wrap: anywhere; }
.home-highlights-grid .home-field-copy h2,
.home-highlights-grid .home-speed-feature h2 { color: #193d2e; font-size: clamp(1.2rem, 2vw, 1.55rem); line-height: 1.3; }
.home-highlights-grid .home-field-copy p:not(.eyebrow),
.home-highlights-grid .home-speed-feature p { color: #52635a; font-size: .92rem; line-height: 1.65; }
.home-highlights-grid .home-field-action {
  border: 1px solid #1e6545;
  background: #1e6545;
  box-shadow: none;
}
.home-highlights-grid .home-field-action:hover { background: #174d35; }
.home-highlights-grid .home-field-badges {
  grid-column: 1 / -1;
  display: flex;
  min-width: 0;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 2px;
}
.home-highlights-grid .home-field-badges span {
  min-height: 34px;
  box-sizing: border-box;
  padding: 6px 9px;
  border: 1px solid #d7e5dc;
  border-radius: 999px;
  background: #f7faf8;
  color: #345d45;
  font-size: .75rem;
}
.home-highlights-grid .home-speed-feature { grid-template-columns: 58px minmax(0, 1fr); align-items: start; gap: 14px; }
.home-highlights-grid .home-speed-feature > img { width: 54px; }
.home-highlights-grid .home-speed-feature .button { min-height: 46px; }
.home-highlights-grid .home-speed-feature small { font-size: .86rem; }
@media (max-width: 760px) {
  .home-highlights-grid { grid-template-columns: minmax(0, 1fr); gap: 12px; }
}
@media (max-width: 480px) {
  .home-highlights { margin: 22px 0 28px; }
  .home-highlights-grid > .home-field-feature,
  .home-highlights-grid > .home-speed-feature { padding: 17px; }
}
html[data-theme="dark"] .home-highlights-grid > .home-field-feature,
html[data-theme="dark"] .home-highlights-grid > .home-speed-feature {
  border-color: #292c2e;
  background: #111315;
  box-shadow: 0 8px 24px #00000030;
}
html[data-theme="dark"] .home-highlights-grid .home-field-icon,
html[data-theme="dark"] .home-highlights-grid .home-field-badges span {
  border-color: #303436;
  background: #191c1e;
  color: #d7dad8;
}
html[data-theme="dark"] .home-highlights-grid .home-field-copy h2,
html[data-theme="dark"] .home-highlights-grid .home-speed-feature h2 { color: #e2e4e3; }
html[data-theme="dark"] .home-highlights-grid .home-field-copy p:not(.eyebrow),
html[data-theme="dark"] .home-highlights-grid .home-speed-feature p,
html[data-theme="dark"] .home-highlights-grid .home-speed-feature small { color: #aeb5b1; }
html[data-theme="dark"] .home-highlights-grid .home-field-action {
  border-color: #405846;
  background: #26352b;
  color: #d4e5d8;
}
html[data-theme="dark"] .home-highlights-grid .home-field-action:hover { background: #303d34; }
.site-app-promo-copy > p,
.site-app-promo-copy > span,
.site-app-promo .app-promo-status,
.site-app-promo .app-promo-details,
.site-app-promo-icon { color: #fff; }
.site-app-promo .app-promo-details { text-decoration: underline; }
html[data-theme="dark"] .field-page .field-workspace-nav a { color: #c3cbc6; }
html[data-theme="dark"] .field-page .field-workspace-nav a[aria-current="page"] {
  background: #26352b;
  color: #e0e9e2;
  box-shadow: inset 0 0 0 1px #405846;
}
html[data-theme="dark"] .field-page .field-workspace-nav a:hover,
html[data-theme="dark"] .field-page .field-workspace-shortcuts a:hover { outline-color: #75867a; }
html[data-theme="dark"] .field-page .field-workspace-shortcuts a {
  border-color: #303436;
  background: #141618;
  color: #d7dad8;
}
html[data-theme="dark"] .field-page .field-workspace-shortcuts small { color: #aeb5b1; }
html[data-theme="dark"] .field-page :is(.field-guide-entry, .field-guide-track, .field-guide-slide figcaption) {
  border-color: #303436;
  background: #141618;
  color: #d7dad8;
}
html[data-theme="dark"] .field-page .field-guide-entry:hover { border-color: #59615c; background: #191c1e; }
html[data-theme="dark"] .field-page :is(.field-guide-entry-icon, .field-guide-entry-arrow, .field-guide-image) { background: #191c1e; color: #b7cbbd; }
html[data-theme="dark"] .field-page .field-guide-entry-copy small { color: #aeb5b1; }
html[data-theme="dark"] .field-page .field-guide-entry-action,
html[data-theme="dark"] .field-page .field-guide-step { color: #b7cbbd; }
html[data-theme="dark"] .field-page .field-guide-step { border-color: #343836; }
html[data-theme="dark"] .field-page .field-guide-note { border-top-color: #303436; }
html[data-theme="dark"] .field-page :is(.field-guide-image img, #field-guide-full-image, .field-page-photo-preview img, .field-page-card img) {
  border-color: #343836;
  background: #fff;
  filter: none;
}
html[data-theme="dark"] #field-qr-canvas { border-color: #343836; background: #fff; filter: none; }
html[data-theme="dark"] .field-page .field-guide-viewer,
html[data-theme="dark"] .field-page .field-import-dialog {
  border-color: #343836;
  background: #111315;
  color: #e2e4e3;
}
html[data-theme="dark"] .field-page .field-import-error:not(:empty) { border-color: #654142; background: #24191a; color: #e0b7b7; }
html[data-theme="dark"] .field-page .field-page-status { border: 1px solid #405846; background: #202823; color: #d4e5d8; }
html[data-theme="dark"] .field-page-privacy { border-color: #303936; border-left-color: #53685a; background: #141816; color: #b7bfba; }
html[data-theme="dark"] .field-page :is(a, button, summary):focus-visible { outline-color: #aeb8b1; }
html[data-theme="dark"] .local-report-overlay { background: #080909dc; }
html[data-theme="dark"] .local-report-toolbar { border-color: #343836; background: #111315; color: #e2e4e3; }
html[data-theme="dark"] .local-report-toolbar p { color: #d7dad8; }
html[data-theme="dark"] .local-report-toolbar .button { border-color: #343836; background: #191c1e; color: #d7dad8; }
html[data-theme="dark"] .local-report-toolbar .button:hover { border-color: #59615c; background: #202422; }
html[data-theme="dark"] .local-report-document,
html[data-theme="dark"] .local-report-photos img { filter: none; }
html[data-theme="dark"] .share-panel {
  border-color: #303436;
  background: #111315;
  color: #e2e4e3;
  box-shadow: 0 8px 24px #00000030;
}
html[data-theme="dark"] .share-heading { color: #e2e4e3; }
html[data-theme="dark"] .share-heading::before { border-top-color: #a8d1b5; border-right-color: #a8d1b5; }
html[data-theme="dark"] .share-panel button.share-button {
  border-color: #343836;
  background: #191c1e;
  color: #e2e4e3;
  box-shadow: none;
}
html[data-theme="dark"] .share-panel button.share-button[data-share-kind="facebook"] { color: #a9c8ff; }
html[data-theme="dark"] .share-panel button.share-button[data-share-kind="x"] { color: #e2e4e3; }
html[data-theme="dark"] .share-panel button.share-button[data-share-kind="whatsapp"] { color: #9cdbad; }
html[data-theme="dark"] .share-panel button.share-button[data-share-kind="instagram"] { color: #efb4ce; }
html[data-theme="dark"] .share-panel button.share-button[data-share-kind="pdf"] { color: #f0bf9b; }
html[data-theme="dark"] .share-panel button.share-button:hover { border-color: #69716c; background: #202422; box-shadow: 0 5px 14px #00000045; }
html[data-theme="dark"] .share-panel > .note { color: #aeb5b1; }
html[data-theme="dark"] .share-panel > [role="status"]:not(:empty) { background: #191c1e; color: #e2e4e3; }
@media (max-width: 480px) {
  .hero.home-hero {
    gap: 14px;
    margin-top: 12px;
    padding: 18px 14px 14px;
    border-radius: 20px;
  }
  .home-hero h1 { font-size: clamp(1.75rem, 7.2vw, 2.1rem); line-height: 1.12; }
  .home-hero h1 span { color: #bce7cf; }
  .home-hero .hero-copy {
    display: -webkit-box;
    overflow: hidden;
    margin-top: 9px;
    font-size: .9rem;
    line-height: 1.5;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .hero-search-panel { padding: 13px 12px; border-radius: 15px; }
  .hero-search-mark { flex-basis: 32px; width: 32px; height: 32px; }
  .hero-search-panel h2 { margin: 8px 0 4px; font-size: 1.18rem; }
  .hero-search-description { display: none; }
  .home-hero .home-tool-search { gap: 8px; margin-top: 10px; }
  .home-hero .home-search-label { margin-bottom: 3px; font-size: .8rem; }
  .home-hero .tool-search-field input { min-height: 48px; }
  .home-hero .home-tool-search .tool-count {
    display: -webkit-box;
    overflow: hidden;
    font-size: .74rem;
    line-height: 1.45;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .home-search-shortcuts { gap: 6px; }
  .home-search-shortcuts-label { flex-basis: 100%; }
  .home-search-shortcut { min-height: 36px; padding: 6px 10px; font-size: .8rem; }
  .hero-highlights { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px 10px; font-size: .75rem; }
  .home-hero .hero-actions { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin-top: 12px; }
  .home-hero .hero-cta { min-height: 46px; padding: 8px 7px; font-size: .78rem; line-height: 1.25; }
  .home-hero .hero-app-cta { min-height: 36px; justify-content: flex-start; margin-top: 5px; font-size: .74rem; line-height: 1.35; }
  .home-feature-links { margin-top: 12px; }
  .trust-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
    margin: 10px 0 14px;
  }
  .trust-strip > div { padding: 9px 10px; font-size: .73rem; line-height: 1.35; }
  .trust-strip strong { margin-bottom: 3px; font-size: .78rem; }
  .trust-strip small {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
}
html[data-theme="dark"] .home-hero {
  border-color: #305645;
  background: radial-gradient(ellipse at 10% 100%, #153e30 0, transparent 62%), linear-gradient(125deg, #0d241d, #102c23 75%);
}
html[data-theme="dark"] .home-hero h1 span { color: #c4f0d7; }
html[data-theme="dark"] .home-hero .hero-copy { color: #e0eee7; }
html[data-theme="dark"] .home-hero .hero-search-panel {
  border-color: #42584a;
  background: #151a17;
  color: #e8f2eb;
}
html[data-theme="dark"] .home-hero :is(.hero-search-panel h2, .home-search-label) { color: #f0fff6; }
html[data-theme="dark"] .home-hero :is(.hero-search-description, .hero-search-heading > p, .home-tool-search .tool-count) { color: #c5ddcd; }
html[data-theme="dark"] .home-hero .home-search-shortcuts-label { color: #d3e8dc; }
html[data-theme="dark"] .home-hero .hero-cta:not(.hero-cta-outline) { border-color: #bfe7ce; background: #c7ecd5; color: #103627; }
html[data-theme="dark"] .home-hero .hero-actions > .hero-cta.hero-cta-outline { border-color: #698575; background: transparent; color: #f0fff6; }
html[data-theme="dark"] :is(.zener-result, .zener-part, .zener-values > div) {
  border-color: #303936;
  background: #111315;
  background-image: none;
  color: #d7dad8;
}
html[data-theme="dark"] .zener-result[data-state="warning"] {
  border-color: #82744e;
  background: #1b1915;
  color: #c9c0a9;
}
html[data-theme="dark"] :is(.zener-part-simple, #zener-simple-summary) {
  border-left-color: #547e61;
  background: #171d19;
  color: #c4d6ca;
}
html[data-theme="dark"] .zener-values dt { color: #c3cdc6; }
html[data-theme="dark"] .zener-values dd { color: #d3e1d7; }
html[data-theme="dark"] .obd-example-code {
  border-color: #303936;
  background: #191b1d;
  color: #d7dad8;
}
html[data-theme="dark"] .obd-example-code:hover { border-color: #5e8068; background: #252a27; }
html[data-theme="dark"] .supply-component-group {
  border-color: #292c2e;
  background: #111315;
}
html[data-theme="dark"] .supply-component-group > summary {
  background: #191b1d;
  color: #d7dad8;
}

html[data-theme="dark"] .home-hero {
  border-color: #292c2e;
  background: #08090a;
  box-shadow: 0 16px 40px #00000030;
}
html[data-theme="dark"] .home-hero .hero-search-panel {
  border-color: #303436;
  background: #111315;
  color: #e8ece9;
}
html[data-theme="dark"] .home-hero .hero-search-panel h2 { color: #f0fff6; }
.batch-calculator-page :is(.card, .info-card, .field, .field-grid) { min-width: 0; }
.batch-calculator-page .field-grid { grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr)); }
.batch-calculator-page :is(input, select) { width: 100%; min-width: 0; }
.batch-calculator-page .result {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  justify-content: stretch;
  align-items: start;
  gap: 4px;
}
.batch-calculator-page .result > * { min-width: 0; }
.batch-calculator-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 14px; }
.batch-calculator-actions .button { min-width: 130px; }
.batch-calculator-guidance .calculator-related-links {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr));
  gap: 10px;
  margin-top: 12px;
}
.batch-calculator-guidance .calculator-related-link {
  grid-template-columns: 34px minmax(0, 1fr);
  grid-template-rows: auto auto;
  align-items: start;
  gap: 4px 10px;
  min-height: 0;
  padding: 12px;
  overflow-wrap: anywhere;
}
.batch-calculator-guidance .calculator-related-icon {
  display: grid;
  width: 32px;
  height: 32px;
  place-items: center;
  border: 1px solid var(--line);
  border-radius: 10px;
  background: var(--soft);
  color: var(--green-dark);
  font-size: 1rem;
  font-weight: 800;
}
.batch-calculator-guidance .calculator-related-link strong {
  align-self: start;
  font-size: .9rem;
}
.batch-calculator-guidance .calculator-related-link > span:not(.calculator-related-icon) {
  grid-column: 2;
  font-size: .78rem;
  line-height: 1.45;
}
html[data-theme="dark"] .batch-calculator-guidance .calculator-related-icon {
  border-color: #303936;
  background: #183229;
  color: #b8e4cb;
}
html[data-theme="dark"] .batch-calculator-guidance .calculator-related-link strong { color: #b8e4cb; }
html[data-theme="dark"] .batch-calculator-guidance .calculator-related-link > span:not(.calculator-related-icon) { color: #a7acab; }
@media (max-width: 620px) {
  .batch-calculator-page .card-body { padding: 16px 13px; }
  .batch-calculator-page .formula { overflow-wrap: anywhere; }
  .batch-calculator-actions .button { flex: 1 1 130px; }
}
html[data-theme="dark"] .supply-component { border-color: #292c2e; }
html[data-theme="dark"] .supply-pick { color: #d7dad8; }
html[data-theme="dark"] .supply-component-head p { color: #a7acab; }
html[data-theme="dark"] :is(.supply-mini-field, .supply-simultaneous) { color: #c3c9c5; }
html[data-theme="dark"] .supply-mini-input-wrap small { color: #a7acab; }
html[data-theme="dark"] .supply-custom {
  border-color: #303436;
  background: #151819;
  color: #d7dad8;
}
html[data-theme="dark"] .supply-custom legend { color: #c3c9c5; }
html[data-theme="dark"] :is(.supply-diagram-wrap, .supply-formula) {
  border-color: #303936;
  background: #151819;
  background-image: none;
  color: #d7dad8;
}
html[data-theme="dark"] .supply-diagram-node {
  border-color: #303936;
  background: #191b1d;
}
html[data-theme="dark"] .supply-diagram-node strong { color: #d7dad8; }
html[data-theme="dark"] .supply-diagram-node span,
html[data-theme="dark"] .supply-formula p { color: #c3c9c5; }
html[data-theme="dark"] .vehicle-tool-result {
  border-color: #303936;
  border-left-color: #547e61;
  background: #141816;
  color: #d7dad8;
}
html[data-theme="dark"] .vehicle-tool-result h2 { color: #cde2d3; }
html[data-theme="dark"] .vehicle-tool-result li { color: #c3cdc6; }
html[data-theme="dark"] .vehicle-tool-result-critical {
  border-color: #493536;
  border-left-color: #835253;
  background: #1c1617;
}
html[data-theme="dark"] :is(.vehicle-tool-result-critical h2, .vehicle-tool-result-critical li) { color: #d1b9b9; }
html[data-theme="dark"] .vehicle-tool-result-warning {
  border-color: #484132;
  border-left-color: #82744e;
  background: #1b1915;
}
html[data-theme="dark"] :is(.vehicle-tool-result-warning h2, .vehicle-tool-result-warning li) { color: #c9c0a9; }
html[data-theme="dark"] .heating-pressure-low {
  border-color: #34444c;
  border-left-color: #63899c;
  background: #141c20;
  color: #c0d3dc;
}
html[data-theme="dark"] :is(.heating-pressure-low h2, .heating-pressure-low li) { color: #c0d3dc; }
html[data-theme="dark"] .vehicle-measure-fields label { color: #c3cdc6; }
html[data-theme="dark"] .dashboard-option:has(input:checked) {
  border-color: #536f5b;
  background: #202b23;
  box-shadow: inset 0 0 0 1px #344c3a;
}
html[data-theme="dark"] .inspection-checklist label:has(input:checked) {
  border-color: #755529;
  background: #292217;
}
html[data-theme="dark"] .inspection-checklist strong { color: #d5dfd9; }
html[data-theme="dark"] .inspection-checklist small { color: #a7acab; }
html[data-theme="dark"] .planner-actions p { color: #a7acab; }
html[data-theme="dark"] .obd-hero {
  border-color: #303936;
  background: #111315;
  background-image: none;
}
html[data-theme="dark"] .obd-hero h1 { color: #e2e4e3; }
html[data-theme="dark"] .obd-hero :is(.eyebrow, h1 span) { color: #b7c0bb; }
html[data-theme="dark"] .obd-hero-copy > p:not(.eyebrow) { color: #a7acab; }
html[data-theme="dark"] .vehicle-diagnosis-hero {
  border-color: #303936;
  border-left-color: #547e61;
  background: #111315;
  background-image: none;
}
html[data-theme="dark"] .vehicle-diagnosis-hero h1 { color: #e2e4e3; }
html[data-theme="dark"] .vehicle-diagnosis-hero h1 span { color: #c4f0d7; }
html[data-theme="dark"] .vehicle-diagnosis-hero .eyebrow { color: #a8efcc; }
html[data-theme="dark"] .vehicle-diagnosis-hero p:not(.eyebrow) { color: #a7acab; }
html[data-theme="dark"] :is(.diagnosis-form-section, .diagnosis-optional-details, .diagnosis-results-panel) {
  border-color: #292c2e;
  background: #111315;
  background-image: none;
  color: #d7dad8;
}
html[data-theme="dark"] .diagnosis-primary-section { border-color: #355a4b; }
html[data-theme="dark"] .diagnosis-warning-section {
  border-color: #484132;
  background: #171411;
}
html[data-theme="dark"] .diagnosis-section-title > span {
  background: #19332e;
  color: #c3ead5;
}
html[data-theme="dark"] .diagnosis-primary-section .diagnosis-section-title > span {
  background: #193b34;
  color: #a8efcc;
}
html[data-theme="dark"] .diagnosis-step-label { color: #a8efcc !important; }
html[data-theme="dark"] .diagnosis-section-title h2 { color: #e2e4e3; }
html[data-theme="dark"] .diagnosis-section-title p { color: #a7acab; }
html[data-theme="dark"] :is(.diagnosis-symptom-choice, .diagnosis-warning-choice) {
  border-color: #303936;
  background: #191b1d;
  color: #d7dad8;
}
html[data-theme="dark"] :is(.diagnosis-symptom-choice:hover, .diagnosis-warning-choice:hover) {
  border-color: #536f5b;
  background: #202b23;
}
html[data-theme="dark"] .diagnosis-symptom-choice:has(input:checked) {
  border-color: #547e61;
  background: #1c2921;
  box-shadow: inset 0 0 0 1px #344c3a;
}
html[data-theme="dark"] .diagnosis-warning-choice:has(input:checked) {
  border-color: #755e36;
  background: #30291f;
  box-shadow: inset 0 0 0 1px #4e402b;
}
html[data-theme="dark"] .diagnosis-code-field small { color: #a7acab; }
html[data-theme="dark"] .diagnosis-optional-details summary { color: #d7dad8; }
html[data-theme="dark"] .diagnosis-optional-details summary span + span { color: #a7acab; }
html[data-theme="dark"] .diagnosis-optional-details > p { color: #a7acab; }
html[data-theme="dark"] .diagnosis-results-header > span {
  background: #19332e;
  color: #c3ead5;
}
html[data-theme="dark"] .diagnosis-result-summary,
html[data-theme="dark"] :is(.diagnosis-area-card, .diagnosis-code-result) {
  border-color: #303936;
  background: #151819;
}
html[data-theme="dark"] .diagnosis-result-summary p { color: #c3cdc6; }
html[data-theme="dark"] :is(.diagnosis-area-card h4, .diagnosis-code-result h4) { color: #c3cdc6; }
html[data-theme="dark"] :is(.diagnosis-area-card p, .diagnosis-area-card li, .diagnosis-code-result p, .diagnosis-code-result li) { color: #bdc9db; }
html[data-theme="dark"] .diagnosis-critical {
  border-color: #754248;
  border-left-color: #ef7c79;
  background: #352329;
  color: #ffd3cf;
}
html[data-theme="dark"] .diagnosis-safe-notes { background: #171d19; }
html[data-theme="dark"] .diagnosis-symptom-reasons p {
  border-left-color: #547e61;
  background: #191b1d;
}
html[data-theme="dark"] .diagnosis-symptom-reasons strong { color: #d5dfd9; }
html[data-theme="dark"] .diagnosis-source-likelihood { background: #202321; color: #c3c9c5; }
html[data-theme="dark"] .diagnosis-code-missing { border-left-color: #82744e; background: #1b1915; }
html[data-theme="dark"] .diagnosis-caveat { background: #171a18; color: #aeb8b2; }
html[data-theme="dark"] .diagnosis-form-error {
  border-color: #754248;
  background: #352329;
  color: #ffd3cf;
}
html[data-theme="dark"] :is(.battery-section, .cable-section) {
  border-color: #303936;
  background: #151819;
  color: #d7dad8;
}
html[data-theme="dark"] .battery-diagram-card,
html[data-theme="dark"] .wiring-diagram-card,
html[data-theme="dark"] .wiring-module-card {
  border-color: #303936;
  background: #151819;
  color: #d7dad8;
}
html[data-theme="dark"] .battery-diagram-card p,
html[data-theme="dark"] .wiring-module-card p { color: #a7acab; }
html[data-theme="dark"] .wiring-module-card strong { color: #d7dad8; }
html[data-theme="dark"] .wiring-address-select { color: #bdc9db; }
html[data-theme="dark"] .capacitor-marking-example {
  border-color: #303936;
  background: #151819;
  color: #d7dad8;
}
html[data-theme="dark"] .capacitor-marking-example.electrolytic { background: #181a16; }
html[data-theme="dark"] :is(.capacitor-marking-example span, .capacitor-marking-example small) { color: #c3c9c5; }
html[data-theme="dark"] .capacitor-marking-example strong {
  background: #f2f4f1;
  color: #223b2e;
}
html[data-theme="dark"] :is(.capacitor-marking-example.ceramic strong, .capacitor-marking-example.electrolytic strong) { border-color: #d5ddd2; }
html[data-theme="dark"] .capacitor-code-conversions {
  border-color: #303936;
  background: #151819;
}
html[data-theme="dark"] .capacitor-code-conversions > p,
html[data-theme="dark"] .capacitor-unit-help { color: #c3c9c5; }
html[data-theme="dark"] .capacitor-conversion-grid > div { background: #202321; }
html[data-theme="dark"] .capacitor-conversion-grid span { color: #c3c9c5; }
html[data-theme="dark"] .capacitor-conversion-grid strong { color: #d3e1d7; }
html[data-theme="dark"] .quake-map .leaflet-control-attribution {
  background: #111315;
  color: #bdc9db;
}
html[data-theme="dark"] .quake-map .leaflet-control-attribution a { color: #9edfff; }
.quake-map .leaflet-control-attribution a { color: #005778; }

/* Ana sayfa keşif bölümleri */
.visually-hidden { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.cat-card[hidden] { display: none; }
.home-discovery { margin: 0 0 28px; padding: 20px 22px; border: 1px solid var(--line); border-radius: 18px; background: var(--surface); }
.home-discovery[hidden] { display: none; }
html:not(.native-app) #tool-directory .home-discovery { margin-top: 8px; }
.home-discovery .home-feature-heading { position: relative; }
.home-discovery-clear { margin-left: auto; min-height: 36px; padding: 6px 14px; border: 1px solid var(--line); border-radius: 999px; background: var(--soft); color: var(--text); font: inherit; font-size: .85rem; cursor: pointer; }
.home-chip-list { display: flex; flex-wrap: wrap; gap: 8px; }
.home-recent-link { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; max-width: 100%; padding: 6px 14px 6px 8px; border: 1px solid var(--line); border-radius: 999px; background: var(--soft); color: var(--text); font-size: .9rem; font-weight: 650; text-decoration: none; }
.home-recent-link img { width: 26px; height: 26px; flex: 0 0 26px; }
.home-recent-link span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.home-recent-link:hover, .home-new-card:hover { border-color: #79a98a; }
.home-scenario-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(240px,1fr)); gap: 12px; }
.home-scenario-card { padding: 14px 16px; border: 1px solid var(--line); border-radius: 14px; background: var(--soft); }
.home-scenario-card h3 { display: flex; align-items: center; gap: 10px; margin: 0 0 8px; color: var(--text); font-size: 1rem; }
.home-scenario-symbol { display: grid; width: 34px; height: 34px; flex: 0 0 34px; place-items: center; border-radius: 10px; background: var(--green-soft); color: var(--green); font-size: 1.1rem; }
.home-scenario-card ul { display: grid; gap: 2px; margin: 0; padding: 0; list-style: none; }
.home-scenario-card li a { display: block; padding: 7px 4px; color: var(--green-dark); font-size: .9rem; line-height: 1.3; text-decoration: none; border-bottom: 1px solid var(--line); }
.home-scenario-card li:last-child a { border-bottom: 0; }
.home-scenario-card li a:hover, .home-scenario-card li a:focus-visible { text-decoration: underline; }
.home-cat-filters { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 14px; }
.home-cat-chip { min-height: 44px; padding: 8px 16px; border: 1px solid var(--line); border-radius: 999px; background: var(--surface); color: var(--text); font: inherit; font-size: .92rem; font-weight: 700; cursor: pointer; }
.home-cat-chip[aria-pressed="true"] { border-color: var(--green); background: var(--green); color: #fff; }
.cat-card .cat-count { align-self: flex-start; padding: 2px 10px; border-radius: 999px; background: color-mix(in srgb, var(--tile) 14%, #fff); color: var(--text); font-size: .76rem; font-weight: 800; }
.cat-card .cat-examples { color: var(--muted); font-size: .8rem; line-height: 1.4; }
.home-new-strip { display: flex; gap: 10px; overflow-x: auto; padding-bottom: 8px; scroll-snap-type: x proximity; }
.home-new-card { display: flex; align-items: center; gap: 10px; flex: 0 0 min(260px,78vw); min-width: 0; padding: 12px; border: 1px solid var(--line); border-radius: 14px; background: var(--soft); color: var(--text); text-decoration: none; scroll-snap-align: start; }
.home-new-card img { width: 40px; height: 40px; flex: 0 0 40px; }
.home-new-text { display: grid; gap: 3px; min-width: 0; }
.home-new-text strong { font-size: .9rem; line-height: 1.25; }
.home-new-text small { color: var(--muted); font-size: .76rem; }
.home-new-badge { justify-self: start; padding: 1px 8px; border-radius: 999px; background: var(--yellow); color: #3a2a00; font-size: .68rem; font-style: normal; font-weight: 850; letter-spacing: .06em; }
.tool-suggestions .sugg-cat { align-self: flex-start; margin-left: auto; padding: 2px 8px; border-radius: 999px; background: var(--green-soft); color: var(--green-dark); font-size: .68rem; font-style: normal; font-weight: 800; white-space: nowrap; }
html[data-theme="dark"] .home-discovery { border-color: #2a2f33; background: #000; }
html[data-theme="dark"] .home-scenario-card, html[data-theme="dark"] .home-new-card, html[data-theme="dark"] .home-recent-link, html[data-theme="dark"] .home-discovery-clear { border-color: #2a2f33; background: #0b0d0e; color: #edf2ff; }
html[data-theme="dark"] .home-scenario-card li a { border-color: #22272a; color: #9fe0bd; }
html[data-theme="dark"] .home-scenario-symbol { background: #14251d; color: #75d6aa; }
html[data-theme="dark"] .home-cat-chip { border-color: #2a2f33; background: #0b0d0e; color: #edf2ff; }
html[data-theme="dark"] .home-cat-chip[aria-pressed="true"] { border-color: #75d6aa; background: #75d6aa; color: #04110b; }
html[data-theme="dark"] .cat-card .cat-count { background: #1a1f22; color: #edf2ff; }
html[data-theme="dark"] .cat-card .cat-examples, html[data-theme="dark"] .home-new-text small { color: #aab4bd; }
html[data-theme="dark"] .tool-suggestions .sugg-cat { background: #14251d; color: #9fe0bd; }
@media (max-width: 640px) {
  .home-discovery { padding: 16px 14px; }
  .home-scenario-grid { grid-template-columns: 1fr; }
}
/* Ana sayfa keşif bölümleri: estetik rötuş */
#home-recent, #home-scenarios, #home-new { padding: 24px clamp(16px,2.4vw,28px); border: 0; border-radius: 24px; background: var(--surface); box-shadow: 0 10px 34px rgba(25,54,39,.07); }
.home-discovery .home-feature-heading { margin-bottom: 18px; }
.home-discovery .home-feature-heading h2 { font-size: clamp(1.25rem,2.2vw,1.55rem); }
.home-scenario-grid { grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; }
.home-scenario-card { --accent: #1c8058; position: relative; display: flex; flex-direction: column; padding: 18px 16px 12px; border: 1px solid color-mix(in srgb, var(--accent) 18%, #fff); border-radius: 18px; background: linear-gradient(170deg, color-mix(in srgb, var(--accent) 9%, #fff), #fff 70%); transition: transform .15s, box-shadow .15s; }
.home-scenario-card:hover { transform: translateY(-3px); box-shadow: 0 14px 28px color-mix(in srgb, var(--accent) 16%, transparent); }
.home-scenario-card h3 { align-items: flex-start; min-height: 2.9em; margin-bottom: 10px; font-size: 1.02rem; line-height: 1.3; }
.home-scenario-symbol { width: 40px; height: 40px; flex-basis: 40px; border-radius: 12px; background: var(--accent); color: #fff; font-size: 1.15rem; box-shadow: 0 6px 14px color-mix(in srgb, var(--accent) 35%, transparent); }
.home-scenario-card ul { flex: 1; }
.home-scenario-card li a { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 9px 2px; border-bottom: 1px dashed color-mix(in srgb, var(--accent) 22%, #fff); color: var(--text); font-size: .88rem; }
.home-scenario-card li a::after { content: "\2192"; flex: 0 0 auto; color: var(--accent); opacity: .55; transition: transform .15s, opacity .15s; }
.home-scenario-card li a:hover { color: var(--accent); text-decoration: none; }
.home-scenario-card li a:hover::after { opacity: 1; transform: translateX(3px); }
.scenario-0 { --accent: #1c8058; } .scenario-1 { --accent: #c2691a; } .scenario-2 { --accent: #d49a12; } .scenario-3 { --accent: #5b5bd6; }
.scenario-4 { --accent: #d6336c; } .scenario-5 { --accent: #337b94; } .scenario-6 { --accent: #7a5af8; } .scenario-7 { --accent: #e8590c; }
.home-recent-link { border-radius: 14px; background: var(--soft); }
.home-cat-filters { padding: 5px; width: fit-content; max-width: 100%; border-radius: 999px; background: var(--surface); box-shadow: 0 4px 16px rgba(25,54,39,.08); }
.home-cat-chip { min-height: 40px; padding: 6px 16px; border: 0; background: transparent; font-size: .9rem; }
.home-cat-chip[aria-pressed="true"] { box-shadow: 0 4px 12px color-mix(in srgb, var(--green) 40%, transparent); }
html:not(.native-app) #tool-directory .cat-grid { grid-template-columns: repeat(auto-fill,minmax(262px,1fr)); gap: 16px; }
html:not(.native-app) #tool-directory .cat-card { min-height: 0; padding: 18px; border-width: 1px; border-radius: 22px; background: linear-gradient(165deg, color-mix(in srgb, var(--tile) 11%, #fff), #fff 75%); box-shadow: 0 8px 24px rgba(25,54,39,.06); }
html:not(.native-app) #tool-directory .cat-card::before { content: ""; position: absolute; inset: 0 0 auto 0; height: 4px; border-radius: 22px 22px 0 0; background: var(--tile); }
html:not(.native-app) #tool-directory .cat-card > strong { font-size: 1.08rem; line-height: 1.25; }
html:not(.native-app) #tool-directory .cat-card > span:not(.cat-top):not(.cat-emoji) { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; font-size: .86rem; line-height: 1.45; }
.cat-card .cat-top { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 6px; }
.cat-card .cat-top .cat-emoji { width: 50px; height: 50px; flex-basis: 50px; border-radius: 15px; }
.cat-card .cat-count { align-self: auto; padding: 4px 12px; background: var(--tile); color: #fff; font-size: .75rem; }
.cat-card .cat-examples { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin-top: 4px; padding-top: 8px; border-top: 1px dashed color-mix(in srgb, var(--tile) 30%, #fff); }
.cat-card em { margin-top: auto; padding-top: 10px; }
.home-new-card { border-radius: 16px; background: linear-gradient(160deg, #fffaf0, #fff); border-color: #f2e2bd; box-shadow: 0 4px 14px rgba(150,110,20,.08); }
.home-new-strip { padding: 2px 2px 10px; }
html[data-theme="dark"] #home-recent, html[data-theme="dark"] #home-scenarios, html[data-theme="dark"] #home-new { background: #000; box-shadow: none; border: 1px solid #1d2124; }
html[data-theme="dark"] .home-scenario-card { border-color: color-mix(in srgb, var(--accent) 30%, #000); background: linear-gradient(170deg, color-mix(in srgb, var(--accent) 14%, #000), #0b0d0e 70%); }
html[data-theme="dark"] .home-scenario-card li a { border-color: #262b2e; color: #e4eaef; }
html[data-theme="dark"] .home-scenario-card li a:hover { color: color-mix(in srgb, var(--accent) 60%, #fff); }
html[data-theme="dark"] .home-scenario-symbol { background: var(--accent); color: #fff; box-shadow: none; }
html[data-theme="dark"] .home-cat-filters { background: #0b0d0e; box-shadow: none; border: 1px solid #22272a; }
html[data-theme="dark"]:not(.native-app) #tool-directory .cat-card { background: linear-gradient(165deg, color-mix(in srgb, var(--tile) 16%, #000), #0b0d0e 75%); border-color: color-mix(in srgb, var(--tile) 40%, #000); box-shadow: none; }
html[data-theme="dark"] .cat-card .cat-count { background: color-mix(in srgb, var(--tile) 70%, #000); color: #fff; }
html[data-theme="dark"] .home-new-card { background: #0b0d0e; border-color: #2a2f33; box-shadow: none; }
@media (max-width: 1100px) { .home-scenario-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }
@media (max-width: 640px) {
  .home-scenario-grid { grid-template-columns: 1fr; }
  .home-scenario-card h3 { min-height: 0; }
  .home-cat-filters { width: 100%; overflow-x: auto; flex-wrap: nowrap; border-radius: 18px; }
  .home-cat-chip { flex: 0 0 auto; }
}
html:not(.native-app) #tool-directory .cat-card { overflow: hidden; }
html:not(.native-app) #tool-directory .cat-card::before { border-radius: 0; }

/* Kompakt kategori kartları */
html:not(.native-app) #tool-directory .cat-grid { grid-template-columns: repeat(auto-fill,minmax(224px,1fr)); gap: 12px; }
html:not(.native-app) #tool-directory .cat-card { padding: 14px 14px 12px; gap: 4px; border-radius: 18px; }
html:not(.native-app) #tool-directory .cat-card::before { height: 3px; }
html:not(.native-app) #tool-directory .cat-card .cat-top { margin-bottom: 4px; }
html:not(.native-app) #tool-directory .cat-card .cat-top .cat-emoji { width: 40px; height: 40px; flex-basis: 40px; border-radius: 12px; }
html:not(.native-app) #tool-directory .cat-card .cat-top .cat-emoji img { width: 26px; height: 26px; }
html:not(.native-app) #tool-directory .cat-card > strong { font-size: 1rem; }
html:not(.native-app) #tool-directory .cat-card > span:not(.cat-top):not(.cat-emoji) { -webkit-line-clamp: 2; font-size: .8rem; line-height: 1.4; }
html:not(.native-app) #tool-directory .cat-card .cat-examples { display: none; }
html:not(.native-app) #tool-directory .cat-card em { padding-top: 6px; font-size: .86rem; }
.cat-card .cat-count { padding: 3px 10px; font-size: .72rem; }
@media (max-width: 640px) {
  html:not(.native-app) #tool-directory .cat-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
  html:not(.native-app) #tool-directory .cat-card { min-height: 0; padding: 12px 11px 10px; border-radius: 16px; }
  html:not(.native-app) #tool-directory .cat-card .cat-top { flex-wrap: wrap; gap: 6px; }
  html:not(.native-app) #tool-directory .cat-card .cat-top .cat-emoji { width: 36px; height: 36px; flex-basis: 36px; border-radius: 11px; }
  html:not(.native-app) #tool-directory .cat-card .cat-top .cat-emoji img { width: 24px; height: 24px; }
  html:not(.native-app) #tool-directory .cat-card > strong { font-size: .92rem; line-height: 1.25; }
  html:not(.native-app) #tool-directory .cat-card > span:not(.cat-top):not(.cat-emoji) { display: none; }
  html:not(.native-app) #tool-directory .cat-card em { font-size: .8rem; }
}
/* Kompakt canlı deprem özeti */
html:not(.native-app) .home-quake { grid-template-columns: 54px minmax(0,1fr); gap: 6px 14px; align-items: center; margin: 14px 0 18px; padding: 14px 18px; border-radius: 18px; box-shadow: 0 8px 22px rgba(25,54,39,.07); }
html:not(.native-app) .home-quake-art { width: 52px; height: 52px; border-radius: 16px; align-self: start; }
html:not(.native-app) .home-quake-art img { width: 38px; height: 38px; }
html:not(.native-app) .home-quake-heading h2 { font-size: 1.12rem; }
html:not(.native-app) .home-quake-heading .eyebrow { margin: 0 0 1px; font-size: .68rem; }
html:not(.native-app) .home-quake-live { padding: 4px 9px; font-size: .7rem; }
html:not(.native-app) .home-quake-status { display: inline-block; min-height: 0; margin: 4px 12px 8px 0; font-size: .74rem; }
html:not(.native-app) .home-quake-stats { display: inline-flex; gap: 8px; vertical-align: middle; margin-bottom: 8px; }
html:not(.native-app) .home-quake-stats > div { flex-direction: row; align-items: baseline; gap: 6px; padding: 4px 11px; border-radius: 999px; }
html:not(.native-app) .home-quake-stats strong { font-size: 1rem; }
html:not(.native-app) .home-quake-stats span { font-size: .72rem; }
html:not(.native-app) .home-quake-events { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 8px; margin: 0 0 8px; }
html:not(.native-app) .home-quake-event { grid-template-columns: auto minmax(0,1fr); grid-template-areas: "mag place" "mag time"; gap: 0 9px; padding: 7px 10px; border: 1px solid #dce9de; }
html:not(.native-app) .home-quake-event .home-quake-mag { grid-area: mag; }
html:not(.native-app) .home-quake-event .home-quake-place { grid-area: place; font-size: .8rem; }
html:not(.native-app) .home-quake-event time { grid-area: time; font-size: .7rem; }
html:not(.native-app) .home-quake-empty { grid-column: 1 / -1; padding: 7px 10px; }
html:not(.native-app) .home-quake-footer { padding-top: 7px; }
html:not(.native-app) .home-quake-footer small { font-size: .68rem; }
html:not(.native-app) .home-quake-footer a { font-size: .78rem; }
@media (max-width: 760px) {
  html:not(.native-app) .home-quake { grid-template-columns: minmax(0,1fr); padding: 12px 14px; }
  html:not(.native-app) .home-quake-art { display: none; }
  html:not(.native-app) .home-quake-events { grid-template-columns: minmax(0,1fr); gap: 5px; }
  html:not(.native-app) .home-quake-event { grid-template-columns: auto minmax(0,1fr) auto; grid-template-areas: "mag place time"; align-items: center; gap: 8px; padding: 6px 9px; }
  html:not(.native-app) .home-quake-event:nth-child(n+3) { display: none; }
  html:not(.native-app) .home-quake-stats { display: flex; }
  html:not(.native-app) .home-quake-stats > div { flex: 1 1 0; flex-direction: column; align-items: center; gap: 0; padding: 5px 8px; border-radius: 12px; text-align: center; }
  html:not(.native-app) .home-quake-status { display: block; margin: 3px 0 7px; }
  html:not(.native-app) .home-quake-footer small { display: none; }
  html:not(.native-app) .home-quake-footer { justify-content: flex-end; }
}
html[data-theme="dark"]:not(.native-app) .home-quake-event { border-color: #20262b; }
/* Hızlı erişim ve öne çıkan araç kartları rötuşu */
html:not(.native-app) .home-feature-links { padding: 20px 22px 22px; border-color: #e1e6ef; border-radius: 22px; background: linear-gradient(160deg,#fbfaff,#fff 60%); box-shadow: 0 8px 24px rgba(40,50,90,.06); }
html:not(.native-app) .home-feature-heading { margin-bottom: 14px; }
html:not(.native-app) .home-feature-heading h2 { font-size: clamp(1.2rem,2.2vw,1.5rem); }
html:not(.native-app) .home-feature-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }
html:not(.native-app) .home-feature-grid > a { --acc: #327453; position: relative; display: flex; flex-direction: column; align-items: flex-start; gap: 10px; min-height: 116px; padding: 14px 14px 12px; overflow: hidden; border: 1px solid #e3e7ee; border-top: 3px solid var(--acc); border-radius: 16px; background: #fff; text-decoration: none; box-shadow: 0 2px 8px rgba(30,40,70,.04); transition: transform .15s, box-shadow .15s, border-color .15s; }
html:not(.native-app) .home-feature-grid > a:nth-child(2) { --acc: #d9692b; }
html:not(.native-app) .home-feature-grid > a:nth-child(3) { --acc: #3a6fc4; }
html:not(.native-app) .home-feature-grid > a:nth-child(4) { --acc: #7c5ce0; }
html:not(.native-app) .home-feature-grid > a:nth-child(5) { --acc: #1b8f87; }
html:not(.native-app) .home-feature-grid > a:hover { transform: translateY(-3px); border-color: var(--acc); box-shadow: 0 10px 22px rgba(30,40,70,.12); }
html:not(.native-app) .home-feature-grid > a:focus-visible { outline: 3px solid var(--acc); outline-offset: 2px; }
html:not(.native-app) .home-feature-grid .home-feature-icon { display: grid; flex: 0 0 auto; width: 40px; height: 40px; place-items: center; border-radius: 12px; background: color-mix(in srgb,var(--acc) 14%,#fff); color: var(--acc); }
html:not(.native-app) .home-feature-grid > a > span:nth-child(2) { flex: 1; gap: 4px; }
html:not(.native-app) .home-feature-grid strong { font-size: .92rem; line-height: 1.25; }
html:not(.native-app) .home-feature-grid small { display: -webkit-box; overflow: hidden; color: var(--muted); font-size: .76rem; line-height: 1.35; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
html:not(.native-app) .home-feature-grid b { position: absolute; top: 12px; right: 12px; display: grid; width: 26px; height: 26px; place-items: center; border-radius: 50%; background: color-mix(in srgb,var(--acc) 12%,#fff); color: var(--acc); font-size: .9rem; }
@media (max-width: 640px) {
  html:not(.native-app) .home-feature-links { padding: 16px 14px; }
  html:not(.native-app) .home-feature-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; }
  html:not(.native-app) .home-feature-grid > a { min-height: 112px; padding: 12px 11px 10px; gap: 8px; }
  html:not(.native-app) .home-feature-grid > a:last-child:nth-child(odd) { grid-column: 1 / -1; min-height: 0; }
  html:not(.native-app) .home-feature-grid .home-feature-icon { width: 36px; height: 36px; }
  html:not(.native-app) .home-feature-grid strong { font-size: .86rem; }
}
html:not(.native-app) .home-speed-metrics { display: flex; flex-wrap: wrap; gap: 7px; margin: 2px 0 14px; }
html:not(.native-app) .home-speed-metrics span { padding: 5px 11px; border: 1px solid #cfe3d8; border-radius: 999px; background: #fff; color: #2f5d45; font-size: .76rem; font-weight: 750; }
html:not(.native-app) .home-highlights-grid > .home-field-feature, html:not(.native-app) .home-highlights-grid > .home-speed-feature { border-top: 4px solid #327453; }
html:not(.native-app) .home-highlights-grid > .home-speed-feature { border-top-color: #3a6fc4; background: linear-gradient(145deg,#eef4fc,#fff 76%); }
html:not(.native-app) .home-highlights-grid .home-speed-feature > img { padding: 6px; width: 58px; height: auto; border-radius: 16px; background: #fff; box-shadow: 0 2px 8px rgba(30,60,110,.1); }
html:not(.native-app) .home-highlights-grid .home-speed-feature .button { width: 100%; box-sizing: border-box; justify-content: center; }
html:not(.native-app) .home-highlights-grid .home-field-action { width: 100%; box-sizing: border-box; justify-content: space-between; }
@media (min-width: 761px) { html:not(.native-app) .home-highlights-grid .home-speed-feature .button, html:not(.native-app) .home-highlights-grid .home-field-action { width: auto; } }
html[data-theme="dark"]:not(.native-app) .home-feature-links { border-color: #1d2226; background: #000; box-shadow: none; }
html[data-theme="dark"]:not(.native-app) .home-feature-grid > a { border-color: #1d2226; border-top-color: var(--acc); background: #0b0d0e; box-shadow: none; }
html[data-theme="dark"]:not(.native-app) .home-feature-grid .home-feature-icon, html[data-theme="dark"]:not(.native-app) .home-feature-grid b { background: color-mix(in srgb,var(--acc) 22%,#0b0d0e); color: color-mix(in srgb,var(--acc) 55%,#fff); }
html[data-theme="dark"]:not(.native-app) .home-speed-metrics span { border-color: #26302b; background: #0b0d0e; color: #b9d8c6; }
html[data-theme="dark"]:not(.native-app) .home-highlights-grid > .home-speed-feature { background: #0b0d0e; }
html[data-theme="dark"]:not(.native-app) .home-highlights-grid .home-speed-feature > img { background: #151a1d; box-shadow: none; }
/* Gizlilik politikası okunabilirlik ve estetik rötuşu */
.info-card.privacy-content { max-width: 920px; margin-inline: auto; padding: clamp(18px,3.4vw,34px); border-radius: 22px; box-shadow: 0 10px 30px rgba(30,45,80,.07); }
.info-card.privacy-content > p:first-child { display: inline-block; margin: 0 0 14px; padding: 6px 14px; border: 1px solid #cfe3d8; border-radius: 999px; background: #eef7f1; color: #24593f; font-size: .86rem; font-weight: 700; }
.info-card.privacy-content > p:nth-child(2) { padding: 12px 16px; border-left: 4px solid #3a6fc4; border-radius: 0 12px 12px 0; background: #f2f6fd; font-size: .95rem; }
.info-card.privacy-content p { max-width: 88ch; line-height: 1.75; }
.info-card.privacy-content h2 { display: flex; align-items: center; gap: 10px; margin: 38px 0 12px; padding-top: 22px; border-top: 1px solid var(--line); font-size: clamp(1.15rem,2.2vw,1.4rem); line-height: 1.3; }
.info-card.privacy-content h2::before { content: ""; flex: 0 0 auto; width: 6px; height: 1.25em; border-radius: 4px; background: linear-gradient(180deg,#5b42c1,#1b8f87); }
.info-card.privacy-content h3 { margin: 24px 0 8px; padding-left: 12px; border-left: 3px solid #b8d6c6; font-size: 1.05rem; }
.info-card.privacy-content code { padding: 1px 6px; border-radius: 6px; background: #eef1f7; font-size: .88em; }
.info-card.privacy-content a { text-underline-offset: 3px; }
.privacy-index { grid-template-columns: repeat(auto-fit,minmax(min(100%,9.5rem),1fr)); gap: 8px; padding: 12px; border-radius: 16px; }
.privacy-index a { min-height: 44px; padding: 8px 12px; border-radius: 999px; font-size: .88rem; font-weight: 700; line-height: 1.3; justify-content: center; text-align: center; transition: background .15s, border-color .15s; }
.privacy-index a:hover { border-color: #8fc0a4; background: #f1f8f3; }
@media (max-width: 560px) {
  .info-card.privacy-content { padding: 16px 14px; border-radius: 18px; }
  .info-card.privacy-content p { font-size: .96rem; }
  .privacy-index { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .privacy-index a { font-size: .82rem; padding: 8px 6px; }
}
html[data-theme="dark"] .info-card.privacy-content { border-color: #1d2226; background: #0b0d0e; box-shadow: none; }
html[data-theme="dark"] .info-card.privacy-content > p:first-child { border-color: #26302b; background: #0f1512; color: #b9d8c6; }
html[data-theme="dark"] .info-card.privacy-content > p:nth-child(2) { background: #0d1118; border-left-color: #4f86d8; }
html[data-theme="dark"] .info-card.privacy-content code { background: #151a1d; }
html[data-theme="dark"] .privacy-index { border-color: #1d2226; background: #000; }
html[data-theme="dark"] .privacy-index a { border-color: #1d2226; background: #0b0d0e; }
html[data-theme="dark"] .privacy-index a:hover { background: #121816; }
/* Senaryo kartlarında SVG simgeler */
html:not(.native-app) .home-scenario-symbol svg { display: block; }
html:not(.native-app) .home-scenario-card li a { gap: 10px; }
html:not(.native-app) .home-scenario-item-icon { display: grid; flex: 0 0 28px; width: 28px; height: 28px; place-items: center; border-radius: 9px; background: color-mix(in srgb, var(--accent) 13%, #fff); color: var(--accent); }
html:not(.native-app) .home-scenario-item-text { flex: 1 1 auto; min-width: 0; }
html:not(.native-app) .home-scenario-card li a:hover .home-scenario-item-icon { background: var(--accent); color: #fff; }
html[data-theme="dark"]:not(.native-app) .home-scenario-item-icon { background: color-mix(in srgb, var(--accent) 22%, #0b0d0e); color: color-mix(in srgb, var(--accent) 55%, #fff); }
/* Sade ana sayfa: kısa kategori kutuları, açılır senaryolar, yatay hızlı erişim */
html:not(.native-app) body[data-page="home"] .hero-search-heading,
html:not(.native-app) body[data-page="home"] .hero-search-description,
html:not(.native-app) body[data-page="home"] .hero-highlights,
html:not(.native-app) body[data-page="home"] .hero-actions .hero-cta-outline { display: none; }
html:not(.native-app) body[data-page="home"] .cat-grid { grid-template-columns: repeat(auto-fill,minmax(150px,1fr)); gap: 10px; }
html:not(.native-app) body[data-page="home"] .cat-card { min-height: 0; flex-direction: column; align-items: flex-start; gap: 6px; padding: 12px; border-width: 1px; border-radius: 14px; box-shadow: none; }
html:not(.native-app) body[data-page="home"] .cat-card .cat-top { display: flex; width: 100%; align-items: center; justify-content: space-between; gap: 8px; }
html:not(.native-app) body[data-page="home"] .cat-card .cat-emoji { width: 38px; height: 38px; flex-basis: 38px; border-radius: 11px; }
html:not(.native-app) body[data-page="home"] .cat-card .cat-emoji img { width: 26px; height: 26px; }
html:not(.native-app) body[data-page="home"] .cat-card strong { font-size: .95rem; line-height: 1.25; }
html:not(.native-app) body[data-page="home"] .cat-card > span:not(.cat-emoji):not(.cat-top),
html:not(.native-app) body[data-page="home"] .cat-card .cat-examples,
html:not(.native-app) body[data-page="home"] .cat-card em { display: none; }
html:not(.native-app) body[data-page="home"] .home-scenario-summary { display: block; list-style: none; cursor: pointer; }
html:not(.native-app) body[data-page="home"] .home-scenario-summary::-webkit-details-marker { display: none; }
html:not(.native-app) body[data-page="home"] .home-scenario-summary h3 { position: relative; margin: 0; padding-right: 26px; min-height: 0; align-items: center; }
html:not(.native-app) body[data-page="home"] .home-scenario-summary h3::after { content: "\25BE"; position: absolute; right: 2px; top: 50%; transform: translateY(-62%); color: var(--accent); font-size: 1.2rem; transition: transform .15s; }
html:not(.native-app) body[data-page="home"] .home-scenario-card[open] .home-scenario-summary h3 { margin-bottom: 8px; }
html:not(.native-app) body[data-page="home"] .home-scenario-card[open] .home-scenario-summary h3::after { transform: translateY(-38%) rotate(180deg); }
html:not(.native-app) body[data-page="home"] .home-scenario-card { padding: 12px 14px; }
html:not(.native-app) body[data-page="home"] .home-scenario-grid { gap: 8px; }
html:not(.native-app) body[data-page="home"] .home-feature-heading > p:not(.eyebrow) { display: none; }
@media (max-width: 899px) {
  html:not(.native-app) body[data-page="home"] .home-scenario-card:hover { transform: none; box-shadow: none; }
  html:not(.native-app) body[data-page="home"] .home-feature-grid { display: flex; gap: 8px; overflow-x: auto; padding-bottom: 6px; scroll-snap-type: x proximity; }
  html:not(.native-app) body[data-page="home"] .home-feature-grid > a { flex: 0 0 min(250px,78%); scroll-snap-align: start; }
  html:not(.native-app) body[data-page="home"] .home-feature-grid small { display: none; }
  html:not(.native-app) body[data-page="home"] .cat-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
html:not(.native-app) body[data-page="home"] .home-scenario-card:not([open]) ul { display: none; }
/* Sonuç kutuları: değer tam genişlikte, açıklama altında (dar ekranda sütunlaşmaz) */
main .result:not(.engineering-result) { display: grid; grid-template-columns: minmax(0,1fr); justify-content: stretch; align-items: start; gap: 4px; }
main .result > * { min-width: 0; }
main .result .result-value { overflow-wrap: break-word; word-break: normal; }
main .result .result-detail { line-height: 1.5; overflow-wrap: anywhere; }
/* Yeni sade ana sayfa */
html:not(.native-app) body[data-page="home"] .home-hero { gap: 14px; padding-bottom: 14px; }
html:not(.native-app) body[data-page="home"] .home-hero .hero-copy,
html:not(.native-app) body[data-page="home"] .home-hero .hero-footer .hero-cta { display: none; }
html:not(.native-app) body[data-page="home"] .home-hero .hero-search-panel h2 { margin-top: 0; }
.home-quick { margin: 18px 0; }
.home-quick .home-feature-heading { margin-bottom: 10px; }
.home-quick-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; }
.home-quick-card { display: grid; grid-template-columns: 44px minmax(0,1fr); grid-template-rows: auto auto; column-gap: 10px; align-items: center; min-height: 64px; padding: 10px 12px; border: 1px solid var(--line); border-radius: 15px; background: var(--surface); color: var(--text); font: inherit; text-align: left; text-decoration: none; cursor: pointer; }
.home-quick-card:hover, .home-quick-card:focus-visible { border-color: var(--green); transform: translateY(-2px); }
.home-quick-card .cat-emoji { grid-row: 1 / 3; display: grid; width: 44px; height: 44px; place-items: center; border-radius: 12px; background: var(--soft); }
.home-quick-card .cat-emoji img { width: 30px; height: 30px; }
.home-quick-card strong { align-self: end; font-size: .93rem; line-height: 1.25; }
.home-quick-card small { align-self: start; color: var(--muted); font-size: .78rem; }
.home-quick-all { display: flex; align-items: center; justify-content: center; border-style: dashed; color: var(--green-dark); font-weight: 800; }
.home-all-cats { margin: 14px 0; border: 1px solid var(--line); border-radius: 16px; background: var(--surface); }
.home-all-cats > summary { padding: 14px 16px; cursor: pointer; font-weight: 800; }
.home-all-cats > #tool-directory { padding: 0 14px 14px; }
.home-all-cats .section-heading > p { display: none; }
.home-results:empty { display: none; }
html[data-theme="dark"] .home-quick-card, html[data-theme="dark"] .home-all-cats { background: #0b0d0e; border-color: #1d2226; }
html[data-theme="dark"] .home-quick-card .cat-emoji { background: #151a1d; }
@media (min-width: 700px) { .home-quick-grid { grid-template-columns: repeat(4,minmax(0,1fr)); } }
@media (min-width: 1100px) { .home-quick-grid { grid-template-columns: repeat(7,minmax(0,1fr)); } .home-quick-card { grid-template-columns: 1fr; justify-items: center; text-align: center; padding: 14px 8px; } .home-quick-card .cat-emoji { grid-row: auto; } }
/* Ana sayfa: sekmeli araç bölümü, renkli kategori kartları, hero istatistikleri */
.home-hero-stats { display: flex; flex-wrap: wrap; gap: 10px; margin: 18px 0 0; padding: 0; list-style: none; }
.home-hero-stats li { display: flex; align-items: baseline; gap: 6px; padding: 6px 14px; border: 1px solid rgba(255,255,255,.22); border-radius: 999px; background: rgba(255,255,255,.1); color: #e8f7ee; font-size: .85rem; }
.home-hero-stats strong { color: #fff; font-size: 1.15rem; }
.home-quick-card { --tile: #1c8058; border-color: color-mix(in srgb, var(--tile) 28%, var(--line)); background: linear-gradient(160deg, color-mix(in srgb, var(--tile) 9%, var(--surface)), var(--surface) 70%); transition: transform .15s, box-shadow .15s, border-color .15s; }
.home-quick-card:hover, .home-quick-card:focus-visible { border-color: var(--tile); box-shadow: 0 10px 22px color-mix(in srgb, var(--tile) 22%, transparent); }
.home-quick-card .cat-emoji { background: color-mix(in srgb, var(--tile) 16%, var(--surface)); }
.home-quick-card small { color: var(--tile); font-weight: 700; }
.home-quick-all { --tile: #5a4fcf; color: var(--tile); }
.home-tabs { padding: 16px 18px; }
.home-tab-bar { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 14px; padding: 4px; border-radius: 999px; background: var(--soft); width: fit-content; max-width: 100%; }
.home-tab { min-height: 40px; padding: 6px 16px; border: 0; border-radius: 999px; background: transparent; color: var(--muted); font: inherit; font-size: .9rem; font-weight: 750; cursor: pointer; }
.home-tab.is-active { background: var(--surface); color: var(--text); box-shadow: 0 2px 8px rgba(20,40,30,.14); }
.home-tool-grid { display: grid; grid-template-columns: repeat(auto-fill,minmax(230px,1fr)); gap: 10px; }
.home-tool-card { position: relative; display: flex; align-items: center; gap: 12px; min-width: 0; padding: 11px 12px; border: 1px solid var(--line); border-radius: 14px; background: var(--soft); color: var(--text); text-decoration: none; transition: transform .15s, border-color .15s; }
.home-tool-card:hover, .home-tool-card:focus-visible { transform: translateY(-2px); border-color: #79a98a; }
.home-tool-card img { width: 38px; height: 38px; flex: 0 0 38px; }
.home-tool-text { display: grid; min-width: 0; gap: 2px; }
.home-tool-text strong { overflow: hidden; font-size: .92rem; line-height: 1.25; text-overflow: ellipsis; }
.home-tool-text small { color: var(--muted); font-size: .76rem; }
.home-tool-card .home-new-badge { position: absolute; top: 8px; right: 8px; }
.home-tab-empty { margin: 0; padding: 14px; border: 1px dashed var(--line); border-radius: 12px; color: var(--muted); font-size: .9rem; }
html[data-theme="dark"] .home-tabs .home-tab-bar { background: #0b0d0e; }
html[data-theme="dark"] .home-tab.is-active { background: #1b2125; color: #fff; box-shadow: none; }
html[data-theme="dark"] .home-tool-card { border-color: #2a2f33; background: #0b0d0e; color: #edf2ff; }
html[data-theme="dark"] .home-quick-card { background: #0b0d0e; border-color: color-mix(in srgb, var(--tile) 35%, #1d2226); }
html[data-theme="dark"] .home-quick-card .cat-emoji { background: color-mix(in srgb, var(--tile) 22%, #0b0d0e); }
html[data-theme="dark"] .home-hero-stats li { background: rgba(255,255,255,.06); }
@media (max-width: 899px) { .home-tool-grid { grid-template-columns: 1fr 1fr; } .home-tool-card { flex-direction: column; align-items: flex-start; gap: 6px; } .home-tool-card img { width: 32px; height: 32px; } .home-tab-bar { width: 100%; } .home-tab { flex: 1 1 auto; padding: 6px 8px; font-size: .82rem; } }
@media (max-width: 380px) { .home-tool-grid { grid-template-columns: 1fr; } }
/* Güven bandı */
main .trust-strip { grid-template-columns: repeat(4,minmax(0,1fr)); gap: 0; margin: 4px 0 18px; padding: 6px; border: 1px solid #e5e3ef; border-radius: 20px; background: linear-gradient(145deg,#fff,#f6f7fc); box-shadow: 0 10px 28px rgba(31,42,68,.06); }
main .trust-strip > div { position: relative; display: grid; grid-template-columns: 38px minmax(0,1fr); column-gap: 12px; align-items: start; padding: 14px 16px; border: 0; border-radius: 14px; background: transparent; box-shadow: none; }
main .trust-strip > div + div::before { content: ""; position: absolute; left: 0; top: 18%; bottom: 18%; width: 1px; background: #e5e3ef; }
main .trust-strip > div::after { content: "\2713"; grid-column: 1; grid-row: 1 / span 2; width: 38px; height: 38px; border-radius: 12px; display: grid; place-items: center; font-weight: 800; font-size: 1rem; color: #39856b; background: #e6f4ee; }
main .trust-strip > div:nth-child(2)::after { content: "\25A3"; color: #5960b5; background: #ebecfa; }
main .trust-strip > div:nth-child(3)::after { content: "\1F512"; color: #277e91; background: #e3f2f6; font-size: .95rem; }
main .trust-strip > div:nth-child(4)::after { content: "\2248"; color: #b5742e; background: #faeedd; }
main .trust-strip strong { grid-column: 2; margin: 0 0 3px; font-size: .95rem; }
main .trust-strip small { grid-column: 2; display: block; font-size: .8rem; line-height: 1.5; color: var(--muted); }
[data-theme="dark"] main .trust-strip { border-color: #262626; background: #0d0d0d; box-shadow: none; }
[data-theme="dark"] main .trust-strip > div + div::before { background: #262626; }
[data-theme="dark"] main .trust-strip > div::after { background: #1a1a1a; }
@media (max-width: 900px) { main .trust-strip { grid-template-columns: repeat(2,minmax(0,1fr)); } main .trust-strip > div:nth-child(3)::before { display: none; } }
@media (max-width: 560px) { main .trust-strip { grid-template-columns: minmax(0,1fr); } main .trust-strip > div + div::before { left: 16px; right: 16px; top: 0; bottom: auto; width: auto; height: 1px; } main .trust-strip > div:nth-child(3)::before { display: block; } main .trust-strip > div { padding: 12px; } }
/* Öne çıkan: kombi, beyaz eşya, amatör telsiz */
.home-featured { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; margin: 0 0 14px; }
.home-featured-card { position: relative; display: grid; grid-template-columns: 56px minmax(0,1fr) 28px; gap: 14px; align-items: center; padding: 18px; border-radius: 18px; border: 1px solid color-mix(in srgb, var(--tile,#1c8058) 28%, #fff); background: linear-gradient(135deg, color-mix(in srgb, var(--tile,#1c8058) 14%, #fff), #fff 72%); color: inherit; text-decoration: none; box-shadow: 0 10px 26px rgba(31,42,68,.07); transition: transform .15s ease, box-shadow .15s ease; }
.home-featured-card:hover, .home-featured-card:focus-visible { transform: translateY(-2px); box-shadow: 0 16px 34px rgba(31,42,68,.12); }
.home-featured-card .cat-emoji { display: grid; place-items: center; width: 56px; height: 56px; border-radius: 16px; background: color-mix(in srgb, var(--tile,#1c8058) 18%, #fff); }
.home-featured-card .cat-emoji img { width: 34px; height: 34px; }
.home-featured-text { min-width: 0; display: grid; gap: 3px; }
.home-featured-text strong { font-size: 1.05rem; color: var(--text); }
.home-featured-text small { font-size: .8rem; line-height: 1.45; color: var(--muted); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.home-featured-card b::before { content: "\2192"; display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: var(--tile,#1c8058); color: #fff; font-size: .9rem; }
[data-theme="dark"] .home-featured-card { border-color: #2a2a2a; background: linear-gradient(135deg, color-mix(in srgb, var(--tile,#1c8058) 18%, #0d0d0d), #0d0d0d 75%); box-shadow: none; }
[data-theme="dark"] .home-featured-card .cat-emoji { background: color-mix(in srgb, var(--tile,#1c8058) 24%, #151515); }
@media (max-width: 900px) { .home-featured { grid-template-columns: minmax(0,1fr); gap: 10px; } .home-featured-card { padding: 14px; grid-template-columns: 48px minmax(0,1fr) 28px; } .home-featured-card .cat-emoji { width: 48px; height: 48px; } }