
:root{--green:#4f8a5b;--line:#2f7f45;--ink:#211f1d;--muted:#665d57;--paper:#fffaf6;--border:#eaded4}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Noto Sans JP',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;line-height:1.8}.site-header{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.95);border-bottom:1px solid #f0e6dd}.site-header__inner{width:min(100% - 32px,1120px);margin:0 auto;min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:16px}.site-header img{display:block}.site-header a{text-decoration:none;color:inherit}.site-header__nav ul{display:flex;gap:18px;list-style:none;margin:0;padding:0;font-size:14px;font-weight:800}.site-header__btn,.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:11px 18px;border-radius:999px;background:var(--green);color:#fff!important;text-decoration:none;font-weight:900;box-shadow:0 10px 24px rgba(79,138,91,.18)}.button--line{background:var(--line)}.hero{padding:68px 0 44px;background:linear-gradient(90deg,rgba(255,255,255,.98),rgba(255,255,255,.90) 55%,rgba(255,255,255,.45)),url('/images/sakurazaru/fv-hero.png') right center/cover}.container{width:min(100% - 36px,1120px);margin-inline:auto}.hero h1{max-width:790px;margin:0 0 16px;font-size:clamp(30px,4.6vw,50px);line-height:1.36;font-weight:900;letter-spacing:0}.hero p{max-width:720px;margin:0 0 24px;color:#514944;font-weight:600}.eyebrow{display:inline-flex;margin:0 0 12px;padding:6px 12px;border-radius:999px;background:#f1e8df;color:#614b3e;font-size:12px;font-weight:900;letter-spacing:.06em}.category-nav{display:flex;flex-wrap:wrap;gap:10px;margin:26px 0 38px}.category-nav a{display:inline-flex;align-items:center;min-height:38px;padding:8px 13px;border:1px solid var(--border);border-radius:999px;background:#fff;color:#514944;text-decoration:none;font-size:13px;font-weight:800}.section{padding:42px 0}.group{scroll-margin-top:90px;margin-top:42px}.group-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:14px;border-bottom:1px solid var(--border);padding-bottom:10px}.group h2,.section h2{margin:0;font-size:clamp(22px,2.6vw,30px);line-height:1.45;font-weight:900}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.card{border:1px solid var(--border);border-radius:8px;background:#fff;box-shadow:0 10px 24px rgba(116,80,54,.06)}.card a{display:grid;gap:8px;height:100%;padding:18px;color:inherit;text-decoration:none}.card span{color:var(--green);font-size:12px;font-weight:900}.card h3{margin:0;font-size:17px;line-height:1.55;font-weight:900}.card p{margin:0;color:var(--muted);font-size:13px;line-height:1.75}.article{width:min(100% - 36px,900px);margin:0 auto;padding:58px 0 72px}.back{display:inline-flex;margin-bottom:18px;color:var(--green);text-decoration:none;font-size:13px;font-weight:900}.article h1{margin:0 0 14px;font-size:clamp(30px,4.2vw,46px);line-height:1.42;font-weight:900;letter-spacing:0}.lead{margin:0 0 34px;color:#5c544e;font-weight:600}.body{max-width:820px;font-size:16px;line-height:2}.body h2{margin:36px 0 12px;border-left:5px solid var(--green);padding-left:12px;font-size:24px;line-height:1.55;font-weight:900}.body p,.body li{color:#3f3934}.body a{color:#347444;font-weight:900}.cta,.related{margin-top:42px;padding:24px;border:1px solid #dfe9dd;border-radius:8px;background:#f5fbf3}.cta h2,.related h2{margin:0 0 10px;font-size:22px;line-height:1.5}.cta p{margin:0 0 18px;color:#3f493e}.actions{display:flex;flex-wrap:wrap;gap:12px}.related{background:#fff}.related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.related-grid a{display:block;padding:13px 14px;border:1px solid var(--border);border-radius:8px;color:inherit;text-decoration:none;font-weight:800;line-height:1.65}.footer{background:#2d2a27;color:#fff;padding:34px 0}.footer__inner{display:grid;gap:18px}.footer__logo{width:140px}.footer__tagline{margin:10px 0 0;color:#ece4dd}.footer__nav{display:flex;flex-wrap:wrap;gap:14px}.footer__nav a{color:#fff;text-decoration:none;font-weight:800}.footer__copy{margin:0;color:#d8cec6;font-size:13px}@media(max-width:760px){.site-header__nav{display:none}.site-header__btn{font-size:13px;padding-inline:13px}.hero{padding-top:46px;background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(255,255,255,.90) 58%,rgba(255,250,246,.96)),url('/images/sakurazaru/fv-hero.png') center top/cover}.grid,.related-grid{grid-template-columns:1fr}.group-head{align-items:start;flex-direction:column}.article{width:min(100% - 28px,900px);padding-top:40px}.body{font-size:15px}.cta,.related{padding:18px}.actions .button{width:100%}}

.articles-featured{margin:0 0 34px;padding:24px;border:1px solid var(--border);border-radius:8px;background:#fff}.articles-featured__head{display:grid;gap:6px;margin-bottom:18px}.articles-featured__head p{margin:0;color:var(--muted);font-weight:700}.articles-featured__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.article-featured-card{border:1px solid var(--border);border-radius:8px;background:#fffaf6}.article-featured-card a{display:grid;gap:8px;height:100%;padding:18px;color:inherit;text-decoration:none}.article-featured-card__rank{width:max-content;padding:3px 9px;border-radius:999px;background:#4f8a5b;color:#fff!important;font-size:12px;font-weight:900}.article-featured-card span:not(.article-featured-card__rank){color:var(--green);font-size:12px;font-weight:900}.article-featured-card h3{margin:0;font-size:17px;line-height:1.55;font-weight:900}.article-featured-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.75}@media(max-width:760px){.articles-featured{padding:18px}.articles-featured__grid{grid-template-columns:1fr}}
