/* 초기 스타일을 그대로 사용하고 새 문의 영역만 기존 반투명 패널에 맞춤 */
.contact-teaser{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:32px;margin:40px 0 60px;border:1px solid #accaf238;border-radius:12px;background:#20375066;position:relative}.contact-teaser h2{font-family:var(--serif);font-size:28px;margin:8px 0 14px}.contact-teaser a:not(.action){color:var(--blue);overflow-wrap:anywhere}.contact-card{max-width:850px;padding:32px;margin:32px 0;background:linear-gradient(110deg,#27466d55,#2e3a5955);border:1px solid #adcaf333;border-radius:12px}.contact-email{display:block;font-family:var(--serif);font-size:clamp(22px,3vw,36px);margin:20px 0;overflow-wrap:anywhere}.contact-page h1{word-break:keep-all}.contact-actions{display:flex;flex-wrap:wrap;gap:12px}.contact-actions .quiet{margin-left:0}.copy-status{font-size:14px;margin:18px 0 0}.contact-page{min-height:450px}
/* 달 장식은 본래 배경을 유지한 채 콘텐츠 사이와 카드 여백에만 표시함 */
.recent-section:before{content:'';display:block;height:40px;margin-bottom:24px;background:url('moon-divider.svg') center/min(100%,800px) 40px no-repeat}.profile-moon{font-size:0;width:64px;height:58px;background:url('moon-orbit.svg') center/contain no-repeat}.contact-card{background-image:url('moon-orbit.svg'),linear-gradient(110deg,#27466d55,#2e3a5955);background-repeat:no-repeat;background-size:64px 58px,auto;background-position:right 24px top 20px,center}.contact-card>.eyebrow{display:block;padding-right:80px}
/* 문의 메뉴가 추가된 작은 화면에서도 탐색 항목과 연락처가 넘치지 않게 함 */
@media(max-width:700px){.category-link{font-size:15px;white-space:nowrap;gap:5px}.contact-teaser{flex-direction:column;align-items:flex-start;padding:24px}.contact-card{padding:22px;background-size:44px 40px,auto;background-position:right 16px top 16px,center}.contact-card>.eyebrow{padding-right:45px}.contact-teaser h2{font-size:25px}}

/* 제목·본문·보조 문구의 크기와 간격을 페이지마다 같은 위계로 맞춤 */
:root{--page-title:clamp(30px,3vw,38px);--section-title:clamp(25px,2.4vw,30px);--body-size:16px;--caption-size:13px}.page h1{font-size:var(--page-title);line-height:1.55;margin:0 0 20px;word-break:keep-all}.page>p,.contact-intro>p,.contact-card>p{font-size:var(--body-size);line-height:1.95}.section-heading h2,.contact-teaser h2,.article h2{font-family:var(--serif);font-size:var(--section-title);line-height:1.6}.post h3{font-size:clamp(24px,2.2vw,30px);line-height:1.6;margin-bottom:12px}.post p{font-size:var(--body-size);line-height:1.95}.post .meta,.post-bottom,.eyebrow,.article figcaption{font-size:var(--caption-size)}.article p{font-size:17px;line-height:2.1}.article h2{margin:40px 0 18px}.eyebrow{letter-spacing:2px}.copy-status{min-height:1.8em}
/* 문의 소개와 메일 카드를 나란히 배치하고 장식을 빈 여백에만 둠 */
#category-content>.contact-page{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr);align-items:center;gap:clamp(28px,4vw,64px);padding-top:48px;padding-bottom:48px;min-height:0}.contact-intro{min-width:0}.contact-intro>.eyebrow{margin-bottom:18px}.contact-intro>p{max-width:380px;margin-bottom:18px}.contact-orbit{display:block;opacity:.7;margin:28px 0 0 8px}.contact-card{min-width:0;width:100%;max-width:none;margin:0;padding:32px;background-image:linear-gradient(110deg,#27466d55,#2e3a5955)}.contact-card>.eyebrow{padding-right:0}.contact-email{font-size:clamp(22px,2.4vw,32px);line-height:1.5;margin:18px 0 22px}.contact-card>p{margin-bottom:24px}.contact-card>.copy-status{font-size:13px;margin:16px 0 0}.contact-actions .action{min-height:46px}
/* 목록 링크는 레이아웃 이동 없이 테두리와 읽기 표시로 상호작용을 알림 */
.post{position:relative;border-radius:8px;transition:background-color .18s,border-color .18s,box-shadow .18s}.post-bottom span:last-child{transition:color .18s,text-shadow .18s}.post:focus-visible{outline:2px solid #b3cff5;outline-offset:5px;background:#739bc10c}.post:focus-visible .post-bottom span:last-child{color:#edf5ff}.post:active{background:#81b0dd1c;box-shadow:inset 0 0 0 1px #b3cff566}.post:active .post-bottom span:last-child{color:#fff}@media(hover:hover) and (pointer:fine){.post:hover{border-color:#b3cff577;background:#739bc10c;box-shadow:inset 0 0 0 1px #b3cff522}.post:hover .post-bottom span:last-child{color:#edf5ff;text-shadow:0 0 12px #9cc7ff55}.post:hover>img{filter:none}}
/* 좁은 화면에서는 문의 내용을 한 열로 읽고 장식과 조작부의 겹침을 방지함 */
@media(max-width:900px){#category-content>.contact-page{grid-template-columns:1fr;gap:28px}.contact-intro{position:relative;padding-right:90px}.contact-intro>p{max-width:none;margin-bottom:0}.contact-orbit{position:absolute;right:0;top:0;width:70px;height:64px;margin:0}.contact-card{max-width:680px}.contact-email{font-size:clamp(22px,4vw,32px)}}
@media(max-width:700px){:root{--body-size:15px;--caption-size:12px}#category-content>.contact-page{padding-top:28px;padding-bottom:28px}.contact-intro{padding-right:0}.contact-intro>.eyebrow{padding-right:48px;font-size:10px}.contact-orbit{width:38px;height:34px;top:-4px}.contact-intro h1{margin-top:24px}.contact-card{padding:22px}.article p{font-size:16px}.contact-actions{gap:8px}.contact-actions .action{font-size:13px}.post p{margin-bottom:16px}}
@media(prefers-reduced-motion:reduce){.post,.post-bottom span:last-child{transition:none}}

/* 이전 장식의 배경 크기 설정을 해제하여 카드 전체에 그라데이션을 채움 */
.contact-card{background-size:auto;background-position:center;background-repeat:no-repeat}

/* 원본 비율을 유지하고 왼쪽 글 영역에만 어두운 막을 겹쳐 가독성을 확보함 */
.hero-workspace>img{aspect-ratio:2103/748;height:auto;max-height:none;object-fit:contain;filter:none}
.hero-workspace:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#06152bce 0%,#07172b80 27%,#07172b15 53%,transparent 67%);pointer-events:none}
.hero-workspace figcaption.hero-copy{inset:0 auto 0 6.5%;width:46%;max-width:720px;padding:clamp(20px,3vw,60px) 0;display:flex;flex-direction:column;justify-content:center;gap:0;opacity:1;background:none;letter-spacing:0;color:#edf3ff;text-shadow:0 2px 12px #06122699}
.hero-copy .hero-kicker{font:500 clamp(10px,.8vw,14px)/1.5 "Noto Sans KR",sans-serif;letter-spacing:4px;margin:0 0 12px}
.hero-copy .hero-heading{font-family:var(--serif);font-weight:400;font-size:clamp(32px,3.6vw,70px);line-height:1.28;letter-spacing:-1px;margin:0}
.hero-copy .hero-description{font-family:var(--serif);font-size:clamp(14px,1.25vw,23px);line-height:1.65;margin:18px 0 22px;word-break:keep-all}
/* 두 이동 버튼은 충분한 조작 영역과 선명한 키보드 초점 표시를 제공함 */
.hero-actions{display:flex;flex-wrap:wrap;gap:14px}.hero-actions a{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:12px 28px;border-radius:32px;border:1px solid #d0dfffbb;font-size:clamp(13px,.95vw,17px);font-family:"Noto Sans KR",sans-serif;font-weight:600;text-shadow:none}.hero-actions .hero-primary{background:#6584ed;color:white;border-color:#acc0ff;box-shadow:0 6px 24px #06152b44}.hero-actions .hero-secondary{background:#11253f66;color:#f0f5ff}.hero-workspace .hero-actions span{display:inline;font:inherit;letter-spacing:0}.hero-actions a:hover{background:#395991}.hero-actions a:focus-visible{outline:3px solid white;outline-offset:5px}
.hero-copy .hero-topics{font-size:clamp(9px,.72vw,13px);letter-spacing:2.5px;line-height:1.8;margin:22px 0 0;color:#d5e2f8}
/* 작은 화면에서는 그림 전체를 보여주고 문구를 아래로 이어 캐릭터와 겹치지 않게 함 */
@media(max-width:1000px){.hero-workspace:before{display:none}.hero-workspace figcaption.hero-copy{position:relative;inset:auto;width:auto;max-width:none;padding:26px 28px 42px;background:linear-gradient(120deg,#122c45,#1c2441)}.hero-copy .hero-heading{font-size:36px}.hero-copy .hero-description{font-size:17px}.hero-copy .hero-topics{font-size:10px;letter-spacing:1.5px}.hero-workspace:after{height:44px}.hero-actions a{font-size:14px}.hero-workspace>img{aspect-ratio:2103/748;height:auto;object-fit:contain}}
@media(max-width:400px){.hero-workspace figcaption.hero-copy{padding-inline:22px}.hero-copy .hero-heading{font-size:32px}.hero-actions{gap:10px}.hero-actions a{padding:12px 20px}.hero-copy .hero-topics{letter-spacing:1px;font-size:9px}}
/* 이미지 마스크보다 글 배경을 위에 놓고 보조 문구도 선명하게 표시함 */
.hero-workspace:before{z-index:1}.hero-workspace figcaption.hero-copy{z-index:2}.hero-copy .hero-kicker,.hero-copy .hero-description{color:#edf3ff}