/* BloggerJD Studio v1.0 — responsive visual redesign, 2026-10-13 */
:root{--jd-ink:#132234;--jd-sub:#526476;--jd-bg:#f5f7fb;--jd-panel:#fff;--jd-border:#e3e9f0;--jd-accent:#6f4dbc;--jd-soft:#c8f8d3;--jd-deep:#12233c;--jd-shadow:0 18px 55px rgba(22,42,68,.085)}
html{scroll-behavior:smooth}body{background:var(--jd-bg);color:var(--jd-ink);font-family:Inter,"Pretendard","Noto Sans KR","Apple SD Gothic Neo",system-ui,sans-serif;line-height:1.7;letter-spacing:-.013em}img{max-width:100%;height:auto}button,a{touch-action:manipulation}h1,h2,h3{letter-spacing:-.045em;text-wrap:balance}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--jd-accent);outline-offset:3px}
header,.site-header,.masthead,.top{backdrop-filter:saturate(1.2) blur(16px)}
main,main.wrap{max-width:1220px;margin-left:auto;margin-right:auto}main>.jd-spotlight,main>.jd-editorial-section{max-width:1200px;margin-left:auto;margin-right:auto}
.jd-spotlight{position:relative;isolation:isolate;overflow:hidden;margin:24px auto 40px;padding:26px clamp(22px,4.2vw,58px) 38px;border-radius:28px;background:radial-gradient(circle at 93% 8%,color-mix(in srgb,var(--jd-accent) 55%,transparent),transparent 36%),linear-gradient(128deg,#142337 0%,#243956 60%,#152435 100%);color:#fff;box-shadow:0 26px 64px rgba(11,31,55,.16)}
.jd-spotlight:before{content:"";position:absolute;width:410px;height:410px;border-radius:50%;border:1px solid rgba(255,255,255,.14);right:-110px;top:-124px;pointer-events:none}
.jd-spotlight:after{content:"";position:absolute;width:235px;height:235px;border-radius:50%;border:1px solid rgba(255,255,255,.14);right:30px;top:-24px;pointer-events:none}
.jd-spotlight-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.2)}.jd-eyebrow,.jd-date,.jd-small-brand,.jd-card-num,.jd-guide-mark{font-size:11px;font-weight:750;letter-spacing:.12em}.jd-eyebrow{color:var(--jd-accent)}.jd-spotlight .jd-eyebrow{color:var(--jd-soft)}.jd-date{color:#b5c6d8}.jd-spark{font-size:15px}.jd-spotlight-content{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:30px 0 0}.jd-small-brand{margin:0 0 10px;color:var(--jd-soft);text-transform:uppercase}.jd-spotlight h2{color:#fff;max-width:730px;font-size:clamp(27px,4.2vw,49px);line-height:1.23;margin:0 0 18px;font-weight:820}.jd-spotlight-desc{max-width:650px;color:#dce6ee;font-size:clamp(14px,1.7vw,17px);line-height:1.78;margin:0 0 26px}.jd-hero-glyph{flex:none;display:grid;place-items:center;min-width:178px;min-height:178px;font-size:86px;letter-spacing:-.06em;font-weight:800;color:#fff9;transform:rotate(-8deg);text-shadow:0 16px 35px #0003}
.jd-pills{display:flex;flex-wrap:wrap;gap:8px}.jd-pills a{display:inline-flex;align-items:center;gap:10px;padding:9px 14px;background:#ffffff13;border:1px solid #ffffff38;border-radius:100px;font-size:13px;font-weight:650;color:#fff;text-decoration:none;transition:background .2s,transform .2s}.jd-pills a:hover{background:#ffffff2c;transform:translateY(-2px)}.jd-pills span{color:var(--jd-soft)}
.jd-editorial-section{margin:42px auto;padding:0 0 6px}.jd-editorial-title{display:flex;align-items:end;justify-content:space-between;gap:14px;margin:0 0 22px}.jd-editorial-title h2{font-size:clamp(22px,2.7vw,31px);margin:7px 0 0;color:var(--jd-ink);line-height:1.3}.jd-editorial-title p{font-size:13px;color:var(--jd-sub);max-width:390px;margin:0}
.jd-editorial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.jd-place-card,.jd-link-card,.jd-insight article{min-width:0;background:var(--jd-panel);border:1px solid var(--jd-border);border-radius:17px;padding:22px;box-shadow:0 7px 25px rgba(20,40,65,.04)}.jd-place-card{display:flex;flex-direction:column}.jd-place-card h3{font-size:21px;margin:12px 0 9px}.jd-card-num,.jd-guide-mark{color:var(--jd-accent)}.jd-place-card p{font-size:13px;line-height:1.76;color:var(--jd-sub);margin:0 0 12px}.jd-place-card .jd-card-detail{font-size:12px;color:var(--jd-ink);background:var(--jd-bg);padding:9px 12px;border-radius:8px;margin-top:auto}.jd-place-card a{display:inline-block;margin-top:12px;font-size:13px;font-weight:800;text-decoration:none;color:var(--jd-accent)}.jd-place-card a:hover{text-decoration:underline}.jd-link-card{display:flex;align-items:center;justify-content:space-between;gap:14px;color:var(--jd-ink);text-decoration:none;min-height:95px;transition:transform .2s,box-shadow .2s}.jd-link-card:hover{transform:translateY(-3px);box-shadow:var(--jd-shadow)}.jd-link-card strong{flex:1;font-size:14px;overflow-wrap:anywhere}.jd-link-card span{font-size:12px;color:var(--jd-accent)}
.jd-insight-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.jd-insight article{padding:25px;border-top:3px solid var(--jd-accent)}.jd-insight h3{font-size:18px;line-height:1.38;margin:12px 0}.jd-insight p{font-size:13px;line-height:1.85;color:var(--jd-sub);margin:0}
.jd-topic-guide{margin:40px auto 20px;max-width:1100px;padding:23px clamp(18px,4vw,34px);background:linear-gradient(120deg,#fff,color-mix(in srgb,var(--jd-soft) 30%,#fff));border:1px solid var(--jd-border);border-left:4px solid var(--jd-accent);border-radius:17px}.jd-topic-guide h2{font-size:20px;margin:10px 0}.jd-topic-guide p{font-size:14px;line-height:1.9;color:var(--jd-sub);margin:8px 0}.jd-topic-guide .jd-disclaimer{font-size:12px;color:#657485}
:is(.card,.tile,.item,.place-card,.feature-card,.news-card,.article-card,.topic-card){transition:box-shadow .2s,transform .2s} :is(a.card,a.tile,a.item,a.place-card,a.feature-card,a.news-card,a.article-card,a.topic-card):hover{box-shadow:var(--jd-shadow);transform:translateY(-2px)}
footer{margin-top:36px}main a{word-break:break-word}
@media(max-width:900px){.jd-editorial-grid,.jd-insight-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.jd-hero-glyph{font-size:55px;min-width:90px;min-height:90px}.jd-spotlight{margin:14px 12px 30px}}
@media(max-width:620px){.jd-spotlight{border-radius:17px;padding:20px 19px 28px}.jd-date{display:none}.jd-hero-glyph{display:none}.jd-spotlight-content{padding-top:24px}.jd-editorial-section{padding:0 14px}.jd-editorial-title{display:block}.jd-editorial-title p{margin-top:10px}.jd-editorial-grid,.jd-insight-grid{grid-template-columns:1fr;gap:12px}.jd-pills a{padding:8px 11px;font-size:12px}.jd-spotlight h2{font-size:28px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}
body{--jd-bg:#f2f6fa}header,.site-header{border-bottom:1px solid #dbe6ef}.jd-spotlight{background:radial-gradient(circle at 82% 19%,color-mix(in srgb,var(--jd-accent) 34%,transparent),transparent 33%),linear-gradient(123deg,#08182a,#183650)}.jd-insight article{border-top-color:var(--jd-accent)}