.home-card,#joseon{scroll-margin-top:calc(var(--mast) + var(--s4));word-break:keep-all;overflow-wrap:anywhere}
.home-controls{margin-bottom:var(--s3)}
.home-controls fieldset{min-width:0;border:0;padding:0;margin:0}

.home-controls legend{font-size:var(--t13);font-weight:650;color:var(--meta);padding:0}
.home-controls legend span{font-weight:400;color:var(--meta);margin-left:var(--s2)}
.home-options{display:flex;flex-wrap:wrap;gap:var(--s2)}
.home-speed{max-width:24rem}
.home-speed label{display:flex;justify-content:space-between;gap:var(--s4);font-size:var(--t13);font-weight:700}
.home-speed output{font-variant-numeric:tabular-nums}
.home-speed input{display:block;width:100%;min-height:var(--tap);margin:0;accent-color:var(--ink);cursor:pointer}
.home-speed .home-note{margin-top:0}
.home-options .chip{white-space:normal;text-align:left}
.home-options .den{font:inherit;color:inherit}
.home-check{visibility:hidden;font-size:var(--t13)}
[aria-pressed=true]>.home-check{visibility:visible}
.home-options .chip:active,.home-key:active{transform:scale(.98)}
.home-key{display:inline-flex;align-items:center;gap:var(--s2)}
.home-key[hidden]{display:none}
.home-key i{display:inline-block;width:var(--s4);height:3px;background:var(--series-color);flex:none}

.home-key .reference-mark{width:8px;height:8px;border:2px solid var(--series-color);background:var(--surface)}
.home-key .reference-mark.square{background:var(--series-color)}
button.home-key{font:inherit;min-height:var(--tap);padding:var(--s1) var(--s2);border:0;background:var(--surface-3);color:var(--ink);cursor:pointer}
button.home-key[aria-pressed=false]{color:var(--meta)}
button.home-key[aria-pressed=false] i{background:var(--meta)}
button.home-key[aria-pressed=false]>span:first-of-type{text-decoration:line-through}
#denom-chart{min-height:380px;display:grid;align-items:center;position:relative;overflow:hidden}

#denom-chart.is-dragging,#denom-chart.is-dragging *{cursor:grabbing!important;user-select:none;-webkit-user-select:none}
.home-axis{display:flex;align-items:center;flex-wrap:wrap;gap:var(--s2);margin-top:var(--s3)}
.home-axis output{font-size:var(--t13);font-variant-numeric:tabular-nums;margin-right:auto}
.home-axis .btn{min-width:var(--tap);min-height:var(--tap)}
.home-axis .btn:disabled{opacity:.45;cursor:default}
.chart-detail{position:absolute;z-index:2;max-width:min(280px,100%);padding:var(--s3);border:1px solid var(--rule-strong);background:var(--surface);color:var(--ink);font-size:var(--t13);line-height:1.6;white-space:pre-line;overflow-wrap:anywhere;pointer-events:none}
.chart .end-logo-bg{fill:var(--surface)}
.chart .end-name{font-size:11px;font-weight:650}
.chart .end-link{fill:none;stroke-width:1;stroke-dasharray:2 3;opacity:.65}
.chart-note{opacity:.5}
.chart-note:hover,.chart-note:focus-within{opacity:1}
.chart-note text{font-size:11px;fill:var(--ink);paint-order:stroke;stroke:var(--surface);stroke-width:3px;stroke-linejoin:round}
.chart-note path{fill:none;stroke:var(--meta);stroke-width:1}
.chart-note circle{fill:var(--meta)}
.chart-note path,.chart-note circle{pointer-events:none}
.chart-note.is-num{opacity:1}
.chart-note .note-num{fill:var(--surface);stroke:var(--meta);stroke-width:1}
.chart-note.is-num text{stroke-width:0}
.chart-note-list{grid-column:1/-1;margin:var(--s2) 0 0;padding-left:var(--s5);list-style:decimal;font-size:var(--t13);color:var(--sub);display:grid;gap:var(--s1)}
.chart-note-list a{display:inline-flex;align-items:center;min-height:var(--tap)}
.home-unit,.home-source{font-size:var(--t13);color:var(--meta);margin-block:var(--s2)}
@media(prefers-reduced-motion:reduce){.home-options .chip:active,.home-key:active{transform:none}}
.home-values{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--s2) var(--s5);padding-block:var(--s3);border-block:1px solid var(--rule);font-size:var(--t13);min-height:var(--tap)}
.home-values>strong{font-size:var(--t16)}
.home-metric{font-size:var(--t13);font-weight:700;padding:2px var(--s2);background:var(--surface-3);color:var(--ink);white-space:nowrap}
.home-sep{font-style:normal;color:var(--rule-2);margin-inline:calc(var(--s2) * -1)}
.home-values span{white-space:nowrap}
.home-note{font-size:var(--t13);color:var(--meta);margin-top:var(--s3)}
.home-sources>ul{list-style:disc;padding-left:var(--s5)}

