/* Contents hub · Design System 2 · 2026-09-06. Scoped to preserve standalone tools. */
@font-face{font-family:Pretendard;src:url('/assets/fonts/pretendard/PretendardVariable.woff2') format('woff2');font-weight:100 900;font-display:swap}
.contents-v2{--primary:#3e634a;--primary-soft:#e8f0df;--cfl-primary:#3e634a}
.contents-v2.split-layout-container{display:block;min-height:100vh;padding:0 0 calc(96px + env(safe-area-inset-bottom))}
.contents-v2 .content-panel{display:block;width:100%;max-width:1040px;margin:0 auto;padding:24px var(--ds-gutter)!important;min-height:0}
.contents-v2 .content-container{width:100%;max-width:none;margin:0;padding:0!important}
.contents-v2 [hidden]{display:none!important}
.contents-v2 .mq-tabs{position:static;display:flex;gap:24px;margin:0 0 24px;padding:0;border:0;border-bottom:1px solid var(--ds-line);border-radius:0;background:none;box-shadow:none;overflow:visible}
.contents-v2 .mq-tab{flex:0 1 auto;min-width:0;min-height:48px;padding:12px 0;border:0;border-bottom:3px solid transparent;border-radius:0;background:none;color:var(--ds-muted);font-size:1rem;font-weight:500;white-space:normal;box-shadow:none}
.contents-v2 .mq-tab::after{display:none}
.contents-v2 .mq-tab.active{border-bottom-color:var(--ds-primary);color:var(--ds-primary);font-weight:700}
.contents-v2 .mq-tab-panel{padding:0}
.contents-v2 .mq-chips{display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:0 0 16px;border:0;overflow:visible}
.contents-v2 .mq-chip{min-height:44px;min-width:44px;padding:8px 16px;border:1px solid var(--ds-control);border-radius:12px;background:var(--ds-surface);color:var(--ds-muted);font-size:.875rem;font-weight:500;white-space:normal;box-shadow:none}
.contents-v2 .mq-chip.active{background:var(--ds-soft);border-color:var(--ds-primary);color:var(--ds-primary);font-weight:700}
.contents-v2 .contents-popular-section{margin:0 0 32px}
.contents-v2 .contents-popular-head{display:flex;flex-wrap:wrap;gap:8px 16px;margin-bottom:16px}
.contents-v2 .contents-popular-title{font-size:1.125rem;font-weight:700;color:var(--ds-ink);letter-spacing:0}
.contents-v2 .contents-popular-hint{font-size:.875rem;color:var(--ds-muted);white-space:normal}
.contents-v2 .contents-popular-swiper{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;overflow:visible;padding:0}
.contents-v2 .contents-popular-card{min-width:0;display:flex;border:1px solid var(--ds-line);border-radius:20px;background:var(--ds-surface);box-shadow:none;color:var(--ds-ink);transform:none}
.contents-v2 .contents-popular-card__thumb{background:var(--ds-soft);color:var(--ds-primary)}
.contents-v2 .contents-popular-card__thumb.contents-column-item__thumb--placeholder{display:flex;align-items:center;justify-content:center}
.contents-v2 .contents-popular-card__body{padding:16px;gap:8px;min-width:0}
.contents-v2 .contents-popular-card__title{display:block;font-size:1rem;font-weight:600;line-height:1.5;color:var(--ds-ink);overflow:visible;-webkit-line-clamp:unset}
.contents-v2 .contents-popular-card__meta{font-size:.875rem;color:var(--ds-muted)}
.contents-v2 .contents-bibles,.contents-v2 .contents-bibles.is-multi{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 16px;padding:0;overflow:visible}
.contents-v2 .contents-bible,.contents-v2 .contents-bibles.is-multi .contents-bible{display:flex;flex-direction:column;min-width:0;width:auto;margin:0;padding:24px;gap:16px;background:var(--ds-soft);border:1px solid var(--ds-line);border-radius:20px;box-shadow:none;transform:none;color:var(--ds-ink);text-decoration:none}
.contents-v2 .contents-bible .cb-top{display:block;min-height:0;padding:0}
.contents-v2 .contents-bible .cb-eyebrow{font-size:.75rem;color:var(--ds-primary);font-weight:600;letter-spacing:.04em}
.contents-v2 .contents-bible .cb-title{font-size:1.375rem;line-height:1.35;font-weight:700;color:var(--ds-ink);margin:8px 0;letter-spacing:0}
.contents-v2 .contents-bible .cb-lead{font-size:.875rem;line-height:1.6;font-weight:400;color:var(--ds-muted)}
.contents-v2 .contents-bible .cb-meta,.contents-v2 .contents-bibles.is-multi .contents-bible .cb-meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin-top:auto;padding:16px 0 0;background:transparent;border-top:1px solid #cbd6c4;color:var(--ds-muted);font-size:.75rem;white-space:normal}
.contents-v2 .contents-bible .cb-meta b{color:var(--ds-ink);font-weight:600}
.contents-v2 .contents-bible .cb-my{color:var(--ds-primary);background:var(--ds-surface);border-radius:8px;padding:4px 8px}
.contents-v2 .contents-bible .cb-go{margin-left:auto;color:var(--ds-primary);font-size:.875rem;font-weight:600}
.contents-v2 .contents-cpd{display:flex;gap:16px;align-items:center;margin:0 0 32px;padding:16px;background:var(--ds-surface);border:1px solid var(--ds-line);border-radius:20px;box-shadow:none;transform:none;text-decoration:none}
.contents-v2 .contents-cpd__icon{flex:0 0 44px;width:44px;height:44px;background:var(--ds-soft);border-radius:12px}
.contents-v2 .contents-cpd__txt b{font-size:1rem;color:var(--ds-ink);font-weight:600}
.contents-v2 .contents-cpd__txt span{font-size:.875rem;line-height:1.5;color:var(--ds-muted);margin-top:8px}
.contents-v2 .contents-cpd__go{color:var(--ds-primary)}
.contents-v2 .contents-column-board{margin:0;padding:0;border:1px solid var(--ds-line);border-radius:20px;background:var(--ds-surface);box-shadow:none;overflow:visible}
.contents-v2 .contents-column-item{gap:16px;padding:16px;border-bottom:1px solid var(--ds-line);color:var(--ds-ink)}
.contents-v2 .contents-column-item:last-child{border-bottom:0}
.contents-v2 .contents-column-item:hover{background:var(--ds-bg);border-radius:16px}
.contents-v2 .contents-column-item__thumb{flex:0 0 72px;width:72px;height:72px;background:var(--ds-soft);color:var(--ds-primary);border-radius:12px}
.contents-v2 .contents-column-item__title{margin:0 0 8px;font-size:1rem;line-height:1.5;letter-spacing:0;font-weight:600;color:var(--ds-ink)}
.contents-v2 .contents-column-item__sub{font-size:.75rem;color:var(--ds-muted)}
.contents-v2 .contents-column-item__cat{background:var(--ds-bg);color:var(--ds-muted);font-weight:500}
.contents-v2 .contents-column-item__cat--important{background:#fbeae6;color:var(--ds-danger)}
.contents-v2 .contents-column-item__chevron{color:var(--ds-primary)}
.contents-v2 :is(.contents-column-empty,.contents-column-loading){padding:32px 16px;font-size:1rem;color:var(--ds-muted)}
.contents-v2 .contents-tool-placeholder{padding:32px 16px;border:1px solid var(--ds-line);border-radius:20px;background:var(--ds-surface)}
.contents-v2 .contents-tool-placeholder__icon{color:var(--ds-primary);background:var(--ds-soft)}
.contents-v2 .contents-tool-placeholder__title{font-size:1.125rem;color:var(--ds-ink);margin:16px 0 8px}
.contents-v2 .contents-tool-placeholder__desc{font-size:.875rem;line-height:1.6;color:var(--ds-muted)}
.contents-v2 .pcalc-root{margin:0;padding:24px;border:1px solid var(--ds-line);border-radius:20px;background:var(--ds-surface);box-shadow:none}
.contents-v2 .pcalc-type-tabs{display:flex;gap:12px;padding:0;margin:0 0 24px;border:0;border-bottom:1px solid var(--ds-line);background:none;border-radius:0}
.contents-v2 .pcalc-type-tab{flex:1;min-width:0;min-height:48px;padding:12px 0;border:0;border-bottom:3px solid transparent;border-radius:0;background:none;color:var(--ds-muted);font-size:1rem;white-space:normal;box-shadow:none}
.contents-v2 .pcalc-type-tab.active{background:none;border-color:var(--ds-primary);color:var(--ds-primary);font-weight:700}
.contents-v2 .pcalc-type-tab::after{display:none}
.contents-v2 .pcalc-type-tab i{color:var(--ds-primary);margin-right:8px}
.contents-v2 .mq-chip i{margin-right:8px}
.contents-v2 .pcalc-form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:16px}
.contents-v2 .pcalc-field{min-width:0}
.contents-v2 .pcalc-label{font-size:.875rem;color:var(--ds-ink);line-height:1.5;margin-bottom:8px}
.contents-v2 .pcalc-help{font-size:.875rem;color:var(--ds-muted)}
.contents-v2 .pcalc-input{width:100%;min-height:48px;padding:12px;border:1px solid var(--ds-control);border-radius:12px;background:var(--ds-surface);color:var(--ds-ink);font-size:1rem;box-shadow:none}
.contents-v2 .pcalc-checkbox-grid{gap:12px;margin:24px 0;padding:0;background:transparent;border:0}
.contents-v2 .pcalc-check{min-height:44px;gap:8px;font-size:.875rem;line-height:1.5;color:var(--ds-ink)}
.contents-v2 .pcalc-check-box{border-color:var(--ds-control)}
.contents-v2 .pcalc-check input:checked+.pcalc-check-box{background:var(--ds-primary);border-color:var(--ds-primary)}
.contents-v2 .pcalc-check input:focus-visible+.pcalc-check-box{outline:3px solid var(--ds-primary);outline-offset:3px}
.contents-v2 .pcalc-result-card{padding:16px;margin:24px 0 16px;background:var(--ds-soft);border:0;border-radius:16px;box-shadow:none}
.contents-v2 .pcalc-result-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.contents-v2 .pcalc-result-divider{display:none}
.contents-v2 .pcalc-result-label{font-size:.875rem;color:var(--ds-muted)}
.contents-v2 .pcalc-result-value{font-size:1.375rem;line-height:1.5;font-weight:700;color:var(--ds-primary);font-variant-numeric:tabular-nums;white-space:normal}
.contents-v2 .pcalc-range-note{font-size:.875rem;color:var(--ds-muted);line-height:1.6;margin-top:16px}
.contents-v2 .pcalc-btn-reset{min-height:44px;padding:8px 16px;border:1px solid var(--ds-control);border-radius:12px;background:var(--ds-surface);color:var(--ds-primary);font-size:.875rem}
.contents-v2 .pcalc-note{margin-top:24px;font-size:.875rem;line-height:1.6;color:var(--ds-muted)}
@media(max-width:767px){
.contents-v2 .contents-popular-swiper{grid-template-columns:minmax(0,1fr)}
.contents-v2 .contents-popular-card{display:grid;grid-template-columns:88px minmax(0,1fr);align-items:center;padding:12px;gap:12px}
.contents-v2 .contents-popular-card__thumb{width:88px;height:88px;aspect-ratio:1;border-radius:12px}
.contents-v2 .contents-popular-card__body{padding:0}
.contents-v2 .contents-bibles,.contents-v2 .contents-bibles.is-multi{grid-template-columns:minmax(0,1fr)}
.contents-v2 .contents-bible,.contents-v2 .contents-bibles.is-multi .contents-bible{padding:16px}
.contents-v2 .pcalc-root{padding:16px}
.contents-v2 .pcalc-result-grid{grid-template-columns:minmax(0,1fr);gap:12px}
.contents-v2 .pcalc-result-item{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px}
}
@media(max-width:380px){.contents-v2 .pcalc-form-row,.contents-v2 .pcalc-checkbox-grid{grid-template-columns:minmax(0,1fr)}.contents-v2 .contents-column-item{gap:12px}.contents-v2 .contents-column-item__thumb{flex-basis:56px;width:56px;height:56px}}

.contents-v2 .contents-bible-badge{display:inline-block;align-self:flex-start;max-width:100%;padding:3px 8px;margin-bottom:6px;border-radius:6px;background:var(--ds-soft);color:var(--ds-primary);font-size:.75rem;font-weight:600;line-height:1.5;white-space:normal;overflow-wrap:anywhere}