*{box-sizing:border-box}html{scroll-behavior:smooth;color:#25422d;background:#fffbed;scroll-padding-top:24px}body{margin:0;font:16px/1.85 system-ui,-apple-system,BlinkMacSystemFont,Noto Sans JP,sans-serif}.wrap{width:min(1120px,100% - 40px);margin:auto}a{color:#275a35;text-underline-offset:4px}a:hover{color:#a54816}a:focus-visible{outline-offset:5px;outline:3px solid #da7129}.skip{background:#fff;padding:8px;position:absolute;top:-60px}.skip:focus{z-index:5;top:4px}header{border-bottom:1px solid #d8dfc5;justify-content:space-between;align-items:center;gap:18px;padding:24px 0;display:flex}.brand{letter-spacing:-1px;font-size:25px;font-weight:750;text-decoration:none}nav{gap:24px;display:flex}header nav a{font-size:14px;text-decoration:none}header nav a[aria-current]{font-weight:700;text-decoration:underline}.intro{max-width:680px;padding:64px 0 32px}.eyebrow{letter-spacing:.12em;color:#667644;font-size:12px;font-weight:700}h1{letter-spacing:-.025em;margin:12px 0 20px;font-size:clamp(32px,5vw,52px);line-height:1.45}.intro>p:last-child{color:#56634d}.articles{grid-template-columns:repeat(3,1fr);gap:20px;margin:12px 0 76px;display:grid}.card{color:#25422d;background:#fff;border:1px solid #d3dcc0;border-radius:18px;flex-direction:column;align-items:flex-start;padding:26px;text-decoration:none;display:flex}.card:nth-child(2){background:#f3f5df}.card:nth-child(3){background:#fff0d4}.date{color:#626b57;font-size:12px;display:block}.tag{background:#e7edce;border-radius:6px;margin-top:24px;padding:3px 10px;font-size:12px}.card h2{margin:14px 0 10px;font-size:22px;line-height:1.6}.card p{color:#56634d;margin:0 0 24px;font-size:14px}.read{margin-top:auto;font-size:14px;font-weight:700}.reading{max-width:730px;margin:auto}.reading article{border-top:1px solid #d3dcc0;padding:38px 0 52px;scroll-margin-top:30px}.reading h2{margin:12px 0 28px;font-size:clamp(25px,4vw,33px);line-height:1.6}.reading h3{margin:30px 0 10px;font-size:18px}.reading p{margin:14px 0}aside{background:#eff1df;border-left:3px solid #7b9351;margin:28px 0 20px;padding:17px 20px;font-size:13px;line-height:1.85}.source{overflow-wrap:anywhere;color:#596151;font-size:12px}.back{margin-top:20px;font-size:13px;display:inline-block}.next{background:#fae3ba;border-radius:16px;max-width:730px;margin:30px auto;padding:30px}.next h2{margin:0;font-size:23px}.next p{font-size:15px}.next a{font-size:14px;font-weight:650}.updated{color:#6a715e;max-width:730px;margin:32px auto 64px;font-size:11px}footer{border-top:1px solid #d3dcc0;justify-content:space-between;align-items:center;gap:20px;padding:24px 0;display:flex}footer p{color:#627052;font-size:13px}@media (width<=760px){.articles{grid-template-columns:1fr;gap:14px;margin-bottom:40px}.intro{padding-top:42px}.card{padding:22px}.tag{margin-top:12px}.card h2{font-size:21px}.card p{margin-bottom:16px}.reading article{padding-top:28px}.next{padding:24px}}@media (width<=420px){.wrap{width:calc(100% - 32px)}header nav{gap:14px}.brand{font-size:22px}header nav a{font-size:12px}footer{flex-direction:column;align-items:flex-start;gap:0}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}