/* HealthLogOn Running Shoe Atlas v1.0 – WordPress-scoped, no remote dependencies */
#hlo-shoe-atlas{--hlo-ink:#14363b;--hlo-muted:#657980;--hlo-mint:#157d70;--hlo-tint:#eaf7f2;--hlo-panel:#ffffff;--hlo-line:#e0e9e9;--hlo-bg:#f4f8f8;--hlo-amber:#a66311;box-sizing:border-box;font-family:system-ui,-apple-system,'Malgun Gothic','Apple SD Gothic Neo',sans-serif;color:var(--hlo-ink);font-size:15px;line-height:1.56;width:100%;max-width:1200px;margin:0 auto;padding:0 12px 48px}
#hlo-shoe-atlas *{box-sizing:border-box}#hlo-shoe-atlas button,#hlo-shoe-atlas input,#hlo-shoe-atlas select{font:inherit}
#hlo-shoe-atlas button{cursor:pointer}#hlo-shoe-atlas button:disabled{cursor:not-allowed;opacity:.48}#hlo-shoe-atlas button:focus-visible,#hlo-shoe-atlas input:focus-visible,#hlo-shoe-atlas select:focus-visible{outline:3px solid #87cab8;outline-offset:2px}
#hlo-shoe-atlas .hlo-hero{border-radius:22px;padding:30px 32px;position:relative;overflow:hidden;background:linear-gradient(112deg,#102b33,#15574e 80%,#17947d);color:#fff;margin:8px 0 17px}
#hlo-shoe-atlas .hlo-kicker{font-size:11px;font-weight:800;letter-spacing:.19em;text-transform:uppercase;color:#9ee5cd}
#hlo-shoe-atlas h1{font-size:clamp(25px,3vw,40px);letter-spacing:-.055em;line-height:1.2;margin:10px 0 9px;color:inherit;font-weight:800}
#hlo-shoe-atlas .hlo-hero p{color:#d6ece6;font-size:14px;margin:0;max-width:770px}
#hlo-shoe-atlas .hlo-hero em{font-style:normal;color:#c3f9e8}
#hlo-shoe-atlas .hlo-count-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:21px}
#hlo-shoe-atlas .hlo-count{background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.16);padding:8px 14px;border-radius:12px;min-width:105px}
#hlo-shoe-atlas .hlo-count strong{display:block;font-size:23px;line-height:1.15;font-variant-numeric:tabular-nums}
#hlo-shoe-atlas .hlo-count small{color:#caebe2;font-size:11px}
#hlo-shoe-atlas .hlo-nav{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 16px}
#hlo-shoe-atlas .hlo-tab{border:1px solid var(--hlo-line);border-radius:12px;background:white;color:#4c646a;padding:12px 17px;font-size:14px;font-weight:750;display:flex;align-items:center;gap:9px}
#hlo-shoe-atlas .hlo-tab[aria-selected="true"]{background:var(--hlo-mint);border-color:var(--hlo-mint);color:white}
#hlo-shoe-atlas .hlo-count-bubble{font-size:11px;border-radius:99px;background:#d1eee4;padding:1px 7px;color:#176459}
#hlo-shoe-atlas .hlo-tab[aria-selected="true"] .hlo-count-bubble{background:#fff;color:#0c6253}
#hlo-shoe-atlas .hlo-notice{border-left:3px solid #39a998;background:#eef9f4;color:#245d55;padding:11px 14px;font-size:12px;border-radius:0 9px 9px 0;margin-bottom:20px}
#hlo-shoe-atlas .hlo-section-title{font-size:23px;margin:0;font-weight:800;letter-spacing:-.04em}
#hlo-shoe-atlas .hlo-subtitle{color:var(--hlo-muted);font-size:13px;margin:5px 0 18px}
#hlo-shoe-atlas .hlo-toolbar{padding:20px;border:1px solid var(--hlo-line);border-radius:16px;background:var(--hlo-panel);display:grid;grid-template-columns:1.65fr repeat(3,minmax(115px,1fr));gap:11px;margin-bottom:13px}
#hlo-shoe-atlas .hlo-field{display:flex;flex-direction:column;gap:6px;min-width:0}
#hlo-shoe-atlas .hlo-field label{font-size:11px;color:#63797e;font-weight:800}
#hlo-shoe-atlas .hlo-field input,#hlo-shoe-atlas .hlo-field select{border:1px solid #d3e2e1;background:#fbfdfd;color:var(--hlo-ink);border-radius:9px;height:41px;width:100%;padding:0 11px;min-width:0;font-size:13px}
#hlo-shoe-atlas .hlo-tools-extra{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin:12px 0 16px;font-size:12px;color:var(--hlo-muted)}
#hlo-shoe-atlas .hlo-tools-extra label{display:flex;gap:7px;align-items:center;cursor:pointer}
#hlo-shoe-atlas .hlo-tools-extra select{border:1px solid var(--hlo-line);border-radius:9px;padding:5px 7px;background:white;max-width:185px}
#hlo-shoe-atlas .hlo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
#hlo-shoe-atlas .hlo-card{background:white;border:1px solid var(--hlo-line);border-radius:15px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 3px 15px rgba(0,40,40,.025);min-width:0}
#hlo-shoe-atlas .hlo-card-top{background:linear-gradient(145deg,#e6f1f0,#dcebe5);min-height:116px;display:flex;align-items:center;justify-content:center;position:relative}
#hlo-shoe-atlas .hlo-card.hlo-trail .hlo-card-top{background:linear-gradient(135deg,#e9e8df,#cfe4df)}
#hlo-shoe-atlas .hlo-shoe-icon{opacity:.65;max-width:115px;max-height:75px;color:#397c75}
#hlo-shoe-atlas .hlo-labels{position:absolute;top:10px;left:11px;display:flex;gap:6px;flex-wrap:wrap}
#hlo-shoe-atlas .hlo-chip{background:#fff;border-radius:5px;font-size:10px;font-weight:800;color:#356d67;padding:4px 7px;box-shadow:0 1px 3px #00000012}
#hlo-shoe-atlas .hlo-card-body{padding:16px;display:flex;flex-direction:column;gap:8px;flex:1}
#hlo-shoe-atlas .hlo-brand{color:#668188;font-size:10px;font-weight:900;letter-spacing:.075em;text-transform:uppercase}
#hlo-shoe-atlas .hlo-model{font-size:17px;letter-spacing:-.03em;font-weight:800;line-height:1.35;min-height:44px;overflow-wrap:anywhere}
#hlo-shoe-atlas .hlo-meta{color:#5d7279;font-size:12px}
#hlo-shoe-atlas .hlo-score-box{font-size:12px;color:#546d73;background:#f5f8f8;border-radius:8px;padding:9px 10px;margin-top:auto;min-height:48px}
#hlo-shoe-atlas .hlo-score-box b{font-size:16px;color:#135b54;font-variant-numeric:tabular-nums}
#hlo-shoe-atlas .hlo-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:4px}
#hlo-shoe-atlas .hlo-btn{border:1px solid #c9ddda;color:#155b53;background:white;border-radius:8px;padding:9px 11px;font-size:12px;font-weight:800;line-height:1.35}
#hlo-shoe-atlas .hlo-btn.primary{background:var(--hlo-mint);border-color:var(--hlo-mint);color:white}
#hlo-shoe-atlas .hlo-btn.ghost{background:#edf6f3}
#hlo-shoe-atlas .hlo-btn.danger{color:#ab3a25;border-color:#ebc9bf}
#hlo-shoe-atlas .hlo-card .hlo-btn{flex:1}
#hlo-shoe-atlas .hlo-result-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:5px 0 12px}
#hlo-shoe-atlas .hlo-small{font-size:12px;color:#6b7e83}
#hlo-shoe-atlas .hlo-empty{padding:35px;text-align:center;border:1px dashed #b6d4ce;color:#56767a;border-radius:14px;background:#fbfefd}
#hlo-shoe-atlas .hlo-load{display:block;min-width:190px;margin:23px auto}
#hlo-shoe-atlas .hlo-wizard{max-width:810px;margin:0 auto;border-radius:19px;border:1px solid var(--hlo-line);padding:25px;background:#fff}
#hlo-shoe-atlas .hlo-progress{display:flex;gap:7px;margin-bottom:22px}
#hlo-shoe-atlas .hlo-progress span{height:5px;flex:1;background:#e9f0ee;border-radius:15px}
#hlo-shoe-atlas .hlo-progress span.done{background:#28a58e}
#hlo-shoe-atlas .hlo-wizard h3{font-size:21px;letter-spacing:-.045em;margin:0 0 8px}
#hlo-shoe-atlas .hlo-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:22px}
#hlo-shoe-atlas .hlo-choice{padding:18px 15px;text-align:left;border-radius:12px;border:1px solid #cfe2de;background:#fafdfe;color:#264d4f;display:flex;justify-content:space-between;align-items:center;gap:9px;min-height:60px;font-weight:750}
#hlo-shoe-atlas .hlo-choice:hover{background:#edfaf5;border-color:#5fb29e}
#hlo-shoe-atlas .hlo-step-bottom{display:flex;justify-content:space-between;gap:10px;margin-top:20px}
#hlo-shoe-atlas .hlo-reco{background:#fff;border:1px solid var(--hlo-line);border-radius:16px;padding:20px;margin:14px 0}
#hlo-shoe-atlas .hlo-reco-top{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:14px}
#hlo-shoe-atlas .hlo-pill{border-radius:99px;background:#e9f5f0;color:#167261;font-size:12px;font-weight:700;padding:5px 10px}
#hlo-shoe-atlas .hlo-reco-list{display:flex;flex-direction:column;gap:10px}
#hlo-shoe-atlas .hlo-reco-item{display:flex;justify-content:space-between;align-items:center;gap:16px;border:1px solid #e4edeb;border-radius:12px;padding:13px}
#hlo-shoe-atlas .hlo-reco-item strong{font-size:14px}
#hlo-shoe-atlas .hlo-reco-item p{margin:4px 0 0;font-size:12px;color:var(--hlo-muted)}
#hlo-shoe-atlas .hlo-reco-badge{white-space:nowrap;color:#147765;font-weight:800;font-size:11px}
#hlo-shoe-atlas .hlo-warning{border-radius:12px;background:#fff8ed;padding:12px 14px;color:#885922;font-size:12px;border:1px solid #f2e3c9;margin:15px 0}
#hlo-shoe-atlas .hlo-compare-controls{display:flex;flex-wrap:wrap;gap:9px;margin:15px 0;align-items:center}
#hlo-shoe-atlas .hlo-compare-controls input{border:1px solid #ccdfdc;border-radius:9px;height:40px;padding:10px;min-width:180px;flex:1}
#hlo-shoe-atlas .hlo-select-list{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:20px}
#hlo-shoe-atlas .hlo-selected-pill{border:1px solid #b9d9d0;background:#effaf6;border-radius:99px;display:flex;gap:7px;align-items:center;padding:7px 10px;font-size:12px}
#hlo-shoe-atlas .hlo-selected-pill button{border:0;background:transparent;color:#b34b3c;font-weight:900}
#hlo-shoe-atlas .hlo-table-wrap{width:100%;overflow-x:auto;border:1px solid var(--hlo-line);border-radius:12px;background:white}
#hlo-shoe-atlas .hlo-table{border-collapse:collapse;width:100%;min-width:650px;font-size:12px}
#hlo-shoe-atlas .hlo-table th,#hlo-shoe-atlas .hlo-table td{border-bottom:1px solid #e4ecea;padding:13px 11px;text-align:left;vertical-align:top}
#hlo-shoe-atlas .hlo-table th{background:#eef6f4;color:#296259;min-width:145px;font-weight:800}
#hlo-shoe-atlas .hlo-table thead td{font-size:14px;font-weight:800;min-width:195px;background:#f8fbfa}
#hlo-shoe-atlas .hlo-table a,#hlo-shoe-atlas .hlo-dialog-content a{color:#06796c;word-break:break-word}
#hlo-shoe-atlas .hlo-dialog{border:0;padding:0;border-radius:19px;width:min(96vw,680px);max-height:86vh;overflow:auto;box-shadow:0 24px 70px #001d1d45;background:white;color:#193b40}
#hlo-shoe-atlas .hlo-dialog::backdrop{background:#09262db8}
#hlo-shoe-atlas .hlo-dialog-head{background:linear-gradient(105deg,#102f37,#177a6c);padding:24px 27px;color:white;position:relative}
#hlo-shoe-atlas .hlo-dialog-head small{color:#afefda;letter-spacing:.06em}
#hlo-shoe-atlas .hlo-dialog-head h3{font-size:24px;line-height:1.2;margin:8px 40px 0 0;color:#fff}
#hlo-shoe-atlas .hlo-dialog-close{position:absolute;top:12px;right:15px;background:transparent;border:0;color:white;font-size:25px}
#hlo-shoe-atlas .hlo-dialog-content{padding:23px 27px;font-size:13px}
#hlo-shoe-atlas .hlo-details{display:grid;grid-template-columns:150px 1fr;border-top:1px solid #e2eae8;margin:13px 0}
#hlo-shoe-atlas .hlo-details dt,#hlo-shoe-atlas .hlo-details dd{margin:0;padding:10px;border-bottom:1px solid #e2eae8}
#hlo-shoe-atlas .hlo-details dt{font-weight:750;color:#56737a;background:#f7fafa}
#hlo-shoe-atlas .hlo-muted-note{font-size:11px;color:#677d80}
#hlo-shoe-atlas .hlo-footer-note{font-size:11px;color:#718488;margin:30px 0 0;line-height:1.7;text-align:center}
@media(max-width:850px){#hlo-shoe-atlas .hlo-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}#hlo-shoe-atlas .hlo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){#hlo-shoe-atlas{padding:0 5px 30px}#hlo-shoe-atlas .hlo-hero{padding:25px 20px;border-radius:16px}#hlo-shoe-atlas .hlo-count{min-width:0;flex:1;padding:8px 10px}#hlo-shoe-atlas .hlo-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}#hlo-shoe-atlas .hlo-tab{padding:10px 5px;justify-content:center;font-size:11px;gap:3px}#hlo-shoe-atlas .hlo-toolbar{padding:12px;gap:9px}#hlo-shoe-atlas .hlo-grid{grid-template-columns:1fr;gap:11px}#hlo-shoe-atlas .hlo-card-top{min-height:100px}#hlo-shoe-atlas .hlo-wizard{padding:15px}#hlo-shoe-atlas .hlo-options{grid-template-columns:1fr;gap:7px}#hlo-shoe-atlas .hlo-reco-item{align-items:stretch;flex-direction:column;gap:8px}#hlo-shoe-atlas .hlo-details{grid-template-columns:120px 1fr}#hlo-shoe-atlas .hlo-dialog-content{padding:17px}#hlo-shoe-atlas .hlo-dialog-head{padding:20px}}