:root{--bg:#fffaf8;--surface:#fff;--text:#211d1c;--muted:#6b615e;--line:#eadfdb;--primary:#d85d75;--primary-dark:#a83f56;--soft:#fbe8ec;--accent:#4e7b73;--warn:#fff4d8;--max:1080px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Sans","Yu Gothic",Meiryo,sans-serif;line-height:1.78}.site-header{position:sticky;top:0;z-index:20;background:rgba(255,250,248,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(10px)}.nav{max-width:var(--max);margin:auto;display:flex;justify-content:space-between;align-items:center;padding:14px 22px}.brand{font-weight:800;font-size:1.2rem;color:var(--text);text-decoration:none}.brand span{color:var(--primary)}.nav-links{display:flex;gap:18px;align-items:center}.nav a{color:var(--text)}.nav-links a{text-decoration:none;font-weight:650}.hero{padding:74px 22px 58px;background:linear-gradient(145deg,#fff 0%,#fbe8ec 100%);border-bottom:1px solid var(--line)}.hero-inner,.wrap,.article-wrap,.footer-inner{max-width:var(--max);margin:auto}.hero h1,.article-header h1{line-height:1.28;letter-spacing:-.03em}.hero h1{font-size:clamp(2rem,5vw,3.6rem);max-width:900px;margin:.3em 0}.hero p{max-width:760px;font-size:1.08rem;color:var(--muted)}.eyebrow{font-size:.78rem;text-transform:uppercase;letter-spacing:.14em;font-weight:800;color:var(--primary-dark)}.article-header>.eyebrow{display:none}.wrap{padding:58px 22px}.wrap h2{font-size:clamp(1.55rem,3vw,2.15rem);line-height:1.35}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card{display:block;background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:22px;color:var(--text);text-decoration:none;box-shadow:0 8px 24px rgba(50,30,25,.05)}.card:hover{transform:translateY(-2px)}.card .kicker{font-size:.78rem;color:var(--primary-dark);font-weight:800}.card h3{margin:.45em 0;font-size:1.18rem}.card p{margin:0;color:var(--muted)}.cta{display:inline-block;margin-top:14px;padding:12px 17px;border-radius:999px;background:var(--primary);color:#fff;text-decoration:none;font-weight:750}.cta.secondary{background:#fff;color:var(--primary-dark);border:1px solid #e4a8b4}.article-wrap{padding:34px 22px 72px;max-width:880px}.breadcrumb{font-size:.86rem;color:var(--muted);margin:0 0 26px}.breadcrumb a{color:var(--primary-dark)}.article-header{padding:24px 0 28px;border-bottom:1px solid var(--line)}.article-header h1{font-size:clamp(2rem,5vw,3.15rem);margin:.35em 0}.lead{font-size:1.08rem;color:#4c4441}.meta{font-size:.84rem;color:var(--muted);margin-top:15px}.article-body{font-size:1rem}.article-body h2{font-size:1.55rem;line-height:1.45;margin:2.2em 0 .7em}.article-body h3{font-size:1.18rem;margin:1.65em 0 .45em}.article-body a{color:var(--primary-dark);text-underline-offset:3px}.summary-box,.warning,.product-box,.checklist,.note,.method-note,.visual-guide{margin:28px 0;padding:20px 22px;border-radius:16px}.summary-box{background:var(--soft);border:1px solid #f0c8d0}.warning{background:var(--warn);border:1px solid #ecd69f}.product-box{background:#f1f8f6;border:1px solid #cfe1dc}.note{background:#f7f4f2;border-left:4px solid var(--accent)}.checklist{background:#fff;border:1px solid var(--line)}.method-note{background:#fff;border:1px dashed #d7c9c4;color:var(--muted);font-size:.9rem}.method-note strong{color:var(--text)}.visual-guide{background:#fff;border:1px solid var(--line)}.visual-guide h2,.visual-guide h3{margin-top:0}.visual-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}.visual-card{border:1px solid var(--line);border-radius:13px;padding:15px;background:#fffaf8}.visual-card strong{display:block;margin-bottom:6px}.signal{display:flex;gap:6px;align-items:center;margin:10px 0}.signal span{display:block;height:18px;border-radius:999px;flex:1;background:#ddd}.signal .dark{background:#363636}.signal .light{background:#eee6da}.signal .accent{background:#c9677a}.shape-demo{height:100px;display:flex;align-items:flex-end;justify-content:center;gap:8px;margin:10px 0}.shape-demo span{display:block;background:#d9c4bd;border-radius:10px 10px 4px 4px}.shape-demo .top{width:42px;height:58px}.shape-demo .bottom{width:56px;height:82px}.shape-demo.y .top{width:72px}.shape-demo.y .bottom{width:38px}.shape-demo.a .top{width:38px}.shape-demo.a .bottom{width:72px}.photo-frame{height:120px;border:2px solid var(--line);border-radius:12px;position:relative;background:linear-gradient(180deg,#f8f4f2 0 70%,#ece4df 70%)}.photo-frame .person{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);width:34px;height:82px;border-radius:18px 18px 8px 8px;background:#6f7774}.photo-frame.bad .person{left:58%;transform:translateX(-50%) skew(-8deg);height:98px;width:42px}.comparison{width:100%;border-collapse:collapse;margin:22px 0;font-size:.94rem}.comparison th,.comparison td{padding:12px 10px;border:1px solid var(--line);vertical-align:top;text-align:left}.comparison th{background:#f8efec}.related,.sources{margin-top:42px;padding-top:20px;border-top:1px solid var(--line)}.related ul,.sources ul{padding-left:1.2em}.sources{font-size:.92rem;color:var(--muted)}footer{border-top:1px solid var(--line);background:#fff}.footer-inner{padding:28px 22px;color:var(--muted);font-size:.9rem}.footer-inner a{color:var(--muted)}@media(max-width:780px){.cards,.visual-grid{grid-template-columns:1fr}.nav{padding:12px 16px}.nav-links{gap:12px;font-size:.92rem}.hero{padding:50px 18px 44px}.wrap,.article-wrap{padding-left:18px;padding-right:18px}.article-wrap{padding-top:26px}.comparison{display:block;overflow-x:auto;white-space:normal}.comparison th,.comparison td{min-width:150px}}@media(max-width:480px){.nav-links a:not(:first-child){display:none}.hero h1,.article-header h1{font-size:2rem}.article-body h2{font-size:1.38rem}.summary-box,.warning,.product-box,.checklist,.note,.method-note,.visual-guide{padding:17px}}