:root{color-scheme:light;--ink:#17332a;--muted:#5d6d66;--forest:#1f513f;--deep:#143d2f;--leaf:#7ca46d;--paper:#fffefb;--line:#d9dfd9;--wood:#b8773d;--sand:#f6f2e8;--shadow:0 18px 48px rgba(31,81,63,.11)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:86px}body{margin:0;color:var(--ink);background:var(--paper);font-family:"Yu Gothic","Hiragino Kaku Gothic ProN",system-ui,sans-serif;font-size:16px;line-height:1.8}a{color:inherit}.site-header{position:sticky;z-index:30;top:0;display:flex;min-height:68px;align-items:center;justify-content:space-between;padding:10px clamp(20px,5vw,72px);border-bottom:1px solid rgba(23,51,42,.08);background:rgba(255,254,251,.94);backdrop-filter:blur(14px)}.brand{text-decoration:none}.brand strong{display:block;font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:1.45rem;letter-spacing:.08em}.brand small{display:block;margin-top:-5px;color:var(--muted);font-size:.72rem;letter-spacing:.12em}.header-link{font-size:.9rem;font-weight:800;text-underline-offset:4px}
.hero{position:relative;display:grid;min-height:470px;place-items:end start;overflow:hidden;background:linear-gradient(90deg,rgba(8,37,27,.84),rgba(8,37,27,.25)),url("../garden-deck-hero.webp") center/cover no-repeat}.hero-inner{width:min(1120px,calc(100% - 40px));margin:0 auto;padding:80px 0 64px;color:white}.breadcrumbs{margin:0 0 34px;color:#dce8df;font-size:.82rem}.breadcrumbs a{text-underline-offset:3px}.eyebrow{margin:0 0 10px;color:#efc78c;font-size:.8rem;font-weight:900;letter-spacing:.12em}.hero h1{max-width:850px;margin:0;font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:clamp(2rem,4.7vw,4.25rem);font-weight:600;line-height:1.3}.hero .lead{max-width:760px;margin:20px 0 0;color:#eef5f0;font-size:1.04rem}
.layout{display:grid;grid-template-columns:minmax(0,760px) minmax(220px,280px);gap:64px;width:min(1120px,calc(100% - 40px));margin:0 auto;padding:70px 0 96px}.article-body{min-width:0}.article-body>section{padding:14px 0 42px;scroll-margin-top:86px}.article-body h2{margin:0 0 18px;font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:clamp(1.55rem,3vw,2.2rem);line-height:1.45;text-wrap:balance}.article-body h3{margin:26px 0 10px;font-size:1.14rem}.article-body p{margin:0 0 18px}.article-body ul,.article-body ol{padding-left:1.45rem}.article-body li+li{margin-top:8px}.summary{margin:0 0 48px;padding:28px;border:1px solid #cfdbd0;border-radius:20px;background:#f2f6f1}.summary strong{display:block;margin-bottom:9px;font-size:1.08rem}.callout{margin:24px 0;padding:20px 22px;border-left:4px solid var(--wood);background:#faf3e8}.factor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.factor{padding:18px;border:1px solid var(--line);border-radius:15px;background:white}.factor strong{display:block;margin-bottom:4px}.factor span{color:var(--muted);font-size:.9rem}
.table-wrap{overflow-x:auto;margin:22px 0}table{width:100%;border-collapse:collapse;background:white}th,td{padding:14px 13px;border:1px solid var(--line);text-align:left;vertical-align:top}th{background:#f2f6f1;font-size:.88rem}td strong{white-space:nowrap}.table-note{color:var(--muted);font-size:.84rem}.price-table{min-width:650px}.condition-heading{display:flex;gap:16px;align-items:flex-start;justify-content:space-between}.unit-guide{flex:none;color:var(--muted);font-size:.76rem;font-weight:500;line-height:1.55;text-align:right;white-space:nowrap}.table-scroll-assist{display:none}.spec-note{margin:-10px 0 22px;text-align:right}.check-list{display:grid;gap:10px;padding:0;list-style:none}.check-list li{position:relative;margin:0;padding:13px 16px 13px 45px;border:1px solid var(--line);border-radius:12px}.check-list li::before{position:absolute;left:16px;content:"✓";color:var(--forest);font-weight:900}.aside{align-self:start}.toc{position:sticky;top:96px;padding:22px;border:1px solid var(--line);border-radius:18px;background:#fff}.toc strong{display:block;margin-bottom:11px}.toc ol{margin:0;padding-left:1.2rem;color:var(--muted);font-size:.87rem}.toc li+li{margin-top:7px}.toc a{text-underline-offset:3px}.cta{margin-top:22px;padding:clamp(28px,5vw,46px);border-radius:24px;color:white;background:var(--deep)}.cta h2{margin:0 0 10px;color:white}.cta p{color:#d8e6dd}.buttons{display:flex;flex-wrap:wrap;gap:11px;margin-top:22px}.button{display:inline-flex;min-height:49px;align-items:center;justify-content:center;padding:10px 17px;text-decoration:none;border:1px solid rgba(255,255,255,.38);border-radius:11px;font-weight:800}.button.primary{color:var(--deep);border-color:white;background:white}.sources{margin-top:46px;padding-top:22px;border-top:1px solid var(--line);color:var(--muted);font-size:.84rem}.sources h2{font-family:inherit;font-size:1rem}.back-nav{display:flex;flex-wrap:wrap;gap:10px;margin-top:32px}.back-link{display:inline-flex;min-height:45px;align-items:center;padding:9px 14px;text-decoration:none;border:1px solid var(--line);border-radius:10px;background:white;font-weight:800}footer{padding:36px 20px;color:#dce8df;background:var(--deep)}.footer-inner{display:flex;width:min(1120px,100%);gap:24px;align-items:center;justify-content:space-between;margin:0 auto}footer strong{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:1.2rem;letter-spacing:.08em}footer small{color:#acc0b5}
.material-compare{min-width:620px}.material-compare th:first-child{width:26%}.material-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:22px 0}.material-panel{padding:22px;border:1px solid var(--line);border-radius:17px;background:white}.material-panel h3{margin-top:0}.material-panel ul{margin-bottom:0}.article-link{font-weight:800;text-underline-offset:4px}
@media(max-width:900px){.layout{grid-template-columns:1fr;gap:32px}.aside{order:-1}.toc{position:static}.toc ol{columns:2}.hero{min-height:420px}}
@media(max-width:600px){.site-header{min-height:62px;padding:9px 18px}.brand strong{font-size:1.25rem}.brand small{display:none}.hero-inner,.layout{width:min(100% - 32px,1120px)}.hero-inner{padding:60px 0 46px}.hero h1{font-size:2.15rem}.layout{padding:48px 0 72px}.summary{padding:22px}.factor-grid,.material-grid{grid-template-columns:1fr}.table-wrap{margin-bottom:8px}.table-scroll-assist{display:block;margin:0 0 12px;color:var(--muted);font-size:.78rem;text-align:center}.table-scroll-control{display:flex;gap:8px;align-items:center}.table-scroll-control input{width:100%;height:20px;margin:0;accent-color:var(--forest)}.table-scroll-assist small{display:block;margin-top:1px}.spec-note{margin-top:0}.toc ol{columns:1}.buttons,.back-nav{display:grid}.button,.back-link{width:100%}.footer-inner{display:block}footer small{display:block;margin-top:8px}}