/* keep-5-type.css — Keep `421.TheScriptureKeep/public/scripture-genesis.html` <style> 1226~1337행을 그대로 옮김(2026-09-29: 단어 확대 애니메이션 줄만 삭제 — 사람 지시. 그 밖은 수정 금지; 우리 쪽 차이는 ts-overrides.css). */

/* KJV has a distinct, restrained gold accent in both selectors. */
.six-edition-chip[data-sort-id="en-kjv"], .six-edition-option[data-sort-id="en-kjv"] { border-color: #b98d39; }
.six-edition-chip[data-sort-id="en-kjv"][aria-pressed="true"], .six-edition-option[data-sort-id="en-kjv"]:has(input:checked) { background: #f6ecd4; color: #604514; border-color: #a67b2d; box-shadow: inset 3px 0 #b98d39; }
body.dark-mode .six-edition-chip[data-sort-id="en-kjv"][aria-pressed="true"], body.dark-mode .six-edition-option[data-sort-id="en-kjv"]:has(input:checked) { background: #403620; color: #ffedba; border-color: #d8b56b; box-shadow: inset 3px 0 #d8b56b; }

.six-tabs { display:flex; gap:8px; min-width:0; flex:1; align-items:center; }
.six-tab-list { display:flex; gap:6px; overflow-x:auto; min-width:0; }
.six-tab { display:flex; flex-shrink:0; border:1px solid var(--rule); border-radius:9px; background:var(--paper); }
.six-tab button,.six-add-tab { padding:10px 12px; border:0; background:transparent; color:var(--ink); cursor:pointer; font:500 12px var(--ksans); white-space:nowrap; }
.six-tab[data-active="true"] { background:#e1f3ef; border-color:#138478; }
.six-tab[data-active="true"] button { color:#09675f; font-weight:700; }
.six-add-tab { border:1px solid var(--rule); border-radius:9px; flex-shrink:0; background:var(--paper); }
.six-tab .six-tab-close { font-size:19px; padding:6px 10px; }
.six-desktop-toolbar { gap:12px; }
body.dark-mode .six-tab[data-active="true"] { background:#244e48; border-color:#80dccb; }
body.dark-mode .six-tab[data-active="true"] button { color:#d7fff5; }
.six-type-help { margin:12px 0 0; font:12px var(--ksans); color:var(--sub); }
.six-type-help summary { cursor:pointer; padding:8px 0; }
.six-type-panel > div { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:10px; margin:10px 0; }
.six-type-panel > div > div { display:flex; gap:12px; align-items:center; }
.six-type-panel { white-space:normal; }
@media(min-width:768px) {
  .main-head .navrow .right-btns { flex:1; justify-content:flex-start; flex-wrap:wrap; gap:8px; }
  .main-head .toggle-bar { display:inline-flex; flex-wrap:nowrap; gap:6px; margin:0; }
  .main-head .toggle-title { display:none; }
  .main-head .six-type-help { position:relative; margin:0; flex:0 0 auto; }
  .main-head .six-type-help summary { border:1px solid var(--rule); border-radius:20px; padding:8px 12px; color:var(--ink); background:var(--paper); white-space:nowrap; }
  .main-head .six-type-panel { position:absolute; top:calc(100% + 8px); right:0; z-index:30; width:min(520px,calc(100vw - 320px)); max-height:50vh; overflow:auto; padding:16px; background:var(--paper); border:1px solid var(--rule); border-radius:12px; box-shadow:0 8px 24px #0002; }
}
.six-type-example { display:inline-block; min-width:48px; padding:3px 7px; outline:1px dotted currentColor; text-align:center; }
.six-type-help p { line-height:1.7; }
.sheet .en, .sheet .en :is(.theo,.cap,.pname,.yhwh,.sc) { font-weight:400; }
.sheet .en .scripture-capital { font-weight:700; }
.sheet :is(.ko,.ks) :is(.k-theo,.k-pname) { font-weight:400; }
.sheet :is(.ko,.ks) :is(.scripture-capital,.k-yhwh,.k-capital-name,.k-capital-sentence,.k-cap) { font-weight:700; }
.sheet :is(.supplied,.k-supplied) { font-style:italic; }
.sheet .k-supplied2 { font-style:oblique -12deg; }
.sheet .k-quote { display:inline-block; font-style:normal; transform:skewX(12deg); color:inherit; }
body.marks .sheet [data-type-open]::before { content:"\2060" attr(data-type-open) "\2060"; }
body.marks .sheet [data-type-close]::after { content:"\2060" attr(data-type-close) "\2060"; }
body.marks .sheet .en [data-type-open]::before,
body.marks .sheet .en [data-type-close]::after { content:none; }
body.marks.six-type-guide-open .sheet .en [data-type-open]::before { content:"\2060" attr(data-type-open) "\2060"; }
body.marks.six-type-guide-open .sheet .en [data-type-close]::after { content:"\2060" attr(data-type-close) "\2060"; }
.sheet [data-type-open]::before, .sheet [data-type-close]::after { font-style:normal; font-weight:400; }
body.marks .sheet :is(.small-angel,.k-small-angel,.strong-cap,.k-strong,.theo,.k-theo,.supplied,.k-supplied,.k-supplied2,.k-quote,.yhwh,.k-yhwh,.cap,.k-cap,.pname,.k-pname) { outline:1px dotted currentColor; outline-offset:1px; border-radius:1px; }
body.marks .sheet [data-type-open], body.marks .sheet .k-quote { outline:none; }
.sheet .alignment-part.is-aligned { text-decoration:none; }
.sheet [data-word].is-word-aligned { outline:none; }
.scripture-word { display:inline-block; position:relative; cursor:pointer; border-radius:2px; transform-origin:center; }
.scripture-word:focus-visible { outline:1px dotted currentColor; }
.scripture-word[data-color="0"] { --word-rgb:250,204,85; }
.scripture-word[data-color="1"] { --word-rgb:74,222,128; }
.scripture-word[data-color="2"] { --word-rgb:96,165,250; }
.scripture-word[data-color="3"] { --word-rgb:244,114,182; }
.scripture-word[data-color="4"] { --word-rgb:167,139,250; }
.scripture-word[data-color="5"] { --word-rgb:45,212,191; }
.scripture-word[data-color="6"] { --word-rgb:251,146,60; }
/* Color is reserved for source typography, not every lexical alignment. */
.sheet mark { background:none !important; }
.sheet [data-type-color="0"] { --type-rgb:250,204,85; }
.sheet [data-type-color="1"] { --type-rgb:251,146,60; }
.sheet [data-type-color="2"] { --type-rgb:167,139,250; }
.sheet [data-type-color="3"] { --type-rgb:244,114,182; }
.sheet [data-type-color="4"] { --type-rgb:74,222,128; }
.sheet [data-type-color="5"] { --type-rgb:96,165,250; }
.sheet [data-type-color="6"] { --type-rgb:45,212,191; }
.sheet [data-type-color="7"] { --type-rgb:192,132,252; }
.sheet [data-type-color="8"] { --type-rgb:148,163,184; }
.sheet [data-type-color="9"] { --type-rgb:248,113,113; }
.sheet [data-type-color="10"] { --type-rgb:163,163,163; }
body.hl .sheet [data-type-color] { background:rgba(var(--type-rgb),var(--light-highlight-opacity,.2)); border-radius:2px; }
body.dark-mode.hl .sheet [data-type-color] { background:rgba(var(--type-rgb),var(--dark-highlight-opacity,.34)); }
@media(max-width:767px) {
 body[data-six-screen="read"] > .app > .six-footer { position:fixed; bottom:0; left:0; right:0; z-index:40; transform:translateY(105%); opacity:0; pointer-events:none; transition:transform .18s,opacity .18s; box-shadow:0 -2px 12px #0002; }
 body[data-six-screen="read"].six-controls-visible > .app > .six-footer,
 body[data-six-screen="read"] > .app > .six-footer:has(button:focus-visible) { transform:translateY(0); opacity:1; pointer-events:auto; }
 #sixJump .six-footer { position:static; transform:none; opacity:1; pointer-events:auto; }
 #sixMenu > .six-tabs { flex:1 1 0; min-height:140px; padding:12px 15px; border-top:1px solid var(--rule); align-items:stretch; flex-direction:column; }
 #sixMenu .six-menu-body { flex:0 1 auto; }
 #sixMenu .six-edition-list { flex:0 0 202px; height:202px; }
 #sixMenu .six-edition-option { box-sizing:border-box; height:74px; min-height:74px; margin-bottom:8px; padding:10px; }
 #sixMenu .six-tab-move { display:flex; align-items:center; gap:3px; }
 #sixMenu .six-tab > button:first-child { min-width:0; white-space:normal; }
 #sixMenu .six-tab-list { flex:1; }
 #sixSettings .six-tool-title { min-height:38px; }
 #sixMenu .six-tab-list { flex-direction:column; overflow:auto; }
 #sixMenu .six-tab > button:first-child { flex:1; text-align:left; }
}

/* The animated copy never participates in Scripture line layout. */
.sheet .scripture-word.scripture-selected { outline:2px dotted #ef4444 !important; outline-offset:2px; border-radius:2px; }
.six-reader-credit { padding:24px 8px; text-align:center; color:var(--sub); font:12px var(--ksans); }
@media(min-width:768px) {
  .six-desktop-chapter-nav { align-items:center; }
  .six-desktop-chapter-nav .six-reader-credit { flex:1; padding:12px 8px; }
  .six-desktop-chapter-nav button { flex-shrink:0; }
}
@media(max-width:767px) {
  body[data-six-screen="read"] .content { padding-bottom:0; }
  .six-reader-credit { min-height:var(--six-reading-footer-height, 80px); box-sizing:border-box; display:flex; align-items:center; justify-content:center; margin-top:16px; padding:12px 8px max(12px, env(safe-area-inset-bottom)); }
  body.six-controls-visible .six-reader-credit { visibility:hidden; }
}


.genesis-search-results { max-height: 220px; overflow: auto; display:grid; gap:6px; margin-top:10px; }
.genesis-search-results:empty { display:none; }
.genesis-search-results button { text-align:left; padding:10px; border:1px solid var(--rule); border-radius:8px; background:var(--paper); color:var(--ink); cursor:pointer; }