@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700;800&family=Shippori+Mincho:wght@700&display=swap');
:root{--ink:#17211d;--muted:#66716c;--paper:#f8f6f0;--white:#fff;--green:#165b42;--lime:#d9f26a;--line:#dce1dc;--blue:#dbeaf4;--orange:#f6dfcb;--max:1120px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--white);font-family:"Noto Sans JP",sans-serif;line-height:1.8}a{color:inherit;text-decoration:none}img{max-width:100%}.container{width:min(calc(100% - 40px),var(--max));margin:auto}.narrow{max-width:760px}.skip-link{position:absolute;left:-999px}.skip-link:focus{left:16px;top:16px;background:#fff;padding:8px;z-index:99}.disclosure{font-size:12px;text-align:center;padding:5px;background:#eef1ed;color:#58625d}.site-header{height:76px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;position:sticky;top:0;z-index:20}.nav{display:flex;align-items:center;justify-content:space-between}.logo{font-weight:800;font-size:23px;letter-spacing:-.06em}.logo span{color:var(--green)}#global-nav{display:flex;gap:32px;font-size:14px;font-weight:600}#global-nav a:hover{color:var(--green)}.menu-button{display:none}.hero{background:var(--paper);padding:78px 0 86px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:80px;align-items:center}.eyebrow{font-size:12px;letter-spacing:.16em;font-weight:800;color:var(--green);margin:0 0 12px}.hero h1,.page-hero h1{font-family:"Shippori Mincho",serif;font-size:clamp(42px,5.6vw,72px);line-height:1.28;letter-spacing:-.04em;margin:0}.hero h1 em{font-style:normal;background:linear-gradient(transparent 66%,var(--lime) 0)}.hero-copy{font-size:17px;color:#4b5751;max-width:650px;margin:28px 0}.hero-actions{display:flex;align-items:center;gap:28px}.button{display:inline-flex;justify-content:center;align-items:center;padding:14px 23px;border-radius:4px;font-weight:700;font-size:14px}.button-primary{background:var(--green);color:#fff}.button-secondary{border:1px solid var(--green);color:var(--green)}.text-link{font-weight:700;font-size:14px;color:var(--green)}.hero-card{background:var(--green);color:#fff;padding:30px 34px;box-shadow:18px 18px 0 var(--lime)}.card-label{font-size:11px;letter-spacing:.12em;text-transform:uppercase;opacity:.7;margin:0 0 18px}.hero-card ol{list-style:none;padding:0;margin:0}.hero-card li{display:flex;gap:18px;align-items:center;padding:15px 0;border-top:1px solid #ffffff30}.hero-card li span{font-size:11px;color:var(--lime)}.hero-card li div{display:flex;flex-direction:column}.hero-card small{color:#c9d7d1}.section{padding:88px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:38px}.section-heading h2{font-family:"Shippori Mincho",serif;font-size:34px;line-height:1.5;margin:0}.section-heading>p{max-width:430px;color:var(--muted);font-size:14px}.topic-grid,.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.topic-card{padding:30px;min-height:310px;display:flex;flex-direction:column}.accent-green{background:#e5eee8}.accent-blue{background:var(--blue)}.accent-orange{background:var(--orange)}.topic-card>span{font-size:12px;font-weight:700}.topic-card h3{font-family:"Shippori Mincho",serif;font-size:28px;line-height:1.45;margin:22px 0 12px}.topic-card p{font-size:14px;color:#52605a}.topic-card b{font-size:13px;margin-top:auto}.latest{background:var(--paper)}.article-card{background:#fff;border:1px solid #e6e7e2;transition:.2s}.article-card:hover{transform:translateY(-4px);box-shadow:0 14px 35px #26372f14}.article-visual{height:150px;background:var(--green);padding:18px;color:#fff;display:flex;justify-content:space-between}.article-visual span{font-size:11px;background:#ffffff20;height:max-content;padding:4px 8px}.article-visual b{font-family:"Shippori Mincho",serif;font-size:64px;color:var(--lime);align-self:end;line-height:1}.article-body{padding:22px}.article-body h2,.article-body h3{font-size:18px;line-height:1.6;margin:7px 0 10px}.article-body>p:last-child{font-size:13px;color:var(--muted)}.article-meta{font-size:11px;color:var(--green)}.site-footer{background:#0b231b;color:#c8d0cc;padding:56px 0 25px}.footer-grid{display:flex;justify-content:space-between}.logo-light{color:#fff}.logo-light span{color:var(--lime)}.footer-grid nav{display:grid;grid-template-columns:repeat(2,auto);gap:10px 35px;font-size:13px}.footer-policy{border-top:1px solid #ffffff1d;margin-top:36px;padding-top:26px}.footer-policy-label{font-size:11px;letter-spacing:.12em;font-weight:800;color:var(--lime);text-transform:uppercase;margin:0 0 12px}.footer-policy ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 32px}.footer-policy li{font-size:12px;color:#c8d0cc;max-width:300px;line-height:1.7}.copyright{text-align:center;font-size:11px;border-top:1px solid #ffffff1d;padding-top:20px;margin:32px 0 0}.page-hero{background:var(--paper);padding:70px 0}.page-hero h1{font-size:48px}.page-hero p:last-child{color:var(--muted)}.article-shell{display:grid;grid-template-columns:minmax(0,760px) 260px;gap:60px;padding-top:36px;padding-bottom:90px}.breadcrumb{font-size:12px;color:var(--muted);display:flex;gap:9px;flex-wrap:wrap}.article-header{padding:42px 0 28px;border-bottom:1px solid var(--line)}.article-header h1{font-family:"Shippori Mincho",serif;font-size:40px;line-height:1.5;margin:0}.article-description{font-size:16px;color:var(--muted)}.byline{display:flex;gap:18px;font-size:11px;color:var(--muted)}.editorial-note{background:#f1f5f2;border-left:4px solid var(--green);padding:20px 24px;margin:30px 0}.editorial-note p{margin:3px 0 0;font-size:13px}.prose{font-size:16px}.prose h2{font-family:"Shippori Mincho",serif;font-size:28px;border-bottom:2px solid var(--ink);padding-bottom:10px;margin:54px 0 20px}.prose h3{font-size:19px;margin-top:34px}.prose li{margin:10px 0}.lead{font-size:18px;font-weight:500;line-height:2}.article-footer{border-top:1px solid var(--line);margin-top:55px;padding-top:25px;font-size:13px;color:var(--muted)}.article-side{padding-top:110px}.side-box{border:1px solid var(--line);padding:20px;margin-bottom:18px;display:flex;flex-direction:column;gap:10px}.side-box a{border-top:1px solid var(--line);padding-top:10px;font-size:12px;font-weight:600}.side-box span{font-size:12px;color:var(--muted)}
@media(max-width:800px){.site-header{height:64px}.menu-button{display:block;border:0;background:transparent;font-weight:700}.nav{position:relative}#global-nav{display:none;position:absolute;top:48px;left:-20px;right:-20px;background:#fff;padding:20px;flex-direction:column;border-bottom:1px solid var(--line)}#global-nav.is-open{display:flex}.hero{padding:48px 0 62px}.hero-grid,.article-shell{grid-template-columns:1fr;gap:38px}.hero-card{box-shadow:9px 9px 0 var(--lime)}.section{padding:62px 0}.section-heading{align-items:start;flex-direction:column;gap:8px}.topic-grid,.article-grid{grid-template-columns:1fr}.topic-card{min-height:260px}.footer-grid{flex-direction:column;gap:30px}.article-side{padding-top:0}.article-header h1{font-size:31px}.page-hero h1{font-size:39px}.byline{flex-wrap:wrap}}

/* Affiliate article visuals */
.service-image{margin:32px 0;background:var(--paper);border:1px solid var(--line)}
.service-image img{display:block;width:100%;height:auto}
.service-image figcaption{padding:8px 12px;color:var(--muted);font-size:11px}
.cta-link{margin:28px 0}
.cta-link a{display:inline-flex;padding:14px 20px;background:var(--green);color:#fff;font-weight:700;border-radius:4px}
.article-figure{margin:38px 0 48px;border-radius:20px;overflow:hidden;background:#f2f5f0;box-shadow:0 18px 36px #163d2a12}.article-figure img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}.article-figure figcaption{padding:12px 16px;color:var(--muted);font-size:12px;background:#fff}.article-figure-graphic img{object-fit:contain;background:#f8f6f0}
.article-callout-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0 0 46px}.article-callout{position:relative;margin:30px 0;padding:24px 26px;border-radius:16px;overflow:hidden}.article-callout-grid .article-callout{margin:0}.article-callout:before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:currentColor}.article-callout-label{margin:0 0 7px;font-size:11px;font-weight:800;letter-spacing:.14em;line-height:1.3}.article-callout h3{margin:0 0 10px;font-size:19px;line-height:1.55}.article-callout p:last-child,.article-callout ul{margin:0}.article-callout li{margin:5px 0;font-size:14px;line-height:1.75}.article-callout-benefit{color:#166044;background:#e8f4ed}.article-callout-drawback{color:#9a4f2c;background:#fff0e5}.article-callout-tips{color:#235f8b;background:#e9f4fc}.article-callout-tip{color:#466c20;background:#f2f8df}@media(max-width:800px){.article-callout-grid{grid-template-columns:1fr;gap:14px;margin-bottom:36px}.article-callout{margin:24px 0;padding:21px 20px;border-radius:14px}.article-callout h3{font-size:18px}.article-callout li{font-size:13px}}

/* Brand, search, and affiliate trust improvements */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.logo{display:inline-flex;align-items:center;gap:8px}.logo img{width:38px;height:38px;object-fit:contain}.logo-light img{filter:brightness(0) invert(1)}
.disclosure a{text-decoration:underline}.site-search{display:flex;align-items:center;gap:4px;margin-left:4px}.site-search input{width:132px;border:1px solid var(--line);border-radius:4px;padding:7px 9px;font:inherit;font-size:12px}.site-search button{border:0;border-radius:4px;background:var(--green);color:#fff;padding:7px 9px;font:inherit;font-size:12px;font-weight:700;cursor:pointer}
.hero-polished{background:linear-gradient(135deg,#f8f6f0 0%,#edf4ee 100%)}.hero-search{max-width:590px;margin:28px 0}.hero-search label{display:block;font-size:13px;font-weight:700;margin-bottom:8px}.hero-search div{display:flex;gap:8px}.hero-search input,.search-page-form input{min-width:0;flex:1;border:1px solid #bdc9c2;border-radius:4px;padding:14px 15px;font:inherit}.hero-search button{border:0;border-radius:4px;background:#123e31;color:#fff;padding:0 18px;font:inherit;font-weight:700;cursor:pointer}.hero-card{border-top:4px solid var(--lime)}
.search-page-form{display:flex;gap:10px;margin-top:22px}.search-summary{font-weight:700}.search-result{padding:25px 0;border-bottom:1px solid var(--line)}.search-result h2{font-family:"Shippori Mincho",serif;font-size:23px;line-height:1.5;margin:6px 0}.search-result h2 a:hover{text-decoration:underline;color:var(--green)}
@media(max-width:800px){.logo img{width:34px;height:34px}.site-search{margin:4px 0 0}.site-search input{width:100%}.hero-search div,.search-page-form{flex-direction:column}.hero-search button{padding:14px}.hero-search input{width:100%}}

/* Editorial visual direction */
body{background:#fcfcfa;background-image:radial-gradient(#165b4208 1px,transparent 1px);background-size:20px 20px}.disclosure{background:#143d30;color:#e9f0ec;letter-spacing:.02em}.disclosure a{color:#d9f26a}.site-header{height:84px;background:#fffffff2;backdrop-filter:blur(14px);box-shadow:0 1px 0 #163d2a12}.logo{font-size:25px;letter-spacing:-.08em}.logo img{width:44px;height:44px}.logo span{color:#165b42}.site-header .nav{gap:28px}.site-search{background:#f5f7f4;border:1px solid #dfe7e1;border-radius:999px;padding:4px}.site-search input{background:transparent;border:0;width:118px;outline:0}.site-search button{border-radius:999px;padding:8px 13px}.hero-polished{position:relative;isolation:isolate;overflow:hidden;background:#eef3ee;padding:104px 0 114px}.hero-polished:before,.hero-polished:after{content:"";position:absolute;z-index:-1;border-radius:50%;filter:blur(1px)}.hero-polished:before{width:560px;height:560px;right:-180px;top:-260px;background:#d9f26a70}.hero-polished:after{width:410px;height:410px;left:36%;bottom:-310px;background:#70a98c40}.hero-grid{gap:64px}.hero h1{font-size:clamp(48px,5vw,78px);max-width:710px;letter-spacing:-.065em}.hero h1 em{background:linear-gradient(transparent 62%,#d9f26a 0 92%,transparent 0);padding:0 .08em}.hero-copy{font-size:17px;line-height:2;max-width:600px}.eyebrow{display:inline-flex;align-items:center;gap:9px;letter-spacing:.2em}.eyebrow:before{content:"";width:20px;height:2px;background:currentColor}.hero-search{background:#fff;border:1px solid #dce6de;border-radius:14px;padding:15px 16px 16px;box-shadow:0 16px 36px #0e322113}.hero-search label{color:#315144}.hero-search input{border:0;background:#f5f7f4;border-radius:8px}.hero-search button{border-radius:8px;box-shadow:0 7px 16px #123e3126}.hero-actions{margin-top:32px}.button{border-radius:999px;padding:15px 24px;box-shadow:0 9px 20px #123e3117}.text-link{display:inline-flex;align-items:center;gap:8px}.hero-card{position:relative;border:0;border-radius:26px;box-shadow:18px 22px 0 #d9f26a,0 28px 55px #123e3120;overflow:hidden;background:linear-gradient(145deg,#1b674b,#0d3f30);padding:36px}.hero-card:before{content:"";position:absolute;width:250px;height:250px;right:-120px;top:-130px;border:1px solid #d9f26a80;border-radius:50%;box-shadow:0 0 0 28px #d9f26a14,0 0 0 56px #d9f26a0a}.hero-card li{position:relative}.hero-card li span{font-weight:800}.section{padding:108px 0}.section-heading h2{font-size:clamp(32px,3.3vw,48px);letter-spacing:-.055em}.topic-grid{gap:26px}.topic-card{position:relative;isolation:isolate;min-height:340px;border-radius:22px;overflow:hidden;box-shadow:0 16px 34px #17362a0d;transition:transform .25s ease,box-shadow .25s ease}.topic-card:hover{transform:translateY(-8px);box-shadow:0 26px 46px #17362a1c}.topic-card:after{content:attr(data-number);position:absolute;right:-7px;bottom:-40px;z-index:-1;font:800 190px/1 "Shippori Mincho",serif;color:#ffffff70}.topic-card>span{font-size:13px;letter-spacing:.12em}.topic-card h3{font-size:32px}.latest{position:relative;background:#f2f5f0}.latest:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 0 75%,#d9f26a2b 75%);pointer-events:none}.article-card{position:relative;border:0;border-radius:18px;overflow:hidden;box-shadow:0 10px 24px #17362a0e}.article-visual{height:170px;background:linear-gradient(135deg,#174d3c,#0e2e24)}.article-visual b{font-size:76px}.site-footer{background:#071c15}.footer-grid{align-items:center}.footer-grid nav a{opacity:.8}.footer-grid nav a:hover{opacity:1;color:#d9f26a}
@media(max-width:800px){.site-header{height:68px}.site-header .nav{gap:8px}.hero-polished{padding:72px 0}.hero-card{box-shadow:9px 12px 0 #d9f26a}.section{padding:74px 0}.topic-card{min-height:280px}.site-search{width:100%}}

.hero-visual{position:relative;min-height:520px;padding:30px 0 0 34px}.hero-visual>img{width:100%;height:440px;object-fit:cover;object-position:68% center;border-radius:26px;display:block;box-shadow:20px 24px 0 #ffffff80,0 26px 50px #123e3126}.hero-visual:after{content:"";position:absolute;inset:30px 0 auto 34px;height:440px;border-radius:26px;background:linear-gradient(120deg,#09291b56 0%,transparent 55%);pointer-events:none}.hero-visual .hero-card{position:absolute;left:0;bottom:0;z-index:1;width:min(88%,420px);background:linear-gradient(145deg,#155d46f5,#0b3629f5);backdrop-filter:blur(8px);box-shadow:14px 17px 0 #d9f26a,0 24px 48px #123e3128}.hero-visual .hero-card li{padding:12px 0}.hero-visual .hero-card strong{font-size:15px}.hero-visual .hero-card small{font-size:11px}
@media(max-width:800px){.hero-visual{padding:20px 0 0;min-height:0}.hero-visual>img{height:auto;aspect-ratio:3/2;border-radius:20px;object-position:72% center}.hero-visual:after{inset:20px 0 auto 0;height:auto;aspect-ratio:3/2;border-radius:20px}.hero-visual .hero-card{position:relative;width:92%;padding:26px;margin:-34px 4% 0;left:auto;bottom:auto;border-radius:18px}.hero-visual .hero-card li{padding:10px 0}}
@media(max-width:800px){.article-callout-grid{grid-template-columns:1fr;gap:14px;margin-bottom:36px}.article-callout{margin:24px 0;padding:21px 20px;border-radius:14px}.article-callout h3{font-size:18px}.article-callout li{font-size:13px}}