:root{--p:#2E9FD4;--p-dark:#1E7BB0;--s:#45B6E8;--p-light:#E6F4FA;--bg:#fff;--bg2:#f4fafd;--border:#e5eef3;--text:#1f2d3a;--text2:#5b6b78;--text3:#9bacb8;}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:-apple-system,'Noto Sans JP',sans-serif;color:var(--text);background:var(--bg);line-height:1.9;-webkit-font-smoothing:antialiased;}
a{color:var(--p);}
img{display:block;max-width:100%;}
.lh{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.9);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);}
.lh-in{max-width:880px;margin:0 auto;padding:0 22px;height:60px;display:flex;align-items:center;}
.lh-brand{display:inline-flex;align-items:center;gap:8px;font-weight:900;font-size:21px;letter-spacing:1.5px;color:var(--p);text-decoration:none;font-family:-apple-system,'SF Pro Display','Helvetica Neue','Noto Sans JP',sans-serif;-webkit-text-stroke:.5px var(--p);}
.lh-brand .mascot{width:30px;height:30px;}
.doc{max-width:880px;margin:0 auto;padding:48px 22px 72px;}
.doc h1{font-size:28px;font-weight:900;margin:0 0 6px;letter-spacing:.5px;-webkit-text-stroke:.4px currentColor;}
.doc .updated{font-size:12.5px;color:var(--text3);margin:0 0 34px;}
.doc .intro{font-size:14.5px;color:var(--text2);margin:0 0 30px;}
.doc h2{font-size:17px;font-weight:800;margin:34px 0 12px;padding-left:12px;border-left:4px solid var(--p);line-height:1.5;}
.doc h3{font-size:14.5px;font-weight:800;margin:20px 0 8px;color:var(--text);}
.doc p{font-size:14px;color:var(--text2);margin:0 0 12px;}
.doc ol,.doc ul{font-size:14px;color:var(--text2);margin:0 0 12px;padding-left:22px;}
.doc li{margin-bottom:7px;}
.doc .ph{background:#fff7d6;color:#8a6d00;border:1px dashed #e6c84d;border-radius:5px;padding:1px 8px;font-size:12.5px;font-weight:700;}
.doc table{width:100%;border-collapse:collapse;font-size:13.5px;margin:6px 0 12px;}
.doc th,.doc td{border:1px solid var(--border);padding:12px 14px;text-align:left;vertical-align:top;}
.doc th{background:var(--bg2);font-weight:700;color:var(--text);width:34%;}
.doc td{color:var(--text2);}
.doc .back{display:inline-block;margin-top:40px;font-size:14px;font-weight:700;color:var(--p);text-decoration:none;}
.doc .back:hover{text-decoration:underline;}
.lf{border-top:1px solid var(--border);padding:26px 22px;text-align:center;color:var(--text3);font-size:12px;}
.lf-links{margin-bottom:10px;}
.lf-links a{color:var(--text2);text-decoration:none;margin:0 10px;font-size:13px;}
.lf-links a:hover{color:var(--p);}
@media(max-width:680px){
  .doc{padding:32px 18px 56px;}
  .doc h1{font-size:23px;}
  .doc h2{font-size:16px;}
  .doc th,.doc td{display:block;width:100%;border:none;padding:3px 0;}
  .doc th{background:none;padding-top:14px;border-top:1px solid var(--border);}
  .doc td{padding-bottom:10px;}
  .lf-links a{display:inline-block;margin:4px 8px;}
}
