#stt-walking-helper{width:100%;max-width:900px;margin:0 auto;font-family:Arial,sans-serif;color:#17202a}
#stt-walking-helper *{box-sizing:border-box}
#stt-walking-helper .stt-card{display:block !important;float:none !important;clear:both;width:100%;background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:12px;margin:10px 0;min-width:0;max-width:100%;overflow:hidden}
#stt-walking-helper h2{font-size:24px;line-height:1.25;margin:2px 0 5px}
.stt-sub,.stt-status,.stt-note{color:#667085;font-size:14px;line-height:1.45;overflow-wrap:anywhere}
.stt-row{display:flex;gap:7px;flex-wrap:wrap;width:100%}
#stt-walking-helper button{font:inherit;padding:10px 12px;border:0;border-radius:11px;background:#eef2f7;font-weight:700;cursor:pointer;max-width:100%}
#stt-walking-helper button.stt-primary{background:#2563eb;color:#fff}#stt-walking-helper button:disabled{opacity:.5;cursor:not-allowed}
#stt-dest-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;max-height:520px;overflow:auto;margin-top:9px;width:100%;min-width:0}
#stt-dest-list .stt-dest{width:100%;text-align:left;background:#f8fafc;border:1px solid #e5e7eb;padding:9px 10px;line-height:1.25;color:#17202a!important}
#stt-dest-list .stt-dest small{display:block;color:#667085!important;font-weight:400;margin-top:3px}
#stt-dest-list .stt-selected{background:#eff6ff!important;border-color:#60a5fa!important}
.stt-dest-section-title{grid-column:1/-1;font-size:16px;font-weight:800;padding:5px 2px 1px}
.stt-subway-title{margin-top:6px}
#stt-results{display:block;width:100%;min-width:0;overflow-wrap:anywhere;color:#667085;font-size:14px;padding:4px 0}
#stt-map{width:100%;height:420px;border-radius:13px;overflow:hidden;background:#e9eef5}
#stt-map-status{min-height:16px;margin-top:6px;color:#667085;font-size:12px;text-align:center}
#stt-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:9px}
.stt-stat{min-width:0;background:#f8fafc;border-radius:12px;padding:10px;text-align:center}
.stt-stat b{display:block;font-size:19px;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#stt-guidance{margin-top:8px;background:#eff6ff;border-radius:12px;padding:10px 12px;font-weight:700}
#stt-guidance small{display:block;color:#667085;font-weight:400;margin-top:3px}
@media(max-width:600px){
 #stt-walking-helper .stt-card{padding:10px;margin:8px 0}#stt-walking-helper h2{font-size:20px}
 .stt-sub,.stt-status{font-size:13px}#stt-map{height:360px}
 #stt-stats{grid-template-columns:1fr 1fr}#stt-stats .stt-stat:last-child{grid-column:1/-1}
 #stt-dest-list{max-height:560px}
}
@media(max-width:360px){#stt-dest-list{grid-template-columns:1fr}#stt-map{height:320px}}

#stt-walking-helper .stt-card > *{max-width:100%}
@media(max-width:600px){
 #stt-walking-helper{width:100%;max-width:100%;overflow-x:hidden}
 #stt-walking-helper .stt-row{align-items:stretch}
 #stt-walking-helper .stt-row button{flex:0 1 auto}
 #stt-dest-list{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:420px){
 #stt-dest-list{grid-template-columns:1fr}
 #stt-walking-helper .stt-row button{width:100%}
 #stt-walking-helper .stt-row{display:grid;grid-template-columns:1fr}
}

/* V3.2.4: isolate the plugin cards from WordPress/theme .stt-card rules */
#stt-walking-helper .stt-card > #stt-map,
#stt-walking-helper .stt-card > #stt-map-status,
#stt-walking-helper .stt-card > #stt-stats,
#stt-walking-helper .stt-card > #stt-guidance,
#stt-walking-helper .stt-card > #stt-dest-list,
#stt-walking-helper .stt-card > #stt-results,
#stt-walking-helper .stt-card > .stt-note {
  display:block;
  float:none;
  width:100%;
}
#stt-walking-helper .stt-card > .stt-row {display:flex;float:none;width:100%;}
#stt-walking-helper #stt-stats {display:grid;}

/* V3.2.5: make subway entries unmistakably identifiable as stations */
#stt-dest-list .stt-dest .stt-station-label{
  font-size:.78em;
  color:#667085;
  font-weight:600;
  white-space:nowrap;
  vertical-align:baseline;
}

/* V3.3.0 — Naver Map route handoff */
#stt-walking-helper .stt-route-ready{display:flex;align-items:center;gap:12px;padding:13px;background:#f8fafc;border-radius:13px;border:1px solid #e5e7eb}
#stt-walking-helper .stt-route-icon{font-size:30px;line-height:1}
#stt-walking-helper .stt-route-copy{min-width:0;flex:1}
#stt-walking-helper .stt-route-title{font-weight:800;font-size:16px}
#stt-walking-helper .stt-route-destination{margin-top:3px;font-weight:700;overflow-wrap:anywhere}
#stt-walking-helper .stt-route-ko{margin-top:2px;color:#667085;font-size:13px}
#stt-walking-helper .stt-naver-button{width:100%;margin-top:10px;font-size:16px;padding:13px 14px}
#stt-walking-helper .stt-naver-button:disabled{opacity:.45}
#stt-walking-helper .stt-naver-note{margin-top:9px}
/* Google Maps + Naver Map buttons */
#stt-walking-helper .stt-map-buttons{
  display:flex;
  flex-direction:column;
  gap:8px;
  width:100%;
  margin-top:10px;
}

#stt-walking-helper .stt-map-buttons button{
  display:block;
  width:100%;
  margin:0;
  font-size:16px;
  padding:13px 14px;
  line-height:1.3;
}

#stt-walking-helper .stt-google-button{
  background:#2563eb !important;
  color:#fff !important;
}

#stt-walking-helper .stt-naver-button{
  background:#03a94d !important;
  color:#fff !important;
}

#stt-walking-helper .stt-google-button:disabled,
#stt-walking-helper .stt-naver-button:disabled{
  opacity:.45;
}

#stt-walking-helper .stt-naver-note{
  margin-top:9px;
}