body{margin:0;font-family:"Hiragino Sans","Yu Gothic",sans-serif;background:#f4f5f2;color:#10201f;line-height:1.9}*{box-sizing:border-box}a{color:#12774b}header,footer{background:white;padding:20px}nav{display:flex;gap:20px;flex-wrap:wrap;max-width:960px;margin:auto}main{max-width:860px;margin:40px auto;padding:0 24px}h1{font-size:clamp(26px,5vw,40px);line-height:1.4}h2{margin-top:40px;line-height:1.5}article{background:white;padding:clamp(20px,4vw,40px);border-radius:16px}img{max-width:100%;height:auto}figure{margin:30px 0}figcaption,.meta{font-size:14px;color:#485854}li{margin:10px 0}dt{font-weight:bold}dd{margin:0 0 20px}blockquote{border-left:4px solid #14b26a;margin:24px 0;padding:16px;background:#e3f4ea}.guide-table{overflow-x:auto}table{border-collapse:collapse;min-width:520px;width:100%}td,th{padding:12px;border:1px solid #dfe3dd;text-align:left}.cards{display:grid;gap:16px}.cards a{display:block;padding:24px;background:white;border-radius:12px;text-decoration:none}.cards h2{margin:0;font-size:22px}.cards p{color:#10201f}.next{margin:32px 0}footer{margin-top:50px}
video{display:block;width:100%;aspect-ratio:16/9;background:#10201f;border-radius:12px}

article+article{margin-top:32px}

.tutorial-index{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:8px;background:white;padding:20px;border-radius:12px;margin:24px 0}article[id]{scroll-margin-top:20px}