:root{--ink:#332b2a;--muted:#756b68;--rose:#b76f72;--rose-dark:#854f54;--paper:#fffdfb;--wash:#f7efec;--line:#eadfda;--sage:#78877a;--serif:"Yu Mincho","Hiragino Mincho ProN",serif;--sans:system-ui,-apple-system,"Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.9;letter-spacing:.02em}a{color:var(--rose-dark);text-decoration-thickness:1px;text-underline-offset:3px}a:hover{color:#593538}.skip{position:absolute;left:-9999px}.skip:focus{left:1rem;top:1rem;background:white;padding:.7rem;z-index:5}.wrap{width:min(1160px,calc(100% - 40px));margin:auto}.site-header{border-bottom:1px solid var(--line);background:rgba(255,253,251,.96)}.head-inner{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{text-decoration:none;color:var(--ink);font:600 1.45rem var(--serif);letter-spacing:.08em}.brand small{display:block;font:10px var(--sans);color:var(--muted);letter-spacing:.16em}.nav{display:flex;gap:22px;flex-wrap:wrap}.nav a{font-size:.82rem;color:var(--ink);text-decoration:none}.hero{padding:76px 0 70px;background:linear-gradient(115deg,#f6e9e5 0%,#fbf4ef 53%,#eef1e9 100%)}.eyebrow{font-size:.75rem;letter-spacing:.18em;color:var(--rose-dark);font-weight:650}.hero h1{font:500 clamp(2rem,5vw,3.55rem)/1.45 var(--serif);letter-spacing:.04em;margin:14px 0 15px;max-width:760px}.hero p{max-width:660px;color:#5c5250;margin:0}.hero-note{margin-top:24px;font-size:.8rem;color:var(--muted)}.section{padding:62px 0}.section.soft{background:#faf6f2}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px}.section h2{font:500 clamp(1.45rem,3vw,2rem) var(--serif);margin:0 0 8px}.section-head p{margin:0;color:var(--muted);font-size:.88rem}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.card{padding:22px;background:white;border:1px solid var(--line);border-radius:10px;text-decoration:none;color:var(--ink);display:block;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-2px);box-shadow:0 10px 30px #48312b12}.card .tag{color:var(--sage);font-size:.72rem;letter-spacing:.1em}.card h3{font:500 1.15rem/1.65 var(--serif);margin:10px 0 7px;color:var(--ink)}.card p{font-size:.84rem;color:var(--muted);margin:0}.split{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}.callout{padding:25px;background:var(--wash);border-radius:10px}.callout h3{font:500 1.18rem var(--serif);margin:0 0 9px}.callout p{margin:.4rem 0;color:#5e5552;font-size:.9rem}.pill-links{display:flex;gap:10px;flex-wrap:wrap}.pill-links a{display:inline-block;padding:8px 14px;border:1px solid var(--line);border-radius:99px;text-decoration:none;background:white;font-size:.82rem}.article-hero{padding:53px 0 40px;background:var(--wash)}.crumb{font-size:.76rem;color:var(--muted);margin-bottom:18px}.crumb a{color:inherit}.article-hero h1{font:500 clamp(1.9rem,4vw,2.8rem)/1.5 var(--serif);margin:8px 0 12px;max-width:850px}.article-hero .dek{max-width:740px;color:#5d5350}.article-meta{font-size:.78rem;color:var(--muted);margin-top:20px}.article-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(270px,1fr);gap:38px;padding:44px 0 74px;align-items:start}.content{font-size:1rem}.content p{margin:0 0 1.35em}.content h2{font:500 1.55rem/1.55 var(--serif);margin:2.15em 0 .75em;padding-bottom:10px;border-bottom:1px solid var(--line)}.content h3{font-size:1.08rem;margin:1.8em 0 .55em}.content ul,.content ol{padding-left:1.4em}.content li{margin:.45em 0}.toc{background:#faf6f2;border:1px solid var(--line);padding:20px;border-radius:9px;margin:28px 0}.toc strong{font:500 1rem var(--serif)}.toc ol{margin:.6em 0 0;padding-left:1.35em}.toc a{text-decoration:none;font-size:.87rem}.sidebar{align-self:start;position:sticky;top:24px}.sidebar-box{background:linear-gradient(145deg,#fffaf8,#f8efeb);border:1px solid var(--line);padding:22px;border-radius:14px;margin-bottom:16px;box-shadow:0 8px 24px rgba(92,59,55,.06)}.sidebar-box h3{font:500 1.04rem var(--serif);margin:0 0 10px;color:var(--rose-dark)}.sidebar-box a{display:block;font-size:.86rem;padding:7px 0;border-bottom:1px solid rgba(234,223,218,.7);text-decoration:none}.sidebar-box a:last-child{border-bottom:0}.sidebar-box p{margin:.4rem 0;font-size:.86rem;line-height:1.75}.sidebar-box:has(a[href="products.html"]){border-top:4px solid var(--rose)}.tip{border-left:3px solid var(--sage);background:#f4f6f1;padding:17px 20px;margin:24px 0}.tip strong{display:block;margin-bottom:5px}.table-wrap{overflow-x:auto;margin:20px 0}table{border-collapse:collapse;width:100%;font-size:.86rem}th,td{border:1px solid var(--line);padding:12px;text-align:left;vertical-align:top}th{background:#f8f1ed;font-weight:600}.cta{display:block;background:var(--rose-dark);color:#fff;padding:13px 18px;border-radius:6px;text-decoration:none;text-align:center;margin:22px 0}.cta:hover{color:#fff;background:#684044}.author{border-top:1px solid var(--line);margin-top:42px;padding-top:20px;font-size:.83rem;color:var(--muted)}.footer{background:#f5efeb;padding:38px 0}.footer-grid{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap}.footer p,.footer a{font-size:.8rem;color:#645b57}.footer-links{display:flex;gap:18px;flex-wrap:wrap}.footer-links a{color:var(--ink)}.notice{font-size:.76rem;color:var(--muted)}@media(max-width:760px){.wrap{width:min(100% - 30px,620px)}.head-inner{align-items:flex-start;padding:15px 0;flex-direction:column;gap:12px}.nav{gap:12px 16px}.hero{padding:52px 0}.section{padding:46px 0}.cards{grid-template-columns:1fr}.split{grid-template-columns:1fr}.article-layout{grid-template-columns:1fr;gap:20px;padding-top:28px}.sidebar{position:static;grid-row:1}.article-hero{padding:35px 0 28px}}