/* Reference direction: white portal layout, compact navigation and a broad map workspace. */
:root{--ink:#20252b;--green:#03c75a;--line:#eceff2;--muted:#9299a2;--cream:#fff;--rail-width:108px;--panel-width:400px}
body{background:#fff;color:var(--ink);font-family:'Noto Sans KR',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:13px}
.header{height:64px;padding:0 20px;gap:15px;border-bottom:1px solid #e8ebee;background:#fff}
.menu-button{font-size:20px;line-height:1;padding:6px;color:#25282d;width:28px;flex-shrink:0}
.brand{gap:7px;font-family:inherit;font-size:20px;font-weight:800;letter-spacing:-1px;white-space:nowrap}
.brand-symbol{transform:none;background:#03c75a;border:0;color:white;border-radius:50%;width:29px;height:29px;font:800 21px Arial,sans-serif}
.brand b{font-weight:650;font-size:18px;margin-left:4px;color:#171b20}
.brand-on{color:#00b74e}
.header-search{flex:0 1 310px;margin-left:8px;border:0;border-radius:24px;background:#f4f5f7;padding:9px 15px;height:39px;gap:9px}
.search>span{font-size:22px;color:#2e333a}.search input{font-size:12px;outline:none;color:#333;background:transparent}.search input::placeholder{color:#a0a5ae}.search button{font-size:18px;color:#a8aeb5;padding:0}
.header nav{gap:22px;margin-left:12px;align-items:center}.nav{height:64px;font-size:12px;color:#91979f;white-space:nowrap}.nav.active{color:#1d242b}.nav.active:after{height:0}.header-right{gap:17px}.text-button{font-size:11px;color:#656d76;white-space:nowrap}.agency{font-size:10px;color:#9ca3ac;padding-left:16px}.prototype{font-size:9px;border-radius:4px;background:#f3f5f7;color:#8d959e;padding:4px 7px}
.notice{height:29px;background:#fafbfc;border-bottom:1px solid #edf0f2;padding:0 22px;font-size:9px;color:#939ba5;gap:8px}.notice strong{font-weight:500;color:#69737e}.notice-icon{border-color:#b3bac2;color:#8c96a1;width:12px;height:12px;font-size:9px}.demo-control{font-size:9px;gap:7px}.switch{width:24px;height:14px;background:#d5dae0}.switch:before{width:8px;height:8px}.demo-control input:checked+.switch{background:#03c75a}body.demo .notice{background:#fff4e7;color:#9e6b32}
.layout{height:calc(100dvh - 93px);display:grid;grid-template-columns:var(--rail-width) var(--panel-width) minmax(0,1fr);position:relative;transition:grid-template-columns .2s}
.side-rail{display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid #edf0f3;background:#fff;z-index:650;padding:15px 8px 13px;overflow-y:auto;scrollbar-width:none}
.rail-main,.rail-bottom{display:flex;flex-direction:column;gap:8px}.rail-button{display:flex;align-items:center;gap:11px;width:100%;min-height:40px;border-radius:6px;padding:9px 11px;color:#353b44;text-align:left;font-size:11px;font-weight:500;white-space:nowrap}
.rail-button:hover{background:#f5f7f9}.rail-button.active{background:#03c75a;color:#083b1b;font-weight:700}.rail-icon{display:inline-grid;place-items:center;width:18px;min-width:18px;font-family:Arial,sans-serif;font-weight:600;font-size:20px}.parking-icon{font-size:14px;width:15px;min-width:15px;height:15px;border:1.5px solid currentColor;border-radius:3px;margin:0 1px}.rail-bottom small{font:7px/1.8 Arial,sans-serif;letter-spacing:.7px;color:#c0c6cd;padding:12px 11px 0}
.sidebar{border-right:1px solid #e7ebef;background:white;padding:0;overflow-x:hidden;overflow-y:auto;z-index:600;scrollbar-color:#e1e5ea transparent;scrollbar-width:thin}
.panel-heading{height:84px;display:flex;align-items:center;justify-content:space-between;padding:18px 23px 14px;border-bottom:1px solid #f0f2f5}.panel-heading h1{font:700 18px 'Noto Sans KR',sans-serif;letter-spacing:-.6px;margin:0;color:#242a31}.panel-heading p{font-size:10px;color:#a2a9b1;margin:6px 0 0}.panel-heading>button{font-size:27px;font-weight:300;color:#69717b;padding:0;line-height:1}
#explore-view,#plan-view{padding:0 20px 22px}.panel-tabs{display:flex;gap:28px;border-bottom:1px solid #edf0f3;margin:0 -20px 18px;padding:0 23px;height:49px}.panel-tabs button{position:relative;padding:0;font-size:12px;color:#9ba2ac}.panel-tabs button.active{color:#151d24;font-weight:700}.panel-tabs button.active:after{content:'';height:2px;background:#03c75a;position:absolute;left:0;right:0;bottom:0}
.date-bar{border:1px solid #e5e9ed;background:white;padding:12px;margin:0 0 18px;border-radius:6px;gap:9px}.date-bar label{font-size:11px;color:#67717d}.calendar-icon{font-size:17px;color:#03b653}.date-bar input{font-size:12px;color:#2b343d;width:141px}
.recommend-strip{display:flex;align-items:center;gap:9px;border:1px solid #06cb64;border-radius:7px;padding:12px 11px;margin-bottom:22px;min-height:45px;white-space:nowrap}.strip-label{background:#ebfff3;color:#00a94b;border-radius:4px;padding:4px 6px;font-size:9px;font-weight:700}.recommend-strip>b{font-size:11px;font-weight:500;color:#4c555f}.recommend-strip>button{margin-left:auto;color:#00ae4d;font-size:9px;padding:0}
.section-heading{margin:0 0 14px;gap:10px}.section-heading h2{font-size:15px;font-weight:700;letter-spacing:-.5px}.section-heading h2 span{font:500 11px 'Noto Sans KR',sans-serif;color:#00ba50;margin-left:7px}.subtle{color:#abb1ba;font-size:9px}
.place-card{border:1px solid #e7ebef;border-radius:7px;padding:15px 14px;margin-bottom:10px;background:white;box-shadow:none;transition:border-color .15s,background .15s}.place-card:hover{transform:none;background:#fbfdfb;border-color:#9adcb7}.place-card.selected{border-color:#03c75a;background:#fff;box-shadow:none}.place-top{gap:11px}.place-icon{width:36px;height:36px;background:#effaf3;color:#20ac5c;border-radius:6px;font-size:20px}.place-info h3{font-size:13px;font-weight:700;letter-spacing:-.3px;margin-bottom:4px}.place-info small{font-size:9px;color:#a1a8b1}.place-top>span{font-size:14px;color:#a0a8b0}
.metrics{margin-top:13px;padding-top:12px;border-top:1px solid #f0f2f5;justify-content:stretch;gap:0}.metric{width:33.33%;font-size:8px;color:#a3abb4;gap:6px}.metric strong{font-size:9px;font-weight:500;color:#687581;line-height:1.5}.metric+.metric{padding-left:12px;border-left:1px solid #eef1f4}.demo-tag{font-size:8px;background:#fff0df;color:#b67d39;border-radius:3px}.api-tag{background:#eafaf0;color:#00ab4b}
.separate-metrics{margin:23px -20px 0;border-top:7px solid #f5f7f9;padding:20px 22px;display:flex;flex-direction:column;gap:13px}.separate-metrics>strong{font-size:12px;margin-bottom:3px;font-weight:650}.separate-metrics>span{display:flex;align-items:center;font-size:10px;color:#7b8691;gap:7px}.separate-metrics b{margin-left:auto;color:#a1a9b3;font-size:9px;font-weight:400}.metric-dot{width:6px;height:6px;display:inline-block;border-radius:50%;background:#94a3b1}.crowd-dot{background:#03c75a}.road-dot{background:#6c9fea}.parking-dot{background:#9c8bd4}
.plan-cta{margin:0;border:1px solid #dcefe3;border-radius:7px;background:#f1fcf5;padding:15px 12px;gap:10px}.plan-cta .spark{color:#03b856;font-size:24px}.plan-cta b{font-size:11px;color:#3a5f48}.plan-cta small{font-size:9px;color:#7e9a87}.plan-cta>span:last-child{font-size:24px;color:#0bb75b}
.data-footnote{font-size:9px;line-height:1.9;color:#a6aeb7;margin:16px 0 0}.panel-edge-toggle{position:absolute;left:calc(var(--rail-width) + var(--panel-width) - 1px);top:46%;z-index:750;width:23px;height:57px;border:1px solid #e7ebef;border-left:0;background:#fff;border-radius:0 9px 9px 0;font-size:24px;color:#8c959e;box-shadow:4px 0 8px #00000003}
.panel-collapsed{--panel-width:0px}.panel-collapsed .sidebar{visibility:hidden;padding:0;overflow:hidden}.rail-compact{--rail-width:63px}.rail-compact .rail-button{justify-content:center;padding:10px}.rail-compact .rail-button>span:last-child,.rail-compact .rail-bottom small{display:none}
.map-area{background:#edf1ea;grid-column:3;min-width:0}.map-top{top:15px;left:20px;right:80px;justify-content:flex-start;gap:7px;flex-wrap:wrap;pointer-events:none}.map-top>*{pointer-events:auto}.map-filter{display:flex;align-items:center;justify-content:center;gap:5px;height:36px;border:1px solid #d9dfe3;border-radius:21px;background:#fff;padding:0 14px;box-shadow:0 2px 5px #00000009;font-size:11px;font-weight:500;white-space:nowrap;color:#48545e}.region-filter{background:#333a3f;border-color:#333a3f;color:white}.course-filter{color:#00a748;border-color:#c5e8d4}.layer-tabs{padding:0;gap:0;border-radius:21px;height:36px;border:1px solid #d9dfe3;background:white;box-shadow:0 2px 5px #00000009;overflow:hidden}.layer-tabs button{padding:0 13px;font-size:11px;border-radius:0;color:#78858f}.layer-tabs button.selected{background:#ebfff3;color:#00ac4d;font-weight:700}.layer-tabs button+button{border-left:1px solid #f0f2f4}
.map-tools{position:absolute;right:19px;top:20px;z-index:450;display:flex;flex-direction:column;width:46px;border:1px solid #dfe4e7;border-radius:7px;background:white;box-shadow:0 2px 7px #00000012;overflow:hidden}.map-tools button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;height:58px;font-size:9px;color:#6d7780;background:#fff}.map-tools button+button{border-top:1px solid #edf0f2}.map-tools button>span{font-size:21px;color:#343e45;line-height:1}.map-tools button:hover{background:#f8faf9}.map-tools button.selected{color:#00ac4a;background:#f1fff6}.map-tools button.selected>span{color:#00b752}.map-reset{position:absolute;right:20px;bottom:105px;z-index:450;border-radius:50%;width:40px;height:40px;font-size:24px;border:1px solid #dce3e7;color:#5b6871;box-shadow:0 2px 7px #00000012}
.map-zoom-controls{right:20px;bottom:49px;flex-direction:row;border-radius:7px;border-color:#dfe4e8;background:#fff;box-shadow:0 2px 7px #00000012}.map-zoom-controls button{width:40px;height:37px;font-size:24px;color:#626f79;background:#fff}.map-zoom-controls button:hover{background:#f6f8fa}#map-zoom-level{min-width:44px;max-width:70px;border:0;border-left:1px solid #edf0f2;border-right:1px solid #edf0f2;color:#9aa4ae;font-size:8px;padding:6px}.map-mode{right:20px;bottom:26px;background:#ffffffdc;font-size:8px;color:#96a18e}.map-title{display:none}.location-note{left:22px;bottom:10px;font-size:8px;color:#9aa58f;background:#ffffffdf}
.map-legend{left:23px;bottom:44px;border:1px solid #d1e5d7;border-radius:22px;padding:13px 18px;font-size:10px;box-shadow:0 3px 10px #00000008;background:#fffffff5;gap:12px;max-width:calc(100% - 200px)}.legend-heading{font-size:10px;border-right-color:#e8ecef;padding-right:12px;color:#404c56}.map-legend small{font-size:8px;color:#a1abb4}
.marker-inner{font-size:11px;padding:7px 13px 7px 7px;border-color:#dce5de;background:#fff;border-radius:9px;box-shadow:0 3px 12px #173d2720;color:#324a3c;gap:7px}.marker-inner b{background:#e5fbed;color:#00a84a;font-size:10px;width:26px;height:26px}.place-marker.current .marker-inner{border:2px solid #03c75a;color:#172c20;background:#fff;box-shadow:0 4px 15px #019c4e22}.place-marker.current b{background:#03c75a;color:#064720}
.detail-card{width:315px;right:82px;bottom:100px;border:1px solid #e1e6e8;border-radius:9px;padding:22px;background:#fffffff5;box-shadow:0 7px 27px #273b2d15;max-height:65%}.detail-card h2{font-family:inherit;font-size:22px;font-weight:700;letter-spacing:-.7px}.detail-label{font-size:8px;letter-spacing:1px;color:#92a58b}.detail-card p{color:#96a18f}.detail-line{background:#eef1ed}.detail-close{background:#f1f4f1;color:#8c9885}.detail-action{border-top-color:#eef1ed}.date-recommendation{background:#f3fcf6;border-color:#d8eddf}.date-recommendation button{color:#00a74a}.calendar-strip{gap:4px}.day-button{border-color:#e3ebe2;font-size:9px}.day-button.active{border-color:#03c75a;background:#f2fff6}
.map-alert{top:64px;left:22px;right:82px;background:#fffdf4f5;color:#9c8c65;border-color:#eee5c9;font-size:10px}.map-runtime-note{color:#404f46;border-color:#dfe7df;background:#fff;box-shadow:0 4px 25px #2c453610}.map-runtime-note p{color:#9da69b}.maplibregl-ctrl-attrib{background:#ffffffdb!important;font-size:8px!important;color:#98a192}
.forecast-heading h2{font-size:17px;font-weight:700;letter-spacing:-.6px;margin:22px 0 7px}.forecast-heading p{font-size:10px;color:#a6adb7;margin:0 0 22px}.forecast-place-label{display:block;font-size:10px;color:#8c97a1;margin-bottom:8px}#forecast-place{width:100%;padding:11px 12px;border:1px solid #e1e7eb;border-radius:6px;background:#fff;color:#29373f;font:500 12px 'Noto Sans KR',sans-serif}
#forecast-summary{display:flex;flex-direction:column;gap:8px;padding:22px 0 18px}#forecast-summary>span{font-size:10px;color:#8c98a1}#forecast-summary>strong{font-size:25px;font-weight:750;letter-spacing:-1px;color:#202d36}#forecast-summary>strong small{font-size:12px;color:#a2acb5;letter-spacing:0;font-weight:400}#forecast-summary>small{font-size:9px;color:#aab2bb}#forecast-summary .demo-tag{align-self:flex-start}
#forecast-chart{border-top:1px solid #eff2f4;border-bottom:1px solid #eff2f4;margin-bottom:16px;min-height:158px}.chart-empty{height:170px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.chart-empty>span{font-size:26px;color:#d0d8de;margin-bottom:8px}.chart-empty>b{font-size:11px;color:#a3adb6;font-weight:500}.chart-empty p{font-size:9px;line-height:1.8;color:#b7bec5;margin:8px 0}.forecast-calendar{display:grid;grid-template-columns:repeat(6,1fr);gap:5px}.forecast-day{border:1px solid #e8edf0;border-radius:5px;padding:8px 2px;background:#fff;display:flex;flex-direction:column;gap:7px}.forecast-day>span{font-size:8px;color:#a1aab3}.forecast-day>b{font-size:10px;color:#667681;font-weight:500}.forecast-day.active{border-color:#03c75a;background:#f0fff5}.forecast-day.active>b{color:#00ad4d}
#plan-view .intro{padding:22px 0 0;margin:0 0 24px}#plan-view .intro .eyebrow{font-size:8px;color:#06ad53;letter-spacing:1.4px}#plan-view .intro h1{font-family:inherit;font-size:22px;font-weight:700;line-height:1.5;letter-spacing:-.7px;margin:8px 0}#plan-view .intro p{font-size:10px;color:#a2acb5}.field{font-size:10px;color:#7b8792}.field input{border-color:#e2e8ed;border-radius:5px;padding:12px;background:#fff;color:#27343d;font-size:12px}.place-check{border-color:#e5ebef;background:white;font-size:11px}.place-check small{color:#aeb6be}.style-choices span{border-color:#e2e9ed;color:#93a0a8}.style-choices input:checked+span{background:#f0fff5;border-color:#03c75a;color:#00ab49}legend{font-size:11px}legend small{color:#a6b0b8}.night-choice{color:#83909a;font-size:10px}.form-note{font-size:9px;color:#a6afb8}.primary{background:#03c75a;color:#064922;font-weight:700;border-radius:5px;padding:14px;font-size:11px}.itinerary-head{border-top-color:#ecf0f2}.itinerary-head h2{font-size:15px}.timeline{border-left-color:#b3e8c8}.timeline-item:before{background:#03c75a;border-color:#fff}.timeline-item time{color:#00ad4e}.timeline-item h3{font-size:12px}.timeline-item p{color:#939fa8}.itinerary-note{background:#f5f9f6;color:#90a092;border:1px solid #e7efe9;font-size:9px}
dialog{background:#fff;border-color:#e0e6e9;border-radius:12px}dialog>h2{font-family:inherit;font-weight:700;font-size:26px;letter-spacing:-1px}.dialog-top .eyebrow{color:#00b14e}.dialog-top button{color:#9aa5ac}#research-content th{background:#f4f8f5}#research-content th,#research-content td{border-bottom-color:#e9eff0}#research-content a{color:#00a94b}.api-status-grid article{border-color:#e3e9ec}.api-status-grid span{color:#a1865d}#toast{background:#273b30;color:white;border-radius:7px;font-size:11px;box-shadow:0 4px 24px #17352222}
@media(min-width:1500px){:root{--panel-width:420px}.header{gap:20px}.header-search{flex-basis:330px}.sidebar{padding:0}.intro h1{font-size:24px}}
@media(max-width:1150px){:root{--rail-width:79px;--panel-width:345px}.header{gap:11px;padding:0 15px}.header-search{flex-basis:250px}.header nav{gap:13px;margin-left:4px}.brand{font-size:18px}.brand b{font-size:16px}.agency{display:none}.header-right{gap:10px}.side-rail{padding:14px 6px}.rail-button{flex-direction:column;gap:7px;padding:10px 5px;min-height:61px;font-size:9px}.rail-bottom small{font-size:6px;padding-left:3px}.map-top{gap:6px;left:16px}.map-filter{font-size:10px;padding:0 11px;height:34px}.layer-tabs{height:34px}.layer-tabs button{font-size:10px;padding:0 10px}.course-filter{display:none}.sidebar{padding:0}.recommend-strip{gap:6px}.recommend-strip>b{font-size:10px}.strip-label{font-size:8px}.recommend-strip>button{font-size:8px}.metric+.metric{padding-left:8px}.detail-card{width:285px;right:76px}}
@media(max-width:720px){:root{--rail-width:0px;--panel-width:0px}.header{height:57px;padding:0 13px;gap:10px}.menu-button{display:none}.brand{font-size:16px;gap:5px}.brand-symbol{width:25px;height:25px;font-size:18px}.brand b{font-size:0;margin:0}.brand b:after{content:'관광';font-size:13px}.header-search{margin-left:0;flex:1;min-width:0;height:34px;padding:7px 10px}.header-search input{font-size:10px}.search>span{font-size:20px}.search button{font-size:16px}.header nav,.header-right .prototype{display:none}.header-right{margin-left:0}.header-right .text-button{font-size:0}.header-right .text-button:after{content:'ⓘ';font-size:18px;color:#7e8992}.notice{height:32px;padding:5px 12px;font-size:8px;line-height:1.6}.notice-icon{width:10px;height:10px;font-size:7px;flex-shrink:0}.demo-control{flex-direction:row;font-size:8px;gap:5px}.switch{width:23px;height:13px;flex-shrink:0}.switch:before{top:2px;left:2px;width:9px;height:9px}.layout{height:calc(100dvh - 89px);display:block}.side-rail{position:fixed;bottom:0;left:0;right:0;height:61px;z-index:850;padding:5px 7px 7px;border:0;border-top:1px solid #e7edf0;flex-direction:row;overflow:visible;justify-content:space-around;background:#fff}.rail-main{display:contents}.rail-bottom{display:contents}.rail-bottom small{display:none}.rail-button{flex:1;min-height:0;padding:4px 1px;gap:4px;border-radius:5px;font-size:8px;min-width:0;align-items:center;justify-content:center}.rail-button.active{background:#edfff4;color:#00a947}.rail-icon{font-size:21px;height:21px}.parking-icon{width:15px;height:15px;font-size:12px;margin:3px 0}.sidebar{position:absolute;bottom:61px;left:0;right:0;height:43%;border-radius:17px 17px 0 0;padding:0 0 8px;box-shadow:0 -4px 20px #344d3c12;border-right:0;z-index:700;background:white}.sidebar.expanded{height:calc(100% - 61px)}.mobile-handle{display:block;height:17px;margin:1px auto -1px}.mobile-handle:after{height:3px;background:#d6dfe1}.panel-heading{height:59px;padding:9px 20px 11px}.panel-heading h1{font-size:16px}.panel-heading p{font-size:9px;margin-top:5px}.panel-heading>button{font-size:24px}#explore-view,#plan-view{padding:0 18px 20px}.panel-tabs{height:43px;margin:0 -18px 15px;padding:0 20px;gap:25px}.panel-tabs button{font-size:11px}.date-bar{padding:10px 12px;margin-bottom:15px}.section-heading h2{font-size:14px}.place-card{padding:14px}.recommend-strip{padding:10px;margin-bottom:19px}.recommend-strip>b{font-size:11px}.recommend-strip>button{font-size:9px}.separate-metrics{margin-left:-18px;margin-right:-18px;padding:18px}.panel-edge-toggle{display:none}.panel-collapsed .sidebar{visibility:hidden}.map-area{position:absolute;inset:0 0 61px;grid-column:auto}.map-top{top:13px;left:12px;right:63px;gap:6px}.map-filter{height:32px;font-size:10px;padding:0 11px}.region-filter{display:none}.layer-tabs{height:32px}.layer-tabs button{font-size:10px;padding:0 11px}.map-tools{top:62px;right:12px;width:38px;border-radius:6px}.map-tools button{height:46px;font-size:8px;gap:4px}.map-tools button>span{font-size:18px}.map-reset{right:12px;bottom:calc(43% + 71px);height:35px;width:35px;font-size:21px}.map-zoom-controls{right:12px;bottom:calc(43% + 25px)}.map-zoom-controls button{height:33px;width:34px;font-size:21px}#map-zoom-level{min-width:40px;font-size:7px}.map-mode{bottom:calc(43% + 5px);right:12px;font-size:7px}.map-legend{left:12px;bottom:calc(43% + 25px);padding:11px 12px;max-width:calc(100% - 150px);gap:8px;font-size:8px}.legend-heading{font-size:8px;padding-right:8px}.map-legend small{display:none}.map-alert{top:52px;left:12px;right:61px;font-size:8px;padding:8px}.map-runtime-note{top:30%;max-width:310px;padding:17px}.map-runtime-note strong{font-size:13px}.map-runtime-note p{font-size:9px}.detail-card:not([hidden]){display:block;position:absolute;left:12px;right:61px;bottom:calc(43% + 70px);width:auto;max-height:35%;padding:15px;z-index:500}.detail-card h2{font-size:17px}.detail-card p{font-size:9px}.status-grid>div{font-size:9px}.status-grid b{font-size:10px}.detail-label{font-size:7px}.maplibregl-ctrl-bottom-right{bottom:0}.location-note{display:none}.panel-collapsed .map-reset{bottom:83px}.panel-collapsed .map-zoom-controls{bottom:35px}.panel-collapsed .map-mode{bottom:14px}.panel-collapsed .map-legend{bottom:35px}.panel-collapsed .detail-card:not([hidden]){bottom:90px;max-height:50%}.forecast-heading h2{margin-top:20px}.forecast-calendar{grid-template-columns:repeat(6,1fr)}#toast{bottom:76px;font-size:10px;white-space:normal;text-align:center}.rail-compact .rail-button>span:last-child{display:block}.rail-compact .rail-button{padding:4px 1px}}

.hub-place{display:flex;align-items:center;gap:12px;width:100%;padding:15px 20px;background:white;border:0;border-bottom:1px solid #edf0f2;text-align:left;cursor:pointer}.hub-place:hover{background:#f1fcf5}.hub-place>b{color:#00a64c;min-width:24px}.hub-place>span{flex:1}.hub-place strong,.hub-place small{display:block}.hub-place small{color:#7d8792;font-size:11px;margin-top:5px}#hub-catalog{border-bottom:6px solid #f2f4f6}