/* Customer pages use web.css. Only compact layout and app states need extras. */
.dt-profile { padding: 18px 16px 16px; }
.dt-profile::after { height: 64px; }
.dt-profile .avatar { width: 64px; height: 64px; margin: 8px auto; }
.dt-profile .topic-emoji { font-size: 2rem; }
.dt-profile h1 { font-size: clamp(1.85rem, 5vw, 2.5rem); text-wrap: balance; }
.dt-profile .lead { font-size: 1rem; }
.dt-profile .dt-choices { display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; max-width: 380px; margin-inline: auto; }
.dt-choices .btn { min-height: 50px; padding: 10px 14px; font-size: 1rem; }
.dt-profile .dt-small a, .dt-back-link a { color: var(--ink); text-underline-offset: .2em; }
.dt-back-link { max-width: 680px; margin: 12px auto; font-size: .9rem; }
#dt-app { max-width: 680px; margin-inline: auto; }
.dt-details, .dt-imei-guide { max-width: 680px; margin: 18px auto; padding: 14px; background: var(--card); border-radius: 16px; }
.dt-details > summary, .dt-imei-guide > summary { cursor: pointer; padding-block: 8px; font-weight: 700; }
.dt-details[open] > summary, .dt-imei-guide[open] > summary { margin-bottom: 12px; }
.dt-details > p + p { margin-top: 10px; }
.dt-guide-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin-block: 16px; }
.dt-guide-grid figure { margin: 0; min-width: 0; }
.dt-guide-grid img { display: block; width: 100%; height: auto; border-radius: 12px; }
.dt-guide-grid figcaption { font-size: .9rem; margin-top: 8px; }
.dt-guide-grid figcaption b { display: block; }
.dt-login { display: grid; gap: 14px; }
.dt-login > p { margin: 0; }
#dt-app .dt-card { padding: 18px; }
#dt-app .dt-form { gap: 16px; }
#dt-app .dt-form label, #dt-app .dt-form legend { color: var(--ink); }
#dt-app .dt-hint { color: var(--muted); line-height: 1.7; }
#dt-app .dt-form fieldset { min-width: 0; }
#dt-app .dt-identifiers { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
#dt-app .dt-identifiers > :last-child { grid-column: 1 / -1; }
#dt-app .dt-help summary { color: var(--ink); padding-block: 8px; }
#dt-app .dt-help[open] > summary { margin-bottom: 10px; }
#dt-app .dt-note { border-inline-start-color: var(--line); }
#dt-app .dt-warn { border-inline-start-color: var(--brand); }
#dt-app .dt-bad { border-inline-start-color: var(--bad); }
#dt-app .dt-ok { border-inline-start-color: var(--good); }
#dt-app .dt-steps li.now { color: var(--navy); }
#dt-app .btn:disabled { opacity: .6; cursor: wait; }
#dt-app .dt-card, #dt-app .dt-row, #dt-app .dt-declare { overflow-wrap: anywhere; min-width: 0; }
#dt-app input, #dt-app textarea { caret-color: var(--brand); }
.dt-details :focus-visible, .dt-imei-guide :focus-visible, #dt-app :focus-visible, .dt-choices :focus-visible { outline: 2px solid var(--ink); outline-offset: 3px; }
@media (max-width: 560px) {
  .dt-guide-grid, #dt-app .dt-identifiers { grid-template-columns: 1fr; }
  #dt-app .dt-card { padding: 14px; }
  .dt-guide-grid img { max-height: 210px; object-fit: contain; }
}

/* ===== Device Trust service layout (one column, no chat chrome) ===== */
body.dt-bare { background: var(--bar); color: var(--ink); }
@media (prefers-color-scheme: dark) { body.dt-bare { background: var(--wall); } }
.dt-bare a { text-underline-offset: .2em; }
.dt-bare h1, .dt-bare h2 { font-family: var(--font); font-weight: 800; letter-spacing: -.01em; }
.dt-code { display: inline-block; direction: ltr; unicode-bidi: isolate; font-weight: 700; }

