/* v26: スキルの版と歩み。文字は14px以上(readability.css の規則に合わせる) */

/* 工房の見出し: 歩みの要約 */
.skill-log-summary{max-width:760px;margin:26px 0 0;padding:24px 26px 22px;border-radius:22px;background:linear-gradient(125deg,#fff 0%,#f4f8fe 58%,#fdf6ec 100%);border:1px solid #e3e9f2;box-shadow:0 10px 30px #1b3a6008}
.skill-log-summary-lead{margin:0 0 14px;font-size:18px;font-weight:700;letter-spacing:-.03em;color:#1d2a3b;line-height:1.6}
.skill-log-summary-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0}
.skill-log-summary-stats div{padding:12px 14px 10px;border-radius:14px;background:#ffffffc9;border:1px solid #e6ecf3;min-width:0}
.skill-log-summary-stats dt{font-size:14px;line-height:1.5;color:var(--fine,#596575)}
.skill-log-summary-stats dd{margin:4px 0 0;font-size:40px;line-height:1.1;font-weight:760;letter-spacing:-.05em;color:#14395f;font-variant-numeric:tabular-nums}
.skill-log-summary-stats dd span{font-size:15px;font-weight:600;letter-spacing:0;color:#46607e;margin-left:4px}
.skill-log-summary-foot{margin:14px 0 0;font-size:15px;line-height:1.8;color:var(--copy,#505967)}
.skill-log-ranking{display:inline-block;margin-top:14px;font-size:16px;min-height:44px}

/* 版と回数の1行(全スキル一覧・関連スキルのタイル) */
.skill-log-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:9px 0 0;font-size:14px;line-height:1.6;color:#4d5d72}
.skill-log-version{display:inline-block;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px;font-weight:650;line-height:1.4;color:#17467a;background:#eaf2fc;border:1px solid #d3e3f6;border-radius:6px;padding:1px 7px}
.skill-log-count{font-weight:650;color:#2c4a6c}
.skill-log-since{color:#6b7787;font-variant-numeric:tabular-nums}
.skill-tile .skill-log-meta{margin-top:10px}
.skill-index .skill-card .skill-log-meta{margin-top:8px}

/* カートリッジ: 版の刻印と回数 */
.cartridge-version{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px;font-weight:700;line-height:1;letter-spacing:-.02em;white-space:nowrap;color:color-mix(in srgb,var(--room-color),#1b2533 38%);background:#fffffff0;border:1px solid color-mix(in srgb,var(--room-color),white 52%);border-radius:5px;padding:4px 6px;box-shadow:0 0 8px color-mix(in srgb,var(--room-color),transparent 72%)}
.cartridge-glass:has(.cartridge-version):after{opacity:0}
.cartridge-log{font-size:14px;line-height:1.5;color:#4f5f73;margin-top:2px;white-space:nowrap;font-variant-numeric:tabular-nums}
.cartridge-log.is-new{color:color-mix(in srgb,var(--room-color),#1b2533 30%);font-weight:650}

/* 詳細: 説明の下の1行 */
.skill-log-inline{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:-8px 0 22px;font-size:15px;line-height:1.6;color:#44546a}
.skill-log-inline[hidden]{display:none}
.skill-log-inline>span:not(.skill-log-version){font-variant-numeric:tabular-nums}
.skill-log-jump{border:0;background:none;padding:0;min-height:44px;font:inherit;font-size:15px;font-weight:600;color:var(--link,#1761b5);cursor:pointer}
.skill-log-jump:hover{text-decoration:underline}
.showcase-open .skill-log-inline,.room-open .skill-log-inline{display:none}

/* 詳細: このスキルの歩み */
.skill-log{margin:30px 0 8px;padding:26px 28px 20px;border-radius:22px;background:linear-gradient(140deg,#f7faff 0%,#fff 46%,#fbf7ef 100%);border:1px solid #e1e8f1;scroll-margin-top:120px;outline:none}
.skill-log:focus-visible{outline:3px solid #159bf7;outline-offset:4px}
.skill-log-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 16px;margin-bottom:16px}
.skill-log-eyebrow{flex-basis:100%;margin:0;font-size:14px;letter-spacing:.14em;font-weight:700;color:#6b82a0}
.skill-log-head h3{margin:0;font-size:24px;line-height:1.4;letter-spacing:-.03em;color:#1b2a3c}
.skill-log-package{margin:0;font-size:14px;color:var(--fine,#596575)}
.skill-log-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0 0 20px}
.skill-log-stats div{padding:12px 14px;border-radius:14px;background:#fff;border:1px solid #e5ebf2;min-width:0}
.skill-log-stats dt{font-size:14px;line-height:1.5;color:var(--fine,#596575)}
.skill-log-stats dd{margin:4px 0 0;font-size:26px;line-height:1.2;font-weight:750;letter-spacing:-.04em;color:#15395f;white-space:nowrap;font-variant-numeric:tabular-nums}
.skill-log-stats div:first-child dd{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:-.03em}
.skill-log-stats dd span{font-size:15px;font-weight:600;color:#46607e;margin-left:3px;letter-spacing:0}
.skill-log-track{margin:0 0 18px;padding:0 4px}
.track-line{position:relative;height:30px}
.track-line:before{content:'';position:absolute;left:0;right:0;top:14px;height:2px;background:#dfe6ef;border-radius:2px}
.track-life{position:absolute;right:0;top:13px;height:4px;border-radius:4px;background:linear-gradient(90deg,#8fb6e6,#2f6fbe)}
.track-day{position:absolute;top:8px;width:4px;height:16px;margin-left:-2px;border-radius:3px;background:#1f5fae;box-shadow:0 0 0 1px #fff}
.track-birth{position:absolute;top:6px;width:18px;height:18px;margin-left:-9px;border-radius:50%;background:#fff;border:4px solid #e0892c;box-sizing:border-box}
.track-now{position:absolute;right:-9px;top:6px;width:18px;height:18px;border-radius:5px;background:#14395f;box-shadow:0 0 0 3px #d8e6f7}
.track-months{position:relative;height:22px;margin-top:4px;border-top:1px dashed #d6dee8}
.track-months span{position:absolute;top:2px;transform:translateX(-50%);font-size:14px;color:#6b7787;white-space:nowrap}
.track-months span:before{content:'';position:absolute;left:50%;top:-6px;width:1px;height:6px;background:#c8d2de}
.track-ends{display:flex;justify-content:space-between;font-size:14px;color:#6b7787;margin-top:2px;font-variant-numeric:tabular-nums}
.track-caption{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:10px;font-size:14px;color:#55657a}
.track-caption span{display:inline-flex;align-items:center;gap:7px}
.track-caption span:before{content:'';display:inline-block;flex:0 0 auto}
.legend-birth:before{width:12px;height:12px;border-radius:50%;border:3px solid #e0892c;box-sizing:border-box}
.legend-day:before{width:4px;height:14px;border-radius:2px;background:#1f5fae}
.legend-now:before{width:12px;height:12px;border-radius:3px;background:#14395f}
.skill-log-note{margin:0 0 12px;font-size:17px;line-height:1.9;color:#2f3d4f}
.skill-log-note strong{display:block;font-size:14px;letter-spacing:.06em;color:#8a5a1f;margin-bottom:4px}
.skill-log-method{border:0;padding:4px 0 0}
.skill-log-method summary{font-size:15px;color:var(--fine,#596575);min-height:44px;align-items:center;justify-content:flex-start;gap:10px}
.skill-log-method p{font-size:14px;line-height:1.85;color:var(--fine,#596575);margin:6px 0}

/* 詳細: 進化の実例(昔の作品→今の作品) */
.skill-log-evolution{margin:4px 0 14px;padding:18px;border-radius:18px;background:#fff;border:1px solid #e5ebf2}
.evolution-title{margin:0 0 12px;font-size:16px;font-weight:700;color:#1b2a3c}
.evolution-title small{display:block;font-size:14px;letter-spacing:.06em;color:#8a5a1f;margin-bottom:2px}
.evolution-pair{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:12px;align-items:center}
.evolution-side{margin:0;min-width:0}
.evolution-side img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:12px;border:1px solid #e3e8ef;background:#eef2f7}
.evolution-side figcaption{margin-top:8px;font-size:14px;line-height:1.7;color:var(--copy,#505967)}
.evolution-side figcaption strong{display:block;font-size:14px;color:#8a5a1f}
.evolution-side.is-after figcaption strong{color:#17467a}
.evolution-arrow{font-size:26px;color:#8aa3c2;font-weight:700}
.evolution-change{margin:12px 0 0;font-size:15px;line-height:1.85;color:#2f3d4f}

/* 全スキル一覧: 件数と並び順 */
.skill-list-tools{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 20px;max-width:1320px;margin:10px auto 18px}
.skill-list-tools #skill-count{margin:0}
.skill-sort{display:inline-flex;align-items:center;gap:10px;font-size:15px;color:var(--copy,#505967)}
.skill-sort select{font:inherit;font-size:16px;min-height:44px;padding:8px 36px 8px 14px;border-radius:12px;border:1px solid #d9dfe8;background:#fff;color:#1d2a3b}

@media(max-width:900px){
 .skill-log-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
 .skill-log-summary{padding:20px 16px 18px;border-radius:18px;margin-top:22px}
 .skill-log-summary-lead{font-size:17px}
 .skill-log-summary-stats{grid-template-columns:1fr;gap:8px}
 .skill-log-summary-stats div{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:10px 14px}
 .skill-log-summary-stats dd{font-size:30px;margin:0;white-space:nowrap}
 .skill-log-summary-foot{font-size:15px}
 .skill-log{padding:20px 16px 14px;border-radius:18px;margin-top:24px}
 .skill-log-head h3{font-size:22px}
 .skill-log-stats{gap:8px}
 .skill-log-stats div{padding:10px 12px}
 .skill-log-stats dd{font-size:19px;letter-spacing:-.03em}
 .skill-log-note{font-size:16px}
 .skill-log-inline{font-size:15px;gap:6px 12px}
 .skill-list-tools{margin:8px 0 14px}
 .skill-log-evolution{padding:14px}
 .evolution-pair{grid-template-columns:1fr;gap:8px}
 .evolution-arrow{justify-self:center;transform:rotate(90deg);line-height:1}
 .skill-sort{width:100%;justify-content:space-between}
 .skill-sort select{flex:1;max-width:260px}
 .cartridge-version{bottom:15px}
}
@media(prefers-reduced-motion:reduce){.skill-log{scroll-margin-top:100px}}