:root{--ink:#1c1a17;--bg:#eef4f8;--card:#fff;--sea:#136b86;--sub:#5b6770;--line:#d6e1e8;--soft:#e6f1f5}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.85 "Hiragino Sans","Yu Gothic",system-ui,sans-serif}
header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 16px;background:#fff;border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--ink);font-weight:700;min-width:0}.brand img{width:30px;height:30px}
.lang{display:flex}.lang a{color:var(--sea);font-weight:600;font-size:12px;min-width:34px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.lang a[aria-current]{border-bottom:2px solid var(--sea)}
main{max-width:720px;margin:0 auto;padding:18px 16px 60px}
.back{display:inline-block;font-size:13px;color:var(--sea);text-decoration:none;margin-bottom:6px;min-height:44px;line-height:44px}
h1{font-size:26px;line-height:1.4;margin:4px 0 6px}.lead{color:var(--sub);margin:0 0 14px}.hint{font-size:13px;color:var(--sub);background:var(--soft);border-radius:10px;padding:8px 12px;margin:0 0 14px}
.card{background:var(--card);border-radius:16px;box-shadow:0 3px 10px #0f33401a;padding:16px 18px;margin:14px 0}
h2{font-size:18px;margin:0 0 8px}.src{font-size:12px;color:var(--sub);margin:8px 0 0;word-break:break-all}
ul.m{margin:6px 0;padding-left:20px}ul.m li{margin:4px 0}.note{background:#fff6e5;border-radius:10px;padding:8px 12px}
button.term{font:inherit;color:var(--sea);background:none;border:0;border-bottom:2px dotted var(--sea);padding:0 1px;cursor:pointer;min-height:24px}
details{border-top:1px solid var(--line);padding:6px 0}details summary{cursor:pointer;font-weight:700;min-height:44px;display:flex;align-items:center}
details p{margin:4px 0}.y{color:var(--sub);font-weight:400;font-size:13px;margin-left:6px}
dialog{border:0;border-radius:18px 18px 0 0;padding:0;width:100%;max-width:560px;margin:auto auto 0;box-shadow:0 -6px 30px #0006}
dialog::backdrop{background:#0008}
.dlg{padding:18px 18px 22px}.dlg h3{margin:0;font-size:20px}.dlg .y{display:block;margin:0 0 8px}.dlg .sh{font-weight:700;margin:6px 0}
.dlg .chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.dlg .chips button{font:inherit;font-size:14px;border:1px solid var(--sea);color:var(--sea);background:#fff;border-radius:999px;padding:8px 14px;min-height:44px}
.dlg .x{display:block;width:100%;margin-top:14px;min-height:48px;border:0;border-radius:12px;background:var(--sea);color:#fff;font:inherit;font-weight:700}
footer{text-align:center;color:var(--sub);font-size:12px;padding:20px 16px}
.menu{font-size:24px;min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;color:var(--ink);text-decoration:none}
h3{font-size:16px;margin:14px 0 4px}.place{border-top:1px solid var(--line);padding:8px 0}.place p{margin:2px 0}.place a{font-size:14px;color:var(--sea);font-weight:600;text-decoration:none;display:inline-block;min-height:44px;line-height:44px}