
:root{--navy:#0d315c;--blue:#1476c6;--cyan:#15a6ba;--light:#f4f8fb;--line:#d7e6f1;--green:#2d873a;--orange:#ef821b;--purple:#8845b5;--text:#22364a;--muted:#60758b}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#eef4f8;color:var(--text);font-family:Arial,"Helvetica Neue",sans-serif;line-height:1.55}
a{color:#1476c6;text-decoration-thickness:1px;text-underline-offset:2px;overflow-wrap:anywhere}
.shell{max-width:980px;margin:0 auto;background:#fff;min-height:100vh;box-shadow:0 0 35px rgba(24,70,100,.08)}
.hero{padding:28px 28px 16px;text-align:center;background:linear-gradient(180deg,#f8fcff 0,#fff 100%)}.hero img{display:block;width:100%;max-width:800px;height:auto;aspect-ratio:4/3;object-fit:contain;margin:0 auto;border-radius:18px;box-shadow:0 12px 35px rgba(15,70,100,.12)}
.hero-note{max-width:800px;margin:18px auto 0;padding:14px 18px;border-radius:14px;background:#eef7fc;color:#365c74;text-align:left;font-size:16px}
.content{padding:12px 28px 42px}h2{color:var(--navy);font-size:32px;line-height:1.18;margin:30px 0 18px}h3{color:var(--navy);font-size:28px;line-height:1.22;margin:0 0 14px}.toc{scroll-margin-top:10px}
.cards{display:grid;grid-template-columns:1fr;gap:12px}.card{display:grid;grid-template-columns:66px 1fr;gap:14px;padding:16px;border:1px solid var(--line);border-radius:16px;background:#fbfdff;text-decoration:none;color:inherit;transition:.15s ease}.card:hover{transform:translateY(-1px);box-shadow:0 7px 18px rgba(18,79,119,.08)}.num{width:54px;height:54px;display:flex;align-items:center;justify-content:center;border-radius:14px;background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff;font-weight:800;font-size:20px}.card-title{font-weight:800;color:var(--navy);font-size:18px;line-height:1.25}.card-meta{color:var(--muted);font-size:13px;margin-top:3px}.card-important{margin-top:6px;font-size:14px}.story{padding:34px 0 6px;border-top:1px solid var(--line);scroll-margin-top:10px}.story:first-of-type{border-top:none}.story-img{display:block;width:100%;max-width:837px;height:auto;aspect-ratio:837/360;object-fit:contain;margin:14px auto 16px;border-radius:16px;background:#eef5f8}.badge{display:inline-block;padding:7px 12px;border-radius:999px;color:#fff;font-weight:800;font-size:13px;letter-spacing:.02em;margin:0 0 16px}.active{background:var(--green)}.approved{background:#256fc0}.project{background:var(--orange)}.bill{background:var(--purple)}.story p{font-size:17px;margin:0 0 14px}.practice{margin:18px 0;padding:16px 18px;background:#eef6fb;border-left:5px solid var(--blue);border-radius:10px}.practice strong{color:#1f5d84}.source{margin-top:18px;padding-top:14px;border-top:1px solid var(--line);font-size:15px}.back{display:inline-flex;align-items:center;gap:10px;margin-top:18px;padding:11px 16px;border:1px solid #b9d9ee;border-radius:999px;background:#eef7fc;color:var(--navy);font-size:15px;font-weight:800;text-decoration:none;box-shadow:0 3px 10px rgba(20,118,198,.08)}.back:hover{background:#e4f2fa;box-shadow:0 5px 14px rgba(20,118,198,.13)}.back-arrow{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--blue);color:#fff;font-size:20px;line-height:1;font-weight:900;flex:0 0 28px}.summary{margin-top:38px;padding-top:24px;border-top:1px solid var(--line)}table{width:100%;border-collapse:separate;border-spacing:0;overflow:hidden;border:1px solid var(--line);border-radius:14px}th,td{padding:13px 14px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}th{background:#eef6fb;color:var(--navy)}tr:last-child td{border-bottom:none}td:first-child{font-weight:700;width:30%}.editor-note{margin-top:22px;padding:14px 16px;border-radius:12px;background:#f6f7f9;color:#566675;font-size:14px}.footer{padding:20px 28px 34px;color:#7a8b9a;font-size:13px;text-align:center}
@media(max-width:680px){.hero,.content{padding-left:16px;padding-right:16px}.hero{padding-top:16px}.hero img{border-radius:12px}h2{font-size:27px}h3{font-size:24px}.card{grid-template-columns:54px 1fr;padding:13px}.num{width:46px;height:46px;font-size:18px}.card-title{font-size:16px}.story p{font-size:16px}.story-img{border-radius:12px}table,thead,tbody,tr,th,td{display:block}thead{display:none}tr{padding:10px 0;border-bottom:1px solid var(--line)}tr:last-child{border-bottom:none}td{border:0;padding:5px 12px}td:first-child{width:auto;color:var(--navy)}}
