@layer reset{*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body,h1,h2,h3,p,ul,ol,figure{margin:0}img,svg{max-width:100%;display:block}button,input{font:inherit}}@layer base{:root{--ink:#17221e;--muted:#5c6a64;--paper:#f7f4ec;--surface:#fffdf7;--forest:#14342b;--forest-soft:#dce8df;--yellow:#f4c95d;--coral:#db6b4f;--line:#d9d6cb;--shadow:0 18px 60px #14342b1a;--radius:1.25rem;--content:72rem;color:var(--ink);background:var(--paper);font-synthesis:none;font-family:Hiragino Kaku Gothic ProN,Yu Gothic,YuGothic,Noto Sans JP,system-ui,sans-serif}body{background:linear-gradient(#14342b0a 1px, transparent 1px), linear-gradient(90deg, #14342b0a 1px, transparent 1px), var(--paper);background-size:32px 32px;min-width:20rem;min-height:100vh;line-height:1.8}a{color:var(--forest);text-underline-offset:.2em;text-decoration-thickness:.09em}a:hover{color:var(--coral)}:focus-visible{outline:3px solid var(--coral);outline-offset:3px}h1,h2,h3{letter-spacing:.02em;line-height:1.35}h1{font-size:clamp(2.25rem,7vw,5.25rem)}h2{font-size:clamp(1.5rem,4vw,2.35rem)}h3{font-size:1.2rem}}@layer components{.container{width:min(calc(100% - 2rem), var(--content));margin-inline:auto}.site-header{z-index:20;backdrop-filter:blur(16px);background:#f7f4eceb;border-bottom:1px solid #14342b1f;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:1.5rem;min-height:4.5rem;display:flex}.brand{color:var(--ink);align-items:center;gap:.7rem;font-weight:800;text-decoration:none;display:inline-flex}.brand-mark{width:2.5rem;height:2.5rem;color:var(--yellow);background:var(--forest);border-radius:.75rem;place-items:center;display:grid}.nav-list{align-items:center;gap:1.1rem;padding:0;list-style:none;display:flex}.nav-list li{flex:none}.nav-list a{white-space:nowrap;font-size:.92rem;font-weight:700;text-decoration:none}main{min-height:65vh}.hero{padding-block:clamp(4rem,10vw,8rem)}.hero-grid{grid-template-columns:minmax(0,1.25fr) minmax(17rem,.75fr);align-items:center;gap:clamp(2rem,6vw,5rem);display:grid}.eyebrow{color:var(--coral);letter-spacing:.15em;text-transform:uppercase;align-items:center;gap:.5rem;margin-bottom:1.25rem;font-size:.82rem;font-weight:800;display:inline-flex}.eyebrow:before{content:"";background:currentColor;width:2.25rem;height:2px}.lead{max-width:42rem;color:var(--muted);margin-top:1.5rem;font-size:clamp(1.02rem,2vw,1.25rem)}.hero-board{background:var(--forest);min-height:22rem;box-shadow:var(--shadow);border:1px solid #14342b24;border-radius:2rem;position:relative;overflow:hidden}.hero-board:before{content:"";border:1px dashed #f4c95d8c;border-radius:1.25rem;position:absolute;inset:2rem}.measure{background:var(--yellow);border-radius:999px;height:.55rem;position:absolute}.measure.one{top:29%;left:17%;right:17%}.measure.two{top:49%;left:25%;right:25%}.measure.three{top:69%;left:35%;right:35%}.measure-label{color:#fff;font-family:ui-monospace,monospace;font-size:.78rem;position:absolute;bottom:2.25rem;right:2.5rem}.section{padding-block:clamp(3.5rem,8vw,6rem)}.section-heading{justify-content:space-between;align-items:end;gap:1rem;margin-bottom:2rem;display:flex}.grid{gap:1.25rem;display:grid}.article-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.category-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);flex-direction:column;min-height:100%;padding:1.5rem;display:flex;box-shadow:0 8px 30px #14342b0d}.card:hover{box-shadow:var(--shadow);border-color:#db6b4f80;transform:translateY(-3px)}.card,.card:hover{transition:transform .18s,box-shadow .18s,border-color .18s}.card-tag{width:fit-content;color:var(--forest);background:var(--forest-soft);border-radius:999px;margin-bottom:1rem;padding:.25rem .65rem;font-size:.76rem;font-weight:800}.card h3 a{color:inherit;text-decoration:none}.card p{color:var(--muted);margin-top:.75rem;font-size:.92rem}.card-meta{color:var(--muted);margin-top:auto;padding-top:1.25rem;font-size:.78rem}.category-card{position:relative;overflow:hidden}.category-card:after{color:#14342b12;content:"#";font-family:ui-monospace,monospace;font-size:7rem;font-weight:900;position:absolute;bottom:-2.25rem;right:-1.5rem}.policy-band{color:#fff;background:var(--forest)}.policy-grid{grid-template-columns:.8fr 1.2fr;gap:2rem;display:grid}.policy-list{gap:1rem;padding:0;list-style:none;display:grid}.policy-list li{background:#ffffff0f;border:1px solid #ffffff29;border-radius:1rem;padding:1rem 1.25rem}.breadcrumb{color:var(--muted);padding-block:1rem;font-size:.82rem}.breadcrumb ol{flex-wrap:wrap;gap:.5rem;padding:0;list-style:none;display:flex}.breadcrumb li:not(:last-child):after{content:"/";margin-left:.5rem}.page-header{padding-block:3.5rem 2.5rem}.page-header h1,.article-header h1{max-width:56rem;font-size:clamp(2rem,6vw,4rem)}.article-header{padding-block:2.5rem}.article-meta{color:var(--muted);flex-wrap:wrap;gap:.6rem 1.25rem;margin-top:1.25rem;font-size:.85rem;display:flex}.article-layout{grid-template-columns:minmax(0,1fr) 17rem;align-items:start;gap:3rem;display:grid}.product-quick-links{background:#fffdf7;border:1px solid #bf00003d;border-radius:1rem;margin-bottom:1.5rem;padding:1rem 1.25rem}.product-quick-links>strong{margin-bottom:.75rem;display:block}.quick-link-list{gap:.75rem;display:grid}.quick-link-item{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;padding-top:.75rem;display:flex}.quick-link-name{font-weight:700}.quick-rakuten-link{color:#fff;background:#bf0000;border-radius:.65rem;flex:none;padding:.45rem .75rem;font-size:.82rem;font-weight:800;text-decoration:none}.product-quick-links small{color:var(--muted);margin-top:.75rem;display:block}.product-hub-layout{grid-template-columns:minmax(0,1fr) 22rem;align-items:start;gap:2rem;padding-bottom:clamp(3.5rem,8vw,6rem);display:grid}.product-hub-layout .article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.prose{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);min-width:0;padding:clamp(1.25rem,4vw,3rem)}.prose>*+*{margin-top:1.25rem}.prose h2{border-bottom:2px solid var(--forest-soft);margin-top:3rem;padding-bottom:.6rem}.prose h3{margin-top:2rem}.prose ul,.prose ol{padding-left:1.4rem}.prose table{border-collapse:collapse;width:100%;display:block;overflow-x:auto}.prose th,.prose td{border:1px solid var(--line);text-align:left;min-width:8rem;padding:.7rem}.prose th{background:var(--forest-soft)}.aside{border:1px solid var(--line);background:var(--surface);border-radius:1rem;padding:1.25rem;position:sticky;top:6rem}.aside ul{color:var(--muted);margin-top:.75rem;padding-left:1.2rem;font-size:.85rem}.affiliate-box{border:2px solid var(--forest);background:var(--surface);border-radius:1rem;margin-block:2rem;padding:1.25rem}.affiliate-label{color:var(--coral);letter-spacing:.12em;font-size:.72rem;font-weight:900}.merchant-links{flex-wrap:wrap;gap:.75rem;margin-top:1rem;display:flex}.button,.button-disabled{border-radius:.75rem;justify-content:center;align-items:center;min-height:2.75rem;padding-inline:1rem;font-weight:800;text-decoration:none;display:inline-flex}.button{color:#fff;background:var(--forest)}.rakuten-button{background:#bf0000}.source-link{align-items:center;min-height:2.75rem;padding-inline:.5rem;font-weight:700;display:inline-flex}.button-disabled{border:1px solid var(--line);color:var(--muted);cursor:not-allowed;background:#eceae2}.search-box{border:2px solid var(--forest);background:var(--surface);border-radius:.8rem;width:100%;max-width:42rem;margin-block:1.5rem 2rem;padding:.9rem 1rem}.notice{background:#fff7dc;border:1px solid #dfca7e;border-radius:.9rem;padding:1rem 1.25rem}.site-footer{color:#fff;background:#0d251e;margin-top:5rem;padding-block:3rem}.footer-grid{grid-template-columns:1fr 1fr;gap:2rem;display:grid}.footer-links{flex-wrap:wrap;place-content:start end;gap:.75rem 1.25rem;display:flex}.footer-links a{color:#fff;font-size:.85rem}.copyright{color:#ffffffa6;margin-top:2rem;font-size:.75rem}}@layer utilities{.muted{color:var(--muted)}.skip-link{z-index:100;color:#fff;background:var(--forest);padding:.6rem 1rem;position:fixed;top:.5rem;left:.5rem;transform:translateY(-150%)}.skip-link:focus{transform:none}}@media (width<=900px){.article-grid,.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-layout,.product-hub-layout{grid-template-columns:1fr}.aside{position:static}}@media (width<=720px){.header-inner{flex-direction:column;align-items:flex-start;min-height:auto;padding-block:.75rem}.nav-list{gap:1rem;width:100%;padding-bottom:.35rem;overflow-x:auto}.hero-grid,.policy-grid,.footer-grid{grid-template-columns:1fr}.hero-board{min-height:17rem}.footer-links{justify-content:start}.quick-link-item{flex-direction:column;align-items:stretch}.quick-rakuten-link{text-align:center}}@media (width<=560px){.article-grid,.category-grid,.product-grid,.product-hub-layout .article-grid{grid-template-columns:1fr}.section-heading{flex-direction:column;align-items:start}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important}}