/* Malta Digital CRM tools (quiz, calculator, checklist). Uses site.css variables. 28 Oct 2026 */
.crm-tool{border:1px solid var(--line,#e5e7eb);border-radius:16px;background:#fff;padding:28px;margin:26px 0;box-shadow:0 18px 40px -24px rgba(17,24,39,.25);color:var(--ink,#111827)}
.crm-tool *{box-sizing:border-box}
.crm-tool h3{font-size:1.3rem;letter-spacing:-.02em;margin:0 0 6px}
.crm-tool .ct-sub{color:var(--muted,#4b5563);font-size:.92rem;margin:0 0 18px}
.ct-bar{height:6px;border-radius:6px;background:var(--pale,#eef2ff);overflow:hidden;margin:0 0 18px}
.ct-bar i{display:block;height:100%;width:0;background:var(--blue,#244eea);border-radius:6px;transition:width .25s}
.ct-step{font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:var(--blue,#244eea);font-weight:700;margin:0 0 8px}
.ct-q{font-size:1.12rem;font-weight:650;margin:0 0 14px;line-height:1.35}
.ct-opts{display:grid;gap:10px}
.ct-opt{display:block;width:100%;text-align:left;font:inherit;font-size:.96rem;padding:14px 16px;border:1px solid var(--line,#e5e7eb);border-radius:12px;background:#fff;color:inherit;cursor:pointer;min-height:48px;transition:border-color .15s,background .15s}
.ct-opt:hover,.ct-opt:focus-visible{border-color:var(--blue,#244eea);background:var(--pale,#eef2ff);outline:none}
.ct-opt[aria-pressed="true"]{border-color:var(--blue,#244eea);background:var(--pale,#eef2ff);font-weight:600}
.ct-nav{display:flex;gap:10px;justify-content:space-between;margin-top:16px;flex-wrap:wrap}
.ct-link{background:none;border:0;color:var(--blue,#244eea);font:inherit;font-size:.9rem;font-weight:600;cursor:pointer;padding:8px 0;min-height:44px}
.ct-result{border-radius:14px;background:var(--pale,#eef2ff);padding:22px;margin-top:4px}
.ct-result .ct-tag{display:inline-block;background:var(--blue,#244eea);color:#fff;border-radius:20px;padding:5px 12px;font-size:.72rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}
.ct-result h4{font-size:1.25rem;margin:12px 0 8px;letter-spacing:-.02em}
.ct-result p{font-size:.95rem;margin:0 0 10px;color:var(--ink,#111827)}
.ct-result ul{margin:8px 0 14px;padding-left:20px;font-size:.93rem}
.ct-result li{margin:5px 0}
.ct-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:16px}
.ct-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 18px}
.ct-field label{display:block;font-size:.88rem;font-weight:600;margin:0 0 6px;line-height:1.35}
.ct-field .ct-hint{display:block;font-weight:400;color:var(--muted,#4b5563);font-size:.8rem}
.ct-field input{width:100%;font:inherit;font-size:1rem;padding:12px 14px;border:1px solid var(--line,#d1d5db);border-radius:10px;background:#fff;min-height:48px;color:inherit}
.ct-field input:focus{outline:2px solid var(--blue,#244eea);outline-offset:1px;border-color:var(--blue,#244eea)}
.ct-out{margin-top:20px;border-radius:14px;background:var(--nav,#111827);color:#fff;padding:22px}
.ct-out .ct-total{font-size:2.2rem;font-weight:700;letter-spacing:-.03em;line-height:1.1;margin:6px 0 4px}
.ct-out .ct-lbl{font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:#9fb9ff;font-weight:700}
.ct-out .ct-rows{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}
.ct-out .ct-rows div{background:#ffffff14;border-radius:10px;padding:12px 14px}
.ct-out .ct-rows b{display:block;font-size:1.2rem}
.ct-out .ct-rows span{font-size:.8rem;color:#c0cbdc}
.ct-out p{font-size:.85rem;color:#c0cbdc;margin:14px 0 0}
.ct-note{font-size:.82rem;color:var(--muted,#4b5563);margin:14px 0 0}
.ct-check{list-style:none;padding:0;margin:10px 0 22px}
.ct-check li{border:1px solid var(--line,#e5e7eb);border-radius:12px;margin:8px 0;background:#fff}
.ct-check label{display:flex;gap:12px;align-items:flex-start;padding:13px 15px;cursor:pointer;font-size:.95rem;line-height:1.45}
.ct-check input{width:20px;height:20px;flex:0 0 auto;margin-top:1px;accent-color:var(--blue,#244eea)}
.ct-check input:checked+span{color:var(--muted,#4b5563);text-decoration:line-through}
.ct-progress{font-size:.85rem;font-weight:600;color:var(--blue,#244eea)}
.crm-tools-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}
.crm-tools-pair .crm-tool{margin:0}
@media(max-width:900px){.crm-tools-pair{grid-template-columns:1fr}}
@media(max-width:600px){.crm-tool{padding:20px 16px;border-radius:14px}.ct-grid{grid-template-columns:1fr}.ct-out .ct-total{font-size:1.8rem}.ct-out .ct-rows{grid-template-columns:1fr}}
@media print{header,footer,.sticky-cta,.mid-cta,.section.dark,.section.related,.toc,nav,dialog,.no-print,.hero-media,.article-hero .actions{display:none!important}.crm-tool{box-shadow:none;border:1px solid #999}.ct-check li{break-inside:avoid}body{font-size:12pt}}
.crm-tool [hidden]{display:none!important}
