/* page-only styles for tool-page.html (from design/pages, theme/build/extract.js) */
/* breadcrumb (2026-10-21): the tool page uses no shell, so the crumb rules the shells carry are repeated here; the light variant from shell-text.css */
.dz-crumbs{display:flex;flex-wrap:wrap;gap:6px;font-size:14px;color:#4A4A4A;margin:0;padding:0;list-style:none}
.dz-crumbs a{color:#4A4A4A;text-decoration:none}.dz-crumbs a:hover{text-decoration:underline}
.dz-crumbs a[aria-current]{color:#000000;font-weight:600;text-decoration:none}
.dz-crumbs li+li::before{content:"\203A";color:#CF9E2A;margin-right:6px}
.dz-tp{display:flex;justify-content:center;padding:28px 32px 72px;background:#FFFFFF}
.dz-tp>div{width:100%;max-width:960px}
.dz-kicker{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#CF9E2A}
.dz-kicker::before{content:"";width:28px;height:3px;background:#CF9E2A;border-radius:2px}
.dz-tp-hero{display:flex;justify-content:center;padding:48px 32px 0;background:#FFFFFF}
.dz-tp-hero>div{width:100%;max-width:960px;display:flex;flex-direction:column;gap:16px;align-items:flex-start}
.dz-tp-hero h1{font-size:50px;line-height:1.05}
.dz-tp-hero .sub{font-size:20px;line-height:1.5;color:#4A4A4A;max-width:64ch}
/* the tool slot: the card is the theme's; everything inside is the tool's own */
.dz-tool-slot{background:#FFFFFF;border-radius:8px;border-top:6px solid #CF9E2A;box-shadow:0 10px 40px rgba(0,0,0,.08);padding:36px 40px}
.dz-tool-slot .head{display:flex;flex-direction:column;gap:6px;margin-bottom:22px}
.dz-tool-slot .head h2{font-size:26px;line-height:1.15}.dz-tool-slot .head p{color:#4A4A4A;font-size:15px}
.dz-tool-slot .field{display:flex;flex-direction:column;gap:8px}
.dz-tool-slot label{font-weight:600;font-size:15px}
.dz-tool-slot .hint{font-size:13px;color:#6B6B6B}
.dz-tool-slot select,.dz-tool-slot input{width:100%;min-height:48px;padding:10px 14px;border:1px solid #6B6B6B;border-radius:4px;font:inherit;font-size:16px;color:#000000;background:#FFFFFF;box-sizing:border-box}
.dz-tool-slot .grid{display:grid;grid-template-columns:repeat(3, minmax(0,1fr));gap:18px}
.dz-tool-slot .money{position:relative}.dz-tool-slot .money input{padding-left:28px}.dz-tool-slot .money::before{content:"$";position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#6B6B6B;font-weight:600}
.dz-tool-slot .result{display:grid;grid-template-columns:repeat(2, minmax(0,1fr));gap:16px;margin-top:22px}
.dz-tool-slot .result div{background:#000000;color:#FFFFFF;border-radius:8px;padding:22px 24px;display:flex;flex-direction:column;gap:6px;border-top:6px solid #CF9E2A}
.dz-tool-slot .result span{font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#B8B8B8}
.dz-tool-slot .result strong{font-family:Abrade,Barlow,sans-serif;font-size:44px;font-weight:700;line-height:1;color:#CF9E2A}
.dz-tool-slot .result small{font-size:13px;color:#B8B8B8}
.dz-tool-slot .actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:22px}
.dz-tool-slot .fine{font-size:13px;color:#6B6B6B;margin-top:14px}
.dz-tool-slot .msg{display:none;font-size:13px;color:#B3261E}.dz-tool-slot .field.is-invalid .msg{display:block}.dz-tool-slot .field.is-invalid input,.dz-tool-slot .field.is-invalid select{border-color:#B3261E}
.dz-tool-slot .note{font-size:14px;color:#6B6B6B}.dz-tool-slot .tc-done{outline:none}.dz-tool-slot .result strong{font-variant-numeric:tabular-nums}
.dz-tool-slot .tc-lock{position:relative;margin-top:22px}.dz-tool-slot .tc-lock .result{margin-top:0}.dz-tool-slot .tc-lock.is-locked{min-height:420px}.dz-tool-slot .tc-lock.is-locked .result{filter:blur(9px);pointer-events:none;user-select:none}.dz-tool-slot .tc-lock.is-locked .result strong{color:#FFFFFF}
.dz-tool-slot .tc-panel{position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:center;padding:12px}.dz-tool-slot .tc-panel>*{width:100%;max-width:640px}.dz-tool-slot .tc-panel{flex-direction:column;gap:14px}.dz-tool-slot .tc-panel .head{margin:0;background:#FFFFFF;border-radius:8px 8px 0 0;padding:20px 24px 0}.dz-tool-slot .tc-panel .tc-details{background:#FFFFFF;padding:14px 24px;grid-template-columns:minmax(0,1fr);gap:12px}.dz-tool-slot .tc-panel .dz-q-btn{max-width:640px;border-radius:0 0 8px 8px}.dz-tool-slot .tc-panel .head,.dz-tool-slot .tc-panel .tc-details,.dz-tool-slot .tc-panel .dz-q-btn{box-shadow:0 0 0 1px #E3E3E0}.dz-tool-slot .tc-panel .head h2{font-size:22px}.dz-tool-slot .tc-panel-msg{display:none;background:#FFFFFF;padding:8px 12px;border-radius:4px}
.dz-tool-slot .result:focus{outline:3px solid #CF9E2A;outline-offset:4px}
@media (max-width:1024px){.dz-tool-slot .tc-lock.is-locked{min-height:560px}.dz-tool-slot .tc-panel{padding:0}}
@media (max-width:1024px){.dz-tool-slot .grid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:768px){
  .dz-tp{padding:20px 16px 40px!important}.dz-tp-hero{padding:32px 16px 0!important}.dz-tp-hero h1{font-size:34px}.dz-tp-hero .sub{font-size:17px}
  .dz-tool-slot{padding:22px 18px}.dz-tool-slot .head h2{font-size:22px}.dz-tool-slot .result{grid-template-columns:minmax(0,1fr)}.dz-tool-slot .result strong{font-size:36px}.dz-tool-slot .actions a,.dz-tool-slot .actions button{width:100%;justify-content:center}
}
/* error code guides under the fault code lookup (2026-10-26) */
.dz-tp-guides{padding-top:0}
.dz-tg{display:flex;flex-direction:column;gap:14px;background:#FFFFFF;border:1px solid #E3E3E0;border-radius:8px;padding:28px 30px}
.dz-tg h2{font-size:28px}
.dz-tg p{margin:0;color:#4A4A4A;font-size:16px;max-width:70ch}
.dz-tg-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 18px}
.dz-tg-list a{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;padding:8px 12px;border:1px solid #E3E3E0;border-radius:4px;color:#000000;text-decoration:none;font-weight:600;font-size:15px}
.dz-tg-list a:hover{border-color:#000000}.dz-tg-list a svg{color:#7F5E18;flex:none}
.dzf-links .dzf-guide-link{font-weight:700;color:#7F5E18}
.dz-fg-guide{margin-left:8px;font-size:13px;color:#7F5E18;font-weight:600}
@media (max-width:1024px){.dz-tg-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:768px){.dz-tg{padding:22px 18px}.dz-tg h2{font-size:24px}.dz-tg-list{grid-template-columns:minmax(0,1fr)}}