/* Header */
.dt-top { position: sticky; top: 0; z-index: 10; background: color-mix(in srgb, var(--bar) 88%, transparent); backdrop-filter: blur(10px); border-bottom: 1px solid var(--line); }
@media (prefers-color-scheme: dark) { .dt-top { background: color-mix(in srgb, var(--wall) 88%, transparent); } }
.dt-top-in { max-width: 1080px; margin: 0 auto; padding: 10px 16px; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.dt-brand { display: flex; align-items: center; gap: 8px; text-decoration: none; color: var(--ink); font-weight: 800; white-space: nowrap; }
.dt-brand img { height: 26px; width: auto; }
.dt-brand span { padding-inline-start: 8px; border-inline-start: 1px solid var(--line); font-size: .95rem; }
.dt-nav { display: flex; align-items: center; gap: 4px; }
.dt-nav a { padding: 8px 12px; border-radius: 999px; text-decoration: none; color: var(--muted); font-weight: 600; font-size: .95rem; white-space: nowrap; }
.dt-nav a:hover, .dt-nav a[aria-current="page"] { color: var(--ink); background: var(--card); }
.dt-nav .dt-nav-cta { background: var(--brand); color: var(--navy); }
.dt-nav .dt-nav-cta:hover, .dt-nav .dt-nav-cta[aria-current="page"] { background: var(--brand); color: var(--navy); filter: brightness(1.05); }
@media (max-width: 640px) {
  .dt-brand span { display: none; }
}

/* Page frame */
.dt-bare-main { max-width: 640px; margin: 0 auto; padding: 24px 16px 40px; display: grid; gap: 20px; }
.dt-bare-main.dt-wide { max-width: 1080px; gap: 40px; padding-top: 32px; }
.dt-bare-main > * { margin-block: 0; }
.dt-bare-main .dt-details, .dt-bare-main .dt-imei-guide, .dt-bare-main #dt-app { max-width: none; margin: 0; }
.dt-bare-main section > h2 { font-size: clamp(1.3rem, 3.4vw, 1.7rem); margin-bottom: 16px; }

/* Landing: one question, one box, and a phone that shows where the number comes from */
.dt-hero2 { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: 40px; align-items: center; }
.dt-hero-main { display: grid; gap: 14px; }
.dt-hero2 h1 { font-size: clamp(2.2rem, 6vw, 3.4rem); line-height: 1.15; }
.dt-hero-lead { font-size: 1.15rem; line-height: 1.7; color: var(--muted); max-width: 40ch; }
.dt-check-card { display: grid; grid-template-columns: minmax(0,1fr); min-width: 0; gap: 10px; margin-top: 8px; }
.dt-check-form { display: flex; gap: 8px; padding: 6px; border-radius: 18px; background: var(--card); border: 1.5px solid var(--line); box-shadow: var(--lift); }
.dt-check-form:focus-within { border-color: var(--brand); }
.dt-check-form { min-width: 0; max-width: 100%; }
.dt-check-form.dt-has-pair { display: grid; grid-template-columns: minmax(0,1fr); }
.dt-check-form.dt-has-pair input { width: 100%; font-size: 1.1rem; letter-spacing: .02em; }
.dt-check-form.dt-has-pair .dt-second-identifier { margin: 0; padding-top: 10px; border-top: 1px solid var(--line); }
.dt-check-form input { flex: 1; min-width: 0; min-height: 54px; padding: 10px 14px; border: 0; background: transparent; color: var(--ink); font-size: 1.2rem; letter-spacing: .04em; outline: none; }
.dt-check-form input::placeholder { letter-spacing: 0; font-size: 1rem; }
.dt-check-form input:placeholder-shown { direction: rtl; text-align: right; }
html[dir="ltr"] .dt-check-form input:placeholder-shown { direction: ltr; text-align: left; }
.dt-check-form .btn { min-height: 54px; padding-inline: 28px; border-radius: 14px; font-size: 1.1rem; box-shadow: none; }
.dt-check-help { font-size: .9rem; color: var(--muted); }
.dt-limits { display: none; font-size: .85rem; color: var(--muted); }
.dt-check-card:has(#dt-check-result:not(:empty)) .dt-limits { display: block; }
.dt-free { font-size: .9rem; color: var(--muted); }

.dt-demo { margin: 0; display: grid; justify-items: center; gap: 14px; }
.dt-demo figcaption { text-align: center; color: var(--muted); line-height: 1.7; font-size: .98rem; }
.dt-demo figcaption .dt-code { color: var(--ink); }
.dt-phone { position: relative; width: 196px; height: 352px; padding: 9px; border-radius: 34px; background: #0a0d13; box-shadow: 0 0 0 2px #2a3240, var(--lift); }
.dt-phone::before { content: ""; position: absolute; top: 15px; left: 50%; width: 64px; height: 16px; margin-left: -32px; border-radius: 10px; background: #000; z-index: 2; }
.dt-phone-screen { position: relative; height: 100%; border-radius: 26px; background: linear-gradient(180deg, #161d29, #0d1219); padding: 54px 18px 20px; display: flex; flex-direction: column; align-items: center; gap: 18px; overflow: hidden; direction: ltr; }
.dt-phone-dial { height: 38px; display: flex; gap: 6px; color: #fff; font: 700 30px/38px "Segoe UI", system-ui, sans-serif; }
.dt-phone-dial span { opacity: 0; transform: translateY(6px); transition: opacity .2s ease, transform .2s ease; }
.dt-phone-pad { display: grid; grid-template-columns: repeat(3, 34px); gap: 12px 18px; margin-top: auto; }
.dt-phone-pad i { width: 34px; height: 34px; border-radius: 50%; background: #232c3a; transition: background .15s ease, transform .15s ease; }
.dt-phone-imei { position: absolute; left: 12px; right: 12px; top: 112px; padding: 14px 10px; border-radius: 16px; background: #fff; color: #111b21; text-align: center; display: grid; gap: 4px; opacity: 0; transform: scale(.92); transition: opacity .25s ease, transform .25s ease; box-shadow: 0 12px 30px rgba(0, 0, 0, .4); }
.dt-phone-imei small { color: #5f6e78; font-weight: 700; letter-spacing: .1em; font-size: .72rem; }
.dt-phone-imei b { font: 700 17px/1.3 ui-monospace, "Cascadia Mono", Consolas, monospace; letter-spacing: .02em; }
/* data-step 1..5 types * # 0 6 #, 6..7 shows the number, 8 clears */
.dt-demo[data-step="1"] .dt-phone-dial span:nth-child(-n+1),
.dt-demo[data-step="2"] .dt-phone-dial span:nth-child(-n+2),
.dt-demo[data-step="3"] .dt-phone-dial span:nth-child(-n+3),
.dt-demo[data-step="4"] .dt-phone-dial span:nth-child(-n+4),
.dt-demo[data-step="5"] .dt-phone-dial span, .dt-demo[data-step="6"] .dt-phone-dial span, .dt-demo[data-step="7"] .dt-phone-dial span,
.dt-demo-still .dt-phone-dial span { opacity: 1; transform: none; }
.dt-demo[data-step="1"] .dt-phone-pad i:nth-child(10),
.dt-demo[data-step="2"] .dt-phone-pad i:nth-child(12),
.dt-demo[data-step="3"] .dt-phone-pad i:nth-child(11),
.dt-demo[data-step="4"] .dt-phone-pad i:nth-child(6),
.dt-demo[data-step="5"] .dt-phone-pad i:nth-child(12) { background: var(--brand); transform: scale(.9); }
.dt-demo[data-step="6"] .dt-phone-imei, .dt-demo[data-step="7"] .dt-phone-imei, .dt-demo-still .dt-phone-imei { opacity: 1; transform: none; }

/* Two doors, no icons: the words do the work */
.dt-doors { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.dt-door { display: grid; gap: 6px; padding: 22px 24px; border-radius: 18px; background: var(--card); border: 1.5px solid var(--line); color: var(--ink); text-decoration: none; transition: border-color .15s ease, transform .15s ease; }
.dt-door b { font-size: 1.2rem; }
.dt-door span { color: var(--muted); }
.dt-door::after { content: "←"; font-weight: 800; color: var(--brand); margin-top: 4px; }
.dt-door:hover { border-color: var(--brand); transform: translateY(-2px); }
.dt-door-main { background: var(--brand); border-color: var(--brand); color: var(--navy); }
.dt-door-main span, .dt-door-main::after { color: color-mix(in srgb, var(--navy) 75%, transparent); }
.dt-door-main:hover { border-color: var(--brand); filter: brightness(1.04); }
.dt-shop-link { text-align: center; color: var(--muted); font-size: .92rem; line-height: 1.8; }
.dt-shop-link a { color: var(--ink); font-weight: 700; }
#dt-shop { margin-top: -16px; }
#dt-shop:not([open]) { display: none; }
#dt-shop:target, #dt-shop[open] { display: block; }

@media (max-width: 860px) {
  .dt-hero2 { grid-template-columns: minmax(0, 1fr); gap: 28px; }
  .dt-hero2 h1 { font-size: clamp(2rem, 9vw, 2.6rem); }
  .dt-doors { grid-template-columns: minmax(0, 1fr); }
  .dt-door { padding: 18px 20px; }
  .dt-phone { width: 160px; height: 290px; border-radius: 30px; }
  .dt-phone-screen { padding: 44px 14px 16px; gap: 12px; border-radius: 23px; }
  .dt-phone-dial { font-size: 26px; }
  .dt-phone-pad { grid-template-columns: repeat(3, 26px); gap: 9px 14px; }
  .dt-phone-pad i { width: 26px; height: 26px; }
  .dt-phone-imei { top: 92px; left: 8px; right: 8px; }
  .dt-phone-imei b { font-size: 14px; }
}
@media (max-width: 420px) { .dt-check-form .btn { padding-inline: 18px; } }
@media (prefers-reduced-motion: reduce) { .dt-door, .dt-door:hover { transition: none; transform: none; } }

/* Expandable blocks (IMEI help, shop tools, FAQ) */
.dt-details, .dt-imei-guide { padding: 0; border-radius: 18px; background: var(--card); border: 1px solid var(--line); overflow: hidden; }
.dt-details > summary, .dt-imei-guide > summary, .dt-faq summary { list-style: none; cursor: pointer; padding: 16px 20px; font-weight: 700; display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.dt-details > summary::-webkit-details-marker, .dt-imei-guide > summary::-webkit-details-marker, .dt-faq summary::-webkit-details-marker { display: none; }
.dt-details > summary::after, .dt-imei-guide > summary::after, .dt-faq summary::after { content: "+"; font-size: 1.3rem; line-height: 1; color: var(--muted); }
.dt-details[open] > summary::after, .dt-imei-guide[open] > summary::after, .dt-faq details[open] summary::after { content: "\2212"; }
.dt-details[open] > summary, .dt-imei-guide[open] > summary { margin: 0; border-bottom: 1px solid var(--line); }
.dt-details > :not(summary), .dt-imei-guide > :not(summary):not(script) { margin: 14px 20px; }
.dt-imei-guide > p:first-of-type { line-height: 1.8; }
.dt-dial { width: 100%; }
.dt-ios-only { display: none; }
.ios .dt-ios-only { display: grid; gap: 8px; padding: 14px 16px; border-radius: 14px; background: color-mix(in srgb, var(--brand) 9%, transparent); border: 1px solid color-mix(in srgb, var(--brand) 40%, var(--line)); }
.ios .dt-not-ios { display: none; }
.dt-ios-steps { margin: 0; padding-inline-start: 22px; display: grid; gap: 6px; }
.dt-ios-steps small { color: var(--muted); }
.dt-guide-grid { gap: 14px; }
.dt-guide-grid img { background: var(--bar); }
@media (max-width: 560px) {
  .dt-guide-grid figure { display: grid; grid-template-columns: 88px minmax(0, 1fr); gap: 12px; align-items: center; }
  .dt-guide-grid img { max-width: 88px; margin: 0; }
  .dt-guide-grid figcaption { margin-top: 0; }
}

/* Form pages */
.dt-hero { display: grid; gap: 10px; padding-top: 4px; }
.dt-hero h1 { font-size: clamp(1.6rem, 5.4vw, 2.1rem); line-height: 1.25; }
.dt-hero .dt-hero-lead { margin-top: 0; }
.dt-mini-steps { list-style: none; margin: 8px 0 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; counter-reset: dt-step; }
.dt-mini-steps li { counter-increment: dt-step; display: flex; align-items: center; gap: 8px; padding: 10px 12px; border-radius: 12px; background: var(--card); border: 1px solid var(--line); font-size: .88rem; font-weight: 600; line-height: 1.4; }
.dt-mini-steps li::before { content: counter(dt-step); flex: none; width: 24px; height: 24px; display: grid; place-items: center; border-radius: 50%; background: color-mix(in srgb, var(--brand) 16%, transparent); color: var(--brand); font-weight: 800; font-size: .8rem; }
@media (max-width: 560px) { .dt-mini-steps { grid-template-columns: minmax(0, 1fr); } }
.dt-bare #dt-app .card, .dt-bare #dt-app .bubble { box-shadow: none; }
.dt-bare .notice { max-width: none; margin: 0; }

/* Footer */
.dt-foot { max-width: 1080px; margin: 0 auto; padding: 24px 16px 40px; border-top: 1px solid var(--line); color: var(--muted); font-size: .85rem; line-height: 1.8; text-align: center; display: grid; gap: 6px; }
.dt-foot a { color: inherit; }

/* Approved mobile-first service home; scoped to this entry page only. */
.dt-home { color-scheme: dark; --wall:#0e141d; --bar:#0e141d; --card:#19232f; --ink:#f4f7fa; --muted:#aebac8; --line:#354353; --brand:#ff8509; --navy:#101820; --lift:none; background:var(--wall); }
.dt-home .logo-light { display:none; }
.dt-home .logo-dark { display:inline; }
.dt-home .dt-top { background:var(--bar); backdrop-filter:none; }
.dt-home .dt-top-in, .dt-home .dt-foot { max-width:1680px; padding-inline:clamp(16px,3vw,48px); }
.dt-home .dt-bare-main.dt-wide { width:100%; max-width:1680px; padding:30px clamp(16px,3vw,48px); gap:20px; }
.dt-home .dt-hero2 { grid-template-columns:minmax(0,1fr) minmax(0,1.05fr); gap:24px; align-items:start; }
.dt-home .dt-hero-main { min-width:0; gap:12px; padding:28px; border:1px solid var(--line); border-radius:16px; }
.dt-home .dt-hero2 h1 { font-size:clamp(2rem,3.6vw,3.6rem); line-height:1.25; text-wrap:balance; }
.dt-home .dt-hero-lead { font-size:1.05rem; line-height:1.7; max-width:none; }
.dt-home .dt-check-card { margin-top:10px; gap:10px; }
.dt-home .dt-check-form, .dt-home .dt-check-form.dt-has-pair { display:grid; grid-template-columns:minmax(0,1fr); gap:10px; padding:0; background:none; border:0; box-shadow:none; }
.dt-home .dt-check-form > label { font-size:.95rem; font-weight:700; }
.dt-home .dt-input-row { display:flex; flex-wrap:wrap; gap:6px; padding:6px; min-width:0; border:1px solid var(--line); border-radius:14px; background:var(--card); }
.dt-home .dt-input-row:focus-within { border-color:var(--brand); }
.dt-home .dt-check-form .dt-input-row input { flex:1 1 144px; width:auto; min-width:0; min-height:50px; padding:8px; font-size:1.1rem; letter-spacing:.02em; }
.dt-home .dt-input-row .dt-scan-button { flex:0 0 auto; width:auto; max-width:100%; min-height:50px; padding:6px 8px; gap:7px; border:1px solid var(--line); border-radius:10px; background:var(--bar); color:var(--ink); }
.dt-home .dt-scan-button > span { display:grid; gap:2px; text-align:start; line-height:1.3; }
.dt-home .dt-scan-button b { font-size:.78rem; }
.dt-home .dt-scan-button small { font-size:.74rem; font-weight:500; color:var(--muted); }
.dt-home .dt-check-form > .btn-main { width:100%; min-height:48px; padding:10px 16px; background:var(--brand); border:0; border-radius:12px; color:var(--navy); font-size:1.1rem; box-shadow:none; }
.dt-home .dt-number-hint { margin:0; font-size:.8rem; line-height:1.6; }
.dt-home .dt-scan-feedback { margin:0; }
.dt-home .dt-find-number { margin:0; }
.dt-home .dt-find-number > summary { width:fit-content; min-height:44px; padding:8px 0; font-size:.9rem; }
.dt-home .dt-free { font-size:.85rem; margin:0; }
.dt-home .dt-doors { grid-template-columns:repeat(2,minmax(0,1fr)); gap:0; padding:0; border:1px solid var(--line); border-radius:14px; background:var(--card); overflow:hidden; }
.dt-home .dt-door, .dt-home .dt-door-main { display:flex; align-items:center; justify-content:center; gap:10px; min-height:56px; padding:10px 14px; border:0; border-radius:0; background:none; color:var(--ink); box-shadow:none; transform:none; }
.dt-home .dt-door + .dt-door { border-inline-start:1px solid var(--line); }
.dt-home .dt-door b { font-size:.95rem; color:var(--ink); }
.dt-home .dt-door-copy { display:grid; gap:4px; min-width:0; }
.dt-home .dt-door-copy small { font-size:.76rem; line-height:1.5; color:var(--muted); }
.dt-home .dt-door svg { flex:none; color:var(--brand); }
.dt-home .dt-door::after { display:none; }
.dt-home .dt-door:hover { background:var(--bar); filter:none; transform:none; }
.dt-home .dt-shop-link { font-size:.88rem; padding-block:4px; }
.dt-home .dt-foot { padding-top:18px; padding-bottom:24px; font-size:.78rem; }
.dt-home .dt-home-login { color:var(--ink); border:1px solid var(--line); border-radius:10px; }
.dt-home .dt-motion { min-width:0; margin:0; padding:0; border:1px solid var(--line); border-radius:16px; overflow:hidden; background:var(--bar); }
.dt-motion figcaption { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:8px 16px; color:var(--muted); font-size:.8rem; }
.dt-motion figcaption button { min-height:40px; padding:6px 0; font:inherit; color:var(--ink); text-decoration:underline; text-underline-offset:.25em; background:none; border:0; cursor:pointer; }
.dt-motion-scene { position:relative; aspect-ratio:2/1; overflow:hidden; direction:ltr; }
.dt-motion-scene > img { display:block; width:100%; height:100%; object-fit:cover; }
.dt-motion-read, .dt-motion-result { position:absolute; right:4%; width:41%; display:grid; gap:6px; padding:12px; border:1px solid var(--line); border-radius:12px; background:var(--card); color:var(--ink); direction:rtl; transition:opacity .3s ease; }
.dt-motion-read { top:24%; opacity:.35; }
.dt-motion-result { top:56%; opacity:.3; }
.dt-motion-read small, .dt-motion-result small { font-size:.7rem; color:var(--muted); }
.dt-demo-digits { display:block; overflow:hidden; white-space:nowrap; font-size:clamp(.7rem,1.15vw,1rem); letter-spacing:.12em; }
.dt-motion-result b { font-size:clamp(.76rem,1.2vw,1rem); }
.dt-motion[data-step="read"] .dt-motion-read, .dt-motion[data-step="check"] .dt-motion-read, .dt-motion[data-step="check"] .dt-motion-result { opacity:1; }
.dt-scan-ray { position:absolute; left:16%; top:37%; width:18%; height:2px; background:var(--brand); opacity:0; }
.dt-motion[data-step="scan"] .dt-scan-ray { opacity:1; }
.dt-motion[data-playing="true"][data-step="scan"] .dt-scan-ray { animation:dt-scan-sweep 1.5s ease-in-out 1; }
.dt-motion[data-playing="true"][data-step="read"] .dt-demo-digits { animation:dt-read-digits 1s ease-out 1; }
.dt-motion-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); list-style:none; gap:8px; margin:0; padding:10px 12px; }
.dt-motion-steps button { display:flex; align-items:center; justify-content:center; gap:7px; min-height:44px; width:100%; padding:4px; border:0; border-radius:10px; background:none; color:var(--muted); font:inherit; font-size:.85rem; cursor:pointer; }
.dt-motion-steps span { display:grid; place-items:center; width:24px; height:24px; border:1px solid var(--line); border-radius:50%; }
.dt-motion-steps button[aria-pressed="true"] { color:var(--brand); }
.dt-motion-steps button[aria-pressed="true"] span { border-color:var(--brand); background:var(--brand); color:var(--navy); }
@keyframes dt-scan-sweep { from { top:37%; } to { top:65%; } }
@keyframes dt-read-digits { from { clip-path:inset(0 100% 0 0); } to { clip-path:inset(0); } }
@media(max-width:900px) {
 .dt-home .dt-bare-main.dt-wide { max-width:620px; padding:20px 16px 24px; gap:16px; }
 .dt-home .dt-top-in { padding:8px 16px; }
 .dt-home .dt-hero2 { grid-template-columns:minmax(0,1fr); gap:18px; }
 .dt-home .dt-hero-main { padding:0; border:0; border-radius:0; gap:8px; }
 .dt-home .dt-hero2 h1 { font-size:clamp(1.7rem,7.5vw,2.2rem); line-height:1.35; }
 .dt-home .dt-hero-lead { font-size:.96rem; }
 .dt-home .dt-nav .dt-home-login { display:inline-flex; min-height:40px; padding:8px 12px; font-size:.85rem; }
 .dt-home .dt-brand { gap:6px; min-width:0; }
 .dt-home .dt-brand img { height:25px; }
 .dt-home .dt-brand span { border:0; padding:0; font-size:.74rem; }
 .dt-home .dt-motion-scene { height:132px; aspect-ratio:auto; }
 .dt-home .dt-motion figcaption { padding:0 12px; font-size:.72rem; }
 .dt-home .dt-motion-read, .dt-home .dt-motion-result { padding:7px; gap:2px; border-radius:8px; }
 .dt-home .dt-motion-read { top:19%; }
 .dt-home .dt-motion-result { top:56%; }
 .dt-home .dt-motion-result b { font-size:.7rem; }
 .dt-home .dt-motion-steps { gap:2px; padding:4px 6px; }
 .dt-home .dt-motion-steps button { font-size:.75rem; gap:5px; }
 .dt-home .dt-door, .dt-home .dt-door-main { gap:7px; min-height:48px; padding:9px 8px; }
 .dt-home .dt-door b { font-size:.85rem; }
 .dt-home:has(#dt-check-result:not(:empty)) .dt-motion { display:none; }
}
@media(max-width:360px) {
 .dt-home .dt-brand span { display:none; }
 .dt-home .dt-input-row .dt-scan-button { margin-inline-start:auto; }
}
@media(prefers-reduced-motion:reduce) {
 .dt-motion *, .dt-motion *::before, .dt-motion *::after { animation:none !important; transition:none !important; }
}

/* A single answer, with the audit/source detail available on demand. */
.dt-number-hint { margin: 8px 0 12px; font-size: .88rem; color: var(--muted); }
.dt-second-identifier { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 6px 12px; margin-block: 12px; }
.dt-second-identifier[hidden] { display: none; }
.dt-second-identifier > label, .dt-second-identifier > small { grid-column: 1 / -1; }
.dt-second-identifier > small { color: var(--muted); font-size: .86rem; }
.dt-second-identifier > input { width: 100%; min-width: 0; min-height: 48px; border: 1px solid var(--line); border-radius: 12px; padding: 10px; background: var(--card); color: var(--ink); font: inherit; }
.dt-scan-button { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 48px; padding: 8px 16px; color: var(--ink); background: transparent; border: 1px solid var(--line); border-radius: 12px; font: inherit; font-weight: 700; cursor: pointer; }
.dt-scan-button:hover { border-color: var(--brand); }
.dt-scan-feedback:empty { display: none; }
.dt-scan-feedback { color: var(--muted); font-size: .9rem; margin-top: 8px; }
.dt-answer { margin-top: 20px; padding: 20px; border: 1px solid var(--line); border-radius: 16px; background: var(--card); text-align: start; }
.dt-answer .dt-answer-title { font-size: clamp(1.4rem,4vw,1.8rem); line-height: 1.35; margin: 0 0 8px; color: var(--ink); }
.dt-answer-bad .dt-answer-title { color: #f9a7a7; }
.dt-answer-warn .dt-answer-title { color: #ffc66d; }
.dt-answer-text { margin: 0; line-height: 1.65; }
.dt-answer-call { display: flex; margin-top: 16px; min-height: 48px; box-shadow: none; }
.dt-answer-details { margin-top: 16px; font-size: .88rem; color: var(--muted); }
.dt-answer-details > summary { cursor: pointer; width: fit-content; padding-block: 5px; text-decoration: underline; text-underline-offset: .2em; }
.dt-answer-details .dt-sources { margin-top: 14px; }
.dt-answer-details .dt-sources li { margin-bottom: 12px; }
.dt-answer-details .dt-sources small { display: block; line-height: 1.7; }
.dt-contact-number { direction: ltr; unicode-bidi: isolate; display: block; }
.dt-find-number { margin-top: 4px; }
.dt-find-number > summary { cursor: pointer; font-weight: 700; padding-block: 12px; text-decoration: underline; text-underline-offset: .25em; }
.dt-help-choices { display: flex; flex-wrap: wrap; gap: 8px; margin-block: 12px 20px; }
.dt-help-choices button { font: inherit; color: var(--ink); border: 1px solid var(--line); background: var(--card); border-radius: 10px; padding: 10px 12px; min-height: 44px; cursor: pointer; }
.dt-help-choices button[aria-pressed="true"] { background: var(--brand); color: #111b21; border-color: var(--brand); font-weight: 700; }
.dt-help-panel { display: grid; grid-template-columns: 120px minmax(0,1fr); gap: 18px; align-items: start; }
.dt-help-panel[hidden] { display: none; }
.dt-help-panel img { width: 100%; height: auto; }
.dt-help-panel h3 { font-size: 1.12rem; margin: 0 0 8px; }
.dt-help-panel p { font-size: .94rem; line-height: 1.75; margin: 0 0 12px; }
.dt-help-end { font-size: .86rem; color: var(--muted); margin-top: 16px; }
.dt-scan-dialog { width: min(480px,calc(100% - 28px)); max-height: 85dvh; margin: auto; padding: 22px; background: var(--card); color: var(--ink); border: 1px solid var(--line); border-radius: 16px; overflow: auto; }
.dt-scan-dialog::backdrop { background: rgb(0 0 0 / .75); }
.dt-scan-head { display: flex; justify-content: space-between; align-items: baseline; gap: 14px; margin-bottom: 18px; }
.dt-scan-head h2 { font-size: 1.35rem; margin: 0; }
.dt-scan-close, .dt-text-button { font: inherit; border: 0; padding: 10px 2px; min-height: 44px; background: none; color: var(--ink); cursor: pointer; text-decoration: underline; text-underline-offset: .25em; }
.dt-scan-body { display: grid; gap: 12px; }
.dt-scan-body > p { line-height: 1.7; margin: 0 0 6px; }
.dt-scan-body .btn { min-height: 52px; font-size: 1rem; }
.dt-scan-privacy { margin: 20px 0 0; color: var(--muted); font-size: .83rem; }
.dt-scan-number { font-variant-numeric: tabular-nums; letter-spacing: .04em; }
html[dir="rtl"] .dt-scan-button, .dt-answer, .dt-find-number { min-width: 0; }
@media(max-width:600px) {
 .dt-check-form.dt-has-pair .dt-second-identifier { grid-template-columns: minmax(0,1fr); }
 .dt-check-form.dt-has-pair .dt-second-identifier button { justify-self: end; }
 .dt-hero2:has(#dt-check-result:not(:empty)) > .dt-demo { display: none; }
 .dt-hero2:has(#dt-check-result:not(:empty)) { gap: 14px; }
 .dt-scan-dialog { margin: auto 0 0; width: 100%; max-width: none; border-radius: 20px 20px 0 0; }
 .dt-scan-button { width: 100%; }
 .dt-answer { padding: 18px 16px; }
 .dt-help-panel { grid-template-columns: 1fr; gap: 12px; }
 .dt-help-panel img { width: 150px; justify-self: center; }
}

.dt-bare :focus-visible { outline: 2px solid var(--brand); outline-offset: 3px; }
.dt-assist { display:flex; flex-wrap:wrap; gap:4px 18px; align-items:center; }
.dt-assist button { font:inherit; font-size:.88rem; padding:8px 0; min-height:44px; border:0; background:none; color:var(--ink); text-decoration:underline; text-underline-offset:.25em; cursor:pointer; }
.dt-assist button:first-child { color:var(--brand); font-weight:700; }
.dt-assist [role="status"] { margin:0; flex-basis:100%; font-size:.84rem; color:var(--muted); }
.dt-assist [role="status"]:empty { display:none; }
.dt-bare .dt-check-form .dt-tour-target,.dt-bare .dt-tour-target { outline:3px solid var(--brand); outline-offset:5px; scroll-margin-block:140px; }
.dt-tour-panel { position:fixed; z-index:100; width:min(400px,calc(100% - 24px)); max-height:calc(100dvh - 24px); overflow:auto; box-sizing:border-box; background:var(--card); color:var(--ink); padding:20px; border:1px solid var(--line); border-radius:14px; box-shadow:0 12px 34px rgb(0 0 0 / .32); }
.dt-tour-panel[hidden] { display:none; }
.dt-tour-panel h2 { font-size:1.15rem; margin:0 0 8px; }
.dt-tour-panel > p:not(.dt-tour-progress) { font-size:.94rem; line-height:1.75; margin:0; }
.dt-tour-progress { color:var(--muted); font-size:.8rem; margin:0 0 10px; }
.dt-tour-actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:16px; }
.dt-tour-actions button { min-height:44px; font:inherit; padding:8px 14px; border:1px solid var(--line); border-radius:8px; background:var(--wall); color:var(--ink); cursor:pointer; }
.dt-tour-actions button:nth-child(2) { background:var(--brand); color:#101820; border-color:var(--brand); font-weight:700; }
.dt-tour-actions button:last-child { margin-inline-start:auto; border:0; text-decoration:underline; text-underline-offset:.2em; }
.dt-tour-actions button:disabled { opacity:.55; cursor:default; }
.dt-next-action { display:flex; min-height:48px; margin-top:16px; justify-content:center; align-items:center; text-align:center; }
.dt-match-device { margin-top:16px; padding-block:12px; border-block:1px solid var(--line); overflow-wrap:anywhere; }
.dt-match-device p { margin:8px 0; font-size:1rem; }
.dt-match-device small { display:block; color:var(--muted); font-size:.8rem; line-height:1.6; }
.dt-local-model { margin-block:16px; padding-block:14px; border-block:1px solid var(--line); display:grid; gap:8px; min-width:0; }
.dt-local-model[hidden] { display:none; }
.dt-local-model > b { color:var(--muted); font-size:.84rem; }
.dt-local-model strong { display:block; font-size:1.04rem; line-height:1.65; overflow-wrap:anywhere; }
.dt-local-model p { margin:0; line-height:1.65; }
.dt-local-model small { color:var(--muted); font-size:.8rem; line-height:1.6; }
.dt-push-settings { margin-bottom:20px; padding-block:16px; border-block:1px solid var(--line); }
.dt-push-settings h3 { font-size:1.1rem; margin:0 0 8px; }
.dt-push-settings p { line-height:1.75; }
.dt-push-settings button { min-height:44px; margin-inline-end:10px; }
.dt-save-result { display:block; width:100%; margin-top:12px; }
.dt-next-help { margin-top:18px; }
.dt-next-help h3 { margin:0 0 6px; font-size:1rem; }
.dt-next-help p { margin:0; font-size:1rem; line-height:1.75; }
.dt-model-help { font-size:.94rem; line-height:1.75; }
.dt-model-help summary { min-height:44px; display:list-item; align-content:center; cursor:pointer; text-decoration:underline; text-underline-offset:.2em; }
.dt-model-help p { margin-block:10px; }
.dt-model-help a { display:inline-block; min-height:44px; align-content:center; }
.dt-account-refresh { display:flex; flex-wrap:wrap; gap:8px 16px; align-items:center; justify-content:space-between; }
.dt-report-track { margin-block:16px; }
.dt-report-current { font-size:1.12rem; font-weight:700; margin:0 0 12px; }
.dt-report-track ol { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:6px; list-style:none; padding:0; margin:0 0 14px; }
.dt-report-track li { min-width:0; border-block-start:2px solid var(--line); padding-block-start:8px; font-size:.85rem; line-height:1.6; color:var(--muted); }
.dt-report-track li[aria-current="step"] { border-color:var(--brand); color:var(--ink); font-weight:700; }
/* A factual journey: one entrance, no pretend scanning or timed state changes. */
.dt-report-journey{margin-block:22px;max-width:68ch;overflow-wrap:anywhere}
.dt-journey-current{font-size:clamp(1.2rem,4.8vw,1.5rem);line-height:1.6;margin:0 0 8px;color:var(--ink)}
.dt-journey-location{color:#ffd5a3;font-weight:700;margin:0 0 18px;line-height:1.8}
.dt-journey-list{list-style:none;display:grid;gap:0;margin:0;padding:0}
.dt-journey-step{display:grid;grid-template-columns:36px minmax(0,1fr);column-gap:12px;position:relative;padding:0 0 20px;min-width:0}
.dt-journey-step:not(:last-child)::before{content:'';position:absolute;inset-inline-start:17px;top:36px;bottom:0;width:2px;background:var(--line)}
.dt-journey-number{width:36px;height:36px;display:grid;place-items:center;align-self:start;border:1px solid #6b7b8e;border-radius:50%;color:#c3cfdd;font-weight:800;font-variant-numeric:tabular-nums;background:var(--card)}
.dt-journey-step strong{display:inline;font-size:1rem;color:#c3cfdd;line-height:1.8}
.dt-journey-step p{margin:4px 0 0;font-size:.9rem;line-height:1.8;color:var(--muted)}
.dt-journey-step[aria-current] strong{color:var(--ink)}
.dt-journey-step[aria-current] .dt-journey-number{background:var(--brand);border-color:var(--brand);color:#15100a;animation:dt-journey-arrive .65s cubic-bezier(.16,1,.3,1) both}
.dt-journey-here{display:inline-block;margin-inline-start:8px;padding:1px 7px;font-size:.78rem;font-weight:800;border-radius:4px;color:#ffe3bf;background:#4a3019}
.dt-journey-fact{font-weight:700;line-height:1.8;margin:0 0 16px}
.dt-journey-next{padding-block:16px;border-block:1px solid var(--line)}
.dt-journey-next h4{font-size:1.05rem;margin:0 0 6px;color:#ffc57c}
.dt-journey-next p{font-size:1rem;line-height:1.8;margin:0 0 12px}
.dt-journey-next .btn{display:flex;min-height:48px;width:100%;white-space:normal;line-height:1.6;margin-top:8px}
.dt-journey-help>summary{min-height:48px;align-content:center;cursor:pointer;font-weight:700;line-height:1.8}
.dt-journey-help p{font-size:.9rem;line-height:1.9;margin:4px 0 10px}
.dt-report-journey :focus-visible{outline:2px solid #ffbb68;outline-offset:4px}
.dt-community-reach{margin-block:26px;padding-block:20px;border-block:1px solid var(--line)}
.dt-community-reach h2{font-size:1.15rem;margin:0 0 16px}
.dt-community-reach dl{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:0}
.dt-community-reach dl>div{display:flex;flex-direction:column-reverse;justify-content:flex-end;gap:6px;min-width:0}
.dt-community-reach dt{font-size:.95rem;line-height:1.7;color:var(--ink)}
.dt-community-reach dd{margin:0;font-size:clamp(1.6rem,6vw,2rem);line-height:1.4;font-weight:800;color:#ffc57c;font-variant-numeric:tabular-nums}
.dt-community-reach>p{margin:16px 0 0;font-size:.85rem;line-height:1.8;color:var(--muted);max-width:70ch}
@keyframes dt-journey-arrive{from{transform:scale(.8);outline:8px solid #ff9a3633}to{transform:scale(1);outline:0 solid transparent}}
@media(prefers-reduced-motion:reduce){.dt-journey-step[aria-current] .dt-journey-number{animation:none}}
.dt-case-link { display:flex; min-height:48px; margin-top:10px; justify-content:center; align-items:center; }
@media(max-width:360px) { .dt-report-track ol { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; } }
.dt-model-source { font-size:.82rem; line-height:1.7; color:var(--muted); }
.dt-model-source summary { min-height:32px; padding-block:5px; cursor:pointer; text-decoration:underline; text-underline-offset:.2em; }
.dt-model-source a { display:block; margin-block:8px; color:var(--ink); }
.dt-bulk-controls,.dt-bulk-common { display:grid; gap:14px; margin:0; padding:0; border:0; }
.dt-bulk-controls textarea { resize:vertical; width:100%; min-height:130px; box-sizing:border-box; }
.dt-bulk-row { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; border:1px solid var(--line); border-radius:12px; padding:16px; margin:16px 0; }
.dt-bulk-row label { min-width:0; }
.dt-bulk-row p,.dt-bulk-row label:last-of-type { grid-column:1/-1; }
.dt-bulk-row p { margin:0; overflow-wrap:anywhere; }
.dt-bulk-form [readonly] { color:var(--muted); }
@media(max-width:400px) { .dt-bulk-row { grid-template-columns:minmax(0,1fr); } .dt-tour-panel { padding:16px; } }
@media (prefers-reduced-motion: reduce) { .dt-path, .dt-path:hover { transition: none; transform: none; } }

/* Four clear destinations, always reachable. Mobile help stays folded until requested. */
.dt-top { background:var(--wall); backdrop-filter:none; }
.dt-nav { gap:6px; }
.dt-top .dt-nav a { display:flex; align-items:center; gap:7px; min-height:44px; border-radius:8px; }
.dt-top .dt-nav svg { flex:none; }
.dt-home .dt-bare-main.dt-wide { max-width:960px; gap:20px; padding-top:20px; }
.dt-home .dt-hero2 { grid-template-columns:minmax(0,1fr); gap:14px; }
.dt-home .dt-hero-main { gap:10px; }
.dt-home .dt-hero2 h1 { font-size:clamp(1.6rem,4vw,2.2rem); }
.dt-home .dt-hero-lead { font-size:1rem; margin:0; }
.dt-home .dt-doors { gap:12px; border:0; background:none; border-radius:0; overflow:visible; }
.dt-home .dt-door,.dt-home .dt-door-main { justify-content:flex-start; min-height:88px; padding:14px 16px; border:1px solid var(--line); border-radius:12px; background:var(--card); }
.dt-home .dt-door + .dt-door { border-inline-start:1px solid var(--line); }
.dt-home .dt-door b { font-size:1.16rem; }
.dt-home .dt-door-copy small { font-size:.86rem; }
.dt-home .dt-door svg { width:26px; height:26px; }
.dt-visual-help { border-block-start:1px solid var(--line); padding-top:8px; }
.dt-visual-help > summary,.dt-account-settings > summary { min-height:44px; align-content:center; cursor:pointer; font-weight:600; }
.dt-visual-help .dt-motion { margin-top:12px; max-width:560px; }
.dt-home .dt-free { font-size:.82rem; margin:0; }
.dt-account-section-title { font-size:1.25rem; margin:12px 0; }
.dt-account-settings { border-block-start:1px solid var(--line); margin-top:20px; padding-top:8px; }
.dt-account-settings .dt-push-settings { margin-top:12px; border-block-start:0; }
@media(max-width:640px){
 .dt-top-in { min-height:52px; padding:8px 16px; }
 .dt-brand span { display:inline; border:0; padding:0; font-size:.9rem; }
 .dt-brand img { height:24px; width:auto; }
 .dt-top .dt-nav { position:fixed; inset:auto 0 0; z-index:40; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:0; background:var(--wall); border-top:1px solid var(--line); padding:6px 6px calc(6px + env(safe-area-inset-bottom)); }
 .dt-top .dt-nav a { display:flex; flex-direction:column; justify-content:center; gap:4px; padding:7px 2px; min-height:58px; font-size:.78rem; line-height:1.3; white-space:normal; text-align:center; color:var(--muted); }
 .dt-top .dt-nav a[aria-current="page"] { color:var(--brand); background:var(--card); }
 body.dt-bare { padding-bottom:calc(88px + env(safe-area-inset-bottom)); }
 .dt-home .dt-bare-main.dt-wide { gap:18px; padding-top:16px; }
 .dt-home .dt-doors { gap:10px; }
 .dt-home .dt-door,.dt-home .dt-door-main { min-height:88px; padding:12px 10px; gap:8px; align-items:flex-start; }
 .dt-home .dt-door b { font-size:1rem; }
 .dt-home .dt-door-copy small { font-size:.8rem; line-height:1.5; }
 .dt-home .dt-hero2 h1 { font-size:1.6rem; }
 .dt-home .dt-hero-main { gap:8px; }
 .dt-home .dt-check-card { margin-top:0; }
 .dt-home .dt-check-form { gap:8px; }
 .dt-home .dt-shop-link { font-size:.82rem; }
 .dt-foot { padding-bottom:24px; }
}

/* One result: expected device first, truthful report state second. */
.dt-result-summary { display:block; min-width:0; margin-top:14px; padding:20px; border:1px solid var(--line); border-radius:14px; background:var(--card); }
.dt-result-summary:has(#dt-device-model:not([hidden]),#dt-check-result:not(:empty),#dt-en-result:not(:empty)) { display:block; }
.dt-result-summary .dt-local-model { margin:0; padding:0 0 16px; border:0; border-bottom:1px solid var(--line); gap:5px; min-height:90px; }
.dt-result-summary .dt-local-model strong { font-size:clamp(1.45rem,5vw,1.95rem); line-height:1.35; color:var(--ink); font-weight:800; }
.dt-result-summary .dt-local-model > b { font-size:.85rem; font-weight:500; }
.dt-result-summary .dt-answer { border:0; background:none; border-radius:0; margin:0; padding:18px 0 0; box-shadow:none; }
.dt-result-summary .dt-answer > h2 { font-size:clamp(1.35rem,4.5vw,1.65rem); line-height:1.5; margin:0 0 6px; padding-block:6px; }
.dt-status-no-report > h2,.dt-answer.dt-status-no-report .dt-answer-title { color:#83e5a7; }
.dt-status-report > h2,.dt-answer.dt-status-report .dt-answer-title { color:#ff9a9a; }
.dt-status-notice > h2,.dt-status-incomplete > h2 { color:#ffd089; }
.dt-result-facts { margin:16px 0; padding:0; font-size:.9rem; }
.dt-result-facts > div { display:flex; justify-content:space-between; gap:16px; padding-block:9px; border-bottom:1px solid var(--line); }
.dt-result-facts dt { color:var(--muted); flex:none; }
.dt-result-facts dd { margin:0; overflow-wrap:anywhere; text-align:end; font-variant-numeric:tabular-nums; }
.dt-device-help { border-top:1px solid var(--line); margin-top:14px; padding-top:6px; }
.dt-device-help[hidden] { display:none; }
.dt-device-help summary { min-height:44px; align-content:center; font-size:.9rem; cursor:pointer; }
.dt-device-help ol { margin:8px 0; padding-inline-start:22px; }
.dt-device-help li { font-size:.94rem; line-height:1.8; margin-block:10px; }
.dt-device-steps > a { display:inline-block; min-height:44px; align-content:center; font-size:.84rem; }
.dt-result-summary:has(.dt-status-no-report,.dt-status-report,.dt-status-notice,.dt-status-incomplete) { animation:dt-result-arrive 260ms cubic-bezier(.16,1,.3,1) both; }
@keyframes dt-result-arrive { from { opacity:.6; transform:translateY(6px); } to { opacity:1; transform:translateY(0); } }
@media(max-width:600px) { .dt-result-summary { padding:18px 16px; } .dt-result-facts > div { gap:10px; } }
@media(prefers-reduced-motion:reduce) { .dt-result-summary:has(.dt-status-no-report,.dt-status-report,.dt-status-notice,.dt-status-incomplete) { animation:none; } }

.dt-result-summary:not(:has(#dt-device-model:not([hidden]),#dt-check-result:not(:empty),#dt-en-result:not(:empty))) { display:none; }

/* Allowance is visible before submission, never hidden in result details. */
.dt-check-allowance{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 16px;grid-column:1/-1;margin:6px 0 10px;font-size:.9rem;line-height:1.7}
.dt-check-allowance strong{color:var(--ink);font-weight:700;font-variant-numeric:tabular-nums}
.dt-check-allowance a{color:var(--muted);text-decoration:underline;text-underline-offset:4px}
.dt-check-allowance a:hover{color:var(--ink)}
.dt-check-allowance a[hidden]{display:none}

#dt-en-form{display:grid;grid-template-columns:minmax(0,1fr)}

/* A red precautionary warning is attention, not a confirmed-theft verdict. */
.dt-result-summary .dt-answer > h2{padding:15px 16px;border-radius:10px;font-size:clamp(1.5rem,5.2vw,1.9rem);font-weight:800;line-height:1.5}
.dt-result-summary .dt-status-report > h2,.dt-result-summary .dt-status-notice > h2{color:#ffb4be;background:#481d27}
.dt-result-summary .dt-status-no-report > h2{color:#9beab7;background:#153c2c}
.dt-result-summary .dt-status-incomplete > h2{color:#ffe0a6;background:#3c301b}
.dt-result-summary .dt-status-report > h2::before,.dt-result-summary .dt-status-notice > h2::before{content:"";display:inline-block;vertical-align:-.18em;width:1.1em;height:1.1em;margin-inline-end:9px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3 2 21h20L12 3Z' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M12 9v5m0 3v1' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3 2 21h20L12 3Z' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M12 9v5m0 3v1' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat;animation:dt-risk-attention 800ms cubic-bezier(.16,1,.3,1) 2}
@keyframes dt-risk-attention{0%{transform:scale(.86) rotate(-8deg)}45%{transform:scale(1.14) rotate(3deg)}100%{transform:scale(1) rotate(0)}}
.dt-result-summary .dt-next-help{border:0;padding:0;margin:16px 0 10px}
.dt-result-summary .dt-next-help h3{margin:0 0 4px;font-size:.9rem;color:var(--muted)}
.dt-result-summary .dt-next-help p{margin:0;font-size:1.04rem;line-height:1.8;font-weight:700;color:var(--ink)}
.dt-result-summary .dt-next-action{margin-top:0;margin-bottom:18px;min-height:48px}
.dt-result-summary .dt-status-report .dt-next-action,.dt-result-summary .dt-status-notice .dt-next-action{background:#ad213c;color:#fff;box-shadow:none}
.dt-result-summary .dt-status-report .dt-next-action:hover,.dt-result-summary .dt-status-notice .dt-next-action:hover{background:#c32946}
.dt-result-summary .dt-answer-call{display:block;width:100%;min-height:44px;margin:8px 0 10px;background:transparent;color:var(--muted);border:1px solid var(--line);box-shadow:none;font-size:.9rem}
.dt-result-support{margin-top:12px}
@media(prefers-reduced-motion:reduce){.dt-result-summary .dt-status-report > h2::before,.dt-result-summary .dt-status-notice > h2::before{animation:none}}

/* Compact progress and result utilities stay close to the task. */
.dt-digit-count{margin:0;font-size:.84rem;line-height:1.65;color:var(--muted);font-variant-numeric:tabular-nums}
.dt-digit-count.dt-count-ready{color:#9beab7}
.dt-digit-count.dt-count-invalid,.dt-digit-count.dt-count-long{color:#ffb4be}
.dt-result-summary{scroll-margin-top:84px}
.dt-result-tools{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;justify-content:space-between;margin:12px 0}
.dt-result-tools button{min-height:44px;max-width:100%;padding:8px 10px;background:transparent;color:var(--ink);border:0;font:inherit;font-size:.9rem;cursor:pointer;overflow-wrap:anywhere}
.dt-result-tools .dt-check-again{border:1px solid var(--line);border-radius:10px}
.dt-result-tools .dt-result-objection{color:var(--muted);text-decoration:underline;text-underline-offset:4px}
.dt-result-tools button:hover{color:var(--brand)}
.dt-result-tools button:focus-visible{outline:2px solid var(--brand);outline-offset:3px}

.dt-service-tools{margin:14px 0;padding-block:10px;border-top:1px solid var(--line)}
.dt-service-buttons{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 12px}
.dt-service-buttons button{min-height:44px;padding:6px 0;border:0;background:transparent;color:var(--muted);font:inherit;font-size:.88rem;cursor:pointer;text-decoration:underline;text-underline-offset:4px}
.dt-service-buttons button:hover{color:var(--ink)}
.dt-service-buttons button:focus-visible{outline:2px solid var(--brand);outline-offset:3px}
.dt-service-tools p:empty{display:none}
.dt-service-tools input{width:100%;min-height:44px;direction:ltr}
.dt-service-tools [hidden],.dt-model-confirm[hidden]{display:none}
.dt-model-confirm{padding:8px 0;color:var(--ink)}

.dt-model-pick{display:grid;gap:8px}
.dt-model-pick p{margin:0}

.dt-report-review[hidden],.dt-form[hidden]{display:none}
.dt-review-summary{margin:0;grid-column:1/-1}
.dt-review-summary>div{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid var(--line)}
.dt-review-summary dt{color:var(--muted)}.dt-review-summary dd{margin:0;overflow-wrap:anywhere}
.dt-report-review{scroll-margin-top:84px}
.dt-batch-row{padding:14px 0;border-bottom:1px solid var(--line)}
.dt-batch-row h3{margin:6px 0;font-size:1.1rem}
.dt-batch-report h3,.dt-batch-notice h3{color:#ffb4be}
.dt-batch-no-report h3{color:#9beab7}
.dt-batch-incomplete h3,.dt-batch-uncertain{color:#ffe0a6}

.dt-batch-actions{position:sticky;top:64px;z-index:2;background:var(--card);padding:10px 0;margin:8px 0}
.dt-batch-results{scroll-margin-top:136px}

.dt-batch-filters{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:12px 0}
.dt-batch-filters[hidden],.dt-duplicate-note[hidden]{display:none}
.dt-batch-filters button{min-height:44px;max-width:100%;padding:8px 12px;background:transparent;color:var(--muted);border:1px solid var(--line);border-radius:10px;font:inherit;font-size:.88rem;cursor:pointer}
.dt-batch-filters button[aria-pressed="true"]{border-color:var(--brand);color:var(--ink)}
.dt-batch-filters button:focus-visible{outline:2px solid var(--brand);outline-offset:3px}
.dt-batch-filters button:disabled{opacity:.55;cursor:default}
.dt-duplicate-note{color:#ffb4be;font-weight:700}

/* Contextual help stays collapsed; one readable set of steps at a time. */
.dt-service-scope { margin:10px 0 4px; color:var(--muted); font-size:.9rem; line-height:1.75; }
.dt-coverage { max-width:680px; margin:0 auto 12px; font-size:.9rem; }
.dt-home .dt-coverage { margin:0; }
.dt-coverage > summary, .dt-help-sources > summary { cursor:pointer; min-height:44px; padding-block:10px; font-weight:600; }
.dt-coverage p { color:var(--muted); margin:0 0 10px; line-height:1.75; }
.dt-help-panel ol { padding-inline-start:22px; margin:0 0 12px; font-size:.94rem; line-height:1.8; }
.dt-help-panel li + li { margin-top:8px; }
.dt-help-sources { font-size:.86rem; color:var(--muted); }
.dt-find-number :focus-visible, .dt-coverage :focus-visible { outline:2px solid var(--ink); outline-offset:3px; }

/* Emphasis for scan-friendly instructions; warnings still state their meaning in words. */
.dt-find-number,.dt-coverage{--dt-help-key:#005a9c;--dt-help-action:#9a3b00;--dt-help-warning:#b42318}
@media(prefers-color-scheme:dark){.dt-find-number,.dt-coverage{--dt-help-key:#8acbff;--dt-help-action:#ffb15c;--dt-help-warning:#ffb4be}}
.dt-home .dt-find-number,.dt-home .dt-coverage{--dt-help-key:#8acbff;--dt-help-action:#ffb15c;--dt-help-warning:#ffb4be}
.dt-find-number strong,.dt-coverage strong{font-weight:800;color:var(--ink)}
.dt-find-number .dt-help-key{color:var(--dt-help-key);font-weight:800}
.dt-find-number .dt-help-action{color:var(--dt-help-action);font-weight:800}
.dt-find-number .dt-help-warning{color:var(--dt-help-warning);font-weight:800}
.dt-find-number h3{font-weight:800}
.dt-help-panel li::marker{color:var(--dt-help-action);font-weight:800}

/* Illustrated actions: symbols support the words, never replace them. */
.dt-ui-icon{display:inline-block;flex:none;vertical-align:middle;pointer-events:none}
.dt-find-number>summary,.dt-coverage>summary,.dt-help-sources>summary,.dt-visual-help>summary{list-style:none;display:flex;align-items:center;gap:9px}
.dt-find-number>summary::-webkit-details-marker,.dt-coverage>summary::-webkit-details-marker,.dt-help-sources>summary::-webkit-details-marker,.dt-visual-help>summary::-webkit-details-marker{display:none}
.dt-find-number>summary::after,.dt-coverage>summary::after,.dt-help-sources>summary::after,.dt-visual-help>summary::after{content:'+';margin-inline-start:auto;font-size:1.3rem;text-decoration:none}
.dt-find-number[open]>summary::after,.dt-coverage[open]>summary::after,.dt-help-sources[open]>summary::after,.dt-visual-help[open]>summary::after{content:'−'}
.dt-find-number>summary>.dt-ui-icon,.dt-coverage>summary>.dt-ui-icon,.dt-visual-help>summary>.dt-ui-icon{color:var(--brand)}
.dt-home .dt-find-number>summary{width:100%}
.dt-help-choices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.dt-help-choices button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:12px 8px;min-height:88px;font-size:.9rem;font-weight:700;transition:background-color .14s,color .14s,border-color .14s}
.dt-help-choices button>.dt-ui-icon{color:var(--dt-help-key)}
.dt-help-choices button[aria-pressed="true"]>.dt-ui-icon{color:inherit}
.dt-help-selected{position:absolute;top:5px;inset-inline-end:5px;display:none}
.dt-help-choices button[aria-pressed="true"] .dt-help-selected{display:block}
.dt-help-visual{position:relative;width:120px;justify-self:center}
.dt-help-visual img{display:block;width:100%;height:auto}
.dt-help-visual-badge{position:absolute;bottom:0;inset-inline-end:0;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;color:var(--navy);background:var(--brand)}
.dt-help-panel ol{list-style:none;padding:0;counter-reset:guide-step}
.dt-help-panel li{counter-increment:guide-step;position:relative;display:grid;grid-template-columns:36px minmax(0,1fr);gap:10px;align-items:start;padding-block:10px}
.dt-help-panel li+li{margin-top:0;border-top:1px solid var(--line)}
.dt-step-symbol{position:relative;display:grid;place-items:center;width:36px;height:36px;background:var(--card);color:var(--dt-help-key);border-radius:10px}
.dt-step-symbol::after{content:counter(guide-step);position:absolute;top:-6px;inset-inline-start:-5px;display:grid;place-items:center;min-width:18px;height:18px;padding:0 3px;border-radius:50%;font-size:.7rem;font-weight:800;background:var(--dt-help-action);color:var(--card)}
.dt-step-copy{min-width:0}
.dt-help-panel .dt-help-caution{display:flex;gap:8px;align-items:flex-start;color:var(--muted);font-size:.88rem;padding-top:8px}
.dt-help-caution>.dt-ui-icon{margin-top:3px;color:var(--dt-help-warning)}
.dt-help-return{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:48px;margin-block:16px 6px;padding:10px 14px;border:1px solid var(--brand);border-radius:12px;font:inherit;font-weight:800;background:transparent;color:var(--ink);cursor:pointer}
.dt-help-return:hover{background:var(--card)}
.dt-help-return>.dt-ui-icon{color:var(--brand)}
.dt-help-end>.dt-ui-icon{color:var(--dt-help-key);margin-inline-end:4px}
.dt-service-buttons button{display:inline-flex;gap:7px;align-items:center;justify-content:center}
#dt-check{display:flex;align-items:center;justify-content:center;gap:8px}
@media(max-width:560px){.dt-help-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.dt-help-choices button{min-height:78px;flex-direction:row;gap:10px;padding:10px 8px;font-size:.87rem}.dt-help-choices button>.dt-ui-icon{width:26px;height:26px}.dt-help-visual{width:112px}.dt-help-panel li{grid-template-columns:32px minmax(0,1fr);gap:10px}.dt-step-symbol{width:32px;height:32px}.dt-step-symbol>.dt-ui-icon{width:21px;height:21px}}
@media(prefers-reduced-motion:reduce){.dt-help-choices button{transition:none}.dt-help-return:active{transform:none}}

/* The check icon survives dynamic button-label updates. */
#dt-check::before{content:'';display:block;flex:none;width:22px;height:22px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg%20class%3D%22dt-ui-icon%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%3E%3Ccircle%20cx%3D%2210.5%22%20cy%3D%2210.5%22%20r%3D%226.5%22%2F%3E%3Cpath%20d%3D%22m16%2016%205%205%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat}
#dt-check:disabled::before{mask:none;background:transparent;border:2px solid currentColor;border-inline-end-color:transparent;border-radius:50%;animation:dt-check-working .7s linear infinite}
@keyframes dt-check-working{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){#dt-check:disabled::before{animation:none}}

/* Lost-phone guide: four visible actions, device-specific detail on demand. */
.dt-lost-heading{max-width:680px;margin-inline:auto;margin-bottom:18px}
.dt-lost-steps{list-style:none;padding:0;margin:0}
.dt-lost-steps>li{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:start;gap:14px;padding-block:18px}
.dt-lost-steps>li+li{border-top:1px solid var(--line)}
.dt-lost-start{max-width:680px;margin-inline:auto}
.dt-lost-symbol{position:relative;display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--card);color:var(--brand)}
.dt-lost-symbol small{position:absolute;top:-5px;inset-inline-start:-5px;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--brand);color:var(--navy);font-size:.75rem;font-weight:800}
.dt-lost-steps h2{font-size:1.1rem;line-height:1.5;margin:0 0 5px}
.dt-lost-steps p{font-size:.94rem;line-height:1.8;margin:0;color:var(--muted)}
.dt-lost-device-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-block:10px}
.dt-lost-device{min-width:0;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.dt-lost-device>summary,.dt-lost-more>summary{display:flex;align-items:center;gap:8px;min-height:48px;padding:10px 12px;cursor:pointer;list-style:none;font-weight:800}
.dt-lost-device>summary::-webkit-details-marker,.dt-lost-more>summary::-webkit-details-marker{display:none}
.dt-lost-device>summary::after,.dt-lost-more>summary::after{content:'+';margin-inline-start:auto}
.dt-lost-device[open]>summary::after,.dt-lost-more[open]>summary::after{content:'−'}
.dt-lost-device[open]{grid-column:1/-1}
.dt-lost-device[open]>summary{color:var(--brand)}
.dt-lost-device-body{padding:0 12px 12px}
.dt-lost-device-body .btn{width:100%;margin-block:10px}
.dt-lost-steps .dt-lost-warning{display:flex;align-items:flex-start;gap:7px;color:var(--bad);font-size:.85rem;margin-block:8px 0;font-weight:700}
.dt-lost-warning .dt-ui-icon{margin-top:3px}
.dt-lost-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px;margin-block:10px}
.dt-lost-actions .btn{border-radius:12px;font-weight:800}
.dt-lost-text-link{display:inline-flex;align-items:center;min-height:44px;font-size:.9rem;font-weight:700}
.dt-lost-safety{display:flex;align-items:flex-start;gap:10px;padding-block:16px;color:var(--bad);font-size:.88rem;line-height:1.8}
.dt-lost-safety>.dt-ui-icon{margin-top:4px}
.dt-lost-more{max-width:680px;margin:16px auto}
.dt-lost-more>summary{border:1px solid var(--line);border-radius:12px}
.dt-lost-more>summary>.dt-ui-icon{color:var(--brand)}
.dt-lost-long{margin-top:16px}
.dt-lost-device[open]>.dt-lost-device-body{animation:dt-lost-reveal .18s ease-out}
@keyframes dt-lost-reveal{from{opacity:.6}to{opacity:1}}
@media(max-width:560px){.dt-lost-heading{margin-bottom:8px}.dt-lost-steps>li{grid-template-columns:34px minmax(0,1fr);gap:11px;padding-block:15px}.dt-lost-symbol{width:34px;height:34px;border-radius:10px}.dt-lost-symbol>.dt-ui-icon{width:21px;height:21px}.dt-lost-steps h2{font-size:1.05rem}.dt-lost-steps p{font-size:.9rem}.dt-lost-actions .btn{width:100%}.dt-lost-actions{gap:2px}}
@media(prefers-reduced-motion:reduce){.dt-lost-device[open]>.dt-lost-device-body{animation:none}}

/* Plain reading paths, scoped to Device Trust. Details keep the full guidance. */
.dt-reading-start,.dt-reading-more,.dt-reading-safety,.dt-reading-action,.dt-reading-links{max-width:680px;margin-inline:auto}
.dt-reading-steps{list-style:none;margin:12px 0;padding:0}
.dt-reading-steps>li{display:grid;grid-template-columns:38px minmax(0,1fr);gap:14px;align-items:start;padding-block:16px}
.dt-reading-steps>li+li{border-top:1px solid var(--line)}
.dt-reading-symbol{display:grid;place-items:center;position:relative;width:38px;height:38px;background:var(--card);border-radius:10px;color:var(--brand)}
.dt-reading-symbol small{position:absolute;top:-5px;inset-inline-start:-5px;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;font-size:.7rem;font-weight:800;background:var(--brand);color:var(--navy)}
.dt-reading-steps h2{font-size:1.1rem;line-height:1.5;margin:0 0 5px}
.dt-reading-steps p{font-size:.94rem;line-height:1.8;color:var(--muted);margin:0}
.dt-reading-steps a{font-weight:700;color:var(--ink)}
.dt-reading-safety{display:flex;align-items:flex-start;gap:9px;color:var(--bad);font-size:.9rem;line-height:1.8;margin-block:14px}
.dt-reading-safety>.dt-ui-icon{margin-top:4px}
.dt-reading-action{margin-block:14px}
.dt-reading-action .btn{border-radius:12px}
.dt-reading-more{margin-block:18px}
.dt-reading-more>summary{display:flex;align-items:center;gap:8px;padding-block:12px;min-height:48px;cursor:pointer;font-weight:700}
.dt-reading-more>summary>.dt-ui-icon{color:var(--brand)}
.dt-reading-full{margin-block:12px}
.dt-reading-links{line-height:1.8;font-size:.9rem;margin-block:14px}
.dt-reading-links a{display:inline-flex;align-items:center;min-height:44px}
@media(max-width:560px){.dt-reading-steps>li{grid-template-columns:32px minmax(0,1fr);gap:11px;padding-block:14px}.dt-reading-symbol{width:32px;height:32px}.dt-reading-symbol>.dt-ui-icon{width:21px;height:21px}.dt-reading-steps h2{font-size:1.05rem}.dt-reading-steps p{font-size:.9rem}}

/* Community is a simple external link, with no Facebook embed or SDK. */
.dt-community{display:flex;align-items:center;gap:12px;max-width:680px;margin:20px auto;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:var(--card)}
.dt-community>svg{flex:none;color:var(--brand)}
.dt-community>div{min-width:0}
.dt-community a{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--ink);font-weight:800;text-decoration:underline;text-underline-offset:4px}
.dt-community p{margin:0;color:var(--muted);font-size:.85rem;line-height:1.7}
.dt-community a:hover{color:var(--brand)}
.dt-community a:focus-visible{outline:2px solid var(--brand);outline-offset:4px;border-radius:4px}
@media(max-width:400px){.dt-community{gap:9px;padding:12px}.dt-community a{font-size:.95rem}}

/* Readable role notice; full context is optional, never a blanket liability waiver. */
.dt-role-notice{margin:0 auto 18px;padding:12px 14px;max-width:680px;border-inline-start:3px solid var(--brand);border-radius:8px;background:var(--card);font-size:.85rem;line-height:1.75}
.dt-role-notice>strong{display:block;color:var(--ink);font-size:.9rem}
.dt-role-notice p{margin:4px 0;color:var(--muted)}
.dt-role-notice summary{display:flex;align-items:center;min-height:44px;cursor:pointer;color:var(--ink);font-weight:700;list-style:none}
.dt-role-notice summary::after{content:"+";margin-inline-start:auto;color:var(--brand)}
.dt-role-notice details[open]>summary::after{content:"−"}
.dt-role-notice a{font-weight:700;text-decoration:underline;text-underline-offset:3px}

/* A quiet, local guide: choose a situation, answer one question, see three steps. */
.dt-guide{max-width:680px;margin:14px auto 20px;border-block:1px solid var(--line);scroll-margin-top:90px}
.dt-guide>summary{display:flex;align-items:center;gap:9px;min-height:48px;padding:10px 0;cursor:pointer;font-weight:800;list-style:none}
.dt-guide>summary::after{content:'+';margin-inline-start:auto;color:var(--brand)}
.dt-guide[open]>summary::after{content:'−'}
.dt-guide>summary>svg{color:var(--brand)}
.dt-guide-topics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-block:8px}
.dt-guide-topics button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:48px;min-width:0;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--ink);font:inherit;font-size:.92rem;cursor:pointer;padding:8px}
.dt-guide-topics button[aria-pressed=true]{background:var(--brand);border-color:var(--brand);color:var(--navy);font-weight:800}
.dt-guide-topics button:hover{border-color:var(--brand)}
.dt-guide-topics button:focus-visible,.dt-guide summary:focus-visible{outline:2px solid var(--brand);outline-offset:3px}
.dt-guide-intro{font-size:.84rem;color:var(--muted);margin:8px 0 12px;line-height:1.7}
.dt-guide-result{padding-block:6px 14px}
.dt-guide-result h3{font-size:1.1rem;margin:10px 0 12px;line-height:1.6}
.dt-guide-result h3:focus{outline:2px solid var(--brand);outline-offset:4px;border-radius:4px}
.dt-guide-question{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:8px}
.dt-guide-question label{font-weight:700;font-size:.92rem}
.dt-guide-question select{flex:1;min-width:180px;min-height:44px;padding:8px;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:var(--card);font:inherit}
.dt-guide-steps{list-style:none;padding:0;margin:8px 0}
.dt-guide-steps li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;padding-block:12px}
.dt-guide-steps li+li{border-top:1px solid var(--line)}
.dt-guide-number{display:grid;place-items:center;width:28px;height:28px;background:var(--card);color:var(--brand);border-radius:8px;font-weight:800;font-variant-numeric:tabular-nums}
.dt-guide-steps strong{display:block;font-size:.95rem;color:var(--ink)}
.dt-guide-steps p{font-size:.9rem;color:var(--muted);line-height:1.8;margin:3px 0}
.dt-guide-steps a{display:inline-flex;align-items:center;min-height:44px;font-weight:800;color:var(--ink);font-size:.9rem;text-decoration:underline;text-underline-offset:4px}
.dt-guide-warning{font-size:.85rem;line-height:1.8;color:var(--muted);margin:10px 0 0}
.dt-guide-result:not([hidden]){animation:dt-guidance-open .18s ease-out}
@keyframes dt-guidance-open{from{opacity:.65;transform:translateY(4px)}to{opacity:1;transform:none}}
@media(max-width:600px){.dt-guide-topics{grid-template-columns:repeat(2,minmax(0,1fr))}.dt-guide-question{display:block}.dt-guide-question label{display:block;margin-bottom:6px}.dt-guide-question select{width:100%;min-width:0}}
@media(prefers-reduced-motion:reduce){.dt-guide-result:not([hidden]){animation:none}}