*{box-sizing:border-box}body{margin:0;font-family:system-ui,"Hiragino Sans","Yu Gothic",sans-serif;line-height:1.85;color:#222;background:#fbf8f1}
a{color:#1f3a5f}.g-head{background:#1f3a5f;color:#fff;padding:.6rem 1rem}.g-brand{color:#fff;text-decoration:none;font-weight:700;font-size:1.1rem}
.g-mark{display:inline-block;background:#fff;color:#1f3a5f;border-radius:6px;padding:0 .35rem;margin-right:.4rem}
.g-nav{display:flex;flex-wrap:wrap;gap:.2rem .9rem;margin-top:.35rem;font-size:.85rem}.g-nav a{color:#dfe8f3}.g-nav a[aria-current]{color:#fff;font-weight:700}
.g-main{max-width:44rem;margin:0 auto;padding:1rem 1.1rem 2rem}h1{font-size:1.4rem;line-height:1.5}h2{font-size:1.15rem;margin-top:2rem;border-left:5px solid #1f3a5f;padding-left:.5rem}
h3{font-size:1rem;margin:1.1rem 0 .2rem;color:#1f3a5f}.meta,.crumb{color:#666;font-size:.85rem}.toc{background:#fff;border:1px solid #ddd;border-radius:8px;padding:.5rem 1rem}
.kata{background:#fff;border:1px solid #e3ddd0;border-radius:10px;padding:.2rem 1rem .8rem;margin:1.4rem 0}.kata h2{margin-top:.9rem}
.ex{background:#f4f7fb;border-radius:8px;padding:.4rem .9rem}.tag{font-size:.75rem;background:#c0392b;color:#fff;border-radius:4px;padding:.05rem .35rem;vertical-align:middle}
.g-btn{display:inline-block;background:#1f3a5f;color:#fff;padding:.6rem 1rem;border-radius:8px;text-decoration:none;font-weight:700}
.pager{display:flex;justify-content:space-between;margin:1.5rem 0}.unit-list{padding-left:1.2rem}.unit-list li{margin:.5rem 0}.unit-list span{color:#555;font-size:.9rem}
.info{border-collapse:collapse;width:100%}.info th,.info td{border:1px solid #ddd;padding:.5rem;text-align:left;background:#fff}.info th{width:7rem;background:#f1ede4}
.mail{font-size:1.2rem;font-weight:700}.g-foot{border-top:1px solid #ddd;padding:1rem;text-align:center;font-size:.85rem;color:#666}.g-foot nav{display:flex;flex-wrap:wrap;justify-content:center;gap:.3rem 1rem;margin-bottom:.4rem}