/* v77: one responsive layout shared by desktop and mobile. */
:root{--ink:#222126;--ink2:#65605c;--muted:#89817a;--coral:#ed795e;--line:#eee3da;--serif:"Noto Sans KR",sans-serif}
html{scroll-behavior:smooth;scroll-padding-top:86px}body{background:#fcf9f5!important;font-family:"Noto Sans KR",sans-serif;line-height:1.5;color:var(--ink);padding-bottom:0!important}
button,input{font-family:inherit}button{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #e9896d;outline-offset:3px}svg{flex-shrink:0}img{max-width:100%}
.adRail:empty,.adBottom:empty{display:none!important}.adLayout{display:block}.adLayout>.wrap{width:100%;max-width:1380px!important;padding:0 32px 28px!important}.tnIn{max-width:1380px;padding:0 32px;height:72px;gap:20px}.tnLogo{white-space:nowrap;font-size:27px}.tnMenu{gap:26px;margin-left:auto}.tnMenu a{font-size:13px;white-space:nowrap}.tnRight{gap:2px}.tnLogo small{font-size:10px}.topNav{box-shadow:none}
.hero{margin:0 -32px;padding:32px 32px 20px!important;background:linear-gradient(100deg,#fcf4eb 10%,#fff7ee 65%,#f6e1d2)!important;border-radius:0!important;box-shadow:none!important;overflow:hidden}
.heroTop{min-height:235px}.heroText{max-width:56%;padding-top:18px}.hero .eyebrow{display:none}.heroHead{font-size:44px!important;line-height:1.3;letter-spacing:-2px!important}.hero .handTag{display:none}.hero .sub{max-width:490px;font-size:16px!important;line-height:1.8!important;font-weight:400;margin-top:14px!important;word-break:keep-all}
.heroArt{top:-32px;right:-32px;width:54%;height:285px;background:url('img/seoul-sunset.png') center 54%/cover no-repeat;mask-image:linear-gradient(90deg,transparent,#000 25%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 25%)}
.heroArt img{width:64%;margin-left:21%;object-position:center 56%;opacity:1;mask-image:linear-gradient(90deg,transparent,#000 15%,#000 88%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 15%,#000 88%,transparent)}
.calli{left:auto;right:14px;top:38px;font-size:28px;color:#c25c40}.calli .d{display:block}
.chipRow{margin-top:0;padding:14px 18px 0;background:#fff;gap:12px}.heroTop+.chipRow{border-radius:20px 20px 0 0}.chipRow+.chipRow{margin-top:0;padding-top:10px}.chipIco{background:#fff7f1;border-color:#f5e5d9;width:32px;height:32px;flex-basis:32px}
#areas.areaChips,#areas.districtFilters,#cuisineFilters.cuisineFilters{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;gap:8px;min-width:0;mask-image:none!important;-webkit-mask-image:none!important;scrollbar-width:thin;scrollbar-color:#eedbd0 transparent;padding:2px 0 6px!important}
#areas button,#cuisineFilters button{flex:0 0 auto;padding:8px 19px!important;min-height:40px;font-size:13px!important;font-weight:500;white-space:nowrap}.toolbar.tb2{margin:0!important;padding:10px 18px 14px;background:white;border-radius:0 0 20px 20px;grid-template-columns:minmax(0,1fr) 170px 155px 150px!important;gap:10px!important;box-shadow:0 10px 24px #553b2310}
.searchBox,.dtBox{border-radius:12px;height:48px;padding:0 13px}.searchBox input,.dtBox input{font-weight:500;font-size:14px}.searchBox .hint{display:none}#reroll{height:48px;box-shadow:none!important;border-radius:13px!important;font-size:14px!important}.prefToggle{height:44px;width:100%;border:1px solid #eddfd5!important;background:#fff9f4!important;box-shadow:none!important;border-radius:12px!important;margin-top:12px!important}.prefToggle .pt1{font-size:13px}.prefToggle .pt2{font-weight:400;font-size:12px}.prefPanel{margin-top:8px}
.panel{border:1px solid #efe7e0!important;border-radius:20px!important;box-shadow:0 5px 20px #50311b04!important;padding:20px;min-width:0}.homeReco{background:transparent!important;border:0!important;box-shadow:none!important;padding:0;margin:24px 0 0!important}.recoHead{align-items:center;gap:12px;margin-bottom:14px}.panel h2,.recoHead h2,#pt,.rankHead h2{font-size:23px!important;font-weight:800;letter-spacing:-1px!important}.meta{font-size:12px;font-weight:400;line-height:1.65}.recoMore{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:8px 12px!important;font-size:12px!important;white-space:nowrap}.recoHead .meta{margin-top:5px}.recoCards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important;margin:0!important;padding:0!important}
.recoCard.v76{border:1px solid #eee3da!important;border-radius:15px!important;background:#fff!important;box-shadow:0 6px 16px #50331b06!important;min-width:0}.recoCard.v76 .recoPhoto{width:100%;height:200px!important}.recoCard.v76 .recoPhoto img{position:absolute;right:0;width:65%;height:100%;object-fit:cover}.recoCard.v76 .recoPhoto:after{background:linear-gradient(90deg,#fff 14%,#fffffff5 39%,#ffffffa6 58%,transparent 80%)!important}.recoTag{top:14px;left:16px;color:#c76145;background:#fff0e6;box-shadow:none;padding:4px 12px;font-size:11px}.heartBtn{background:#fff;color:#e77960;right:10px;top:12px;width:30px;height:30px}.recoOver{top:49px;bottom:auto;left:0;right:auto;width:75%;padding:0 16px;color:var(--ink)}.recoCard.v76 .recoTitle{font-size:18px!important;color:var(--ink)!important;text-shadow:none;line-height:1.45;font-weight:800;word-break:keep-all}.recoCaption{font-size:11px;line-height:1.55;color:#898079;margin-top:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-width:190px}.recoKinds{font-size:10px;color:#826b5b;gap:4px;flex-wrap:nowrap;white-space:nowrap;margin-top:8px}.recoKinds span{background:#fff0e6;padding:2px 5px;border-radius:8px}.recoKinds i{display:none}.recoCard.v76 .recoTime{color:#8c8279;font-size:10px;margin-top:5px}
.grid{grid-template-columns:minmax(0,1fr) 355px!important;gap:18px!important;align-items:start;margin-top:22px}.rankHead{gap:8px;align-items:center}.rankHead .crown{display:none}.rankHead .meta{font-size:11px}#list{height:auto!important;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px;overflow:visible;padding:0}#list:not(.tall) .rankingCard:nth-child(n+7){display:none!important}.card.rankingCard.v76{border-radius:13px!important;box-shadow:none!important;transition:border-color .2s}.card.rankingCard.v76:hover{transform:none;border-color:#eea287!important}.rkPhoto{height:136px}.rkNum{height:30px;min-width:30px;font-size:15px;border-radius:0 0 10px 0}.card.rankingCard.v76 .rankInfo{padding:11px;gap:7px}.card.rankingCard.v76 .nameRow{display:flex;flex-wrap:nowrap;gap:6px;align-items:flex-start}.card.rankingCard.v76 .nameRow .name{font-family:inherit!important;flex:1;min-width:0;font-size:14px!important;line-height:1.45!important;font-weight:700!important;word-break:keep-all;overflow-wrap:anywhere}.recommendScore{display:inline-flex;align-items:baseline;gap:2px;color:#d76549;white-space:nowrap;flex-shrink:0;line-height:1.4}.recommendScore strong{font-size:17px;font-weight:800}.recommendScore small{font-size:10px}.rankBadges{display:flex;flex-wrap:wrap;gap:4px;min-height:17px}.badge{font-size:9px;padding:4px 6px;font-weight:500;margin:0;line-height:1.1}.badge.mich{background:#ce4548}.badge.tv{background:#fff0e7;color:#ad6142}.rkLine{font-size:11px;font-weight:400;gap:5px}.rkLine .cuisineVal{font-weight:500}.rkAddr{font-size:10px;line-height:1.6}.rkDesc{font-size:11px;font-weight:400;line-height:1.65;padding-right:12px}.emptyResults{grid-column:1/-1;text-align:center;padding:45px 12px;color:#82776f}.emptyResults strong{font-size:16px;color:#49413c}.emptyResults p{font-size:13px}.emptyResults button{color:#c75e43;font-size:12px}
.panel.course{padding:20px;box-shadow:none!important}.course h2#ct{font-size:19px!important;word-break:keep-all}.course h2#ct:before{font-size:12px}.course .warn{font-size:10px;padding:10px;line-height:1.6}.step.v2{grid-template-columns:minmax(0,1fr) 64px!important;padding:13px 0 13px 22px!important;gap:10px}.step.v2 .stepSide{min-width:0}.step.v2 .stepPhoto{width:64px!important;height:64px!important;border-radius:10px!important}.step.v2 .name{font-size:14px!important}.step.v2 .pdesc{font-size:11px!important;line-height:1.65}.step.v2 .kind{font-size:10px!important;padding:3px 7px}.step.v2 .time{font-size:10px}.step.v2 .links{gap:4px}.links a,.links .linkBtn{font-size:10px;padding:4px 7px}.step.v2 .walk{grid-column:auto!important;text-align:left;font-size:10px}.summary{gap:4px}.summary span{font-size:10px;padding:5px 8px}.poiGrid{grid-template-columns:repeat(4,minmax(0,1fr))}.poi{min-width:0;padding:12px}.poiVisual{grid-template-columns:44px minmax(0,1fr) auto!important}.poiVisual img{width:44px!important;height:40px!important}.poiVisual span{font-size:11px!important}
.ctaBand{max-width:1380px;margin:0 auto 20px;padding:0 32px}.ctaBand>div{background:linear-gradient(90deg,#fff0e7 10%,#fff0e7e6 45%,#fff0e722),url('img/seoul-sunset.png') center 52%/cover;border-radius:18px;padding:20px 26px;gap:26px}.ctaBand .hand{font-size:29px}.ctaBand p{font-size:12px}.ctaBand button{font-size:12px;padding:12px 20px;box-shadow:none;white-space:nowrap}.ctaBand .pola i{background:url('img/seoul-sunset.png') center/cover}.ctaBand .pola:nth-child(2) i{background:url('img/seoul-couple.png') center/cover}.ctaBand .pola:nth-child(3) i{background:url('img/seoul-sunset.png') 70%/cover}.siteFoot{margin:20px 0!important;padding:0 16px!important}.toCourse{display:none!important}
@media(min-width:1101px){.rankPanel{min-height:550px}}
@media(max-width:1100px) and (min-width:761px){.tnLogo small,.tnMenu{display:none}.heroHead{font-size:36px!important}.heroText{max-width:60%}.hero .sub{font-size:14px!important}.toolbar.tb2{grid-template-columns:minmax(0,1fr) 140px 130px!important}.searchBox{grid-column:1/-1}#reroll{grid-column:auto}.grid{grid-template-columns:minmax(0,1fr) 310px!important}#list{grid-template-columns:repeat(2,minmax(0,1fr))}.recoCard.v76 .recoTitle{font-size:15px!important}.recoOver{width:89%}.recoCaption{max-width:150px}.recoKinds{font-size:9px}.recoCards{display:grid!important}.poiGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.calli{display:none}}
@media(max-width:760px){
 html{scroll-padding-top:16px}body{padding-bottom:calc(78px + env(safe-area-inset-bottom))!important}.adLayout>.wrap{padding:0 14px 20px!important}.hero{margin:0 -14px;padding:25px 14px 16px!important;background:linear-gradient(150deg,#fff8f1,#fcf0e7)!important;border-radius:0 0 22px 22px!important}.heroTop{min-height:198px}.heroText{max-width:70%;padding-top:8px}.heroLogo{font-size:39px!important;letter-spacing:-2px!important;margin:0!important;line-height:1.2}.hero .handTag{display:block;font-size:20px;line-height:1.3;margin-top:8px;width:280px;max-width:130%}.hero .sub{font-size:12px!important;line-height:1.8!important;margin-top:12px!important;max-width:240px}.heroArt{top:-25px;right:-14px;width:60%;height:220px;opacity:.82;mask-image:linear-gradient(90deg,transparent,#000 50%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 50%)}.heroArt img{width:100%;margin-left:0;object-position:48% 55%;mask-image:linear-gradient(180deg,#000 70%,transparent);-webkit-mask-image:linear-gradient(180deg,#000 70%,transparent)}.calli{display:none}.chipRow{padding:8px 0 0;background:transparent;gap:8px}.chipRow+.chipRow{padding-top:5px}.chipIco{width:32px;height:32px;flex-basis:32px}.chipRow #areas,.chipRow #cuisineFilters{scrollbar-width:none}#areas button,#cuisineFilters button{min-height:39px;font-size:12px!important;padding:8px 16px!important}#areas button.on{background:var(--coral)!important;border-color:var(--coral)!important}.toolbar.tb2{padding:8px 0 0;background:transparent;box-shadow:none;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:8px!important}.searchBox{grid-column:1/-1}.searchBox,.dtBox{height:48px;border-radius:13px}.toolbar.tb2 .dtBox #date,.toolbar.tb2 .dtBox #time{font-size:13px}#reroll{grid-column:1/-1;height:46px;border-radius:15px!important}.prefToggle{height:45px;background:#fff!important}.prefToggle .pt1{white-space:nowrap;font-size:12px}.prefToggle .pt2{font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.prefToggle .pt1:after{margin:0 3px 0 8px}.prefToggle{gap:7px;padding:0 10px!important}.ptIco{width:18px}.hero .prefPanel .modeBtns{flex-wrap:wrap}
 .panel{padding:16px 12px;border-radius:19px!important}.homeReco{background:#fff!important;border:1px solid #efe7e0!important;padding:17px 12px 12px;margin:16px 0 0!important;overflow:hidden}.panel h2,.recoHead h2,#pt,.rankHead h2{font-size:20px!important}.recoHead{align-items:flex-start;gap:8px;margin-bottom:12px}.recoHead h2:after{width:11px;margin-left:4px}.recoHead .meta{font-size:11px;line-height:1.65;margin-top:5px}.recoHead .recoMore{font-size:10px!important;padding:6px 8px!important}.recoMore .ico{width:12px;height:12px}.recoCards{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px!important;padding-bottom:3px!important}.recoCard.v76{flex:0 0 68%!important;scroll-snap-align:start;border-radius:13px!important}.recoCard.v76 .recoPhoto{height:235px!important}.recoCard.v76 .recoPhoto img{width:100%;height:100%}.recoCard.v76 .recoPhoto:after{background:linear-gradient(180deg,transparent 24%,#24170c30 40%,#24170ce6)!important}.recoTag{left:10px;top:10px;font-size:11px;background:#fff5e9}.heartBtn{right:9px;top:9px}.recoOver{width:100%;top:auto;bottom:13px;padding:0 12px}.recoCard.v76 .recoTitle{font-size:17px!important;color:#fff!important;line-height:1.45}.recoCaption{display:none}.recoKinds{color:#fff;font-size:10px;margin-top:8px;gap:4px;flex-wrap:wrap}.recoKinds span{background:transparent;padding:0}.recoKinds i{display:inline;font-size:9px}.recoCard.v76 .recoTime{color:#fff;font-size:10px;margin-top:7px}.grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:16px!important;margin-top:16px}.rankHead{align-items:flex-start}.rankHead .meta{font-size:10px;max-width:220px}.rankHead .recoMore{font-size:10px!important;padding:6px 8px!important}#list{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin-top:12px}#list:not(.tall) .rankingCard:nth-child(n+5){display:none!important}.card.rankingCard.v76{display:grid!important;grid-template-columns:90px minmax(0,1fr)!important;margin:0!important;border-radius:13px!important;overflow:hidden;align-items:stretch;gap:0}.rkPhoto{height:100%;min-height:112px;min-width:0;margin:0;border-radius:0}.card.rankingCard.v76 .photoTile{position:absolute;inset:0}.rkNum{font-size:14px;width:25px;height:27px;min-width:25px}.card.rankingCard.v76 .rankInfo{padding:10px 10px 12px;gap:6px}.card.rankingCard.v76 .nameRow .name{font-size:13px!important}.recommendScore strong{font-size:17px}.recommendScore small{font-size:9px}.badge{font-size:8px;padding:3px 5px}.rankBadges{min-height:0;gap:3px}.rkLine{font-size:10px}.rkAddr{font-size:9px}.bookBtn{width:24px;height:24px;right:4px;bottom:4px}.bookBtn svg{width:15px;height:15px}.rkDesc{display:none}.panel.course{padding:18px 14px}.course h2#ct{font-size:20px!important}.step.v2{grid-template-columns:minmax(0,1fr) 68px!important}.step.v2 .stepPhoto{width:68px!important;height:68px!important}.step.v2 .name{font-size:15px!important}.step.v2 .pdesc{font-size:12px!important}.poiGrid{grid-template-columns:minmax(0,1fr)!important;gap:10px}.poiVisual span{font-size:12px!important}.botNav{height:calc(64px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:#fffcf9f5;backdrop-filter:blur(14px);border-radius:20px 20px 0 0;box-shadow:0 -4px 20px #49321d08}.botNav button{font-size:10px;font-weight:500}.botNav button svg{width:23px;height:23px}.botNav button.on{color:#e87057}.adBottom{bottom:calc(64px + env(safe-area-inset-bottom))!important}.ctaBand{display:none!important}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* Stable local artwork while remote place photos load. */
.card.rankingCard.v76 .rkPhoto{width:100%;align-self:stretch}.card.rankingCard.v76 .rankInfo{width:100%}
.recoCard.v76 .recoPhoto{background:url('img/seoul-sunset.png') center/cover}
.recoCard.v76:nth-child(2) .recoPhoto{background-image:url('img/seoul-couple.png')}
@media(min-width:1101px){.heroTop{min-height:205px}.heroArt{height:255px}.recoHead>div{display:flex;align-items:baseline;gap:20px}.recoHead .meta{font-size:11px}.hero{padding-bottom:16px!important}}
@media(max-width:760px){.hero .handTag{font-size:16px;white-space:nowrap;letter-spacing:-.7px;max-width:none;width:auto}.hero .sub{max-width:210px}.heroText{max-width:70%}}

/* Recommendation score: a softly inked approval stamp. */
.recommendScore{position:relative;align-items:baseline;justify-content:center;gap:2px;min-width:49px;padding:5px 7px 4px;margin:2px 2px 2px 4px;border:2px solid #bd5948;border-radius:7px 5px 8px 5px;color:#b65343;background:#fff8f2;transform:rotate(-7deg);line-height:1.15;box-shadow:inset 0 0 0 1px #fff8f2,inset 0 0 0 2px #bd594833}
.recommendScore:after{content:"";position:absolute;inset:3px;border:1px solid #bd594861;border-radius:3px;pointer-events:none}
.recommendScore strong{font-size:19px;font-weight:900;letter-spacing:-.8px}.recommendScore small{font-size:10px;font-weight:700}
@media(max-width:760px){.recommendScore{min-width:44px;padding:4px 6px 3px;margin-top:2px}.recommendScore strong{font-size:17px}.recommendScore small{font-size:9px}}
/* ===== v77b (웹 PC 보정): 자연스러운 한 장 사진, 눈에 띄는 코스 설정, 랭킹:코스 = 반반 ===== */
@media(min-width:761px){
 .hero{padding-top:24px!important;padding-bottom:18px!important}
 .heroTop{min-height:330px!important}
 .heroArt{top:-24px!important;right:-32px!important;width:60%!important;height:calc(100% + 42px)!important;background:none!important;opacity:1!important;
  mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.6) 22%,#000 40%)!important;-webkit-mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.6) 22%,#000 40%)!important}
 .heroArt img{width:100%!important;height:100%!important;margin:0!important;object-fit:cover!important;object-position:50% 45%!important;mask-image:none!important;-webkit-mask-image:none!important;opacity:1!important}
 .heroArt:after{content:"";position:absolute;left:0;right:0;bottom:0;height:40px;background:linear-gradient(180deg,transparent,rgba(252,244,235,.7));pointer-events:none}
 .calli{right:26px!important;top:22px!important;font-size:30px!important;color:#c7502a!important;text-shadow:0 2px 14px rgba(255,255,255,.9)!important}
 .heroText{max-width:52%!important;padding-top:34px!important}
 /* 코스 설정 줄: 누를 수 있는 것처럼 */
 .prefToggle{height:54px!important;padding:0 18px!important;background:#fff!important;border:1px solid #e8d8cc!important;border-radius:14px!important;box-shadow:0 4px 14px rgba(92,62,36,.06)!important;margin-top:12px!important;cursor:pointer;transition:.15s}
 .prefToggle:hover{border-color:#f2b9a6!important;box-shadow:0 8px 20px rgba(92,62,36,.10)!important}
 .prefToggle .ptIco{width:30px;height:30px;border-radius:50%;background:#fff1ec;color:var(--coral);display:inline-grid;place-items:center}
 .prefToggle .pt1{font-size:15px!important;font-weight:900!important;color:var(--ink)!important}
 .prefToggle .pt1:after{height:16px!important}
 .prefToggle .pt2{font-size:14px!important;font-weight:600!important;color:var(--ink2)!important}
 .prefToggle:after{content:"바꾸기";margin-left:auto;font-size:12px;font-weight:800;color:var(--coral);background:#fff1ec;border:1px solid #f6d3c8;border-radius:999px;padding:6px 12px}
 .prefToggle .chev{margin-left:8px!important;width:18px;height:18px;color:var(--muted)!important}
 .prefToggle.open:after{content:"접기"}
 /* 랭킹 : 코스 = 반반, 코스 패널을 더 도드라지게 */
 .grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:20px!important;align-items:start}
 #list{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .panel.course{border:2px solid #f2b9a6!important;background:linear-gradient(180deg,#fff8f3 0%,#fff 140px)!important;box-shadow:0 22px 50px rgba(236,111,91,.16)!important;padding:24px!important;position:sticky;top:84px}
 .course h2#ct{font-size:24px!important;line-height:1.3!important}
 .course h2#ct:before{font-size:13.5px!important;letter-spacing:.02em;display:block;width:fit-content;background:var(--coral);color:#fff;padding:5px 11px;border-radius:999px;margin-bottom:10px}
 .course .meta,#desc{font-size:13.5px!important}
 .course .warn{font-size:11.5px!important}
 .step.v2 .name{font-size:18px!important}
 .step.v2 .stepPhoto,.step.v2 .stepThumb{width:84px!important;height:84px!important}
 .rankPanel{min-height:0!important}
}
@media(min-width:761px) and (max-width:1100px){.grid{grid-template-columns:minmax(0,1fr)!important}.panel.course{position:static}.heroText{max-width:58%!important}}
/* ===== v77c (웹 PC 보정): 상단 박스·추천 코스·랭킹 패널 폭/테두리 맞추기 ===== */
@media(min-width:761px){
 .hero{margin:0!important;padding:24px 24px 18px!important;border-radius:24px!important;border:1px solid #f0e2d6!important}
 .heroArt{right:-24px!important}
 .heroTop+.chipRow,.toolbar.tb2{border-radius:0!important}
 .heroTop+.chipRow{border-radius:18px 18px 0 0!important}
 .toolbar.tb2{border-radius:0 0 18px 18px!important}
 .prefToggle{margin-top:10px!important}
 .homeReco{margin-top:22px!important}
 .rankPanel{border:2px solid #efe0d5!important;border-radius:20px!important;background:#fff!important;padding:24px!important;box-shadow:none!important}
 .panel.course{border-radius:20px!important}
 .grid{gap:20px!important}
 #list{gap:14px!important;margin-top:16px!important}
}
/* ===== v78: 랭킹 목록 넘침 수정, 같은 줄 버튼 높이 통일, 설정 피드백, 예산, 경고 버튼 ===== */
.grid>.panel:not(.course) .list,#list{flex:none!important;height:auto!important;min-height:0!important;overflow:visible!important}
.rankPanel{display:block!important;height:auto!important;max-height:none!important}
.rankHead{display:flex;align-items:center;gap:12px}.rankHead .recoMore,.recoHead .recoMore{height:38px;padding:0 14px!important;display:inline-flex;align-items:center}
.recoHead{align-items:center!important}
/* 코스 위 버튼 줄 */
.courseTop{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 4px}
.courseTop .toList,.courseTop .saveCourseBtn,.courseTop .prefBtn{display:inline-flex!important;align-items:center;justify-content:center;gap:6px;height:40px;margin:0!important;padding:0 14px!important;border-radius:999px!important;font-size:12.5px!important;font-weight:800!important;line-height:1;font-family:inherit;cursor:pointer;box-sizing:border-box}
.courseTop .toList{background:#fff!important;border:1px solid var(--line)!important;color:var(--ink2)!important}
.courseTop .prefBtn{background:#fff1ec;border:1px solid #f6d3c8;color:var(--coral)}
.courseTop .prefBtn:hover{background:#ffe6de}
.courseTop .saveCourseBtn{border:1px solid var(--line)}
.courseTop .ico,.courseTop svg{width:14px;height:14px}
/* 코스 아래 버튼 줄: 길찾기 · 공유 · 바꾸기 */
.courseActions{display:flex;flex-wrap:wrap;gap:8px;align-items:stretch}
.courseActions .routeBtn,.courseActions .shareBtn{height:44px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 16px!important;margin:0!important;box-sizing:border-box;font-size:13.5px!important;line-height:1}
.courseActions .changeBtn{color:var(--coral)!important;border-color:#f6d3c8!important;background:#fff1ec!important}
.summary{align-items:center}.summary span{display:inline-flex;align-items:center;gap:4px;height:30px;box-sizing:border-box;line-height:1}
/* 경고문 안의 전환 버튼 */
.warnBtns{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.warnBtns button{display:inline-flex;align-items:center;gap:5px;height:36px;padding:0 13px;border-radius:999px;border:1px solid #f0c9b8;background:#fff;color:#c7502a;font-weight:800;font-size:12.5px;font-family:inherit;cursor:pointer}
.warnBtns button:hover{background:#fff1ec}.warnBtns .ico{width:14px;height:14px}
/* 설정 패널: 현재 설정 안내 줄 */
.prefLive{display:flex;align-items:center;gap:10px;margin-top:12px;padding:10px 14px;border-radius:12px;background:#fff7f2;border:1px dashed #f0cdbd;font-size:12.5px;color:var(--ink2);line-height:1.5}
.prefLive .plDot{width:8px;height:8px;border-radius:50%;background:var(--coral);flex:0 0 auto}
.prefLive b{color:#c7502a}
.prefLive .plGo{display:none;margin-left:auto;flex:0 0 auto;height:32px;padding:0 12px;border-radius:999px;border:0;background:var(--coral);color:#fff;font-weight:800;font-size:12px;font-family:inherit;cursor:pointer}
.prefLive.hasCourse .plGo{display:inline-flex;align-items:center}
.prefLive.flash,.prefToggle.flash{animation:oeFlash .9s ease}.rankHead.flash{animation:oeFlash .9s ease;border-radius:14px}
@keyframes oeFlash{0%{box-shadow:0 0 0 0 rgba(231,96,76,.55);background:#ffe9e2}60%{box-shadow:0 0 0 10px rgba(231,96,76,0)}100%{box-shadow:0 0 0 0 rgba(231,96,76,0)}}
.prefToggle .pt2{transition:color .3s}.prefToggle.flash .pt2{color:#c7502a!important}
/* 토스트 */
.oeToast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);opacity:0;pointer-events:none;z-index:1200;display:flex;align-items:center;gap:12px;background:#2a211c;color:#fff;padding:12px 16px;border-radius:999px;font-size:13px;font-weight:700;box-shadow:0 12px 30px rgba(0,0,0,.25);transition:.25s;max-width:calc(100vw - 32px);white-space:nowrap}
.oeToast.show{opacity:1;transform:translate(-50%,0);pointer-events:auto}
.oeToast button{border:0;background:var(--coral);color:#fff;border-radius:999px;padding:6px 12px;font-weight:800;font-size:12px;font-family:inherit;cursor:pointer}
@media(max-width:760px){.oeToast{left:16px;right:16px;bottom:calc(74px + env(safe-area-inset-bottom));transform:translateY(20px);max-width:none;border-radius:16px;font-size:12.5px;padding:11px 14px;white-space:normal;justify-content:space-between}.oeToast.show{transform:none}.oeToast span{white-space:normal;line-height:1.4}.oeToast button{flex:0 0 auto;white-space:nowrap}}
/* 가격대 */
.priceVal{color:#a06a4e;font-weight:700}
/* 추천 카드 표지: 사진이 글자 뒤로 자연스럽게 */
.recoCard.v76 .recoPhoto img{object-position:center 60%}
@media(max-width:760px){.courseTop{gap:6px}.courseTop .toList,.courseTop .saveCourseBtn,.courseTop .prefBtn{height:38px;font-size:12px!important;padding:0 12px!important}.courseActions .routeBtn,.courseActions .shareBtn{height:42px;font-size:12.5px!important}.prefLive{font-size:11.5px;padding:9px 12px}.prefLive .plGo{height:28px;font-size:11px}}

/* ===== v80 ===== */
/* 5. 맛집 저장(북마크) 버튼: 아이콘과 hover 배경 정확히 맞춤 */
.bookBtn{display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;margin:0!important;line-height:0!important;border-radius:50%!important;box-sizing:border-box;width:30px;height:30px;transition:background .15s,color .15s}
.bookBtn svg{display:block!important;width:17px!important;height:17px!important;margin:0!important}
@media(max-width:760px){.bookBtn{width:28px;height:28px;right:4px;bottom:4px}.bookBtn svg{width:16px!important;height:16px!important}}
/* 6. 코스 설명문: 지도 아래로 이동, 글자 작게 */
.course #desc{font-size:12.5px!important;line-height:1.55;margin:14px 2px 0!important;padding-top:12px;border-top:1px dashed #eadfd5}
/* 2. 모바일 스크롤 반짝임 방지: 흐림(backdrop-filter)·마스크·무한 애니메이션을 모바일에서 끔 */
@media(max-width:760px){
 .topNav,.botNav,.panel:not(.course),.poiBox,.heartBtn{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
 .topNav{background:rgba(255,252,250,.985)!important}
 .panel:not(.course){background:#fff!important}
 .thumb,.stepThumb,.miniPhoto img{animation:none!important;background:#efe7df!important}
 #areas,#areas.areaChips,#areas.districtFilters,.prefPanel .modeBtns{mask-image:none!important;-webkit-mask-image:none!important}
 .topNav,.botNav{transform:translateZ(0);backface-visibility:hidden}
 .recoPhoto img,.thumb,.stepThumb{backface-visibility:hidden}
}
/* 1. 계정 패널 */
.accountPanel{margin-top:18px}
.accBox{margin-top:14px;display:grid;gap:10px;max-width:480px}
.accField{display:grid;gap:5px;font-size:12.5px;font-weight:800;color:var(--ink2)}
.accField input{height:44px;border:1.5px solid #e7dbd0;border-radius:12px;padding:0 14px;font-size:15px;font-family:inherit;background:#fff;outline:none}
.accField input:focus{border-color:var(--coral)}
.accBtns{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.accBtns button{height:40px;padding:0 16px;border-radius:999px;border:1.5px solid #e7dbd0;background:#fff;font-weight:800;font-size:13px;font-family:inherit;cursor:pointer;color:var(--ink)}
.accBtns .accMain{background:var(--coral);border-color:var(--coral);color:#fff}
.accBtns .accLink{border:0;background:transparent;color:var(--muted);font-weight:700;padding:0 6px}
.accBtns .accDanger{color:#b7302f;border-color:#f0d3d2}
.accMsg{font-size:12.5px;color:#b7302f;min-height:1.2em;font-weight:700}.accMsg.ok{color:#2f8a4a}
.accNote{font-size:12px;color:var(--muted);line-height:1.55}.accNote a{color:var(--coral)}
.accWho{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}.accWho b{font-size:16px}.accWho span{font-size:12px;color:#2f8a4a;font-weight:800}

/* ===== v81 대표 이미지 표시 ===== */
.rkPhoto{position:relative}.aiTag{position:absolute;left:8px;bottom:8px;z-index:2;font-size:9.5px;font-weight:800;letter-spacing:-.2px;color:#fff;background:rgba(42,33,28,.55);padding:3px 7px;border-radius:999px;pointer-events:none}
@media(max-width:760px){.aiTag{left:5px;bottom:5px;font-size:9px;padding:2px 6px}}

/* ===== v82 실제 사진 보기 힌트 ===== */
.aiTag{display:none!important}
.photoTile small.seeReal,.stepPhoto small.seeReal{display:flex!important;position:absolute;left:0;right:0;bottom:0;justify-content:center;align-items:center;gap:3px;background:rgba(22,18,16,.6);color:#fff;border-radius:0;padding:5px 4px;line-height:1;font-size:9.5px;font-weight:800;letter-spacing:-.2px;pointer-events:none;transition:background .15s;white-space:nowrap;overflow:hidden}
.photoTile:hover small.seeReal,.stepPhoto:hover small.seeReal{background:rgba(232,93,66,.92)}
.stepPhoto small.seeReal{font-size:9px;padding:4px 3px}
@media(max-width:760px){.photoTile small.seeReal{font-size:9px;padding:4px 3px}.stepPhoto small.seeReal{font-size:8.5px}}
@media(min-width:761px){.photoTile small.seeReal{left:auto;right:10px;bottom:10px;border-radius:999px;padding:6px 10px;font-size:11px;background:rgba(22,18,16,.66)}}

/* ===== v83 추천 표지: 다 읽힌 뒤에만 보이기(이전 사진 잔상·반쯤 그려지는 현상 방지) ===== */
.recoCard.v76 .recoPhoto{background:#e9ddd2!important}
.recoCard.v76 .recoPhoto img.cvr{opacity:0;transition:opacity .28s ease}
.recoCard.v76 .recoPhoto img.cvr.ld{opacity:1}

/* v85: 랭킹 카드 설명 2줄 고정 높이 / 코스 마지막 점선 끊기 */
.rkDesc{min-height:2.9em!important;height:2.9em!important;-webkit-line-clamp:2!important}
.step.v2.lastStep:after,.step.v2:not(:has(~ .step.v2)):after{display:none!important}

/* v86: 설명 2줄이 잘리지 않게 (ui-v77의 line-height 1.65 기준으로 높이 재계산) */
.rkDesc{display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;overflow:hidden!important;line-height:1.5!important;height:3em!important;min-height:3em!important}

/* v87: 지하철역 검색 */
.stationBar{display:flex;flex-wrap:wrap;align-items:center;gap:6px;grid-column:1/-1;padding:2px 2px 0}
.stationBar .sbLabel{font-size:12px;font-weight:800;color:var(--muted);margin-right:2px}
.stChip{display:inline-flex;align-items:center;gap:6px;border:1px solid #f1d9cf!important;background:#fff6f2!important;color:var(--ink)!important;border-radius:999px!important;padding:6px 12px!important;height:auto!important;font-size:13px!important;font-weight:800!important;cursor:pointer;box-shadow:none!important}
.stChip small{font-size:10.5px;font-weight:700;color:var(--coral)}
.stChip:hover{background:#ffe9e1!important}
.stationNote{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:10px 0 4px;padding:10px 14px;border-radius:14px;background:#fff1ec;border:1px solid #f6d3c8;font-size:13.5px;color:var(--ink)}
.stationNote .snIco{font-size:18px}.stationNote .snText{flex:1;min-width:0}.stationNote .snText small{color:var(--coral);font-weight:800}
.stationNote .snClear{margin-left:auto;border:1px solid #e8c9bd!important;background:#fff!important;color:var(--coral)!important;border-radius:999px!important;padding:5px 11px!important;font-size:12px!important;font-weight:800!important;height:auto!important;cursor:pointer;box-shadow:none!important}
.rkAddr.rkDist{color:var(--coral)!important;font-weight:800}.rkAddr.rkDist b{font-weight:900}
@media(max-width:760px){.stationBar{padding:0}.stChip{padding:5px 10px!important;font-size:12.5px!important}.stationNote{font-size:12.5px;padding:9px 11px}.stationNote .snClear{width:100%;margin-left:0;text-align:center}}
.stationBar{margin:8px 0 0}

/* v88: 행사·축제 패널 */
.eventPanel{margin-top:18px}
.evHead{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}
.evEmoji{font-size:20px}
.evChips{display:flex;gap:6px;flex-wrap:wrap}
.evChips button{border:1px solid var(--line)!important;background:var(--card)!important;color:var(--ink2)!important;border-radius:999px!important;padding:7px 13px!important;height:auto!important;font-size:13px!important;font-weight:800!important;cursor:pointer;box-shadow:none!important}
.evChips button.on{background:var(--coral)!important;border-color:var(--coral)!important;color:#fff!important}
.evKinds{margin-top:12px}
.evGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}
.evCard{background:#fff;border:1px solid #efe4da;border-radius:16px;padding:14px 15px;display:flex;flex-direction:column;gap:6px;min-width:0}
.evCard.on{border-color:#f3c9bb;box-shadow:0 6px 18px rgba(231,96,76,.08)}
.evTop{display:flex;justify-content:space-between;align-items:center;gap:8px}
.evKind{font-size:11.5px;font-weight:900;color:var(--ink2);background:#f6efe9;border-radius:999px;padding:3px 9px}
.evSt{font-size:11.5px;font-weight:900;border-radius:999px;padding:3px 9px;background:#eee;color:#666}
.evSt.on{background:#ffe3da;color:var(--coral)}.evSt.soon{background:#e8f1ff;color:#2f5fb7}
.evName{font-size:16.5px;font-weight:900;line-height:1.3;word-break:keep-all;margin-top:2px}
.evDate{font-size:13px;font-weight:800;color:var(--ink)}
.evPlace{display:flex;gap:5px;align-items:flex-start;font-size:12.5px;color:var(--ink2);line-height:1.4}.evPlace svg{width:14px;height:14px;flex:0 0 auto;margin-top:2px}
.evDesc{font-size:12.5px;color:var(--ink2);line-height:1.5}
.evFoot{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding-top:8px;flex-wrap:wrap}
.evFree{font-size:11.5px;color:#7a6f68;font-weight:700}
.evBtns{display:flex;gap:6px;flex-wrap:wrap}
.evLink{font-size:12px;font-weight:800;color:var(--ink2);border:1px solid var(--line);border-radius:999px;padding:5px 10px;text-decoration:none;background:#fff}
.evGo{font-size:12px!important;font-weight:900!important;color:#fff!important;background:linear-gradient(135deg,#f3826c,#e7604c)!important;border:none!important;border-radius:999px!important;padding:6px 12px!important;height:auto!important;cursor:pointer;box-shadow:none!important}
.evEmpty{grid-column:1/-1}
/* 역 주변 패널 */
.stationPanel{margin-top:18px}
.spHead{display:flex;justify-content:space-between;align-items:center;gap:10px}
.spClose{border:1px solid var(--line)!important;background:#fff!important;color:var(--ink2)!important;border-radius:999px!important;padding:6px 12px!important;height:auto!important;font-size:12.5px!important;font-weight:800!important;cursor:pointer;box-shadow:none!important}
.spRow{display:flex;gap:8px;margin-top:12px;align-items:stretch}
.spSearch{flex:1;height:48px!important}
.spGeo{border:1px solid #f1d9cf!important;background:#fff6f2!important;color:var(--coral)!important;border-radius:14px!important;padding:0 14px!important;font-size:13.5px!important;font-weight:900!important;cursor:pointer;white-space:nowrap;box-shadow:none!important;height:auto!important}
.spNear{margin-top:10px;display:flex;gap:6px;flex-wrap:wrap}
.spLabel{font-size:12.5px;font-weight:900;color:var(--muted);margin:14px 0 6px;width:100%}
.spAllLabel{font-size:12.5px;font-weight:900;color:var(--muted);margin:14px 0 4px;width:100%;flex-basis:100%}
.spList{display:flex;gap:6px;flex-wrap:wrap;max-height:360px;overflow:auto;padding:2px}
/* 코스 단계: 행사 */
.step.v2[data-kind="행사"] .kind{background:#ffe3da!important;color:var(--coral)!important}
@media(max-width:760px){
 .evGrid{grid-template-columns:1fr}
 .evChips button{padding:6px 10px!important;font-size:12px!important}
 .botNav{grid-template-columns:repeat(5,1fr)}
 .botNav button{font-size:10.5px}
 .spRow{flex-direction:column}.spGeo{height:44px!important}
 .spList{max-height:300px}
}
@media(min-width:761px) and (max-width:1100px){.evGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* v89: 마지막 단계도 점선(단, 버튼까지 안 내려가게 단계 안에서 끝) */
.step.v2.lastStep:after,.step.v2:not(:has(~ .step.v2)):after{display:block!important;bottom:14px!important}
/* v89: 저장 버튼을 사진 오른쪽 위로 → 설명 글과 안 겹침 */
@media(min-width:761px){
 .card.rankingCard.v76{position:relative}.card.rankingCard.v76 .rankInfo{position:static!important}
 .card.rankingCard.v76 .bookBtn{top:8px!important;right:8px!important;bottom:auto!important;width:32px!important;height:32px!important;background:rgba(255,255,255,.94)!important;color:#8e837b!important;box-shadow:0 2px 8px rgba(0,0,0,.16)!important;z-index:3}
 .card.rankingCard.v76 .bookBtn:hover{background:#fff!important;color:var(--coral)!important}
 .card.rankingCard.v76 .bookBtn.on{color:var(--coral)!important}
}
@media(max-width:760px){.card.rankingCard.v76 .rkAddr,.card.rankingCard.v76 .rkLine{padding-right:30px}}

/* v90: 행사 카드 사진(img/kind/ev_*.jpg 있을 때) */
.evCard{overflow:hidden}
.evCard .evPhoto{margin:-14px -15px 8px;height:120px;background:#e9ddd2}
.evCard .evPhoto img{width:100%;height:100%;object-fit:cover;display:block}

/* v93: 공식 포스터(세로)는 위쪽이 보이게 */
.evCard .evPhoto img{object-position:center 25%}

/* v94: 행사는 코스 아래로, 코스 안에 행사 제안 */
.evSuggest{margin:10px 0 2px;padding:10px 12px;border-radius:14px;background:#fff7f3;border:1px dashed #f0c9bb}
.evSuggest .esHead{font-size:12.5px;font-weight:900;color:var(--coral);margin-bottom:7px}
.evSuggest .esChips{display:flex;gap:6px;flex-wrap:wrap}
.evSuggest .esChip{display:inline-flex;flex-direction:column;align-items:flex-start;gap:1px;border:1px solid #f1d9cf!important;background:#fff!important;color:var(--ink)!important;border-radius:12px!important;padding:6px 11px!important;height:auto!important;font-size:13px!important;font-weight:800!important;cursor:pointer;box-shadow:none!important;text-align:left}
.evSuggest .esChip small{font-size:10.5px;font-weight:700;color:var(--muted)}
.evSuggest .esChip:hover{background:#ffe9e1!important}
.evSuggest .esCur{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:900;color:var(--coral);background:#ffe3da;border-radius:12px;padding:6px 11px}
.evSuggest .esCur button{border:none!important;background:#fff!important;color:var(--coral)!important;border-radius:999px!important;padding:3px 9px!important;font-size:11.5px!important;font-weight:900!important;height:auto!important;cursor:pointer;box-shadow:none!important}
.evMore{grid-column:1/-1;justify-self:center;border:1px solid var(--line)!important;background:#fff!important;color:var(--ink2)!important;border-radius:999px!important;padding:9px 18px!important;height:auto!important;font-size:13px!important;font-weight:800!important;cursor:pointer;box-shadow:none!important}
/* v94: 오늘의 추천 코스도 다른 패널처럼 상자 안에 */
@media(min-width:761px){
 .homeReco{background:var(--card)!important;border:1px solid #efe7e0!important;border-radius:20px!important;box-shadow:0 5px 20px #50311b04!important;padding:20px!important;margin:18px 0 0!important}
 /* v94: 배너 위 여백 줄이기 */
 .hero{padding-top:14px!important}
 .heroTop{min-height:262px!important}
 .heroText{padding-top:10px!important}
 .heroArt{top:-14px!important;height:calc(100% + 32px)!important}
 .calli{top:14px!important}
}

/* v95: 코스 단계 사진 상자와 사진의 모서리를 하나로 */
.step.v2 .stepPhoto{border:none!important;padding:0!important;background:#e9ddd2!important;border-radius:16px!important;overflow:hidden!important}
.step.v2 .stepPhoto .stepThumb{border-radius:0!important;width:100%!important;height:100%!important}
@media(max-width:760px){.step.v2 .stepPhoto{border-radius:14px!important}}

/* v96: 로고 마크 · 섹션 마크 · 배너 다듬기 */
.tnMark{width:34px;height:34px;border-radius:10px;box-shadow:0 3px 8px rgba(231,96,76,.25);flex:0 0 auto;margin-right:-2px}
.secMark{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:10px;background:linear-gradient(135deg,#f3826c,#e7604c);color:#fff;margin-right:9px;vertical-align:-5px;box-shadow:0 4px 10px rgba(231,96,76,.25)}
.secMark svg{width:17px;height:17px;display:block}
.secMark.rank{background:linear-gradient(135deg,#f0b24a,#e08a2a);box-shadow:0 4px 10px rgba(224,138,42,.25)}
.recoHead h2:after{display:none!important;content:none!important}
.recoHead>div{align-items:center!important}
.rankHead .crown{display:none!important}
.heroPill{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid #f3dcd0;color:var(--coral);font-size:12.5px;font-weight:900;letter-spacing:-.2px;border-radius:999px;padding:6px 12px;margin-bottom:12px;box-shadow:0 2px 8px rgba(231,96,76,.08)}
.heroStats{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
.heroStats span{display:inline-flex;align-items:center;gap:4px;background:rgba(255,255,255,.75);border:1px solid #f1e3d8;border-radius:999px;padding:6px 11px;font-size:12px;font-weight:700;color:var(--ink2);backdrop-filter:blur(4px)}
.heroStats b{color:var(--ink);font-weight:900;font-size:13px}
@media(min-width:761px){
 .hero{background:linear-gradient(100deg,#fff9f3 0%,#fff4ea 45%,#f9e3d4 100%)!important;border:1px solid #f3e4d8!important;border-radius:26px!important;box-shadow:0 18px 40px rgba(92,62,36,.07)!important}
 .heroText{padding-top:6px!important}
 .heroHead{font-size:46px!important}
 .hero .sub{max-width:440px!important;font-size:15.5px!important}
 .heroTop{min-height:270px!important}
 .heroArt img{object-position:50% 40%!important}
}
@media(max-width:760px){
 .tnMark{width:28px;height:28px;border-radius:8px}
 .heroPill{font-size:11px;padding:5px 10px;margin-bottom:8px}
 .heroStats{margin-top:10px;gap:6px}.heroStats span{font-size:10.5px;padding:4px 8px;background:rgba(255,255,255,.85)}
 .heroStats span:nth-child(4){display:none}
 .secMark{width:26px;height:26px;border-radius:8px;margin-right:7px;vertical-align:-4px}.secMark svg{width:15px;height:15px}
}
@media(max-width:760px){.heroPill{display:none}.heroStats span:nth-child(2){display:none}}