/* 앤틱 브라스 회벽(스터코): 잡음을 빛으로 비춘 요철 두 겹(잔 알갱이 + 큰 덩어리)을 색 위에 얹는다 */
.hanji{--hz2:#CEBD93;background-color:var(--hz2);background-image:url("wall.jpg?v=2");background-size:960px 960px;background-repeat:repeat;background-position:0 0;}
@media (min-width:701px){.hanji{background-image:radial-gradient(ellipse 85% 75% at 50% 45%, transparent 55%, rgba(22,48,94,.14) 100%),url("wall.jpg?v=2");background-size:auto,960px 960px;background-repeat:no-repeat,repeat;background-position:center,0 0;}}
:root[data-theme="dark"] .hanji{background:var(--paper,#111726);}
/* 회벽 위 글자: 판 없이 바로, 거의 검은 남색, 데스크탑에서 크게, 그림자 없음 */
.hanji .plate{display:block;max-width:780px;}
.hanji .plate .eyebrow,.hanji .eyebrow{color:#2A2416;font-weight:800;}
.hanji .plate h2,.hanji h2{color:#0F1B33;font-weight:800;text-shadow:none;}
.hanji .plate .lede,.hanji .lede{color:#1E2230;font-weight:600;line-height:1.8;text-shadow:none;}
@media (min-width:900px){
  .hanji .plate .eyebrow,.hanji .eyebrow{font-size:13.5px;}
  .hanji .plate h2,.hanji h2{font-size:48px;}
  .hanji .plate .lede,.hanji .lede{font-size:19.5px;max-width:760px;}
}
.hanji .sheet{background:transparent;border:0;box-shadow:none;}

body.hanji{min-height:100vh;}
html:has(body.hanji){background:#CEBD93;}

/* 글씨체: 메인과 동일 (본문 고운바탕 · UI 고딕 · 워드마크 Didot) */
body.hanji{font-family:"Gowun Batang","Noto Serif KR","Apple SD Gothic Neo","Noto Sans KR",serif;}
body.hanji .lede,body.hanji p,body.hanji li,body.hanji dd,body.hanji .quote{font-family:"Gowun Batang","Noto Serif KR",serif;}
html[lang="ko"] body.hanji h2{font-family:"Gowun Batang","Noto Serif KR",serif;}   /* 영어·프랑스어 페이지의 h2 는 원래 Didot 이탤릭 그대로 */
body.hanji button,body.hanji .pill,body.hanji .chip,body.hanji .bd,body.hanji .lk,body.hanji .langs,body.hanji .eyebrow,body.hanji .tag,body.hanji .lab,body.hanji .st,body.hanji small,body.hanji .gate,body.hanji .note b,body.hanji table,body.hanji .cm,body.hanji .cn,body.hanji .pn,body.hanji .pk,body.hanji .meta{font-family:"Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic",-apple-system,sans-serif;}
body.hanji .serif,body.hanji h1.wm,body.hanji .pf,body.hanji .lat{font-family:"Didot","Bodoni 72",Georgia,serif;}

/* 톤온톤 종이색: 회벽 위 흰 카드·표는 눈부시니 따뜻한 종이색으로 */
body.hanji{--card:#F4ECD8;--paper2:#EBE1C9;--line:rgba(74,52,8,.24);--shadow:rgba(50,35,10,.14);}
body.hanji .card,body.hanji .trapwrap,body.hanji .credits .box,body.hanji .ch,body.hanji .note,body.hanji .lk{background:var(--card);}

/* ══════════════════════════════════════════════════════════
   맺음 — 메인의 outro 와 같은 바다·금테·슬로건. 서브페이지 공통.
   (.rdout 로 이름을 따로 둔다. 페이지마다 .outro 가 이미 있다)
   ══════════════════════════════════════════════════════════ */
.rdout{position:relative;overflow:hidden;color:#FDFCF8;text-align:center;
  padding:clamp(64px,9vw,110px) 24px;background:#16305E;}
.rdout .ph{position:absolute;inset:0;z-index:0;overflow:hidden;}
.rdout .ph img{width:100%;height:100%;object-fit:cover;object-position:50% 24%;display:block;}
.rdout .ph::after{content:"";position:absolute;inset:0;background:
  radial-gradient(ellipse 70% 62% at 50% 50%, rgba(6,16,32,.86), rgba(6,16,32,.56) 60%, rgba(6,16,32,.34) 100%),
  linear-gradient(rgba(6,16,32,.72), rgba(6,16,32,.40) 42%, rgba(6,16,32,.80));}
.rdout .fr1{position:absolute;inset:16px;z-index:2;pointer-events:none;
  border:1.5px solid rgba(180,138,60,.7);}
.rdout .fr1::after{content:"";position:absolute;inset:7px;
  border:1px solid rgba(180,138,60,.32);}
.rdout .in{position:relative;z-index:2;}
.rdout .mark{width:52px;height:52px;display:block;margin:0 auto 22px;
  filter:drop-shadow(0 4px 14px rgba(0,0,0,.4));}
.rdout .big{font-family:"Didot","Bodoni 72",Georgia,serif;font-style:italic;
  font-size:clamp(24px,4vw,40px);line-height:1.35;color:#FDFCF8;
  text-shadow:0 3px 26px rgba(6,16,32,.95);}
.rdout .big b{color:#D4A94F;font-weight:400;}
.rdout .sub{margin-top:20px;font-size:clamp(14px,1.7vw,16px);line-height:1.9;
  color:rgba(253,252,248,.78);text-shadow:0 1px 14px rgba(6,16,32,.95);}
.rdout .sub a{color:#D4A94F;text-decoration:none;border-bottom:1px solid rgba(180,138,60,.5);}
.rdout .rule{width:96px;height:1.5px;margin:30px auto 0;
  background:linear-gradient(90deg,transparent,#D4A94F,transparent);}
.rdout .sig{margin-top:26px;font-size:12.5px;letter-spacing:.22em;color:rgba(253,252,248,.6);}
.rdout .back{margin-top:24px;}
.rdout .back a{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:999px;
  border:1px solid rgba(180,138,60,.6);color:#FDFCF8;text-decoration:none;font-size:13.5px;
  transition:.18s;}
.rdout .back a:hover{background:#B48A3C;color:#16305E;border-color:#B48A3C;}
.rdout .legal{margin-top:18px;font-size:11.5px;color:rgba(253,252,248,.45);}
.rdout .legal a{color:rgba(253,252,248,.7);text-decoration:none;
  border-bottom:1px solid rgba(180,138,60,.45);}
.rdout .legal a:hover{color:#D4A94F;}
@media(max-width:520px){.rdout .fr1{inset:10px;}.rdout .mark{width:44px;height:44px;margin-bottom:16px;}}