:root{--ink:#222;--sub:#676767;--line:#dfdfdf;--link:#1762b0;--bg:#fff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP",sans-serif;font-size:16px;line-height:2}.site-header,footer{max-width:900px;margin:auto;padding:20px 24px}.site-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-weight:700;text-decoration:none;color:var(--ink);font-size:17px}.site-header nav{display:flex;gap:18px}.site-header nav a,footer a{font-size:13px;color:#555;text-decoration:none}.site-header nav a:hover,footer a:hover{text-decoration:underline}.blog-home,.article{max-width:760px;margin:auto;padding:40px 24px 90px}.crumb,.post-meta{font-size:13px;color:var(--sub)}.post{max-width:700px}.post h1,.article h1{font-size:clamp(30px,5vw,46px);line-height:1.5;letter-spacing:-.04em;margin:24px 0 28px}.post-lead{font-size:19px;line-height:2.05;margin:0 0 30px}.post h2,.article h2{font-size:25px;line-height:1.6;margin:52px 0 15px;border-left:4px solid #333;padding-left:14px}.post p,.article p{margin:0 0 22px}.post ul,.article ul{padding-left:24px;margin:0 0 24px}.post li{padding-left:4px}.note{background:#f5f5f5;border:1px solid #e5e5e5;padding:18px 20px;margin:34px 0}.note p{font-size:14px;margin:4px 0 0}.promotion{border:1px solid #d5d5d5;background:#fafafa;padding:22px;margin:25px 0 38px}.promotion span{display:block;font-weight:700;margin-bottom:8px}.button{display:inline-block;background:#222;color:white!important;text-decoration:none;padding:10px 18px;border-radius:4px;font-weight:700;font-size:14px}.promotion small{display:block;color:var(--sub);font-size:12px;line-height:1.7;margin-top:10px}.post a,.article a{color:var(--link)}.post hr{border:0;border-top:1px solid var(--line);margin:46px 0 22px}.next{font-size:14px;color:var(--sub);font-weight:700;margin-bottom:5px!important}.article{max-width:760px}.article h1{line-height:1.4}.article .intro{font-size:18px}.article aside{margin:34px 0;padding:18px 20px;background:#f5f5f5;border-left:4px solid #777}.article aside p{margin:5px 0 0}.steps{border-top:1px solid var(--line)}.steps section{border-bottom:1px solid var(--line);padding:20px 0}.steps h2{border:0;padding:0;margin:4px 0 8px;font-size:21px}table{width:100%;border-collapse:collapse;margin:20px 0 30px;font-size:14px}th,td{border:1px solid var(--line);padding:10px;text-align:left}th{background:#f6f6f6}footer{border-top:1px solid var(--line);color:var(--sub);font-size:12px;padding-top:28px;padding-bottom:40px}@media(max-width:650px){.site-header{align-items:flex-start;gap:12px}.site-header nav{display:none}.blog-home,.article{padding-top:28px}.post h1,.article h1{font-size:30px}.post h2,.article h2{font-size:22px}}