/* ==========================================================================
   MODERN -- 모던형
   차가운 회백색, 무채색 미니멀. 좌정렬.
   카드 배경 없음, 얇은 회색 구분선만. 산세리프 강조.

   skin/board/funeral/templates/modern.css
   ========================================================================== */

/* ── 색상 변수 ──────────────────────────────────────────────────── */
.memorial-sheet--modern {
    --sheet-bg: #f3f4f6;
    --sheet-bg-alt: #fafafa;
    --sheet-ink: #1f2937;
    --sheet-muted: #6b7280;
    --sheet-accent: #4a5568;
    --sheet-accent-soft: rgba(74, 85, 104, 0.07);
    --sheet-panel-bg: rgba(250, 250, 250, 0.95);
    --sheet-panel-border: rgba(74, 85, 104, 0.12);
    --sheet-line: rgba(74, 85, 104, 0.10);
    --sheet-aura-one: rgba(250, 250, 250, 0.85);
    --sheet-aura-two: rgba(107, 114, 128, 0.05);
    --sheet-shadow: 0 20px 50px rgba(31, 41, 55, 0.08);
}

/* ── 레이아웃 오버라이드 ────────────────────────────────────────── */
.memorial-sheet--modern .memorial-stack {
    padding: 34px 30px;
    gap: 0;
    border-radius: 8px;
    border: none;
    background: linear-gradient(180deg, var(--sheet-bg-alt), var(--sheet-bg));
    box-shadow: 0 2px 16px rgba(31, 41, 55, 0.06);
}

.memorial-sheet--modern .memorial-stack::before,
.memorial-sheet--modern .memorial-stack::after {
    display: none;
}

.memorial-sheet--modern .memorial-headbar {
    border-bottom: none;
    padding-bottom: 16px;
    margin-bottom: 0;
}

.memorial-sheet--modern .memorial-eyebrow {
    font-size: 10px;
    font-family: var(--funeral-font);
    font-weight: 700;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    color: var(--sheet-muted);
    opacity: 0.7;
}

.memorial-sheet--modern .memorial-hall {
    font-family: var(--funeral-font);
    font-weight: 700;
    font-size: clamp(22px, 2.4vw, 28px);
    letter-spacing: -0.01em;
    color: var(--sheet-ink);
}

.memorial-sheet--modern .memorial-tag {
    border-radius: 3px;
    background: var(--sheet-accent-soft);
    border: none;
    color: var(--sheet-accent);
    font-size: 10px;
    font-weight: 700;
    padding: 3px 8px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

/* 카드 배경·보더 없음 — 여백으로 구분 */
.memorial-sheet--modern .memorial-summary-card {
    background: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none;
    padding: 24px 0;
    margin: 0;
}

.memorial-sheet--modern .memorial-summary-meta {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: var(--sheet-muted);
    opacity: 0.7;
}

.memorial-sheet--modern .memorial-summary-name {
    font-family: var(--funeral-font);
    font-weight: 800;
    font-size: clamp(30px, 3.4vw, 38px);
    letter-spacing: -0.02em;
    color: var(--sheet-ink);
}

.memorial-sheet--modern .memorial-summary-photo {
    border-radius: 4px;
    border: none;
    box-shadow: 0 2px 10px rgba(31, 41, 55, 0.08);
}

.memorial-sheet--modern .memorial-info-card {
    background: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none;
    padding: 24px 0;
    margin-top: 0;
}

.memorial-sheet--modern .memorial-info-card:last-child {
    border-bottom: none;
}

/* 작은 대문자 라벨 */
.memorial-sheet--modern .memorial-card-title {
    font-family: var(--funeral-font);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: var(--sheet-muted);
    margin-bottom: 16px;
    padding-bottom: 0;
    border-bottom: none;
    display: block;
}

.memorial-sheet--modern .memorial-family-list li,
.memorial-sheet--modern .memorial-detail-list div {
    grid-template-columns: 68px minmax(0, 1fr);
    gap: 12px;
    padding-bottom: 10px;
    border-bottom: none;
}

.memorial-sheet--modern .memorial-family-list span,
.memorial-sheet--modern .memorial-detail-list dt {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--sheet-muted);
}

/* 버튼: 차콜 회색 테두리, 작고 절제됨 */
.memorial-sheet--modern .memorial-copy-btn {
    border-radius: 3px;
    font-size: 11px;
    font-weight: 600;
    padding: 5px 10px;
    background: transparent;
    border: 1px solid var(--sheet-accent);
    color: var(--sheet-accent);
    letter-spacing: 0.04em;
}

.memorial-sheet--modern .memorial-copy-btn:hover {
    background: var(--sheet-accent);
    border-color: var(--sheet-accent);
    color: #fff;
    transform: none;
}

.memorial-sheet--modern .memorial-location-link {
    border-radius: 3px;
    background: transparent;
    border: 1px solid var(--sheet-accent);
    color: var(--sheet-accent);
    font-weight: 600;
    letter-spacing: 0.04em;
}

.memorial-sheet--modern .memorial-location-link:hover {
    background: var(--sheet-accent);
    border-color: var(--sheet-accent);
    color: #fff;
}

.memorial-sheet--modern .memorial-route-item {
    grid-template-columns: 60px minmax(0, 1fr);
}

.memorial-sheet--modern .memorial-route-label {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--sheet-muted);
}

.memorial-sheet--modern .memorial-message-copy {
    font-size: 14px;
    line-height: 1.9;
    color: var(--sheet-ink);
}