*{box-sizing:border-box}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#243026;background:#fbfaf6;line-height:1.6}
a{color:#23613f;text-decoration:none}
a:hover{text-decoration:underline}
.site-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px clamp(18px,4vw,54px);background:rgba(251,250,246,.94);border-bottom:1px solid #e0ddce;backdrop-filter:blur(10px)}
.brand{font-weight:800;color:#183923;font-size:1.08rem}
.site-header nav{display:flex;gap:16px;flex-wrap:wrap;font-size:.94rem}
main{max-width:1120px;margin:0 auto;padding:28px clamp(18px,4vw,36px) 56px}
.hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(260px,.9fr);gap:36px;align-items:center;padding:34px 0 40px}
.hero h1{font-size:clamp(2rem,5vw,4.6rem);line-height:1.02;margin:8px 0 18px;color:#143820;letter-spacing:0}
.hero p{font-size:1.12rem;max-width:68ch}
.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-weight:800;color:#856b28;font-size:.78rem}
.hero picture{display:block;width:100%}
.hero img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:8px;box-shadow:0 20px 60px rgba(24,57,35,.18)}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:10px 0 34px}
.card{min-height:128px;padding:18px;border:1px solid #ddd7c4;background:#fff;border-radius:8px;display:flex;flex-direction:column;gap:8px}
.card strong{font-size:1.05rem;color:#183923}
.card span{color:#5a655d}
.guide-library{padding:24px 0;border-top:1px solid #e4dfcf}
.guide-library h2{font-size:1.45rem;line-height:1.2;margin:0 0 14px;color:#1e432b}
.guide-group{margin:18px 0 26px}
.guide-group h3{margin:0 0 6px;color:#1e432b}
.guide-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 16px}
.guide-links a{display:block;padding:8px 0;border-bottom:1px solid #ebe5d5;color:#24593a}
.content-block{padding:24px 0;border-top:1px solid #e4dfcf}
.content-block h2,.notice h2,.author-box h2{font-size:1.45rem;line-height:1.2;margin:0 0 8px;color:#1e432b}
.content-block p,.notice p,.author-box p{margin:0 0 12px;max-width:78ch}
.article-meta{margin:-16px 0 22px;color:#6c766e;font-size:.92rem}
.check-list,.step-list,.related-list{max-width:78ch;padding-left:1.25rem}
.check-list li,.step-list li,.related-list li{margin:8px 0}
.spec-table{width:100%;max-width:820px;border-collapse:collapse;margin:12px 0 8px;background:#fff;border:1px solid #ddd7c4}
.spec-table th,.spec-table td{text-align:left;vertical-align:top;padding:12px 14px;border-bottom:1px solid #ebe5d5}
.spec-table th{width:32%;color:#1e432b;background:#f5f1e4}
.faq details{max-width:78ch;padding:14px 0;border-bottom:1px solid #e8e1cf}
.faq summary{cursor:pointer;font-weight:750;color:#1e432b}
.author-box{margin:22px 0;padding:20px;border:1px solid #ddd7c4;background:#fff;border-radius:8px}
.notice{margin-top:18px;padding:22px;border:1px solid #d8d2bd;background:#f2efe4;border-radius:8px}
footer{padding:30px clamp(18px,4vw,54px);border-top:1px solid #e0ddce;background:#ede8d9;color:#4d574f;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
footer a{margin-right:14px}
@media(max-width:760px){.site-header{position:static;align-items:flex-start;flex-direction:column}.hero{grid-template-columns:1fr}.grid,.guide-links{grid-template-columns:1fr}.hero h1{font-size:2.35rem}.spec-table th,.spec-table td{display:block;width:100%}}