/* MOTTA_PUBLIC_GUI_V233 */
:root{--motta-navy:#061f46;--motta-blue:#075dcc;--motta-red:#e51d3b;--motta-gold:#ffd43b;--motta-ink:#07182f;--motta-muted:#5d6f86;--motta-paper:#f2f7fd;--motta-line:#c9d8ea}
.route-health-page,.info-page{min-height:72vh;background:linear-gradient(180deg,#eef5ff 0,#fff 34rem);color:var(--motta-ink)}
.route-health-page{width:min(1180px,calc(100% - 32px));margin:28px auto 80px;padding:0!important}
.route-health-page .hero,.info-page .page-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 88% 15%,#1766bd 0,#0b4d9a 30%,var(--motta-navy) 72%);color:#fff;border:0;border-bottom:6px solid var(--motta-gold);border-radius:26px;padding:clamp(30px,6vw,70px);box-shadow:0 22px 55px rgba(6,31,70,.18)}
.route-health-page .hero:after,.info-page .page-hero:after{content:"M28";position:absolute;right:-20px;bottom:-55px;font-size:clamp(8rem,22vw,18rem);font-weight:950;line-height:1;color:rgba(255,255,255,.055);pointer-events:none}
.route-health-page .hero h1,.info-page .page-hero h1{position:relative;max-width:900px;margin:.15em 0 .35em;font-size:clamp(2.7rem,7vw,6rem);line-height:.9;letter-spacing:-.055em;color:#fff}
.route-health-page .hero p,.info-page .page-hero p{position:relative;max-width:800px;font-size:clamp(1rem,2vw,1.25rem);line-height:1.6;color:#e9f3ff}
.route-health-page .eyebrow,.info-page .eyebrow{color:var(--motta-gold);font-weight:900;letter-spacing:.14em}
.route-health-page .panel,.route-health-page .route-health-card,.info-page .ajax-form,.info-page .policy,.info-page .learning-card,.info-page .info-grid article{border:1px solid var(--motta-line);border-radius:20px;background:#fff;padding:clamp(20px,3vw,32px);box-shadow:0 12px 32px rgba(6,35,77,.08)}
.route-health-page .panel{margin:22px 0}.route-health-page .panel h2,.info-page form h2{margin:.05em 0 .55em;font-size:clamp(1.65rem,3.5vw,2.6rem);line-height:1.05;letter-spacing:-.035em}
.route-health-page form,.info-page form{display:grid;gap:16px}.route-health-page label,.info-page label{display:grid;gap:7px;color:var(--motta-ink);font-weight:800}
.route-health-page input,.route-health-page select,.route-health-page textarea,.info-page input,.info-page select,.info-page textarea{box-sizing:border-box;width:100%;min-height:48px;padding:12px 14px;border:1px solid #9fb3cc;border-radius:10px;background:#fff;color:var(--motta-ink);font:inherit}
.route-health-page textarea,.info-page textarea{min-height:150px;resize:vertical}.route-health-page input:focus,.route-health-page select:focus,.route-health-page textarea:focus,.info-page input:focus,.info-page select:focus,.info-page textarea:focus{outline:3px solid var(--motta-gold);outline-offset:2px;border-color:var(--motta-blue)}
.route-health-page button,.info-page button,.route-health-page .button,.info-page .button{min-height:48px;width:max-content;padding:12px 19px;border:0;border-radius:10px;background:var(--motta-red);color:#fff;font:inherit;font-weight:900;cursor:pointer}
.route-health-page button:hover,.info-page button:hover{filter:brightness(.92)}
.route-health-page a{color:var(--motta-blue);font-weight:800}.route-health-page code{display:inline-block;padding:.15em .42em;border-radius:6px;background:#e7f0fc;color:#083b78;overflow-wrap:anywhere}
.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.stats-grid article{border:1px solid var(--motta-line);border-radius:18px;background:#fff;box-shadow:0 10px 28px rgba(6,35,77,.07)}.stats-grid strong{color:var(--motta-blue)}
.route-list article{border:1px solid #d5e2f1;background:var(--motta-paper)}.route-list article span{font-weight:850;color:#08733c}.route-health-card{margin:16px 0!important;max-width:none!important;background:var(--motta-paper)!important}
.info-page .form-grid{gap:22px}.info-page .diagnostics{border:1px solid #2f619c;background:#041a3a;color:#dcecff}.info-page .form-status{min-height:1.5em}.info-page .policy{margin-top:32px;margin-bottom:60px}
.info-page .page-hero{width:min(1180px,calc(100% - 32px));margin:28px auto 0}.info-page .form-grid,.info-page .policy,.info-page .info-grid,.info-page .learning-grid{width:min(1180px,100%)}
.route-health-page .muted,.info-page .muted{color:var(--motta-muted)}
@media(max-width:760px){.route-health-page{width:calc(100% - 20px);margin:10px auto 90px}.route-health-page .hero,.info-page .page-hero{border-radius:18px;padding:28px 20px}.info-page .page-hero{width:calc(100% - 20px);margin:10px auto 0}.stats-grid,.info-page .form-grid{grid-template-columns:1fr}.route-list article{grid-template-columns:1fr;gap:7px}.route-health-page button,.info-page button,.route-health-page .button,.info-page .button{width:100%}.route-health-page .panel{padding:20px 16px}.info-page .form-grid,.info-page .policy,.info-page .info-grid,.info-page .learning-grid{padding-left:10px;padding-right:10px}}
@media(prefers-reduced-motion:reduce){.route-health-page *,.info-page *{scroll-behavior:auto!important;transition:none!important}}