/* 2026-11-09 upboard (그록 봇): 청년 놀자 UP(/youth) · 인간관계 UP(/relation) · 심리학 UP(/psychology) — cd_policy.css(pl-*) 위에 게시판 색·탭·지도 카드·옆 게시판 순환만 더함. 앵커 광고 관련 규칙 없음 */
.sec--youth .blog-area,.sec--relation .blog-area,.sec--psychology .blog-area{max-width:1440px;padding-left:20px;padding-right:20px;overflow-x:clip}
@media (max-width:767px){.sec--youth .blog-area,.sec--relation .blog-area,.sec--psychology .blog-area{padding-left:14px;padding-right:14px}}
.ub--youth{--pl-a:#f43f5e;--pl-b:#f59e0b;--pl-c:#f97316;--pl-soft:#fff5f5}
.ub--relation{--pl-a:#0d9488;--pl-b:#db2777;--pl-c:#14b8a6;--pl-soft:#f0fdfa}
.ub--psychology{--pl-a:#5b4b8a;--pl-b:#c4a574;--pl-c:#3d5a6c;--pl-soft:#f6f3fb}
.ub--youth .pl-hero{background:radial-gradient(120% 140% at 0% 0%,#be123c 0%,transparent 55%),radial-gradient(90% 120% at 100% 0%,#7c3aed 0%,transparent 55%),radial-gradient(120% 120% at 60% 120%,#c2410c 0%,transparent 60%),#160a1e;box-shadow:0 20px 50px -20px rgba(244,63,94,.55)}
.ub--relation .pl-hero{background:radial-gradient(120% 140% at 0% 0%,#0f766e 0%,transparent 55%),radial-gradient(90% 120% at 100% 0%,#be185d 0%,transparent 55%),radial-gradient(120% 120% at 60% 120%,#1d4ed8 0%,transparent 60%),#06131a;box-shadow:0 20px 50px -20px rgba(13,148,136,.55)}
html body .ub--psychology .pl-hero{background:#252033!important;box-shadow:0 18px 44px -22px rgba(37,32,51,.5)}
.ub .pl-search form{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(120deg,var(--pl-a),var(--pl-b),#8b5cf6) border-box}
.ub .pl-tick__list li:nth-child(-n+3) .pl-tick__n{background:linear-gradient(135deg,var(--pl-a),var(--pl-b))}
.ub .pl-badge--own{background:color-mix(in srgb,var(--pl-a) 12%,#fff);color:color-mix(in srgb,var(--pl-a) 80%,#000)}
.ub .pl-card__ph{background:linear-gradient(135deg,#1f1235,var(--pl-a) 60%,var(--pl-b))}
.ub .pl-tc__img{background:linear-gradient(135deg,#1f1235,var(--pl-a),var(--pl-b))}
.ub .pl-facts{background:linear-gradient(135deg,color-mix(in srgb,var(--pl-a) 8%,#fff),color-mix(in srgb,var(--pl-b) 8%,#fff));border-color:color-mix(in srgb,var(--pl-a) 25%,#fff)}
.ub .pl-facts dt{color:color-mix(in srgb,var(--pl-a) 75%,#000)}
.ub .pl-body blockquote{border-left-color:var(--pl-b);background:color-mix(in srgb,var(--pl-b) 6%,#fff)}

/* ---------- 두 게시판 탭 (순환 바로가기) */
.ub-tabs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0 4px}
.ub-tab{display:flex;align-items:center;gap:8px;min-height:50px;padding:10px 14px;border-radius:16px;border:1px solid var(--pl-line);background:#fff;font-size:14.5px;font-weight:800;letter-spacing:-.02em;transition:transform .2s,box-shadow .2s}
.ub-tab span{font-size:18px}
.ub-tab small{margin-left:auto;font-size:11.5px;font-weight:800;color:#667085;background:#f2f4f7;border-radius:999px;padding:2px 8px}
.ub-tab em{margin-left:auto;font-style:normal;font-size:10.5px;font-weight:900;color:#fff;background:linear-gradient(135deg,#6d5efc,#21c8f6);border-radius:999px;padding:2px 8px}
.ub-tab b{font-size:14px;color:var(--pl-a)}
.ub-tab[aria-current="page"]{background:linear-gradient(135deg,color-mix(in srgb,var(--pl-a) 10%,#fff),color-mix(in srgb,var(--pl-b) 10%,#fff));border-color:color-mix(in srgb,var(--pl-a) 35%,#fff)}
.ub-tab:not([aria-current]):hover{transform:translateY(-2px);box-shadow:0 12px 24px -16px rgba(15,23,42,.35)}
.ub-tab small+b,.ub-tab em+b{margin-left:6px}

/* ---------- 옆 게시판 순환 */
.ub-xside--relation .pl-side__h{background:linear-gradient(135deg,#f0fdfa,#fdf2f8);border-bottom-color:#ccfbf1}.ub-xside--relation .pl-side__h b{color:#0f766e}.ub-xside--relation .pl-side__h a{color:#be185d}
.ub-xside--youth .pl-side__h{background:linear-gradient(135deg,#fff1f2,#fff7ed);border-bottom-color:#fecdd3}.ub-xside--youth .pl-side__h b{color:#be123c}.ub-xside--psychology .pl-side__h{background:linear-gradient(135deg,#f6f3fb,#f8f1e7);border-bottom-color:#e8e0f0}.ub-xside--psychology .pl-side__h b{color:#4a3d73}.ub-xside--psychology .pl-side__h a{color:#8a6a3d}.ub-xside--youth .pl-side__h a{color:#c2410c}
.ub-xside .pl-side__track a:hover{background:#f8fafc}
.ub-xmain{margin-top:40px!important;margin-bottom:28px!important;padding:2px 0}
.ub-xmain .pl-sh h2 span{font-size:20px}
.ub-xmain .pl-btn{height:34px;font-size:13px}
.ub-xtrend .pl-tc{flex-basis:230px}

/* ---------- 📍 가게 지도·위치 카드 (본문) */
.upb-map{margin:24px 0 30px;border-radius:20px;border:1px solid #e2e8f0;background:#fff;overflow:hidden;box-shadow:0 14px 34px -24px rgba(15,23,42,.45)}
.upb-map__info{padding:16px 18px 12px;background:linear-gradient(135deg,color-mix(in srgb,var(--pl-a,#3b5bfd) 7%,#fff),#fff)}
.ub-body .upb-map__info p,.upb-map__info p{margin:0}
.upb-map__kick{font-size:11.5px!important;font-weight:800;letter-spacing:.04em;color:var(--pl-a,#3b5bfd)}
.upb-map__name{font-size:18px!important;font-weight:900;line-height:1.35;margin-top:3px!important;color:#0f172a}
.upb-map__desc{font-size:14px!important;color:#475467;margin-top:4px!important;line-height:1.55}
.upb-map__addr,.upb-map__note{display:flex;gap:8px;font-size:14px!important;line-height:1.55;color:#1f2937;margin-top:8px!important}
.upb-map__addr span,.upb-map__note span{flex:0 0 auto;font-size:11px;font-weight:800;color:#667085;background:#f2f4f7;border-radius:6px;padding:2px 6px;height:20px;line-height:16px;margin-top:2px}
.upb-map__frame{position:relative;height:300px;background:#e5eef7;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0}
.upb-map__frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}
.upb-map__frame>span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#64748b;font-size:13px}
.upb-map__btns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:12px}
.ub-body .upb-map__b,.upb-map__b{display:flex;align-items:center;justify-content:center;min-height:42px;padding:6px 8px;border-radius:12px;font-size:13.5px;font-weight:800;text-decoration:none!important;text-align:center;line-height:1.25;word-break:keep-all}
.upb-map__b--k{background:#fee500;color:#191919!important}
.upb-map__b--n{background:#03c75a;color:#fff!important}
.upb-map__b--g{background:#fff;color:#1a73e8!important;border:1px solid #c6dafc}
@media (max-width:767px){.upb-map__frame{height:240px}.upb-map__btns{grid-template-columns:1fr;gap:6px}.upb-map__b{min-height:44px}}
/* 지도 카드 다음에 바로 광고가 오지 않게 서버가 피하지만, 혹시 붙으면 간격 확보 */
.upb-map+.cd-ad2,.upb-map+p:empty+.cd-ad2{margin-top:44px!important}

/* ---------- 본문 보조 */
.ub-body table{display:table;width:100%}
@media (max-width:767px){.ub-body table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}}
.ub-body .ub-note{font-size:14px;color:#475467;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:12px 14px}
.ub-art{max-width:170px}
@media (max-width:767px){.ub-tabs{grid-template-columns:1fr;gap:8px}.ub-tab{min-height:46px;font-size:14px}}
@media (prefers-reduced-motion:reduce){.ub-tab{transition:none}}