#hm-math-compass{padding:clamp(34px,6vw,72px) clamp(12px,3vw,24px);color:var(--text-primary,#eef3ff);scroll-margin-top:90px}
#hm-math-compass *{box-sizing:border-box}
#hm-math-compass .hmc-shell{max-width:1160px;margin:auto}
#hm-math-compass .hmc-heading{max-width:760px;margin:0 auto 26px;text-align:center}
#hm-math-compass .hmc-kicker{display:inline-block;padding:7px 12px;border:1px solid rgba(151,135,255,.35);border-radius:999px;color:#c9c0ff;font-size:12px;letter-spacing:.04em}
#hm-math-compass .hmc-heading h2{font-size:clamp(28px,4vw,46px);line-height:1.25;letter-spacing:-.025em;margin:14px 0 8px}
#hm-math-compass .hmc-heading p{max-width:650px;margin:auto;color:var(--text-secondary,#b5c0d8);font-size:15px;line-height:1.9}
#hm-math-compass .hmc-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;padding:clamp(14px,3vw,26px);border:1px solid rgba(150,165,220,.22);border-radius:25px;background:linear-gradient(135deg,rgba(28,40,73,.9),rgba(9,17,34,.96));box-shadow:0 20px 60px rgba(0,0,0,.18)}
#hm-math-compass .hmc-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:13px}
#hm-math-compass .hmc-form label{display:flex;flex-direction:column;gap:8px;min-width:0;color:var(--text-secondary,#b5c0d8);font-size:13px;font-weight:750}
#hm-math-compass .hmc-form select{width:100%;min-width:0;min-height:48px;padding:10px 12px;border:1px solid rgba(150,165,220,.3);border-radius:12px;background:#101a30;color:#f2f5ff;font:inherit;font-size:14px}
#hm-math-compass [hidden]{display:none!important}
#hm-math-compass .hmc-form select:focus-visible,#hm-math-compass .hmc-submit:focus-visible,#hm-math-compass .hmc-link:focus-visible{outline:3px solid #a89bff;outline-offset:3px}
#hm-math-compass .hmc-submit{grid-column:1/-1;display:flex;justify-content:center;align-items:center;gap:12px;min-height:50px;padding:12px 16px;border:0;border-radius:13px;background:linear-gradient(105deg,#6b58e8,#397de0);color:#fff;font:inherit;font-weight:850;cursor:pointer;box-shadow:0 10px 26px rgba(83,90,225,.23);transition:filter .18s ease,transform .18s ease}
#hm-math-compass .hmc-submit:hover{filter:brightness(1.08);transform:translateY(-1px)}
#hm-math-compass .hmc-result{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0;min-height:320px;padding:clamp(18px,3vw,30px);border:1px solid rgba(135,123,255,.25);border-radius:19px;background:radial-gradient(ellipse at 100% 0%,rgba(98,82,218,.2),transparent 55%),rgba(5,12,26,.45)}
#hm-math-compass .hmc-symbol{display:grid;place-items:center;width:46px;height:46px;margin-bottom:16px;border:1px solid rgba(151,135,255,.42);border-radius:14px;color:#d1c8ff;background:rgba(110,92,233,.13);font-size:25px}
#hm-math-compass .hmc-eyebrow{color:#bdb3ff;font-size:12px;font-weight:850}
#hm-math-compass .hmc-result h3{margin:10px 0;color:var(--text-primary,#eef3ff);font-size:clamp(21px,2.5vw,29px);line-height:1.45}
#hm-math-compass .hmc-result p{margin:0 0 16px;color:var(--text-secondary,#b5c0d8);font-size:14px;line-height:1.9}
#hm-math-compass .hmc-tags,#hm-math-compass .hmc-links{display:flex;flex-wrap:wrap;gap:8px}
#hm-math-compass .hmc-tags span{padding:7px 10px;border:1px solid rgba(151,171,220,.15);border-radius:999px;background:rgba(126,149,201,.12);color:#d9e3ff;font-size:12px}
#hm-math-compass .hmc-links{width:100%;margin-top:18px}
#hm-math-compass .hmc-link{display:inline-flex;flex:1 1 145px;align-items:center;justify-content:center;min-height:44px;padding:10px 12px;border:1px solid rgba(150,165,220,.22);border-radius:11px;background:rgba(91,108,174,.16);color:#fff;text-align:center;text-decoration:none;font-size:13px;font-weight:750}
#hm-math-compass .hmc-link:hover{background:rgba(109,101,224,.24);border-color:rgba(151,135,255,.48)}
#hm-math-compass .hmc-principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}
#hm-math-compass .hmc-principles>div{display:flex;align-items:flex-start;gap:12px;padding:16px;border:1px solid rgba(150,165,220,.18);border-radius:15px;background:rgba(120,140,190,.045)}
#hm-math-compass .hmc-principles b{color:#a99bff;font-size:12px}
#hm-math-compass .hmc-principles span{display:grid;gap:4px}
#hm-math-compass .hmc-principles strong{font-size:13px;line-height:1.6}
#hm-math-compass .hmc-principles small{color:var(--text-secondary,#b5c0d8);font-size:12px;line-height:1.7}
@media(max-width:760px){#hm-math-compass{padding:32px 12px}#hm-math-compass .hmc-panel{grid-template-columns:1fr;padding:13px;border-radius:19px}#hm-math-compass .hmc-form{grid-template-columns:1fr;gap:12px}#hm-math-compass .hmc-result{min-height:250px;padding:19px}#hm-math-compass .hmc-principles{grid-template-columns:1fr}#hm-math-compass .hmc-principles>div{padding:13px}#hm-math-compass .hmc-heading p{font-size:14px}}
@media(prefers-reduced-motion:reduce){#hm-math-compass .hmc-submit{transition:none}#hm-math-compass .hmc-submit:hover{transform:none}}