/* スマラク宅建 過去問静的ページ共通CSS */
: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.8;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)}
.breadcrumb a{color:var(--gray)}
main{max-width:720px;margin:0 auto;padding:8px 16px 40px}
h1{font-size:1.25rem;font-weight:900;line-height:1.5;margin:8px 0 16px}
.cat-badge{display:inline-block;font-size:.72rem;font-weight:700;color:#fff;background:var(--navy);border-radius:999px;padding:2px 10px;vertical-align:middle}
.question{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px}
.q-text{font-weight:700;margin-bottom:14px}
.choices{list-style:none}
.choices li{display:flex;gap:10px;padding:10px 0;border-top:1px dashed var(--line)}
.c-num{flex:none;width:26px;height:26px;border-radius:50%;background:var(--beige);color:var(--orange-dd);font-weight:700;display:flex;align-items:center;justify-content:center;font-size:.85rem}
.answer{margin:18px 0;background:#fff;border:1px solid var(--line);border-radius:12px}
.answer summary{cursor:pointer;font-weight:700;padding:14px 18px;color:var(--orange-d)}
.answer-body{padding:0 18px 16px}
.answer-num strong{color:var(--red);font-size:1.2rem}
.answer-text{background:var(--beige);border-radius:8px;padding:10px 12px;margin-top:8px;font-size:.95rem}
.explanation{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px;margin:18px 0}
.explanation h2{font-size:1rem;color:var(--green);margin-bottom:8px}
.cta{background:linear-gradient(135deg,#FFF4EC,#FCE8E6);border:1px solid var(--line);border-radius:12px;padding:18px;margin:20px 0;text-align:center}
.cta p{font-size:.9rem;margin-bottom:12px}
.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:12px 26px;box-shadow:0 3px 10px rgba(196,92,44,.35)}
.q-nav{display:flex;justify-content:space-between;gap:8px;margin:20px 0;font-size:.9rem}
.q-nav a{background:#fff;border:1px solid var(--line);border-radius:8px;padding:8px 12px;text-decoration:none}
.related{font-size:.9rem}
.q-list{list-style:none}
.q-list li a{display:block;background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px 14px;margin-bottom:8px;text-decoration:none;color:#333}
.q-list .li-cat{font-size:.7rem;color:#fff;background:var(--navy);border-radius:999px;padding:1px 8px;margin-left:8px}
.q-list .li-text{display:block;font-size:.82rem;color:var(--gray)}
.grid-list{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin:10px 0 24px}
.grid-list a{display:flex;justify-content:space-between;background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px 12px;text-decoration:none;color:#333;font-weight:700;font-size:.9rem}
.li-count{color:var(--gray);font-weight:400;font-size:.8rem}
.cat-year h2{font-size:1rem;margin:18px 0 8px;color:var(--orange-dd)}
.q-chips{display:flex;flex-wrap:wrap;gap:6px}
.q-chips a{background:#fff;border:1px solid var(--line);border-radius:8px;padding:4px 10px;text-decoration:none;font-size:.85rem}
.index-page .lead,.q-page .lead{font-size:.92rem;color:var(--gray);margin-bottom:16px}
.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}