:root{
  --bg:#06172c; --panel:#0b2340; --panel2:#0e2c50; --text:#f4f8ff;
  --muted:#b8c8dc; --line:#1b5277; --cyan:#49d8ff; --gold:#f0c258;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);
font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Kaku Gothic ProN","Hiragino Sans","Yu Gothic",Meiryo,sans-serif;line-height:1.8}
a{color:var(--cyan);text-decoration:none} a:hover{text-decoration:underline}
.wrap{max-width:980px;margin:0 auto;padding:56px 28px 80px}
.brand{font-size:22px;font-weight:800;margin-bottom:48px}.brand b{color:var(--cyan)}
.card{background:linear-gradient(180deg,var(--panel),#071a31);border:1px solid var(--line);border-radius:24px;padding:42px}
h1{font-size:38px;line-height:1.35;margin:0 0 12px} h2{font-size:25px;margin:40px 0 14px}
h3{font-size:19px;margin:28px 0 8px} p,li{font-size:15px}.meta,.note{color:var(--muted)}
ul,ol{padding-left:1.5em}.info{background:#0c2944;border:1px solid #31556b;border-radius:16px;padding:20px 22px;margin:22px 0}
.footer{margin-top:36px;padding-top:24px;border-top:1px solid var(--line);text-align:center;color:var(--muted);font-size:13px}
.footer a{margin:0 10px}.table{width:100%;border-collapse:collapse;margin-top:16px}
.table th,.table td{border-top:1px solid #234a67;padding:14px 10px;vertical-align:top;text-align:left}
.table th{width:30%;color:#d8e7f7}
@media(max-width:700px){.wrap{padding:28px 16px 50px}.card{padding:26px 20px}h1{font-size:29px}h2{font-size:21px}
.table,.table tbody,.table tr,.table th,.table td{display:block;width:100%}.table th{padding-bottom:2px}.table td{padding-top:2px;border-top:0}}