/* ============================================================
   ARKHIVE — 공통 디자인 체계 + 모션 규칙 (2026.10.09)
   홈·검색·상세·About 공통. brand/app/landing 다음에 로드.
   ============================================================ */
:root{
--stone:#6B6B63;--stone-d:#55554F;
--ease:cubic-bezier(.22,.61,.36,1);
--t-fast:170ms;--t-mid:240ms;--t-brand:560ms;--stagger:50ms;--rv-y:12px;
--pad-x:clamp(20px,4vw,56px);--max:1440px;--sec-y:clamp(48px,7vw,88px);
--line:rgba(28,28,30,.1);--line-d:rgba(255,255,255,.12);
--frame:2px;
--fs-h2:clamp(34px,4.4vw,56px);--fs-card:15px;--fs-body:15px;--fs-meta:12px;--fs-label:11px;--ls-label:.16em;
}
@media (max-width:760px){:root{--rv-y:8px;--stagger:30ms}}

/* ---- 타이포 규칙 ---- */
.lp-kicker,.ark-eyebrow,.lp-footcol h4,.ab-card .ck,.ev-usage .k{font-size:var(--fs-label);letter-spacing:var(--ls-label);font-weight:700}
.lp-kicker{color:var(--stone-d)}
.lp-lead{font-size:var(--fs-body);line-height:1.75;color:var(--stone-d)}
.lp-h2{font-size:var(--fs-h2);text-wrap:balance}
.lp-tcard .gsub,.lp-principle .pnum,.lp-tcard .gyears{color:var(--stone-d)}
.lp-staten{color:rgba(255,255,255,.62)}
.lp-cat .lab .n{color:rgba(255,255,255,.78)}
h1,h2,h3,.ark-wordmark,.ev-h1{word-break:keep-all;text-wrap:balance}
p,.ark-kr{word-break:keep-all;text-wrap:pretty}
.ark-statnote{margin:28px 0 0;padding-top:18px;border-top:1px solid var(--line-d);font-size:13px;line-height:1.7;color:rgba(255,255,255,.72);max-width:720px;word-break:keep-all;text-wrap:pretty}
.ab-figs .ab-fignote{display:block;margin:0;padding:22px 24px;max-width:none;min-height:0;background:var(--white);border-top:0;color:var(--stone-d);opacity:1;font-size:13px;line-height:1.7}
.ark-scope{margin:18px 0 0;padding:12px 0 0;border-top:1px solid var(--line);font-size:13.5px;line-height:1.7;color:var(--ink);max-width:620px}

/* ---- 헤더 ---- */
.e-mast{height:64px!important}
.e-mast img[alt="ARKHIVE"]{height:24px!important}
.e-mast nav a{padding:6px 0;box-shadow:inset 0 -2px 0 transparent;transition:opacity var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease)}
.e-mast nav a:hover{opacity:1;box-shadow:inset 0 -2px 0 var(--red)}
.e-mast nav a[aria-current="page"]{opacity:1;box-shadow:inset 0 -2px 0 var(--red)}
.ark-back{display:inline-flex;align-items:center;gap:6px;min-height:44px;font-size:12px!important;font-weight:700;letter-spacing:.04em!important;opacity:.85;transition:opacity var(--t-fast) var(--ease)}
.ark-back:hover{opacity:1!important}
.ark-back{gap:7px;min-height:36px;padding:0 12px;border-radius:8px;border:1px solid transparent;transition:background var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease),opacity var(--t-fast) var(--ease)}
.ark-back .ark-ki{width:15px;height:15px;opacity:1;vertical-align:0}
.ark-back:hover{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.22)}
.ark-back:focus-visible{outline:2px solid #B03020;outline-offset:2px}

/* ---- 버튼 · 링크 · 선택 요소 ---- */
.btn{min-height:44px;transition:background var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease),color var(--t-fast) var(--ease),transform 120ms var(--ease)}
.btn .arrow,.lp-link,.ab-reqlink{transition:transform var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease),color var(--t-fast) var(--ease)}
.btn:hover .arrow{transform:translateX(4px)}
.lp-link{display:inline-block}
.lp-link:hover{border-bottom-color:var(--ink)}
.chip,.cal-catchip,.cal-navbtn,.cal-today,.e-pagebtn,.ev-mode,.ev-ctl,.e-catrow{transition:background var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease),color var(--t-fast) var(--ease),opacity var(--t-fast) var(--ease)}
:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--red);outline-offset:3px}
.ark-search{transition:border-color var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease)}
.ark-search:focus-within{border-color:var(--red)!important;box-shadow:inset 0 -2px 0 var(--red)}
.ark-search input:focus-visible{outline:0}
@media (pointer:coarse){.chip,.cal-catchip,.cal-navbtn,.cal-today,.e-pagebtn,.ev-mode,.ev-ctl{min-height:44px}}

