*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f7f5ef;color:#282c27;font-family:-apple-system,BlinkMacSystemFont,"Noto Sans JP",sans-serif;line-height:1.9}a{color:inherit;text-decoration:none}a:hover{color:#966238}button{font:inherit}header{padding:24px 5%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d9dbd1}.brand{font-family:serif;font-weight:700;font-size:25px;letter-spacing:.06em}nav{display:flex;gap:30px;font-size:13px}.wrap{max-width:1200px;margin:auto;padding:0 36px}.hero{display:grid;grid-template-columns:1fr 1.05fr;gap:50px;align-items:center;padding:70px 0}.eyebrow{font-size:11px;letter-spacing:.2em;color:#6d755f;font-weight:600}.hero h1{font-family:serif;font-weight:500;font-size:clamp(36px,4.6vw,62px);line-height:1.55;letter-spacing:.04em;margin:20px 0}.hero p{font-size:14px;color:#65695e}.hero-art{background:#e6e4d8;position:relative;border-radius:160px 160px 4px 4px;overflow:hidden}.hero-art svg{display:block;width:100%;height:auto}.caption{font-size:10px;color:#727666;letter-spacing:.08em}.button{display:inline-block;background:#3a493c;color:#fff;padding:12px 24px;font-size:13px;margin:15px 0;border:1px solid #3a493c}.button:hover{background:#52624e;color:white}.section{padding:48px 0 65px;border-top:1px solid #d9dbd1}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.section h2{font-family:serif;font-size:30px;font-weight:500;margin:3px 0}.filters{display:flex;gap:8px;flex-wrap:wrap}.filter{border:1px solid #cbd0c1;border-radius:24px;padding:6px 18px;background:transparent;cursor:pointer;font-size:12px}.filter.active{background:#3a493c;color:white;border-color:#3a493c}.grid{display:grid;grid-template-columns:1fr 1fr;gap:34px}.card-art{height:280px;overflow:hidden;background:#e9e5d8}.card-art svg{height:100%;width:100%;object-fit:cover}.card h3{font-family:serif;font-size:24px;line-height:1.65;font-weight:500;margin:8px 0}.card p{font-size:13px;color:#64685e}.meta{font-size:11px;letter-spacing:.05em;color:#797e70;margin-top:20px}.read{display:inline-block;font-size:12px;border-bottom:1px solid #777;padding-bottom:5px}.about{display:grid;grid-template-columns:.7fr 1.3fr;gap:60px}.about p{font-size:14px}.note{padding:20px 24px;border-left:3px solid #8c9778;background:#edeee5;font-size:13px;margin:30px 0}footer{border-top:1px solid #d9dbd1;padding:35px 5%;display:flex;justify-content:space-between;font-size:11px;color:#676c60}.article{max-width:780px;margin:auto;padding:45px 28px 80px}.article h1{font-family:serif;font-size:clamp(29px,4vw,43px);font-weight:500;line-height:1.65}.article h2{font-family:serif;font-size:26px;font-weight:500;margin-top:50px}.article p{font-size:15px}.article a:not(.button){text-decoration:underline;text-underline-offset:4px}.article table{border-collapse:collapse;width:100%;font-size:14px}.article td,.article th{padding:14px;border-bottom:1px solid #d2d6c9;text-align:left}.article .art{margin:28px 0}.article .art svg{width:100%;max-height:380px;background:#e9e5d8}.back{font-size:12px}.tag{font-size:11px;color:#59694e;letter-spacing:.12em}.hidden{display:none}.policy{max-width:780px;margin:auto;padding:60px 28px}a:focus-visible,button:focus-visible{outline:3px solid #ac6d3c;outline-offset:5px}@media(max-width:700px){header{padding:18px 6%}.brand{font-size:19px}nav{gap:15px;font-size:11px}.wrap{padding:0 22px}.hero{grid-template-columns:1fr;gap:24px;padding:35px 0 45px}.hero h1{font-size:38px}.hero-art{max-width:480px}.grid{grid-template-columns:1fr}.card-art{height:245px}.section-head{align-items:start;gap:20px;flex-direction:column}.about{grid-template-columns:1fr;gap:0}.section{padding:35px 0}.article{padding-top:25px}footer{gap:20px;flex-direction:column}}
.brand{display:flex;align-items:center;gap:12px}.brand img{flex-shrink:0}@media(max-width:420px){header{align-items:flex-start;gap:15px;flex-direction:column}.brand{font-size:20px}}
/* Clear action hierarchy and touch targets */
.button,.read,.back{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px 22px;border-radius:8px;font-size:14px;font-weight:650;line-height:1.6;text-align:center;text-decoration:none!important;transition:background .15s,box-shadow .15s;cursor:pointer}
.button,.card .read{background:#334b3b;color:#fff;border:2px solid #334b3b;box-shadow:0 3px 0 #24372a}
.button:hover,.card a:hover .read{background:#243a2b;color:#fff;border-color:#243a2b;box-shadow:0 4px 0 #1b2d21}
.read,.back{background:#fff;border:2px solid #52634b;color:#334b3b;box-shadow:none}
.read:hover,.back:hover{background:#e8eddf;color:#243a2b}
.article .button{background:#9a461e;border-color:#9a461e;box-shadow:0 3px 0 #6f3014}
.article .button:hover{background:#7e3517;border-color:#7e3517}
.filter{min-height:46px;padding:9px 20px;font-size:14px;font-weight:600;border:2px solid #79846d;background:#fff;color:#334b3b}
.filter:hover{background:#e8eddf}.filter.active{background:#334b3b;border-color:#334b3b;color:#fff}
nav a{display:inline-flex;align-items:center;min-height:44px;padding:4px 8px;border-radius:5px}nav a:hover{background:#e8eddf}
.card .read{margin:8px 0 16px}a:focus-visible,button:focus-visible{outline:3px solid #b85723;outline-offset:5px}
@media(max-width:700px){.hero .button,.article .button,.card .read{display:flex;width:100%;min-height:54px;font-size:15px}.filters{gap:10px}.filter{min-height:48px}.back{margin-bottom:12px}}

.author-avatar{display:block;width:180px;height:180px;object-fit:cover;border-radius:50%;border:5px solid #e6e4d8;margin-bottom:8px}

.product-shot{margin:30px 0}.product-shot img{display:block;width:100%;height:auto;max-width:614px;margin:auto;border-radius:10px}.product-shot figcaption{font-size:11px;color:#626b5b;line-height:1.8;margin-top:12px}.product-card-img{width:100%;height:100%;object-fit:cover}.article h3{font-size:19px;margin-top:30px}.article li{margin-bottom:12px}

.brand img{width:44px;height:44px;object-fit:cover;border-radius:50%;border:2px solid #d7d9c8}

.ad-notice{display:inline-block;background:#eee5d8;color:#654a2d;border:1px solid #d7c5ad;border-radius:5px;padding:8px 12px;font-size:12px!important}

.article-toc{display:block;background:#edeee5;padding:22px 26px;border-radius:12px;margin:30px 0}.article-toc ol{padding-left:24px;margin-bottom:0}.article-toc a{min-height:0;padding:2px}.article .source-note{font-size:12px;color:#626b5b}.table-scroll{overflow-x:auto}.article caption{text-align:left;font-size:13px;color:#626b5b;padding-bottom:8px}.article th{min-width:125px}.power-figure{margin:30px 0}.power-figure img{width:100%;height:auto}.power-figure figcaption{font-size:12px;color:#626b5b}.fit-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.fit-grid section{background:#edeee5;padding:8px 22px;border-radius:10px}.fit-grid li{font-size:14px}.hero-art img{display:block;width:100%;height:auto;aspect-ratio:640/470;object-fit:cover}@media(max-width:600px){.fit-grid{grid-template-columns:1fr}.article-toc{padding:18px}.article td,.article th{padding:12px 8px}.article .power-figure{margin-left:0;margin-right:0}}