@import 'https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Noto+Sans+JP:wght@300;400;500;700&display=swap';:root{--primary:#0066cc;--primary-dark:#004499;--primary-light:#3399ff;--accent:#00a3e0;--background:#ffffff;--surface:#f8fafc;--text:#1e293b;--text-muted:#64748b;--border:#e2e8f0;--links:var(--primary);--focus:var(--primary-light)}*{box-sizing:border-box}body{display:grid;gap:0;grid-template-columns:1fr min(50rem,90%)min(18rem,25%)1fr;max-width:none;margin:0;padding:0;font-family:inter,noto sans jp,-apple-system,BlinkMacSystemFont,segoe ui,sans-serif;line-height:1.7;color:var(--text);background-color:var(--surface)}body>*{grid-column:2}body>aside{grid-column:3;padding:2rem 1rem}body>footer{grid-column:1/-1}@media only screen and (max-width:960px){body{grid-template-columns:1fr min(60rem,95%)1fr;gap:0}body>aside{grid-column:2}}body>header{grid-column:1/-1;background:linear-gradient(135deg,var(--primary-dark) 0%,var(--primary) 50%,var(--accent) 100%);padding:0}body>header h1{max-width:1200px;margin:0 auto;padding:3rem 2rem;color:#fff;font-size:2.5rem;font-weight:700;letter-spacing:-.02em}body>header h1 small{display:block;font-size:1rem;font-weight:400;opacity:.9;margin-top:.5rem}@media only screen and (max-width:720px){body>header h1{padding:2rem 1rem;font-size:1.8rem}}header>nav{background-color:rgba(0,0,0,.1)}header>nav ul,header>nav ol{display:flex;flex-wrap:wrap;justify-content:center;list-style:none;margin:0;padding:0;max-width:1200px;margin:0 auto}header>nav li{display:inline-block}header>nav a,header>nav a:visited{display:inline-block;padding:.75rem 1.5rem;text-decoration:none;color:rgba(255,255,255,.9);font-weight:500;font-size:.95rem;transition:all .2s ease}header>nav a:hover,header>nav a.current,header>nav a[aria-current=page]{background-color:rgba(255,255,255,.15);color:#fff}@media only screen and (max-width:720px){header>nav a{padding:.5rem 1rem;font-size:.9rem}}main{background:var(--background);padding:2rem;border-radius:0 0 8px 8px;box-shadow:0 1px 3px rgba(0,0,0,5%);min-height:60vh}@media only screen and (max-width:720px){main{padding:1.5rem 1rem}}h1,h2,h3,h4,h5,h6{color:var(--text);font-weight:600;line-height:1.3;margin-top:2rem;margin-bottom:1rem}h1{font-size:2rem}h2{font-size:1.5rem;padding-bottom:.5rem;border-bottom:2px solid var(--primary)}h3{font-size:1.25rem}h4{font-size:1.1rem}p{margin-bottom:1rem}a{color:var(--links);text-decoration:none;transition:color .2s ease}a:hover{color:var(--primary-dark);text-decoration:underline}table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:.95rem}th,td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--border)}th{background-color:var(--surface);font-weight:600;color:var(--text)}tr:hover{background-color:var(--surface)}ul,ol{margin:1rem 0;padding-left:1.5rem}li{margin-bottom:.5rem}code{background-color:var(--surface);padding:.2em .4em;border-radius:4px;font-size:.9em;font-family:sf mono,monaco,inconsolata,roboto mono,monospace}pre{background-color:#1e293b;color:#e2e8f0;padding:1rem;border-radius:8px;overflow-x:auto}pre code{background:0 0;padding:0;color:inherit}aside{background:var(--background);border-radius:8px;margin-top:2rem}aside h3,aside h4{font-size:.9rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-top:0;padding-bottom:.5rem;border-bottom:1px solid var(--border)}aside ul{list-style:none;padding:0;margin:0}aside li{margin-bottom:.75rem}aside a{color:var(--text);font-size:.95rem}aside a:hover{color:var(--primary)}body>footer{background-color:var(--primary-dark);color:rgba(255,255,255,.8);padding:2rem;text-align:center;margin-top:2rem}body>footer a{color:rgba(255,255,255,.9)}article>footer{border:none;padding:0}.text-muted{color:var(--text-muted)}.badge{display:inline-block;padding:.25rem .75rem;background-color:var(--primary);color:#fff;border-radius:9999px;font-size:.8rem;font-weight:500}strong{color:var(--text);font-weight:600}hr{border:none;border-top:1px solid var(--border);margin:2rem 0}