/* ---- 카드 반응: 사진만 1.025배, 화살표 4px, 선택선 2px 적색 ---- */
.photo>img,.photo>.tone,.lp-cat>img,.lp-cat>.tone{transition:transform var(--t-mid) var(--ease)}
.lp-feat>a:hover .photo>img,.lp-feat>a:hover .photo>.tone,.lp-recent>a:hover .photo>img,.lp-recent>a:hover .photo>.tone,
.e-card:hover .photo>img,.e-card:hover .photo>.tone,.ev-rel>div:hover .photo>img,.ev-rel>div:hover .photo>.tone,
.lp-cat:hover>img,.lp-cat:hover>.tone{transform:scale(1.025)}
.lp-feat>a .btn,.lp-feat>a .btn{transition:border-color var(--t-fast) var(--ease)}
.lp-feat>a:hover .btn{border-color:var(--ink)}
.lp-cat .lab .n{transition:transform var(--t-fast) var(--ease)}
.lp-cat:hover .lab .n{transform:translateX(4px)}
.e-card,.e-row{outline:0}
.e-card .photo,.ev-rel .photo{transition:box-shadow var(--t-fast) var(--ease)}
.e-card:hover .photo,.e-card:focus-visible .photo,.ev-rel>div:hover .photo{box-shadow:0 0 0 var(--frame) var(--red)}
.e-row{transition:background var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease)}
.e-row:focus-visible,.e-row:hover{box-shadow:inset var(--frame) 0 0 var(--red)}
.ev-thumb{transition:opacity var(--t-fast) var(--ease),outline-color var(--t-fast) var(--ease)!important;outline-width:var(--frame)!important}
@media (hover:none){.e-card:hover .photo,.ev-rel>div:hover .photo{box-shadow:none}}

/* ---- 등장 (첫 노출 1회) ---- */
.rv-line{display:inline-block}
html.rv [data-rv]{opacity:0;transform:translateY(var(--rv-y));transition:opacity var(--t-mid) var(--ease),transform var(--t-mid) var(--ease);transition-delay:calc(min(var(--i,0),6) * var(--stagger))}
html.rv [data-rv="fade"]{transform:none}
html.rv [data-rv="brand"]{transition-duration:var(--t-brand)}
html.rv [data-rv="mark"]{opacity:1;transform:none}
html.rv [data-rv].in{opacity:1;transform:none}

/* About 원칙: 붉은 세로선이 위→아래로 */
html.rv .lp-principle::before{transform:scaleY(0);transform-origin:top;transition:transform 420ms var(--ease) calc(min(var(--i,0),6) * var(--stagger) + 120ms)}
html.rv .lp-principle.in::before{transform:none}
/* Trust Light: 그룹 등장 후 상단 색상선이 드러나고 정지 */
.lp-tcard{position:relative}
.lp-tcard.green{--tc:var(--tg-line)}.lp-tcard.yellow{--tc:var(--ty-line)}.lp-tcard.red{--tc:var(--tr-line)}
html.rv .lp-trustgrid .lp-tcard{border-top-color:var(--line)!important}
html.rv .lp-trustgrid .lp-tcard::before{content:"";position:absolute;left:-1px;right:-1px;top:-3px;height:3px;background:var(--tc);transform:scaleX(0);transform-origin:left;transition:transform 420ms var(--ease) 180ms}
html.rv .lp-trustgrid.in .lp-tcard::before{transform:none}

