/* 木村広報設計室｜暦色体系 記録ページ専用CSS
   正式マスター: 二十四節気九景色 統合正式版 Version 1.0 / 2026-07-31
   源色＋八景相色＝九景色を表示する。 */
.koyomi-record-page .koyomi-panel{background:var(--film);border:1px solid color-mix(in srgb,var(--koyomi-water) 44%,transparent);padding:clamp(28px,5vw,64px)}
.koyomi-record-page .koyomi-current{display:grid;grid-template-columns:minmax(300px,.72fr) minmax(0,1fr);gap:clamp(70px,8vw,132px);align-items:center}
.koyomi-record-page .koyomi-current small{font-size:9px;letter-spacing:.18em;color:var(--soft-ink)}
.koyomi-record-page .koyomi-current-display{min-width:0}.koyomi-record-page .koyomi-current-title{display:grid;gap:clamp(26px,2.7vw,38px);width:max-content;max-width:100%;margin-top:clamp(24px,2.6vw,34px)}
.koyomi-record-page .koyomi-current-item,.koyomi-record-page .koyomi-stacked-label{display:grid;grid-template-rows:auto auto;justify-items:start;align-content:center}.koyomi-record-page .koyomi-current-item{min-width:0}
.koyomi-record-page .koyomi-current .koyomi-stacked-label{gap:clamp(9px,.8vw,13px)}.koyomi-record-page .koyomi-current .koyomi-stacked-reading{display:block;min-height:1em;padding-left:.12em;font-family:var(--sans);font-size:clamp(12px,1vw,15px);font-weight:400;line-height:1;letter-spacing:.15em;color:var(--soft-ink)}
.koyomi-record-page .koyomi-current .koyomi-stacked-word{display:block;font-family:var(--serif);font-size:clamp(58px,5.25vw,84px);font-weight:500;line-height:.92;letter-spacing:.07em;color:var(--ink);white-space:nowrap}.koyomi-record-page .koyomi-current-meta{align-self:center;padding-top:2.3em;font-size:11px;line-height:2;color:var(--soft-ink)}
.koyomi-record-page .sekki-ruby,.koyomi-record-page .source-ruby{ruby-align:center;ruby-position:over}.koyomi-record-page rt{font-family:var(--sans);font-size:.46em;font-weight:400;letter-spacing:.1em;color:currentColor;opacity:.68;line-height:1}
.koyomi-nine-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:clamp(44px,5vw,72px);background:rgba(17,17,17,.12);border:1px solid rgba(17,17,17,.12)}.koyomi-nine-item{display:grid;grid-template-columns:54px minmax(0,1fr);gap:16px;align-items:center;min-height:94px;padding:18px;background:color-mix(in srgb,var(--paper) 94%,transparent)}.koyomi-nine-swatch{display:block;width:54px;height:54px;background:var(--koyomi-swatch);border:1px solid rgba(17,17,17,.08)}.koyomi-nine-item small,.koyomi-nine-item strong,.koyomi-nine-item code{display:block}.koyomi-nine-item small{font-size:8px;letter-spacing:.14em;color:var(--muted-ink)}.koyomi-nine-item strong{margin-top:5px;font-family:var(--serif);font-size:17px;font-weight:500}.koyomi-nine-item code{margin-top:4px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:9px;color:var(--soft-ink)}
.koyomi-register-note{max-width:760px;margin:28px 0 0;font-size:12px;line-height:2;color:var(--soft-ink)}
.koyomi-record-page .term-table{width:100%;border-collapse:collapse;table-layout:fixed;margin-top:54px;font-size:11px}.koyomi-record-page .term-table .term-col-id{width:13%}.koyomi-record-page .term-table .term-col-name{width:16%}.koyomi-record-page .term-table .term-col-color{width:20%}.koyomi-record-page .term-table .term-col-start{width:27%}.koyomi-record-page .term-table .term-col-nine{width:24%}
.koyomi-record-page .term-table th,.koyomi-record-page .term-table td{padding:18px 18px 18px 0;text-align:left;border-top:1px solid var(--hairline);vertical-align:middle}.koyomi-record-page .term-table th{font-weight:500;font-size:9px;letter-spacing:.12em;color:var(--soft-ink)}.koyomi-record-page .term-table th:last-child,.koyomi-record-page .term-table td:last-child{padding-right:0}
.koyomi-record-page .term-table .koyomi-stacked-label{display:grid;grid-template-rows:auto auto;justify-items:start;align-content:center;gap:5px;min-height:42px}.koyomi-record-page .term-table .koyomi-stacked-reading{display:block;min-height:1em;padding-left:.08em;font-family:var(--sans);font-size:9px;font-weight:400;line-height:1;letter-spacing:.13em;color:var(--muted-ink);white-space:nowrap}.koyomi-record-page .term-table .koyomi-stacked-word{display:block;font-family:var(--serif);font-size:14px;font-weight:500;line-height:1.18;letter-spacing:.055em;color:var(--ink);white-space:nowrap}.koyomi-record-page .term-table .term-id,.koyomi-record-page .term-table .term-start{font-variant-numeric:tabular-nums;white-space:nowrap}.koyomi-record-page .term-table tr.is-current{background:color-mix(in srgb,var(--koyomi-source) 7%,transparent)}.koyomi-record-page .term-table tr.is-current .koyomi-stacked-word,.koyomi-record-page .term-table tr.is-current .term-id,.koyomi-record-page .term-table tr.is-current .term-start{font-weight:600}
.term-nine-palette{display:grid;grid-template-columns:repeat(9,1fr);gap:2px;min-width:148px}.term-nine-swatch{display:block;height:17px;background:var(--row-color);border:1px solid rgba(17,17,17,.08)}
.koyomi-record-page #register-2026{position:relative}.koyomi-record-page #register-2026 .section-label,.koyomi-record-page #register-2026 h2,.koyomi-record-page .koyomi-register-scroll{opacity:1!important;transform:none!important;visibility:visible!important}.koyomi-record-page .koyomi-register-scroll{margin-top:0;-webkit-overflow-scrolling:touch}
@media(max-width:900px){.koyomi-record-page .koyomi-current{grid-template-columns:1fr;gap:54px}.koyomi-record-page .koyomi-current-title{gap:28px}.koyomi-record-page .koyomi-current-meta{padding-top:0;max-width:42em}.koyomi-nine-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.koyomi-record-page .term-table{min-width:900px}}
@media(max-width:560px){.koyomi-record-page .koyomi-panel{padding:36px 28px 42px}.koyomi-record-page .koyomi-current-title{gap:25px;margin-top:25px}.koyomi-record-page .koyomi-current .koyomi-stacked-label{gap:8px}.koyomi-record-page .koyomi-current .koyomi-stacked-reading{font-size:11px;letter-spacing:.14em}.koyomi-record-page .koyomi-current .koyomi-stacked-word{font-size:clamp(48px,15vw,62px);line-height:.95}.koyomi-nine-grid{grid-template-columns:1fr}.koyomi-nine-item{grid-template-columns:48px minmax(0,1fr);min-height:82px;padding:15px}.koyomi-nine-swatch{width:48px;height:48px}.koyomi-record-page #register-2026 .term-table{min-width:860px}}