/* MichiDoc — brand system v18 */
:root{--ink:#10233a;--muted:#586d81;--brand:#0d9f95;--brand2:#0d7490;--line:#dce8ec;--bg:#f5fafb;--shadow:0 15px 45px rgba(12,40,59,.075)!important}
body{background:radial-gradient(ellipse 60% 25% at 88% 0%,#d6f6ef 0%,transparent 82%),#f5fafb!important;color:#10233a}
header.site-header{background:#fff!important;border-bottom-color:#e0eced!important}
.brand{letter-spacing:-.75px!important;color:#11243d!important;font-weight:800!important}
.brand strong{color:#0d9f95!important}
.brand-mark{background:linear-gradient(135deg,#0b223d,#0d9f95)!important;box-shadow:0 5px 14px #0d9f9529!important;overflow:hidden;display:flex!important;align-items:center;justify-content:center;padding:3px;box-sizing:border-box}
.brand-mark img{width:100%;height:100%;object-fit:contain;display:block}
.hero{background:linear-gradient(112deg,#0d2037,#123c55 57%,#087f85)!important;box-shadow:0 16px 45px #123c5530!important}
.hero .eyebrow{color:#78f5dc!important}
.hero-badges span{background:#ffffff15!important}
.topnav a.active,.global-nav .nav-trigger[aria-expanded=true]{background:#e4f7f2!important;color:#087f85!important}
.tool-link,.section-head a,.conversion-catalog a:hover{color:#087f85!important}
.tool-card:hover,.panel:focus-within{border-color:#8fd9cc!important}
.tool-symbol{background:#e3f8f2!important;color:#087f85!important}
.step-tag,.convert-steps span{color:#087f85!important;background:#e4f7f2!important}
button:not(.secondary):not(.danger):not(.nav-trigger):not(.edit-tool):not(.delete-object):not(.resize-handle){background:linear-gradient(135deg,#0d9f95,#0a7b85)!important;box-shadow:0 3px 10px #0d9f9522!important}
button.secondary{background:#eaf3f5!important;color:#173d4d!important}
.page.selected,.edit-tool.active{border-color:#0d9f95!important;background:#e4f7f2!important;color:#087f85!important}
.upload{border-color:#96d4cb!important;background:linear-gradient(180deg,#fff,#eefaf8)!important}
.upload:hover{border-color:#0d9f95!important}
input[type=range]{accent-color:#0d9f95!important}
.header-side{color:#087f85!important;background:#eaf8f4!important}
a:focus-visible,button:focus-visible{outline:3px solid #eab308!important;outline-offset:2px}
.brand-strapline{font-size:11px;color:#6b8292;font-weight:650;letter-spacing:.03em}
@media(max-width:700px){.brand-strapline{display:none}}

.brand-mark{background:none!important;box-shadow:none!important;padding:0!important}.brand-mark img{width:100%!important;height:100%!important}.brand strong{color:#0aaea5!important}