/* ---- 브랜드 그래픽: ㄱ자 프레임 → 정렬된 칸 ---- */
.ark-fm{display:block;width:34px;height:34px;font-size:34px}
.ark-merge .ark-fm{width:30px;height:30px;font-size:30px;align-self:center}
html.rv [data-rv="mark"] .ark-fm{opacity:0;transform:translateY(6px) scale(.92)}
html.rv [data-rv="mark"].in .ark-fm{opacity:1;transform:none;transition:opacity 450ms var(--ease),transform 450ms var(--ease)}
.ark-fmwrap{position:relative;height:0;margin:0;display:flex;justify-content:center;pointer-events:none}
.ark-fmwrap .ark-fm{position:absolute;bottom:18px}
@media (max-width:760px){.ark-fmwrap .ark-fm{width:26px;height:26px;font-size:26px;bottom:12px}}
.ark-merge{display:flex;align-items:flex-end;gap:14px;margin:4px 0 18px;font-family:var(--font-display);font-weight:900;font-size:clamp(30px,3.4vw,40px);line-height:1;letter-spacing:.01em;color:var(--ink)}
.ark-merge .mg{display:inline-flex}
.ark-merge .mg-b{color:var(--red)}

/* ---- 전환 ---- */
@keyframes ark-fadein{from{opacity:0}to{opacity:1}}
@keyframes ark-fadeout{from{opacity:1}to{opacity:0}}
@keyframes cal-in{from{opacity:0;transform:translateX(var(--dx,0))}to{opacity:1;transform:none}}
.cal-slide{animation:cal-in var(--t-mid) var(--ease) both}
.cal-bar{transition:opacity var(--t-mid) var(--ease),filter var(--t-mid) var(--ease)}
.ark-tick{animation:ark-fadein 200ms var(--ease)}
.ev-xfade{animation:ark-fadein 220ms var(--ease) both}
.ev-under{animation:ark-fadeout 220ms var(--ease) both}
.ev-playstate{display:inline-flex;align-items:center;gap:6px;margin-top:6px;font-size:11px;font-weight:700;letter-spacing:.04em;color:rgba(255,255,255,.72)}
.ev-playstate::before{content:"";width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.45)}
.ev-playstate.on{color:#fff}
.ev-playstate.on::before{background:var(--red)}

/* ---- 공통 푸터 ---- */
.af{background:var(--ink);color:#fff;border-top:1px solid var(--line-d);padding:clamp(40px,5vw,64px) 0 36px}
.af-in{max-width:var(--max);margin:0 auto;padding:0 var(--pad-x)}
.af-grid{display:flex;justify-content:space-between;align-items:flex-start;gap:30px 56px;flex-wrap:wrap}
.af-sig{font-size:11px;letter-spacing:.14em;color:rgba(255,255,255,.62);margin-top:12px;line-height:1.6}
.af-proj{display:flex;align-items:center;gap:8px;margin-top:14px;font-size:10.5px;letter-spacing:.16em;color:rgba(255,255,255,.55)}
.af-proj i{width:18px;height:2px;background:var(--red)}
.af-cols{display:flex;gap:56px;flex-wrap:wrap}
.af-col h4{font-size:var(--fs-label);letter-spacing:var(--ls-label);font-weight:700;color:rgba(255,255,255,.55);margin:0 0 14px}
.af-col a{display:block;font-size:13.5px;color:rgba(255,255,255,.8);text-decoration:none;padding:5px 0;transition:color var(--t-fast) var(--ease)}
.af-col a:hover{color:#fff}
.af-copy{font-size:10.5px;letter-spacing:.1em;color:rgba(255,255,255,.5);margin-top:44px;padding-top:22px;border-top:1px solid var(--line-d)}

/* ---- 라운딩 체계 (2026.10.17 · ACG 데이터뱅크와 톤 정렬) ---- */
:root{--ty-line:#E0A800;--ty-head:#946A00;--ty-fill:#FFF5CC;--radius:12px;--r-ctl:8px;--r-sm:6px;--r-xs:4px}
.btn,.ark-search,.e-sel,.e-fbtn,.e-pagebtn,.cal-navbtn,.ab-copy,.ab-toss,.ab-kakao,.ab-contact2 a{border-radius:var(--r-ctl)!important}
.chip{border-radius:999px!important}
.trust,.ev-tst,.ev-tchip{border-radius:var(--r-sm)!important}
.ev-modeset,.e-tools .chip:not(.e-vbtn){border-radius:var(--r-ctl)!important}
.e-tools .chip.e-vbtn{border-radius:50%!important}
.e-row .thumb,.ev-thumb{border-radius:var(--r-sm)!important}
.e-check,.cal-chip,.cal-bar.s.e{border-radius:var(--r-xs)!important}
.cal-bar.s{border-radius:var(--r-xs) 0 0 var(--r-xs)!important}.cal-bar.e{border-radius:0 var(--r-xs) var(--r-xs) 0!important}
.e-card .photo,.ev-rcard .pic{border-radius:0!important}
.e-modal,.cal-pop{border-radius:14px!important}
.ev-thumb{outline:0!important}
.ev-thumb::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 var(--frame) transparent;pointer-events:none;transition:box-shadow var(--t-fast) var(--ease);z-index:3}
.ev-thumb.on::after{box-shadow:inset 0 0 0 var(--frame) var(--red)}
.ev-oxtable{border-radius:2px!important}
.e-tl{flex:0 0 auto;width:156px;min-width:0;display:grid;grid-template-columns:7px 52px auto;justify-content:start;align-items:center;gap:8px;height:26px;padding:0 10px;border:1px solid rgba(255,255,255,.16);border-radius:var(--r-xs,4px);background:transparent;transition:background var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease)}
.e-tl.green{--tc:var(--tg-line)}.e-tl.yellow{--tc:var(--ty-line)}.e-tl.red{--tc:var(--tr-line)}
.e-tl .d{width:7px;height:7px;border-radius:50%;background:var(--tc)}
.e-tl .en{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.08em;color:rgba(255,255,255,.55);font-weight:600}
.e-tl .kr{font-family:var(--font-body);font-size:12px;color:rgba(255,255,255,.55);white-space:nowrap}
.e-tl.on{border-color:var(--tc);background:color-mix(in oklab,var(--tc) 20%,#1C1C1E)}
.e-tl.on .en,.e-tl.on .kr{color:#fff}
.e-facet:hover .e-tl{border-color:var(--tc)}
.e-facet .e-tl+span{margin-left:auto}
.lp-tcard{border-radius:0 0 var(--radius) var(--radius)!important;overflow:hidden;border-top:1px solid var(--line)!important;padding-top:30px}
.lp-tcard::before,html.rv .lp-trustgrid .lp-tcard::before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:var(--tc)}

/* ---- 모션 감소 ---- */
@media (prefers-reduced-motion:reduce){
html.rv:not(.mo-force) [data-rv]{opacity:1!important;transform:none!important}
html:not(.mo-force) *,html:not(.mo-force) *::before,html:not(.mo-force) *::after{animation-duration:1ms!important;animation-delay:0s!important;transition-duration:1ms!important;transition-delay:0s!important;scroll-behavior:auto!important}
html:not(.mo-force) .photo>img,html:not(.mo-force) .photo>.tone,html:not(.mo-force) .lp-cat>img,html:not(.mo-force) .lp-cat>.tone{transform:none!important}
}

/* 2026.10.21 · Trust Light — 신호등 계기판 카드 (라운딩 10px · 검은 머리 · 절취선) */
.lp-tcard.tl2{padding:0!important;border:1px solid rgba(28,28,30,.12)!important;border-radius:10px!important;overflow:hidden;background:#fff;display:flex;flex-direction:column}
.lp-tcard.tl2::before,html.rv .lp-trustgrid .lp-tcard.tl2::before{display:none}
.tl2-hd{display:flex;align-items:center;justify-content:space-between;gap:10px;height:52px;padding:0 14px 0 16px;background:var(--ink)}
.tl2-lamp{display:flex;align-items:center;gap:6px;height:28px;padding:0 8px;border-radius:999px;background:rgba(255,255,255,.08)}
.tl2-lamp i{width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,.16)}
.lp-tcard.green .tl2-lamp i.on{background:var(--tg-line);box-shadow:0 0 0 3px rgba(45,122,58,.28)}
.lp-tcard.yellow .tl2-lamp i.on{background:var(--ty-line);box-shadow:0 0 0 3px rgba(212,160,0,.28)}
.lp-tcard.red .tl2-lamp i.on{background:var(--tr-line);box-shadow:0 0 0 3px rgba(176,48,32,.3)}
.tl2-code{position:relative;display:inline-flex;align-items:center;justify-content:center;height:28px;min-width:36px;padding:0 8px;border-radius:5px;background:#fff;color:var(--ink);font-family:var(--font-display);font-weight:700;font-size:17px;line-height:1}
.tl2-code::after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:rgba(28,28,30,.14)}
.tl2-bd{position:relative;padding:22px 22px 24px;flex:1}
.lp-tcard.tl2 .gname{font-size:30px;line-height:1.05;white-space:nowrap}
.lp-tcard.green .gname{color:var(--tg-head)}.lp-tcard.yellow .gname{color:var(--ty-head)}.lp-tcard.red .gname{color:var(--tr-head)}
.lp-tcard.tl2 .gsub{margin-top:12px;display:flex}
.lp-tcard.tl2 .gsub span{display:inline-flex;align-items:center;height:24px;padding:0 9px;border-radius:5px;background:#F1EFEB;color:var(--ink);font-family:var(--font-body);font-size:12px;font-weight:700;letter-spacing:0}
.tl2-pf{display:block;position:relative;margin:18px -22px 0;border-top:1.5px dashed rgba(28,28,30,.16)}
.tl2-pf::before,.tl2-pf::after{content:"";position:absolute;top:-8px;width:16px;height:16px;border-radius:50%;background:var(--off);border:1px solid rgba(28,28,30,.12)}
.tl2-pf::before{left:-9px}.tl2-pf::after{right:-9px}
.lp-tcard.tl2 .gtext{margin-top:16px}
/* Trust Light 반전 — 머리 = 등급 색, 절취선 아래 = 검은 판 */
.lp-tcard.green .tl2-hd{background:var(--tg-line)}.lp-tcard.yellow .tl2-hd{background:var(--ty-line)}.lp-tcard.red .tl2-hd{background:var(--tr-line)}
.tl2-lamp{background:rgba(0,0,0,.22)}
.tl2-lamp i{background:rgba(255,255,255,.28)}
.lp-tcard .tl2-lamp i.on{background:#fff!important;box-shadow:0 0 0 3px rgba(255,255,255,.3)!important}
.tl2-code{background:var(--ink);color:#fff}.tl2-code::after{background:rgba(255,255,255,.16)}
.tl2-bd{flex:none;padding:22px 22px 22px}
.tl2-ft{position:relative;flex:1;background:var(--ink);padding:0 22px 24px}
.tl2-ft .tl2-pf{margin:0 -22px;border-top-color:rgba(255,255,255,.28)}
.tl2-ft .tl2-pf::before,.tl2-ft .tl2-pf::after{border:0;top:-9px;width:18px;height:18px}
.tl2-ft .tl2-pf::before{left:-10px}.tl2-ft .tl2-pf::after{right:-10px}
.lp-tcard.tl2 .tl2-ft .gtext{margin-top:0;padding-top:18px;color:rgba(255,255,255,.88)}
/* Trust Light 정리 — 색 머리(신호 + 이름) / 검은 본문, 장식 제거 */
.tl2-hd{height:auto;display:flex;flex-direction:column;align-items:stretch;gap:22px;padding:16px 20px 22px}
.tl2-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.lp-tcard.tl2 .gname{color:#fff!important;font-size:32px;line-height:1}
.lp-tcard.yellow.tl2 .gname{color:var(--ink)!important}
.lp-tcard.tl2 .gsub{margin:0;display:inline-flex;align-items:center;height:24px;padding:0 9px;border-radius:999px;background:rgba(0,0,0,.2);color:#fff!important;font-family:var(--font-body);font-size:12px;font-weight:700;letter-spacing:0}
.lp-tcard.yellow.tl2 .gsub{background:rgba(28,28,30,.14);color:var(--ink)!important}
.tl2-ft{padding:20px 20px 22px}
.lp-tcard.tl2 .tl2-ft .gtext{padding-top:0}
/* Trust Light — 신호 원 제거, 머리 안 흰 글상자로 글자색 통일 */
.tl2-hd{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;padding:18px 18px}
.lp-tcard.tl2 .gname,.lp-tcard.yellow.tl2 .gname{display:inline-flex;align-items:center;height:44px;padding:0 14px;border-radius:6px;background:#fff;color:var(--ink)!important;font-size:28px;line-height:1;white-space:nowrap}
.lp-tcard.tl2 .gsub,.lp-tcard.yellow.tl2 .gsub{height:28px;padding:0 10px;border-radius:6px;background:#fff;color:var(--ink)!important}
.lp-tcard.tl2 .gsub{white-space:nowrap;flex:none}
/* 2026.10.21 · Trust Light A1 — 흰 카드 · 동일 폭 색 글상자 */
.lp-tcard.a1{display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:26px 26px 28px!important;background:#fff;border:0!important;border-radius:20px!important;overflow:visible;box-shadow:0 1px 2px rgba(0,0,0,.04),0 8px 24px rgba(0,0,0,.05)}
.lp-tcard.a1::before,html.rv .lp-trustgrid .lp-tcard.a1::before{display:none}
.lp-tcard.a1 .gsub{margin:0;display:inline-flex;align-items:center;justify-content:center;width:88px;height:28px;border-radius:8px;color:#fff!important;font-family:var(--font-body);font-size:12.5px;font-weight:700;letter-spacing:0;white-space:nowrap}
.lp-tcard.a1.green .gsub{background:var(--tg-line)}
.lp-tcard.a1.yellow .gsub{background:var(--ty-line);color:var(--ink)!important}
.lp-tcard.a1.red .gsub{background:var(--tr-line)}
.lp-tcard.a1 .gname{margin:0;font-size:34px;line-height:1;color:var(--ink)!important;white-space:nowrap}
.lp-tcard.a1 .gtext{margin:0;color:#6E6E73;font-size:14.5px;line-height:1.7}
.lp-tcard.a1 .gsub{border:1.5px solid;color:var(--ink)!important}
.lp-tcard.a1.green .gsub{border-color:var(--tg-line);background:#E6F1E7}
.lp-tcard.a1.yellow .gsub{border-color:var(--ty-line);background:#FBF1CF}
.lp-tcard.a1.red .gsub{border-color:var(--tr-line);background:#F6E2DE}
/* 2026.10.21 · 원칙 P1 — 흰 카드 2×2 · 전광판 번호 */
.lp-about{background:var(--off)}
.lp-principles{column-gap:16px!important;row-gap:16px!important}
.lp-principle.p1{display:flex;flex-direction:column;gap:16px;padding:26px 26px 28px;background:#fff;border-radius:20px;box-shadow:0 1px 2px rgba(0,0,0,.04),0 8px 24px rgba(0,0,0,.05)}
.lp-principle.p1::before,html.rv .lp-principle.p1::before{display:none}
.lp-principle.p1 .ptop{display:flex;align-items:center;gap:14px;min-width:0}
.lp-principle.p1 .ab-flap{display:inline-flex;gap:3px;flex:none}
.lp-principle.p1 .ab-flap i{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:42px;padding:0 3px;border-radius:5px;background:var(--ink);color:#fff;font-style:normal;font-family:var(--font-display);font-weight:700;font-size:30px;line-height:1}
.lp-principle.p1 .ab-flap i::after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:rgba(255,255,255,.16)}
.lp-principle.p1 .pname{margin:0;font-weight:800;line-height:1;white-space:nowrap}
.lp-principle.p1 .ptext{margin:0;gap:4px}
.lp-principle.p1 .ptext .l1{font-size:15px;font-weight:700;color:var(--ink)}
.lp-principle.p1 .ptext .l2{font-size:14.5px;color:#6E6E73}
/* 상단 메뉴 — 밑줄 대신 칸 */
.e-mast nav a{display:inline-flex;align-items:center;height:30px;padding:0 10px!important;border-radius:6px;box-shadow:none!important;transition:background var(--t-fast) var(--ease),color var(--t-fast) var(--ease),opacity var(--t-fast) var(--ease)}
.e-mast nav a:hover{opacity:1;background:rgba(255,255,255,.12)}
.e-mast nav a[aria-current="page"]{opacity:1;background:#fff;color:var(--ink)!important}
.e-mast nav a[aria-current="page"]{font-weight:800}

/* 2026.10.22 · 마우스 올림 반응 — 빨간 테두리 대신 살짝 떠오름 + 부드러운 그림자 + 사진 확대 (사진 확대는 위 규칙 그대로) */
.e-card:hover .photo,.e-card:focus-visible .photo,.ev-rel>div:hover .photo{box-shadow:0 12px 28px rgba(28,28,30,.16),0 2px 6px rgba(28,28,30,.08)!important}
.ev-rel>div{transition:transform var(--t-mid) var(--ease)}
.ev-rel>div:hover{transform:translateY(-4px)}
.ev-rel>div:hover .photo>img,.ev-rel>div:hover .photo>.tone,.e-card:hover .photo>img{filter:brightness(1.05) saturate(1.04);transition:transform var(--t-mid) var(--ease),filter var(--t-mid) var(--ease)}
.ev-rel>div:focus-visible,.e-card:focus-visible{outline:2px solid var(--ink);outline-offset:4px;border-radius:8px}
@media (hover:none){.ev-rel>div:hover{transform:none}.ev-rel>div:hover .photo{box-shadow:none!important}}
@media (prefers-reduced-motion:reduce){.ev-rel>div:hover{transform:none}}

/* 섹션 머리표 · 버튼 픽토그램 */
.lp-kicker.has-ki,.ark-eyebrow.has-ki,.m-kicker.has-ki{display:inline-flex;align-items:center;gap:7px}
.lp-kicker.has-ki .ark-ki,.ark-eyebrow.has-ki .ark-ki,.m-kicker.has-ki .ark-ki{width:14px;height:14px;opacity:1;vertical-align:0}
.btn.has-ki{display:inline-flex;align-items:center;gap:9px}
.btn.has-ki .ark-ki{width:17px;height:17px;opacity:1;vertical-align:0}

/* 상단 메뉴 픽토그램 (ACG DATABANK 메뉴와 정렬) */
.e-mast nav{gap:6px!important}.e-mast nav a{gap:7px;padding:0 12px!important}.e-mast nav a .ark-ki{width:14px;height:14px;opacity:1;vertical-align:0}
/* 전광판 라벨 픽토그램 */
.lp-statkr.has-ki,.ab-fig .k.has-ki{display:flex;align-items:center;gap:7px}.lp-statkr.has-ki .ark-ki,.ab-fig .k.has-ki .ark-ki{width:14px;height:14px;opacity:1;vertical-align:0;color:var(--red)}
/* 상단 「기록 찾기」 — 마우스 올림 시 흰 칸 반전 (메뉴 선택 칸과 같은 언어) */
.e-mast .btn-red{transition:background var(--t-fast) var(--ease),color var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease)}
.e-mast .btn-red:hover{background:#fff!important;color:var(--red)!important;box-shadow:0 0 0 2px var(--red)}
/* 기록 원칙 카드 — 우측 배경 픽토그램 (은유) */
.lp-principle.has-wm{position:relative;overflow:hidden}.lp-principle.has-wm>*:not(.pwm){position:relative;z-index:1}
.lp-principle .pwm{position:absolute;right:28px;top:50%;width:168px;height:168px;transform:translateY(-50%);color:var(--ink);opacity:.06;pointer-events:none;z-index:0}
.lp-principle .pwm svg{width:100%;height:100%;display:block}.lp-principle .pwm svg [stroke]{stroke-width:28}
@media (max-width:640px){.lp-principle .pwm{width:120px;height:120px;right:16px}}
/* 원칙 카드: 전광판(숫자 뒤집힘)만 움직이고 카드·아이콘은 고정 */
html.rv .lp-principle.has-wm,html.rv .lp-principle.has-wm[data-rv]{opacity:1!important;transform:none!important;transition:none!important}
.lp-principle .pwm,.lp-principle .pwm *{transition:none!important;animation:none!important}