:root{
    --green-950:#062215;
    --green-900:#0b3d27;
    --green-800:#14613a;
    --green-700:#19864e;
    --green-600:#20a75f;
    --green-500:#31c878;
    --green-300:#8ee6b2;
    --green-200:#c4f3d4;
    --green-100:#e8fbef;
    --green-50:#f5fff8;
    --white:#ffffff;
    --ink:#17251c;
    --muted:#52685b;
    --line:#d4ecd9;
    --shadow:0 18px 55px rgba(9,77,43,.12);
    --max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:86px}
body{
    margin:0;
    font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;
    color:var(--ink);
    background:linear-gradient(180deg,#f5fff8 0%,#edf9f1 45%,#fbfffc 100%);
    line-height:1.72;
}
img{max-width:100%;height:auto;display:block}
a{color:var(--green-800);text-decoration:none}
a:hover{color:var(--green-600)}
.skip-link{position:absolute;top:-100px;left:18px;z-index:99;background:var(--green-800);color:#fff;padding:10px 14px;border-radius:12px}.skip-link:focus{top:18px}
.site-header{position:sticky;top:0;z-index:50;background:rgba(248,255,250,.94);border-bottom:1px solid rgba(25,134,78,.16);backdrop-filter:blur(12px)}
.main-nav{max-width:var(--max);margin:0 auto;min-height:64px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.brand,.footer-brand{display:flex;align-items:center;gap:10px;color:var(--green-950);font-weight:900;letter-spacing:-.03em}.brand span,.footer-brand span{font-size:1.04rem}
.nav-links{display:flex;align-items:center;gap:8px}.nav-links a{padding:8px 15px;border-radius:999px;color:var(--green-900);font-weight:800;border:1px solid transparent}.nav-links a:hover{background:var(--green-700);color:#fff;border-color:var(--green-700)}#order a {color:white;background:black;}#order a:hover {color:white;background:green;}
.nav-toggle{display:none;width:42px;height:42px;border:1px solid var(--line);background:#fff;border-radius:13px;cursor:pointer}.nav-toggle span{display:block;width:20px;height:2px;margin:4px auto;background:var(--green-900);border-radius:10px}.nav-toggle.is-open span:nth-child(1){transform:translateY(6px) rotate(45deg)}.nav-toggle.is-open span:nth-child(2){opacity:0}.nav-toggle.is-open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.top-visual{padding:34px 20px 0}.visual-wrap{max-width:var(--max);height:clamp(260px,34vw,440px);margin:0 auto;border:1px solid rgba(32,167,95,.18);border-radius:32px;background:linear-gradient(135deg,#fff,#eafff1);box-shadow:var(--shadow);padding:0;overflow:hidden}.visual-wrap img{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:32px;background:#fff}
.article-wide{max-width:var(--max);margin:34px auto 70px;padding:46px clamp(22px,5vw,74px);background:#fff;border:1px solid rgba(32,167,95,.16);border-radius:32px;box-shadow:var(--shadow)}
.article-wide h1{margin:0 0 28px;color:var(--green-950);font-size:clamp(2.25rem,5vw,4.8rem);line-height:1.03;letter-spacing:-.065em;max-width:1080px;border-bottom:6px solid var(--green-200);padding-bottom:22px}
.article-wide h2{margin:56px 0 18px;color:var(--green-950);font-size:clamp(1.65rem,2.6vw,2.55rem);line-height:1.15;letter-spacing:-.04em;padding-bottom:12px;border-bottom:1px solid var(--line);position:relative}.article-wide h2:after{content:"";position:absolute;left:0;bottom:-1px;width:90px;height:4px;border-radius:20px;background:linear-gradient(90deg,var(--green-700),var(--green-300))}
.article-wide p{margin:18px 0;color:#33463a;font-size:1.08rem;max-width:100%}.article-wide strong{color:var(--green-900);font-weight:900}
.article-wide ul,.article-wide ol{margin:22px 0 30px;padding-left:24px}.article-wide li{margin:12px 0;padding-left:6px;font-size:1.05rem}.article-wide li::marker{color:var(--green-700);font-weight:900}
.faq-question{margin:24px 0 8px;padding:16px 18px;border-left:6px solid var(--green-600);border-radius:12px;background:var(--green-100);color:var(--green-950);font-size:1.1rem;font-weight:900}
.site-footer{padding:30px 20px;background:#f8fffa;border-top:1px solid rgba(25,134,78,.14)}.footer-inner{max-width:var(--max);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px}.back-to-top{position:fixed;right:22px;bottom:22px;z-index:90;width:52px;height:52px;border-radius:50%;display:block;overflow:hidden;background:transparent;box-shadow:0 14px 32px rgba(20,97,58,.28);line-height:0;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.back-to-top img{width:100%;height:100%;display:block;object-fit:contain}.back-to-top:hover{transform:translateY(-3px);box-shadow:0 18px 38px rgba(20,97,58,.34)}
@media(max-width:760px){.main-nav{min-height:58px;padding:0 14px}.nav-toggle{display:block}.nav-links{position:absolute;top:64px;left:14px;right:14px;display:none;flex-direction:column;align-items:stretch;padding:12px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.nav-links.is-open{display:flex}.nav-links a{text-align:center}.top-visual{padding:22px 14px 0}.visual-wrap{height:230px;border-radius:22px;padding:0}.visual-wrap img{border-radius:22px}.article-wide{margin:22px 14px 48px;padding:28px 20px;border-radius:22px}.article-wide h1{font-size:clamp(2rem,10vw,3.1rem);letter-spacing:-.055em}.article-wide h2{margin-top:42px}.footer-inner{flex-direction:column;text-align:center}.back-to-top{right:16px;bottom:16px;width:48px;height:48px}}


/* Critical v4 fixes: wide header image and floating back-to-top button */
.top-visual{padding:34px 20px 0!important;}
.visual-wrap{max-width:var(--max)!important;height:clamp(260px,32vw,430px)!important;margin:0 auto!important;border:1px solid rgba(32,167,95,.18)!important;border-radius:32px!important;background:#ffffff!important;box-shadow:var(--shadow)!important;padding:0!important;overflow:hidden!important;}
.visual-wrap img{width:100%!important;height:100%!important;max-height:none!important;object-fit:cover!important;object-position:center!important;border-radius:32px!important;background:#fff!important;}
.back-to-top{position:fixed!important;right:22px!important;bottom:22px!important;z-index:9999!important;width:58px!important;height:58px!important;border-radius:50%!important;display:block!important;overflow:hidden!important;background:transparent!important;box-shadow:0 16px 38px rgba(20,97,58,.34)!important;line-height:0!important;cursor:pointer!important;transition:transform .2s ease,box-shadow .2s ease!important;}
.back-to-top img{width:100%!important;height:100%!important;display:block!important;object-fit:contain!important;}
.back-to-top:hover{transform:translateY(-3px)!important;box-shadow:0 20px 44px rgba(20,97,58,.4)!important;}
@media(max-width:760px){.visual-wrap{height:230px!important;border-radius:22px!important}.visual-wrap img{border-radius:22px!important}.back-to-top{right:16px!important;bottom:16px!important;width:52px!important;height:52px!important;}}


/* v5 mobile image fix: show the full header image without cropping */
@media(max-width:760px){
  .visual-wrap{height:auto!important;aspect-ratio:1600/520!important;padding:0!important;overflow:hidden!important;}
  .visual-wrap img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;display:block!important;background:#ffffff!important;}
}