/* smarak-takken column pages */
:root{--orange:#E07840;--orange-d:#C45C2C;--orange-dd:#A0441C;--cream:#FAF8F5;--beige:#F0ECE6;--line:#D9D2C7;--gray:#756B60;--green:#267154;--purple:#6B4C9A;--red:#B82E24;--navy:#2B3A55}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Zen Kaku Gothic New',sans-serif;background:var(--cream);color:#333;line-height:1.9;font-size:16px}
a{color:var(--orange-d)}
.site-header{background:linear-gradient(135deg,var(--orange),var(--orange-d));padding:14px 16px}
.site-header .logo{color:#fff;font-weight:900;font-size:1.15rem;text-decoration:none;letter-spacing:.04em}
.breadcrumb{padding:10px 16px;font-size:.8rem;color:var(--gray);max-width:760px;margin:0 auto}
.breadcrumb a{color:var(--gray)}
main{max-width:760px;margin:0 auto;padding:8px 18px 48px}
.cat-badge{display:inline-block;font-size:.72rem;font-weight:700;color:#fff;background:var(--navy);border-radius:999px;padding:2px 10px}
.a-head{margin:10px 0 24px;border-bottom:2px solid var(--line);padding-bottom:18px}
.a-head .a-date{color:var(--gray);font-size:.8rem;margin-left:8px}
.article h1{font-family:'Shippori Mincho',serif;font-size:1.5rem;font-weight:800;line-height:1.5;margin-top:10px;color:var(--navy)}
.a-body h2{font-family:'Shippori Mincho',serif;font-size:1.2rem;color:var(--orange-dd);margin:30px 0 12px;padding-left:12px;border-left:4px solid var(--orange)}
.a-body h3{font-size:1.05rem;color:var(--navy);margin:22px 0 8px}
.a-body p{margin:12px 0}
.a-body ul,.a-body ol{margin:12px 0 12px 1.4em}
.a-body li{margin:6px 0}
.a-body blockquote{background:var(--beige);border-left:4px solid var(--orange);border-radius:0 8px 8px 0;padding:12px 16px;margin:16px 0;color:#444}
.a-body hr{border:none;border-top:1px dashed var(--line);margin:24px 0}
.a-body strong{color:var(--orange-dd)}
.note-cta{background:linear-gradient(135deg,#FFF4EC,#FCE8E6);border:1px solid var(--line);border-radius:14px;padding:22px;margin:32px 0;text-align:center}
.note-cta-lead{font-size:.92rem;margin-bottom:14px;color:#444}
.note-cta-btn{display:inline-block;background:linear-gradient(135deg,var(--orange),var(--orange-d));color:#fff;font-weight:900;text-decoration:none;border-radius:999px;padding:13px 28px;box-shadow:0 3px 10px rgba(196,92,44,.35)}
.related{margin:20px 0;font-size:.95rem}
.a-nav{display:flex;justify-content:space-between;gap:8px;margin-top:24px;font-size:.85rem;flex-wrap:wrap}
.a-nav a{background:#fff;border:1px solid var(--line);border-radius:8px;padding:8px 12px;text-decoration:none}
.index h1{font-family:'Shippori Mincho',serif;font-size:1.5rem;color:var(--navy);margin:10px 0 12px}
.index .lead{font-size:.92rem;color:var(--gray);margin-bottom:24px}
.col-list{display:grid;gap:14px}
.col-card{display:block;background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px 18px;text-decoration:none;color:#333;transition:box-shadow .15s}
.col-card:hover{box-shadow:0 4px 14px rgba(0,0,0,.08)}
.col-card-meta{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.col-card-meta time{color:var(--gray);font-size:.78rem}
.col-card h2{font-family:'Shippori Mincho',serif;font-size:1.08rem;font-weight:700;color:var(--navy);line-height:1.5}
.site-footer{border-top:1px solid var(--line);margin-top:30px;padding:20px 16px;text-align:center;font-size:.85rem;color:var(--gray)}
.site-footer .copy{margin-top:6px;font-size:.75rem}