/* 듀오 모드(폰 펼침 두 화면 가로 · 대표 10/31 21:11 «홈페이지 둘다 아이폰 듀오 모드까지 완성») — 아브라모프
   켜지는 기기: 가로 820~899 · 세로 500~700 · 가로 방향 · 터치 전용 = 아이폰 폴드 펼침(871×553 · 867×594)
   그대로인 기기: 폰 세로 · 데스크톱(마우스) · 아이패드 가로(985×555 = 900 넘음) · 태블릿 세로
   원리는 글로우서클 홈 듀오(gc v0014 · 서클이 규칙 다섯)에서: 칸=flex 기둥 · 칸 안 스크롤만 · fixed·sticky·100vh 를 두 칸에 쓰지 않음
   · 오른쪽 칸 120px 넘게 내리면 읽기 모드(왼쪽=세로쓰기 띠) · 40 아래로 오면 복귀 · 띠 탭=복귀
   · 문턱 위쪽만 P6 맞춤: 899(P6 의 900 데스크톱 문턱 아래 = 칸 안은 폰 판 규칙 그대로 흐름)
   · 두 칸 틀(.duo-l/.duo-r)은 duo.js 가 듀오일 때만 만들고 벗어나면 원래 자리로 되돌림 → 듀오 밖 DOM·화면 변화 0
   · 분기 글자는 --p6-duo-mq 와 아래 @media 가 한 글자도 다르면 안 됨(JS 는 변수에서 읽음) */
:root{--p6-duo-mq:"(min-width:820px) and (max-width:899px) and (orientation:landscape) and (hover:none) and (pointer:coarse) and (min-height:500px) and (max-height:700px)";--duo-strip:72px;--duo-ease:.32s cubic-bezier(.2,.7,.2,1)}
.duo-strip{display:none}
@media (min-width:820px) and (max-width:899px) and (orientation:landscape) and (hover:none) and (pointer:coarse) and (min-height:500px) and (max-height:700px){
 html.p6-duo,html.p6-duo body{height:100%;overflow:hidden}
 html.p6-duo body{display:flex;flex-direction:column}
 html.p6-duo .hd{position:relative;flex:none;top:auto}
 html.p6-duo main{flex:1;min-height:0;display:flex}
 html.p6-duo .duo-l{position:relative;display:flex;flex-direction:column;width:44%;flex:none;min-height:0;overflow-x:hidden;overflow-y:auto;background:#000;box-shadow:1px 0 0 #2C2C2E;transition:width var(--duo-ease)}
 html.p6-duo .duo-r{display:block;flex:1;min-width:0;min-height:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;background:#fff}
 /* 왼쪽 칸 = 첫 화면 훅·단추(각 장 첫 화면 공통) */
 html.p6-duo .duo-l > section{position:relative;flex:1 0 auto;min-height:0!important;display:flex;flex-direction:column;justify-content:center;padding:28px 28px 28px!important;margin:0!important;overflow:hidden}
 html.p6-duo .duo-l h1,html.p6-duo .duo-l .h1{font-size:clamp(28px,3.6vw,32px)!important;line-height:1.22!important;letter-spacing:-.025em}
 html.p6-duo .duo-l .sub,html.p6-duo .duo-l .lead,html.p6-duo .duo-l p{font-size:15px!important;line-height:1.55!important}
 /* 구체 = 칸 오른쪽 위 배경(글 뒤) · 칸 높이를 밀지 않음 */
 html.p6-duo .duo-l .sph8{position:absolute!important;top:12px!important;right:-56px!important;left:auto!important;width:230px!important;height:230px!important;margin:0!important;opacity:.5;z-index:0;pointer-events:none}
 html.p6-duo .duo-l .v7h .sph8{top:auto!important;bottom:-80px!important;right:-80px!important;opacity:.4}
 html.p6-duo .duo-l .v7h .v7hw{position:static!important;display:block!important;padding:0!important}
 html.p6-duo .duo-l .v7ht{position:relative;z-index:1}
 html.p6-duo .duo-l > section > *:not(.sph8):not(.v7hw){position:relative;z-index:1}
 html.p6-duo .duo-l .svc{margin-top:22px!important}
 html.p6-duo .duo-l .svc a{min-height:44px;padding-top:10px!important;padding-bottom:10px!important;font-size:15px!important}
 html.p6-duo .duo-l .cta{margin-top:20px!important}
 /* 읽기 모드 */
 html.p6-duo.duo-read .duo-l{width:var(--duo-strip);overflow:hidden}
 html.p6-duo.duo-read .duo-l > :not(.duo-strip){display:none}
 html.p6-duo.duo-read .duo-strip{display:flex;flex-direction:column;align-items:center;gap:18px;flex:1 1 auto;min-height:0;width:100%;padding:24px 0 20px;border:0;margin:0;background:none;color:#F5F5F7;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
 .duo-strip .sd{width:7px;height:7px;border-radius:50%;background:#FF3B30;flex:none}
 .duo-strip .st{writing-mode:vertical-rl;font-size:16px;font-weight:700;letter-spacing:.04em;line-height:1;white-space:nowrap;overflow:hidden;min-height:0;flex:0 1 auto;color:#F5F5F7}
 .duo-strip .sx{margin-top:auto;width:44px;height:44px;flex:none;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 0 1px #48484C;color:#F5F5F7}
 .duo-strip .sx svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
 .duo-strip:focus-visible{outline:2px solid #8AB4FF;outline-offset:-4px;border-radius:12px}
 /* 오른쪽 칸 안: 화면 높이 기준 첫 화면 최소 높이는 칸에 맞춤(100vh 금지) */
 html.p6-duo .duo-r .sys .stick{height:calc(100% - 0px)}
}
@media (prefers-reduced-motion:reduce){html.p6-duo .duo-l{transition:none!important}}
/* 10/31 손가락 칸 44px(데밍 L3 · 연락처 전화 링크 102×19) — 모든 장 공통 · 듀오와 무관 · 글줄 안 링크(inline)의 위아래 안쪽 여백은 줄 높이를 바꾸지 않으므로 누르는 범위만 넓어짐 */
a[href^="tel:"],a[href^="mailto:"]{padding:13px 0}