/* 홈을 입구형으로 정리하고 상단 히어로·구름 배치를 바로잡는다. adventure-tools.css 뒤에 불러온다. */

/* 히어로: 왼쪽은 글, 오른쪽은 인물 그림(왼쪽으로 부드럽게 사라짐), 구름은 맨 아래에 낮게 */
.blue-hero{height:clamp(250px,26vw,330px);background:linear-gradient(100deg,#dcf0fb 0%,#eef8fe 50%,#cfe9f8 100%)}
.blue-hero-art{inset:0 0 0 auto;width:min(62%,760px);background:url('blue/hero-r.jpg') right top/cover no-repeat;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 42%);mask-image:linear-gradient(90deg,transparent 0,#000 42%)}
.blue-hero-shade{display:none}
.blue-hero-copy{padding-top:clamp(26px,3.4vw,43px)}
.blue-hero-copy h1{font-size:clamp(30px,3.4vw,41px)}
.blue-cloud-bank{height:clamp(56px,6vw,96px)}
.blue-cloud-bank>img{object-position:center 60%;-webkit-mask-image:linear-gradient(transparent,#000 45%);mask-image:linear-gradient(transparent,#000 45%)}

/* 소식: 도구 바로가기 위에 한 줄씩 */
.blue-news-top{background:#fff;border:1px solid #d9e5ed;border-radius:12px;box-shadow:0 7px 22px #365f7a0c;padding:12px 22px 6px;margin-top:18px;position:relative}
.blue-news-top:before{content:'';position:absolute;top:-1px;left:24px;width:41px;height:3px;border-radius:2px;background:#c8af75}
.blue-news-top header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:2px}
.blue-news-top h2{font:700 22px/1.5 var(--blue-display);letter-spacing:-.8px;color:#294f66;margin:0}
.blue-news-top header a{font-size:14px;font-weight:700;color:#168eaf;text-decoration:none;white-space:nowrap}
.blue-news-top ul{list-style:none;margin:0;padding:0}
.blue-news-top li{border-top:1px dashed #dde7ee}
.blue-news-top li a{display:flex;align-items:baseline;gap:10px;padding:9px 0;text-decoration:none;color:inherit}
.blue-news-top time{font-size:14px;color:#6f8b9b;white-space:nowrap}
.blue-news-top em{font:700 12px/1.4 var(--blue-body,inherit);font-style:normal;background:#eaf8ff;color:#1d86ad;border-radius:999px;padding:1px 9px;white-space:nowrap}
.blue-news-top b{flex:1;min-width:0;font-size:16px;font-weight:600;line-height:1.5;color:#385d73;overflow-wrap:anywhere}
.blue-news-top li a:hover b{color:#168eaf;text-decoration:underline}

/* 도구 바로가기: 2열의 큰 카드 */
.blue-entry-title{display:flex;align-items:center;justify-content:center;gap:14px;margin:30px 0 18px}
.blue-entry-title h2{margin:0;font:700 26px/1.4 var(--blue-display);letter-spacing:-1px;color:#294f66;text-align:center}
.blue-entry-title img{width:96px;height:32px;object-fit:contain;flex:none}
.blue-entry-title img.flip{transform:scaleX(-1)}
.blue-gates{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:0}
.blue-gates .blue-tool-card{height:auto;min-height:128px;padding:14px 26px 14px 14px;gap:16px;border-radius:16px}
.blue-gates .blue-tool-art{width:104px;flex:none}
.blue-gates .blue-tool-card b{font-size:26px;line-height:1.35;white-space:normal}
.blue-gates .blue-tool-card small{font-size:16px;line-height:1.55;white-space:normal;color:#5d7a8c;margin-top:2px}
.blue-gates .blue-tool-card i{font-size:15px;right:14px;top:10px}
.blue-editorial-solo{grid-template-columns:1fr;margin-top:36px}
.blue-home>.wrap{display:flex;flex-direction:column}
.blue-news-top{order:0}
.blue-entry-title{order:1}
.blue-gates{order:2}
.blue-editorial-solo{order:3}
.blue-closing-note{order:4}
.blue-gates .blue-tool-card>span:not(.blue-tool-art){min-width:0}

@media(max-width:900px){
 .blue-gates{gap:12px}
 .blue-gates .blue-tool-card b{font-size:22px}
 .blue-gates .blue-tool-card small{font-size:14px}
 .blue-gates .blue-tool-art{width:84px}
}
@media(max-width:640px){
 .blue-hero{height:auto;padding-bottom:12px}
 .blue-hero-art{position:relative;inset:auto;width:100%;height:150px;display:block;-webkit-mask-image:none;mask-image:none;background-position:62% 8%}
 .blue-hero-copy{padding-top:12px}
 .blue-hero-copy>p{font-size:14px}
 .blue-hero-copy h1{font-size:26px}
 .blue-hero-copy .blue-eyebrow,.blue-cloud-bank,.blue-charm{display:none}
 .blue-news-top{padding:10px 14px 4px;margin-top:10px}
 .blue-news-top li a{flex-wrap:wrap;gap:2px 8px}
 .blue-entry-title{order:0;margin:20px 0 12px;gap:8px}
 .blue-gates{order:1;grid-template-columns:1fr;gap:10px}
 .blue-news-top{order:2;margin-top:24px}
 .blue-gates .blue-tool-card{flex-direction:row;align-items:center;min-height:88px;padding:10px 28px 10px 12px;gap:14px}
 .blue-gates .blue-tool-art{width:62px;height:62px;flex:0 0 62px}
 .blue-gates .blue-tool-art img{width:62px;height:62px;max-width:none;padding:0}
 .blue-gates .blue-tool-card b{font-size:20px;line-height:1.4}
 .blue-gates .blue-tool-card small{font-size:13px;line-height:1.5;margin-top:4px}
 .blue-entry-title h2{font-size:21px}
 .blue-entry-title img{width:46px}
 .blue-news-top li a{display:grid;grid-template-columns:auto auto minmax(0,1fr);gap:8px;align-items:start}
 .blue-news-top b{font-size:14px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
 .blue-news-top em{font-size:11px;padding:2px 7px}
 .blue-news-top time{font-size:12px;padding-top:2px}
 .blue-guide-grid{grid-template-columns:1fr}
 .blue-guide-copy h3{font-size:18px}
 .blue-guide-copy p{font-size:14px}
}