:root { --ink: #1c1a17; --paper: #f4f1ec; --brass: #8a6a3a; --muted: #6d675e; }
* { box-sizing: border-box; margin: 0; padding: 0; }
html { -webkit-text-size-adjust: 100%; }
body { background: var(--paper); color: var(--ink); font-family: "Noto Sans JP", "Hiragino Sans", sans-serif; font-size: 16px; line-height: 1.95; letter-spacing: .03em; }
a { color: var(--brass); }
.lg-nav { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 18px clamp(16px, 5vw, 48px); border-bottom: 1px solid rgba(28,26,23,.15); background: #0e0d0c; color: #ebe7e0; }
.lg-nav a { color: inherit; text-decoration: none; }
.lg-brand { font-family: "Cormorant Garamond", serif; letter-spacing: .28em; font-size: 15px; }
.lg-back { font-size: 13px; border-bottom: 1px solid currentColor; }
main { max-width: 820px; margin: 0 auto; padding: 56px clamp(16px, 5vw, 32px) 96px; }
h1 { font-family: "Noto Serif JP", serif; font-weight: 500; font-size: clamp(26px, 5vw, 36px); line-height: 1.4; letter-spacing: .06em; }
.lg-date { margin-top: 10px; font-size: 14px; color: var(--muted); }
.lg-lead { margin-top: 28px; }
h2 { margin-top: 44px; padding-top: 18px; border-top: 1px solid rgba(28,26,23,.15); font-family: "Noto Serif JP", serif; font-weight: 500; font-size: 20px; letter-spacing: .04em; }
p, ol, ul { margin-top: 12px; }
ol, ul { padding-left: 1.5em; }
li + li { margin-top: 6px; }
table { width: 100%; margin-top: 28px; border-collapse: collapse; font-size: 15px; }
th, td { padding: 14px 12px; border-bottom: 1px solid rgba(28,26,23,.15); text-align: left; vertical-align: top; }
th { width: 30%; font-weight: 500; background: rgba(28,26,23,.04); }
.lg-foot { margin-top: 64px; font-size: 14px; color: var(--muted); display: flex; flex-wrap: wrap; gap: 8px 20px; }
@media (max-width: 600px) {
  table, tbody, tr, th, td { display: block; width: 100%; }
  th { border-bottom: 0; padding-bottom: 4px; }
  td { padding-top: 4px; }
}