.pick{margin-top:var(--s4);display:grid;gap:var(--s4)}
.pick fieldset{border:0;margin:0;padding:0}
.pick legend{font-size:var(--t13);font-weight:700;color:var(--meta);margin-bottom:var(--s2)}
.pick-boxes{display:flex;flex-wrap:wrap;gap:var(--s2) var(--s4)}
.pick-boxes label{display:inline-flex;align-items:center;gap:6px;min-height:var(--tap);font-size:var(--t15);cursor:pointer}
.pick-boxes input{width:18px;height:18px;margin:0;accent-color:var(--ink)}
.pick-acts{display:flex;flex-wrap:wrap;gap:var(--s2)}
.download-list{margin-top:var(--s4);display:grid;grid-template-columns:minmax(0,1fr);list-style:none}
.download-list li{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);padding:var(--s3) 0;border-bottom:1px solid var(--rule-2)}
.download-list strong{display:block;font-size:var(--t16)}
.download-list small{display:block;color:var(--meta);font-size:var(--t13)}
.download-list .btn{white-space:nowrap}

.home-footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--s3);padding-block:var(--s6);border-top:1px solid var(--rule-2);font-size:var(--t13);color:var(--meta)}
@media(min-width:600px){.download-list{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--s10)}}
@media(max-width:599px){.home-section-head>span{max-width:9em;text-align:right}.home-values{gap:var(--s2) var(--s4)}.home-controls>.home-note{margin-top:0}}

@media (max-width:1023px){.home-section-head a{display:inline-flex;align-items:center;min-height:var(--tap)}}

.home-article{max-width:none}.home-article>*{max-width:44em}
.home-article-kick{font-size:var(--t13);font-weight:700;color:var(--meta);margin-bottom:var(--s2)}
.home-article h3{font-size:var(--t20);line-height:1.4;margin-bottom:var(--s3)}
.home-article p{line-height:1.8;text-align:justify}.home-article p+p{margin-top:var(--s3)}
.home-article-links{margin:var(--s4) 0 0;padding:0;list-style:none;border-top:1px solid var(--rule)}
.home-article-links li{border-bottom:1px solid var(--rule)}
.home-article-links a{display:block;padding:var(--s3) 0;font-weight:700;color:var(--ink);text-decoration:none}
.home-article-links a:hover{text-decoration:underline}
.home-article-note{margin-top:var(--s4);font-size:var(--t13);color:var(--meta)}
.download-list+.download-list{margin-top:0}

.lineage-notes{padding-left:1.2em;line-height:1.7}
.home-values .home-value{font-weight:600;font-variant-numeric:tabular-nums}.home-gaps{margin-top:var(--s2)}

.home-search{margin-top:var(--s3);padding-top:var(--s3);border-top:1px solid var(--rule)}
.home-search fieldset{min-width:0;border:0;padding:0;margin:0}
.home-search legend{font-size:var(--t13);font-weight:650;color:var(--meta);padding:0;margin-bottom:var(--s2)}
.home-search-bar,.home-search-fields{display:flex;flex-wrap:wrap;gap:var(--s2)}
.home-search .field{flex:1 1 16rem;max-width:32rem}

.tbl th .den{vertical-align:middle}
:is(#latest,.home-search) .tbl :is(th,td):last-child{text-align:left}

.home-charts{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s4)}
.home-charts>.panel+.panel{margin-top:0}
.home-card-chart{position:relative;min-height:280px}
@media(min-width:1024px){.home-charts{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s6)}}

@media(max-width:599px){body[data-page=gyose-home] main .panel{margin-inline:0}}

