*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:#111;color:#eee;font-family:"Segoe UI",system-ui,sans-serif;line-height:1.7}
header.ring{background:#000;padding:18px 28px;display:flex;align-items:center;gap:16px;border-bottom:4px solid #c62828}
.logo{width:54px;height:54px;border-radius:50%;overflow:hidden;border:2px solid #c62828;flex-shrink:0}
.logo img{width:100%;height:100%;object-fit:cover}
header.ring h1{font-size:1.4rem;font-weight:700;margin:0;letter-spacing:.04em}
header.ring p{font-size:.75rem;opacity:.7;margin:2px 0 0}
nav.corner{background:#1a1a1a;display:flex;justify-content:flex-start;gap:2px;flex-wrap:wrap;padding:6px 16px;border-bottom:1px solid #333}
nav.corner a{color:#ccc;text-decoration:none;padding:8px 14px;font-size:.78rem}
nav.corner a.on{background:#c62828;color:#fff;border-radius:2px}
main{max-width:700px;margin:0 auto;padding:30px 20px 70px}
h2{font-size:1.2rem;margin:28px 0 12px;color:#ef5350;font-weight:600}
p,li{margin:0 0 14px}
ul{margin:0 0 14px 1.3em}
img{width:100%;height:auto;display:block;margin:14px 0}
.cap{color:#888;font-size:.8rem;margin:-6px 0 16px}
.duo{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}
.duo img{margin:0}
table{width:100%;border-collapse:collapse;margin:10px 0 16px;font-size:.9rem;background:#1a1a1a}
th,td{border-bottom:1px solid #333;padding:8px 6px;text-align:left}
th{color:#ef5350}
.note{background:#1a1a1a;padding:14px;margin:18px 0;border-left:4px solid #c62828;font-size:.9rem}
footer.dark{background:#000;color:#aaa;padding:28px 20px 18px;font-size:.85rem;border-top:4px solid #c62828}
.f3{max-width:860px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}
footer.dark a{color:#ef5350;text-decoration:none}
footer.dark h3{color:#fff;font-size:.9rem;margin:0 0 8px}
.end{color:#666;font-size:.82rem}
a{color:#ef5350}
@media(max-width:700px){.duo,.f3{grid-template-columns:1fr}}