:root{--ink:#29382f;--green:#285a47;--muted:#657269;--cream:#fff4d7;--orange:#e99b32;--line:#dfe6dd;--paper:#faf9f5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:"Noto Sans JP","Yu Gothic",Meiryo,sans-serif;line-height:1.95;font-size:18px}a{color:var(--green);text-underline-offset:4px;overflow-wrap:anywhere}a:hover{text-decoration-thickness:2px}a:focus-visible{outline:3px solid #c87b16;outline-offset:5px}.skip{position:absolute;top:-90px}.skip:focus{top:0;background:white;z-index:10}.site-header{background:#fff0c9;border-bottom:4px solid var(--orange)}.nav{max-width:1160px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 30px}.brand{font-size:20px;letter-spacing:.09em;font-weight:800;color:#75441d;text-decoration:none}.nav-link{font-size:14px;color:#75441d}.hero{background:linear-gradient(120deg,#fff9e4,#fff0ce 65%,#ffe0b9);border-bottom:1px solid #eed6af}.hero-inner{max-width:1160px;margin:auto;padding:44px 30px;display:grid;grid-template-columns:1.15fr 1fr;gap:34px;align-items:center}.eyebrow{font-size:13px;letter-spacing:.09em;font-weight:700;color:#805022;display:inline-block;background:#fffdf5;border:1px solid #edce94;border-radius:24px;padding:4px 13px}h1{font-size:clamp(29px,3.5vw,40px);line-height:1.5;color:#653e22;margin:18px 0;letter-spacing:.015em}.dek{font-size:16px;line-height:1.9;color:#735538;margin:0}.byline{font-size:12px;color:#795b40;margin-top:23px}.visual{position:relative;overflow:hidden;width:100%;margin:0;border-radius:14px;box-shadow:0 10px 28px #9b6a2720;background:#fff9e8;isolation:isolate}.visual img{position:absolute;width:200%;max-width:none;height:auto;display:block;pointer-events:none}.image-note{font-size:11px;color:#8c765e;text-align:right;margin-top:8px}.article-layout{max-width:860px;margin:auto;background:#fff;padding:45px 44px 50px}.toc{border:1px solid var(--line);border-radius:12px;padding:22px 26px;background:#fafbf7;margin-bottom:40px}.toc summary{font-weight:700;cursor:pointer;color:var(--green)}.toc ol{margin:12px 0 0;padding-left:24px;font-size:15px;line-height:1.8}.toc li{margin:8px 0}.article-body p{margin:0 0 25px}.article-body h2{font-size:26px;line-height:1.6;margin:55px 0 27px;padding-bottom:15px;border-bottom:3px solid var(--green);scroll-margin-top:20px}.article-body h3{font-size:21px;line-height:1.7;margin:32px 0 16px}.article-body strong{font-weight:800;background:linear-gradient(transparent 68%,#f8e6ac 68%)}.article-body ul,.article-body ol{padding:22px 27px 22px 46px;background:#f3f6f1;border-radius:9px;margin:24px 0 30px}.article-body li{padding:5px 0}.article-body li p{margin:0}.article-body .answer,.article-body .lead-answer{padding:23px;background:#f2f6f1;border-left:4px solid var(--green)}.article-body blockquote{margin:26px 0;padding:20px 25px;border-left:4px solid #e9b65b;background:#fffaed}.check{list-style:none!important;padding:24px 28px!important}.check li{position:relative;padding-left:28px}.check li:before{content:"□";position:absolute;left:0;color:var(--green);font-weight:700}.table-scroll{max-width:100%;overflow-x:auto;margin:26px 0 32px;border:1px solid var(--line);border-radius:9px}table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.8}th,td{padding:14px 15px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;min-width:110px}th{background:#edf3e9;font-weight:700}tr:last-child td{border-bottom:0}td p{margin:0!important}.cta{margin-top:48px;padding:32px;background:#fff4d9;border:1px solid #efd49c;border-radius:14px}.cta h2{border:0;margin:13px 0 18px;padding:0;font-size:25px;color:#654020}.cta p{font-size:16px;margin:0 0 18px}.cta .catch{font-size:22px;line-height:1.7;font-weight:800;color:#654020;margin-top:23px}.button{display:block;background:var(--green);color:white;text-align:center;border-radius:8px;padding:17px 20px;font-size:18px;font-weight:700;text-decoration:none;line-height:1.6}.button:hover{background:#1f4738}.source-box{margin-top:36px;padding:20px 23px;background:#f8faf7;border:1px solid var(--line);border-radius:9px;font-size:13px;line-height:1.8}.source-box summary{font-weight:700;cursor:pointer}.source-box ul{padding-left:18px}.source-box li{margin:12px 0}.source-box small{display:block;color:#6a756d}.related{margin-top:42px;border-top:1px solid var(--line);padding-top:25px}.related h2{font-size:20px;margin:0 0 15px}.related a{display:block;padding:13px 0;border-bottom:1px solid var(--line);font-size:16px}.pager{display:flex;justify-content:space-between;gap:20px;margin-top:28px;font-size:14px}.site-footer{text-align:center;padding:30px 20px;font-size:12px;color:var(--muted)}.index-hero{padding:50px 30px;background:linear-gradient(120deg,#fff9e4,#ffe1b9)}.index-hero>div{max-width:1060px;margin:auto}.index-hero h1{max-width:760px}.index-intro{max-width:760px;font-size:17px}.grid{max-width:1120px;margin:35px auto 60px;padding:0 30px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}.card{background:white;border:1px solid var(--line);border-radius:14px;overflow:hidden;text-decoration:none;color:var(--ink);box-shadow:0 4px 18px #344d2410}.card .visual{border-radius:0;box-shadow:none}.card-content{padding:22px 26px 25px}.card .tag{font-size:12px;color:#84613b;letter-spacing:.06em}.card h2{font-size:24px;line-height:1.55;margin:10px 0 14px}.card p{font-size:15px;margin:0;color:#657269}.card .read{display:block;color:var(--green);font-size:14px;font-weight:bold;margin-top:18px}@media(max-width:700px){body{font-size:17px}.nav{padding:14px 20px}.brand{font-size:17px}.nav-link{font-size:12px}.hero-inner{grid-template-columns:1fr;gap:25px;padding:30px 22px}.hero h1{font-size:31px}.hero .visual{max-width:510px;margin:auto}.article-layout{padding:30px 22px 40px}.article-body h2{font-size:23px;margin-top:44px}.article-body h3{font-size:20px}.toc{padding:19px 21px}.cta{padding:24px 20px}.cta .catch{font-size:21px}.cta h2{font-size:23px}.grid{grid-template-columns:1fr;padding:0 20px;margin-top:25px;gap:22px}.index-hero{padding:32px 22px}.card h2{font-size:23px}th,td{padding:11px;min-width:105px}.card-content{padding:20px 22px}.source-box{padding:18px}.byline{margin-top:18px}.article-body ul,.article-body ol{padding-left:35px}}@media print{.site-header,.toc,.pager,.related{display:none}.hero-inner{display:block}.hero figure{max-width:350px}.article-layout{max-width:none;padding:20px}.cta{break-inside:avoid}.article-body h2{break-after:avoid}a{color:#253f32}.site-footer{padding:10px}.table-scroll{overflow:visible}}

.filters{max-width:1120px;margin:30px auto 0;padding:0 30px}.filters label{display:block;font-weight:700;margin-bottom:8px}.filters input{font:inherit;font-size:17px;width:100%;max-width:600px;padding:13px 17px;border:1px solid #aebdac;border-radius:9px;background:white;color:#29382f}.filter-buttons{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.filter-buttons button{font:inherit;font-size:14px;border:1px solid #aebdac;border-radius:22px;padding:7px 16px;background:white;color:#285a47;cursor:pointer}.filter-buttons button.active{background:#285a47;color:white}.filter-buttons button:focus-visible,input:focus-visible{outline:3px solid #c87b16;outline-offset:3px}.filters #count{font-size:14px;color:#657269;margin:12px 0}.draft-label{font-size:13px;color:#795b40}.empty{max-width:1060px;margin:35px auto;padding:0 25px}[hidden]{display:none!important}.hero-inner>div,.hero-inner>figure,.article-layout,.grid>*{min-width:0}.article-body{overflow-wrap:anywhere}.table-wrap{max-width:100%;overflow-x:auto}@media(max-width:700px){.filters{padding:0 22px}.filter-buttons{gap:8px}.filter-buttons button{font-size:13px;padding:6px 12px}}
