#root{width:100%;max-width:var(--content-max);margin:0 auto;padding:calc(var(--header-height) + var(--space-xs)) var(--space) var(--space-lg);box-sizing:border-box}html,body{height:100%;margin:0}a{color:var(--brand-green, rgb(0, 130, 101));text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4{font-weight:600;letter-spacing:.25px;margin:0}h3{margin-top:1.25rem;font-size:1.1rem}p{margin:.5rem 0}em{color:#555}#root{box-sizing:border-box}.content-container{width:100%}:root{--header-height: 72px;--space-2xs: .25rem;--space-xs: .5rem;--space-sm: .75rem;--space: 1rem;--space-lg: 2rem;--content-max: 1280px;--radius-sm: 4px;--radius: 6px;--color-bg: #ffffff;--color-bg-alt: #fafafa;--color-border: #d9dee4;--color-border-soft: #e1e3e5;--color-text: #1d2733;--color-text-muted: #2e3d48;--color-accent: #008265;--color-accent-alt: #006e56;--color-danger: #c62828;--shadow-sm: 0 2px 4px rgba(0,0,0,.08);--shadow-md: 0 4px 10px rgba(0,0,0,.12);--font-size-xs: .75rem;--table-stripe: #f2f6fa}body{margin:0;font:16px system-ui,Arial,sans-serif;color:var(--color-text);background:var(--color-bg);min-height:100vh;display:flex;flex-direction:column;-webkit-font-smoothing:antialiased}button{font:inherit;font-weight:600;padding:.75em 1.25em;border-radius:var(--radius);border:1px solid transparent;background:var(--color-accent);color:#fff;cursor:pointer;transition:background-color .2s}button:hover{background:var(--color-accent-alt)}button:disabled{opacity:.6;cursor:not-allowed}.header{position:fixed;inset:0 0 auto;z-index:100;background:var(--color-bg);padding:10px var(--space);display:flex;flex-direction:column}.header .row{display:flex;justify-content:space-between;align-items:center;width:100%}.mchale-header-logo{height:35px;width:auto;object-fit:contain}.nav-toggle{background:none;color:#212529;padding:var(--space-xs) var(--space-sm);font-size:.9rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:var(--space-xs)}.nav-toggle:focus{outline-offset:2px}.nav-toggle .bars{width:18px;height:14px;position:relative}.nav-toggle .bars span{position:absolute;inset:0 0 auto;height:2px;background:currentColor;border-radius:2px;transition:transform .25s,opacity .25s}.nav-toggle .bars span:nth-child(1){top:0}.nav-toggle .bars span:nth-child(2){top:6px}.nav-toggle .bars span:nth-child(3){top:12px}.nav-toggle[aria-expanded=true] .bars span:nth-child(1){transform:translateY(6px) rotate(45deg)}.nav-toggle[aria-expanded=true] .bars span:nth-child(2){opacity:0}.nav-toggle[aria-expanded=true] .bars span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.navbar{width:100%;padding:var(--space-2xs) 0;gap:var(--space-xs)}.navbar-item,.navbar-item a{color:#212529;font-weight:500;font-size:.9rem;text-decoration:none;padding:var(--space-2xs) var(--space-xs);border-radius:var(--radius);line-height:1.2}.navbar-item a:hover{background:#f5f6f7}@media (max-width: 1199.98px){.navbar{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;flex-direction:column;padding:var(--space);border-bottom:1px solid var(--color-border-soft);box-shadow:0 6px 16px #00000014;animation:dropdown-fade .25s ease}.navbar.open{display:flex;background:var(--color-accent);color:#fff}.navbar.open .navbar-item a{color:#fff}.navbar.open .navbar-item a:hover{background:#ffffff26}@keyframes dropdown-fade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}}@media (min-width: 1200px){.nav-toggle{display:none}.header{flex-direction:row;align-items:center;height:var(--header-height);padding:0 var(--space-lg)}.navbar{display:flex!important;position:static;flex-direction:row;background:transparent;box-shadow:none;padding:0;width:auto;justify-content:flex-start}.navbar .navbar-item:last-child{margin-left:auto}}.content-container section{margin-bottom:var(--space-lg)}.content-container h2{font-size:1.4rem;margin:0 0 var(--space-xs);line-height:1.3}.content-container .error-message{color:red}.serial-search-container{display:flex;flex-direction:column;gap:var(--space-xs);margin:var(--space-xs) 0;width:100%}.serial-search-container input{font-size:1rem;line-height:2.5rem;padding:0 .75rem;border:1px solid var(--color-border-soft);border-radius:var(--radius);width:100%;box-sizing:border-box;transition:outline-color .15s}.serial-search-container input:focus{outline:2px solid var(--color-accent);outline-offset:2px}.serial-search-container .submit{width:100%}#serialInput{width:100%;max-width:560px;box-sizing:border-box;-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}@media (min-width: 480px){.serial-search-container{flex-direction:row}.serial-search-container input{flex:1 1 auto}.serial-search-container .submit{flex:0 0 auto;width:auto}#serialInput{flex:0 1 560px}.footer,.error-message{width:50%;margin-left:25%}}.spinner{width:32px;height:32px;border:4px solid rgba(0,130,101,.25);border-top-color:var(--color-accent);border-radius:50%;animation:spin .8s linear infinite;margin-top:var(--space-xs)}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.spinner{animation:none}}[role=alert]{background:#fff3f3;border:1px solid #f3c7c7;color:var(--color-danger);padding:.75rem 1rem;border-radius:var(--radius);font-weight:500;box-shadow:var(--shadow-sm);max-width:520px}.data-group{margin:var(--space) 0 1.6rem;background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:var(--radius);padding:1rem 1rem .85rem;box-shadow:var(--shadow-sm);transition:box-shadow .25s}.data-group:hover{box-shadow:var(--shadow-md)}.data-group>h4{margin:0 0 .65rem;font-size:1rem;letter-spacing:.5px;text-transform:uppercase;color:#2b4d60}.data-group table{width:100%;border-collapse:collapse;font-size:.85rem;background:#fff;border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden}.data-group td{padding:.55rem .6rem;border-bottom:1px solid var(--color-border);vertical-align:top}.data-group tr:nth-child(odd){background:var(--table-stripe)}.data-group tr:last-child td{border-bottom:none}.data-group-header-flex{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;margin:0 0 .65rem}.upgrades-info{margin:0 0 .75rem;background:#f5faff;border:1px solid #bcd7e6;color:#1d2733;padding:.65rem .75rem .55rem;font-size:.75rem;border-radius:var(--radius);line-height:1.3;box-shadow:var(--shadow-sm)}.upgrades-info p{margin:0 0 .55rem}.upgrades-info p:last-child{margin-bottom:0}.data-group-row-key{font-weight:600;word-break:break-word}.data-group-row-value{color:var(--color-text-muted)}@media (min-width: 860px){.data-group{padding:1.15rem 1.25rem 1rem}.serial-search-container{justify-content:center}}@media (max-width: 399.98px){.data-group table{display:block;overflow-x:auto;white-space:nowrap}}.machine-summary{position:relative;display:flex;flex-direction:column;gap:.55rem;margin:1.25rem 0 1.75rem;padding:1rem 1.25rem 1.05rem;border-radius:var(--radius);border:1px solid var(--color-border-soft);box-shadow:var(--shadow-sm);overflow:hidden}.machine-summary.ok{background:linear-gradient(135deg,#00826526,#00826533 58%,#fffffff5)}.machine-summary.warn{background:linear-gradient(135deg,#f4433626,#f4433633 58%,#fffffff5)}.machine-summary:before{content:"";position:absolute;inset:0 auto 0 0;width:8px;background:linear-gradient(180deg,var(--color-accent) 0%,#10491c 100%)}.machine-summary.warn:before{background:linear-gradient(180deg,#f44336,#79231c)}.machine-summary:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 25%,#ffffff8c 0,#fff0 55%),repeating-linear-gradient(-45deg,#ffffff59 0 8px,#ffffff26 8px 16px);mix-blend-mode:screen;opacity:.35;pointer-events:none}.machine-summary-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap}.machine-summary-serial{margin:0;font-size:1.05rem;font-weight:600;letter-spacing:.5px;color:var(--color-text)}.machine-summary-model{margin:0;font-size:.95rem;font-weight:600;color:var(--color-accent);padding-left:2px}.machine-summary-status{margin:0;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px;padding:.45rem .75rem .4rem;border-radius:999px;position:relative;display:inline-flex;align-items:center;gap:.45rem;line-height:1;box-shadow:0 0 0 1px #0000000d,var(--shadow-sm);background:#fff}.machine-summary-status.ok{color:var(--color-accent);border:1px solid rgba(0,130,101,.55)}.machine-summary-status.warn{color:var(--color-danger);border:1px solid rgba(198,40,40,.55)}.machine-summary-status:before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 0 3px #ffffff8c}.info-btn{font:inherit;font-size:.6rem;font-weight:600;padding:.25rem .5rem .2rem;border-radius:6px;background:transparent;border:1px solid currentColor;color:inherit;cursor:pointer;line-height:1;text-transform:none;letter-spacing:.5px;transition:background-color .2s,color .2s}.info-btn:hover{background:#fff;color:#1d2733}.info-btn:focus{outline:2px solid rgb(29,39,51);outline-offset:2px}.info-btn.warranty:hover{background:#c6282859;color:#fff}.info-btn.warranty:focus{outline:2px solid rgba(198,40,40,.35);outline-offset:2px}.warranty-warning{margin:.75rem 0 0;background:#fff8f7;border:1px solid rgba(198,40,40,.35);color:var(--color-danger);padding:.75rem .85rem .65rem;border-radius:var(--radius);font-size:.75rem;box-shadow:var(--shadow-sm)}.warranty-warning p{margin:0 0 .55rem}.warranty-warning p:last-child{margin-bottom:0}.loading-container{display:flex;flex-direction:column;align-items:center}.loading-container p{margin-top:.5rem}.footer{display:flex;flex-wrap:wrap;justify-content:space-between}.footer .footer-nav-item{box-sizing:border-box;height:100px;width:50%;padding:15px;border:5px solid #fff;background:var(--color-accent);color:#fff;align-content:center}.footer .footer-nav-item a{color:#fff}@media (min-width: 640px){.machine-summary{padding:1.15rem 1.4rem 1.1rem}.machine-summary-header{flex-wrap:nowrap}.machine-summary-model{font-size:1rem}}@media (prefers-reduced-motion: reduce){.machine-summary{transition:none}}