:root{--text:#1a2433;--muted:#566070;--bg:#fff;--bg-sub:#f2f6fb;--line:#dfe6ef;--line-strong:#c5d0de;--blue:#2563c9;--blue-dark:#1d4fa3;--blue-pale:#e8f0fc;--orange:#b4621f;--orange-pale:#fbefe4;--red:#b3261e;--red-pale:#fcecea;--green:#1f7a4d;--green-pale:#e7f5ee;--code-bg:#14213a;--code-text:#e3ecff;--code-key:#8fb4ff;--on-blue:#fff;--focus:#f0b429;--sans:"Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Yu Gothic UI", Meiryo, sans-serif;--mono:ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--read:44rem;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--text:#e4e9f1;--muted:#a3adbd;--bg:#10151f;--bg-sub:#171e2b;--line:#2a3344;--line-strong:#3a4558;--blue:#7aa7ff;--blue-dark:#a3c2ff;--blue-pale:#1a2a47;--orange:#f0a868;--orange-pale:#33231a;--red:#f28b82;--red-pale:#3a1d1b;--green:#6fd3a0;--green-pale:#15302a;--code-bg:#0a0f1a;--code-text:#dbe5f7;--code-key:#8fb4ff;--on-blue:#0d1424;color-scheme:dark}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font-family:var(--sans);color:var(--text);background:var(--bg);line-break:strict;overflow-wrap:anywhere;margin:0;line-height:1.8}a{color:var(--blue)}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}img,svg{max-width:100%}.shell{max-width:1160px;padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));margin:0 auto}.skip{background:var(--bg);color:var(--blue);z-index:10;border:2px solid var(--blue);border-radius:8px;padding:8px 14px;position:absolute;top:8px;left:-9999px}.skip:focus{left:16px}.site-header{border-bottom:1px solid var(--line);background:var(--bg)}.site-header .shell{justify-content:space-between;align-items:center;gap:16px;min-height:60px;display:flex}.logo{color:var(--text);align-items:center;gap:8px;font-weight:800;text-decoration:none;display:flex}.logo b{white-space:nowrap;background:var(--blue);color:var(--on-blue);letter-spacing:.04em;border-radius:6px;flex:none;padding:2px 8px;font-size:.72rem}.site-nav{gap:22px;font-size:.9rem;display:flex}.site-nav a{color:var(--text);border-bottom:2px solid #0000;padding-block:4px;text-decoration:none}.site-nav a:hover,.site-nav a[aria-current=page]{border-bottom-color:var(--blue)}.menu{display:none}.menu summary{white-space:nowrap;cursor:pointer;border:1px solid var(--line);border-radius:8px;padding:4px 12px;font-size:.85rem;list-style:none}.menu summary::-webkit-details-marker{display:none}.btn{background:var(--blue);color:var(--on-blue);border:1px solid var(--blue);font-weight:700;font:inherit;cursor:pointer;border-radius:10px;align-items:center;gap:6px;padding:12px 24px;font-weight:700;text-decoration:none;display:inline-flex}.btn:hover{background:var(--blue-dark);border-color:var(--blue-dark)}.btn-ghost{background:var(--bg);color:var(--blue);border-color:var(--line-strong)}.btn-ghost:hover{background:var(--blue-pale);border-color:var(--blue)}.label{letter-spacing:.06em;color:var(--orange);margin:0 0 8px;font-size:.78rem;font-weight:700}h1,h2,h3{text-wrap:balance;word-break:auto-phrase}.bar{border:1px solid var(--line);border-radius:10px;height:40px;display:flex;overflow:hidden}.bar a,.bar span{border-right:2px solid var(--bg);background:var(--blue-pale);color:var(--blue-dark);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;min-width:0;font-size:.78rem;font-weight:700;text-decoration:none;display:flex}.bar>:last-child{border-right:0}.bar .is-test{background:var(--orange-pale);color:var(--orange)}.bar .is-current{background:var(--blue);color:var(--on-blue)}.bar .is-done:not(.is-current){box-shadow:inset 0 -4px 0 var(--green)}.tbl-wrap{overflow-x:auto}table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:.88rem}th,td{text-align:left;border-bottom:1px solid var(--line);white-space:nowrap;vertical-align:top;padding:8px 10px}th{color:var(--muted);background:var(--bg-sub);font-size:.75rem;font-weight:700}th small{font-size:.7rem;font-weight:400;display:block}td.num,th.num{text-align:right}code{font-family:var(--mono);background:var(--bg-sub);border:1px solid var(--line);border-radius:4px;padding:0 4px;font-size:.9em}pre.sql{font-family:var(--mono);background:var(--code-bg);color:var(--code-text);white-space:pre-wrap;border-radius:8px;margin:0;padding:12px 16px;font-size:.85rem;line-height:1.7;overflow-x:auto}pre.sql code{color:inherit;background:0 0;border:0;padding:0}.pill{background:var(--orange-pale);color:var(--orange);white-space:nowrap;border-radius:999px;padding:1px 8px;font-size:.72rem;display:inline-block}.pill.ok{background:var(--green-pale);color:var(--green)}.site-footer{border-top:1px solid var(--line);background:var(--bg-sub);color:var(--muted);padding-block:32px;font-size:.85rem}.site-footer .shell{flex-wrap:wrap;justify-content:space-between;gap:12px 32px;display:flex}.site-footer p{max-width:40em;margin:0}.site-footer nav{flex-wrap:wrap;gap:18px;display:flex}.site-footer a{color:var(--muted)}@media (width<=760px){.site-nav{display:none}.logo{font-size:.92rem;line-height:1.4}.menu{display:block;position:relative}.menu nav{background:var(--bg);border:1px solid var(--line);z-index:5;border-radius:10px;min-width:12rem;padding:8px;display:grid;position:absolute;top:calc(100% + 8px);right:0}.menu nav a{color:var(--text);border-radius:6px;padding:8px 12px;text-decoration:none}.menu nav a:hover{background:var(--bg-sub)}.bar a,.bar span{font-size:.7rem}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}