.home-controls{display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--s2) var(--s6)}
.home-controls legend{float:left;margin:0 var(--s3) 0 0;line-height:32px}
.home-options{gap:var(--s2)}
.home-options .chip{min-height:32px;padding:0 var(--s3);font-size:var(--t13)}
.home-options .chip img{width:16px;height:16px}
.home-pick.wide{flex:1 0 100%}
.home-pick>summary{display:none}
.home-legend .chip,.home-legend .home-key{min-height:32px}
.home-values{padding-block:var(--s2)}
@media (max-width:599px){

  .home-controls{display:block}
  .home-controls fieldset+fieldset{margin-top:var(--s2)}
  .home-controls>fieldset legend{width:2.6em;margin-right:var(--s2);font-size:12px}
  #metric{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-bottom:var(--s3)}
  #metric .chip{border-radius:0;justify-content:center;font-size:12px;padding:0 4px}
  #metric .chip:first-child{border-radius:var(--r,4px) 0 0 var(--r,4px)}#metric .chip:last-child{border-radius:0 var(--r,4px) var(--r,4px) 0}
  .home-pick{border-top:1px solid var(--rule)}
  .home-pick:last-of-type{border-bottom:1px solid var(--rule)}
  .home-pick>summary{display:flex;min-height:44px}
  .home-pick>summary span{width:4.2em;flex:none;color:var(--meta);font-weight:650}
  .home-pick>summary b{font-weight:600;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .home-pick legend{display:none}
  .home-pick fieldset{padding-bottom:var(--s3)}
  .home-pick .home-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s2)}
  .home-options .chip{padding:0 4px;font-size:12px;justify-content:center;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .home-options .chip img,.home-options .home-check{display:none}

  #comparisons{grid-template-columns:repeat(2,minmax(0,1fr))}
  #comparisons .chip{white-space:normal;overflow:visible;text-overflow:clip;min-height:44px;height:auto;padding:4px 6px;line-height:1.3}
  #comparisons .chip .den{overflow:visible;white-space:normal}
  .home-options .chip .den{overflow:hidden;text-overflow:ellipsis}
  .home-values{gap:2px var(--s3);font-size:12px}
  .home-values>strong{font-size:var(--t14)}
}

