/* パイロット版で足した分（既存 style.css は無改変） */
.cta{display:inline-block; background:var(--accent); color:#fff; text-decoration:none; font-weight:700;
  border-radius:999px; padding:.55em 1.4em; margin:.3em .4em .3em 0}
.cta:hover{filter:brightness(1.08)}
.cta.sub{background:#fff; color:var(--accent); border:1px solid var(--accent)}
.jobs{list-style:none; margin:0; padding:0; display:grid; gap:12px}
@media(min-width:700px){.jobs{grid-template-columns:1fr 1fr}}
.jobs li{border:1px solid var(--line); border-radius:var(--radius); padding:14px 16px}
.jobs h3{margin:0 0 .2em; font-size:1rem}
.jobs p{margin:0; font-size:.9rem; color:var(--ink-soft)}
.goods{list-style:none; margin:0; padding:0; display:grid; gap:12px}
.goods li{border:1px solid var(--line); border-radius:var(--radius); padding:14px 16px; display:flex; flex-direction:column}
.goods h3{margin:0 0 .3em; font-size:1rem}
.goods p{margin:0 0 .6em; font-size:.88rem; color:var(--ink-soft); flex:1}
.goods a{font-size:.9rem}
.sec-nav{display:flex; flex-wrap:wrap; gap:8px; margin:.4em 0 1em; padding:0; list-style:none}
.sec-nav a{display:inline-block; border:1px solid var(--line); border-radius:999px; padding:.25em .9em; text-decoration:none; font-size:.9rem}
/* 金継ぎの計測で直した分: 色は近い色を離す・小さい文字は1段にそろえる・狭い幅のはみ出し */
:root{--line:#c3ccd6; --bg-soft:#edf1f5}
body{word-break:auto-phrase}
.draft{background:var(--bg-soft); border-left:4px solid var(--warn)}
.count{background:transparent; border:1px solid var(--accent)}
.links a{background:transparent}
.card{background:transparent}
.tag,header.site .tag,.srcbox,.srcbox p,.card .meta,.meta,.note,.jobs p,.goods p,.goods a,
ol.src li,ol.src a,table.facts,nav.crumb,footer.site{font-size:.9rem}
.links a,.sec-nav a{font-size:.9rem}
.cta{font-size:1rem}
ol.src a,.srcbox a{overflow-wrap:anywhere; word-break:break-all}
@media(min-width:700px){.goods{grid-template-columns:1fr 1fr}}
@media(min-width:1000px){.goods{grid-template-columns:1fr 1fr 1fr}}