/* 두루미 놀이터 · 안내 페이지(소개·이용 가이드·제작 원칙·문의)의 B급 포스터(카드뉴스) 톤. 페이지 인라인 스타일 뒤에 불러요.
   히어로 띠 · 바로 가기 카드 · 본문 카드 · 제목 형광펜 · 푸터 칩. 글자는 어두운 잉크(#2b2436) 대 밝은 바탕 — 대비를 낮추지 않아요. */
body .page-hero{border:2px solid #2b2436;border-radius:24px;background:linear-gradient(135deg,#fff3b0,#ffe0ec);box-shadow:7px 8px 0 rgba(43,36,54,.16)}
body .page-hero .eyebrow{display:inline-block;padding:3px 10px;border:2px solid #2b2436;border-radius:8px;background:#ffe46b;color:#2b2436;transform:rotate(-1.5deg);box-shadow:2px 3px 0 rgba(43,36,54,.22)}
body .page-hero h1{color:#2b2436;text-shadow:2px 3px 0 rgba(255,255,255,.6)}
body .pcards a{border:2px solid #2b2436;border-radius:18px;box-shadow:3px 4px 0 rgba(43,36,54,.2)}
body .pcards a:active{transform:translate(2px,3px);box-shadow:1px 1px 0 rgba(43,36,54,.2)}
body main .card,body .wrap>.card,body article.card{border:2px solid #2b2436;border-radius:18px;box-shadow:3px 4px 0 rgba(43,36,54,.18)}
body main h2,body .wrap>h2{background:linear-gradient(transparent 62%,#ffe46b 62%);display:inline;padding:0 2px;-webkit-box-decoration-break:clone;box-decoration-break:clone;color:#2b2436}
body .wrap footer .ft-links a{border:2px solid #2b2436;border-radius:99px;background:#fff;color:#2b2436;box-shadow:2px 3px 0 rgba(43,36,54,.16)}
@media (prefers-reduced-motion:reduce){body .page-hero .eyebrow{transform:none}body .pcards a:active{transform:none}}
/* 접어 둔 안내(이용 가이드 · 소개 · 심층편 설명): 제목 한 줄만 보이고 눌러서 펼쳐요 — 글은 그대로 있어서(검색·읽기 도구에도 그대로) 숨김 링크가 아니에요 */
details.fold{margin:12px 0;border:2px solid #2b2436;border-radius:16px;background:#fff;box-shadow:3px 4px 0 rgba(43,36,54,.18)}
details.fold>summary{display:flex;align-items:center;min-height:48px;padding:6px 16px;cursor:pointer;list-style:none;color:#2b2436}
details.fold>summary::-webkit-details-marker{display:none}
details.fold>summary::after{content:"＋";margin-left:auto;font-weight:900;font-size:18px}
details.fold[open]>summary::after{content:"－"}
details.fold>summary h2{margin:0;font-size:17px;background:none;display:block;padding:0}
details.fold>*:not(summary){margin-left:16px;margin-right:16px}
details.fold>*:last-child{margin-bottom:14px}