.pyramid .pyr-church{fill:var(--d-tonghap);fill-opacity:.9}
.pyramid .pyr-people{fill:var(--meta);fill-opacity:.28}
.pyramid .pyr-row:hover .pyr-church,.pyramid .pyr-row:focus .pyr-church{fill-opacity:1}
.pyramid .pyr-row:focus{outline:none}.pyramid .pyr-row:focus-visible .lab{text-decoration:underline}
.pyr-time{display:flex;align-items:flex-start;gap:var(--s3);margin-top:var(--s3)}
.pyr-slide{flex:1;min-width:0}.pyr-slide input{display:block;width:100%;min-height:var(--tap);margin:0;accent-color:var(--d-tonghap);cursor:pointer}
.pyr-time output{font-size:var(--t16);font-weight:750;font-variant-numeric:tabular-nums;min-width:3em;text-align:right}
.pyr-ticks{display:flex;justify-content:space-between;margin-top:-10px;font-size:11px;color:var(--meta);font-variant-numeric:tabular-nums}
.pyramid.focus rect.pyr-church,.pyramid.focus rect.pyr-people{opacity:.35}.pyramid.focus rect.on{opacity:1}.pyramid.focus rect.pyr-people.on{fill-opacity:.45}
.pyramid .pyr-note{font-size:12px;font-weight:700;fill:var(--meta);paint-order:stroke;stroke:var(--surface);stroke-width:3px}.pyramid .pyr-note .c{fill:var(--ink)}
.pyramid.moving .pyr-note{display:none}.pyramid.moving rect{opacity:1!important}
#more .home-values{align-content:flex-start;column-gap:var(--s2)}#more .home-sep{margin-inline:0}
@media(max-width:1279px){#more .home-values{font-size:12px}#more .home-values>strong{font-size:var(--t14)}#more .home-values .home-metric{padding-inline:6px}#more .home-values{column-gap:6px}}

.wm .wm-men{fill:var(--rule-2)}.wm .wm-women{transition:fill .4s,stroke .4s;stroke-width:1.5}.wm .wm-grid{stroke:var(--rule);stroke-width:1}
.wm .wm-bar{opacity:.78}.wm .wm-bar.on{opacity:1}.wm:focus{outline:none}.wm:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.wm .wm-x text,.wm .wm-gap{font-size:11px}

#denom-chart .chart-series,#denom-chart .chart-end{transition:opacity .2s}
#denom-chart .faded{opacity:.15}
@media(prefers-reduced-motion:reduce){#denom-chart .chart-series,#denom-chart .chart-end{transition:none}}
.chip img[src*="tonghap"]{background:none}

.swipe-hint{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 16px;border-radius:12px;background:color-mix(in srgb,var(--surface) 82%,transparent);color:var(--ink);font-size:var(--t13);pointer-events:none;box-shadow:0 2px 12px rgb(0 0 0/.25);transition:opacity .3s}
.swipe-hint.out{opacity:0}
.swipe-hand{color:var(--meta);opacity:.6;animation:swipe-hand 1.1s ease-in-out infinite}
@keyframes swipe-hand{0%,100%{transform:translateX(-22px)}50%{transform:translateX(22px)}}
.lineage-name{font-size:11px}

.home-reads{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s4);margin-top:var(--s4)}
.home-reads>.panel+.panel{margin-top:0}
.home-read{display:flex;flex-direction:column;gap:var(--s2);text-decoration:none;color:var(--ink);min-height:8em}
.home-read[href]:hover b{text-decoration:underline}
.home-read-kick{font-size:var(--t12);font-weight:700;color:var(--meta)}
.home-read b{font-size:var(--t16);line-height:1.45}
.home-read-sub{font-size:var(--t13);color:var(--sub)}
@media(max-width:719px){.home-reads{grid-template-columns:minmax(0,1fr);gap:var(--s3)}}

.home-charts .home-card{display:grid;grid-row:span 7;grid-template-rows:subgrid;row-gap:0;align-content:start}
.home-charts .home-card>*{margin-block:0}
.home-charts .home-card>:not(:empty){margin-bottom:var(--s3)}
.home-charts .home-card>.home-values:empty{display:block;border:0;padding:0;min-height:0}
.home-charts .home-card>.home-card-foot{margin-bottom:0}
.home-card-foot>:first-child{margin-top:0}

.chart-tip-label{font-size:12px;font-weight:700;fill:var(--ink);paint-order:stroke;stroke:var(--surface);stroke-width:3px;pointer-events:none;font-variant-numeric:tabular-nums}

.att-chart{grid-row:span 2;display:flex;flex-direction:column}
@media(min-width:1024px){.att-chart{contain:size;min-height:0}.att-bars i{flex:1;max-height:32px}}
#attend-card .home-key i{height:10px;border-radius:2px}
.att-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--s3);flex:1;grid-auto-rows:1fr}
.att-list li{display:grid;grid-template-columns:6.5em minmax(0,1fr);gap:var(--s3);align-items:center}
.att-name{font-size:var(--t13);font-weight:700}
.att-bars{display:flex;flex-direction:column;gap:3px;padding-right:4.2em;align-self:stretch;justify-content:center}
.att-bars i{position:relative;display:flex;align-items:center;height:24px;border-radius:2px;font-style:normal;min-width:0}
.att-bars i span{padding-inline:6px;font-size:12px;font-weight:650;white-space:nowrap;font-variant-numeric:tabular-nums}
.att-a{background:var(--rule-2);color:var(--ink)}
.att-b{background:var(--d-goshin);color:#fff}[data-theme=dark] .att-b{color:#111}
.att-rate{position:absolute;left:100%;margin-left:6px;font-size:var(--t13);font-variant-numeric:tabular-nums;color:var(--ink);white-space:nowrap}
@media(max-width:599px){.att-list li{grid-template-columns:minmax(0,1fr);gap:var(--s1)}}
.wm .wm-empty{font-size:var(--t13);fill:var(--meta)}
#women-chart{contain:size}

.home-scans{display:none}
@media(min-width:1024px){.home-article{display:grid;grid-template-columns:minmax(0,44em) minmax(16em,1fr);gap:var(--s6)}
  .home-article>.home-scans{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:var(--s3);margin:0;max-width:none;contain:size}
  .home-scans a{display:flex;flex-direction:column;gap:4px;min-height:0;font-size:var(--t12);color:var(--meta);text-decoration:none}
  .home-scans a:hover span{text-decoration:underline}
  .home-scans img{flex:1;min-height:0;width:100%;object-fit:cover;object-position:top;border:1px solid var(--rule);border-radius:4px;background:#fff}
  .home-scans span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}