:root{--g:#1f4d3a;--gold:#b8923a;--bg:#fafaf7;--t:#222;--m:#666}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--t);font-family:"Hiragino Sans","Noto Sans JP","Yu Gothic",sans-serif;line-height:1.9}
header{background:var(--g);color:#fff;padding:14px 16px}header a{color:#fff;text-decoration:none;font-weight:700;font-size:1.15rem}
header span{color:var(--gold);font-size:.8rem;margin-left:8px}
nav{background:#163a2b;padding:6px 16px;font-size:.85rem}nav a{color:#e8e2cf;margin-right:16px;text-decoration:none}
main{max-width:760px;margin:0 auto;padding:24px 16px 48px;background:#fff}
h1{font-size:1.5rem;line-height:1.5;color:var(--g)}h2{font-size:1.2rem;border-left:5px solid var(--gold);padding-left:10px;margin-top:2.2em}h3{font-size:1.05rem;color:var(--g)}
table{border-collapse:collapse;width:100%;font-size:.9rem;display:block;overflow-x:auto}th,td{border:1px solid #ddd;padding:8px}th{background:#eef3ef}
.pr{font-size:.8rem;color:var(--m);background:#f3f3ee;padding:6px 10px;border-radius:4px}
.card{display:block;border:1px solid #e3e3dc;border-radius:8px;padding:14px 16px;margin:12px 0;color:var(--t);text-decoration:none}.card:hover{border-color:var(--gold)}
.card small{color:var(--m)}footer{text-align:center;font-size:.8rem;color:var(--m);padding:24px 16px}footer a{color:var(--m);margin:0 8px}
.author{border-top:1px solid #ddd;margin-top:2em;padding-top:1em;font-size:.9rem;color:var(--m)}
.cta{border:2px solid var(--gold);border-radius:10px;padding:14px 16px;margin:20px 0;background:#fffdf6}
.btn{display:inline-block;background:var(--g);color:#fff!important;padding:10px 16px;border-radius:6px;text-decoration:none;font-weight:700;white-space:nowrap}
.note{font-size:.8rem;color:var(--m)}.ctaline{background:#eef3ef;padding:10px 12px;border-radius:6px}