@import "https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;600;700;900&family=Inter:wght@300;400;500;600;700;800&display=swap";
:root{--bg-primary:#f7f9fc;--bg-secondary:#edf3f7;--bg-card:#fff;--bg-card-hover:#fff;--surface:#f1f5f9;--surface-hover:#e7eef4;--accent-1:#087f8c;--accent-2:#0f6674;--accent-3:#096b78;--accent-gradient:linear-gradient(135deg, #075f6d 0%, #0a8994 100%);--accent-glow:#087f8c29;--text-primary:#12242c;--text-secondary:#52656d;--text-muted:#71828a;--text-accent:#08727e;--border:#dce5e9;--border-accent:#087f8c7a;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--shadow-card:0 8px 30px #15343e12;--shadow-accent:0 8px 28px #087f8c26;--shadow-hover:0 18px 44px #15343e21}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg-primary);color:var(--text-primary);background-image:linear-gradient(#fff 0,#f7f9fc 520px);min-height:100vh;font-family:Inter,Noto Sans JP,-apple-system,sans-serif;line-height:1.7}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--accent-3);outline-offset:3px}.article-body .keyword-link{color:var(--accent-3);text-underline-offset:.18em;text-decoration:underline;text-decoration-thickness:.08em}img{max-width:100%;display:block}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--accent-1);border-radius:3px}.container{max-width:1280px;margin:0 auto;padding:0 24px}.gradient-text{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.article-body{color:var(--text-primary);font-family:Noto Sans JP,sans-serif;font-size:1.05rem;line-height:1.9}.article-body h1{background:var(--accent-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:2rem 0 1rem;font-size:2rem;font-weight:700}.article-body h2{color:var(--text-accent);border-bottom:1px solid var(--border);margin:2rem 0 .75rem;padding-bottom:.4rem;font-size:1.4rem;font-weight:600}.article-body h3{color:var(--text-primary);margin:1.5rem 0 .5rem;font-size:1.15rem;font-weight:600}.article-body p{color:var(--text-secondary);margin-bottom:1.2rem}.article-body strong{color:var(--text-primary);font-weight:600}.article-body ul,.article-body ol{color:var(--text-secondary);margin:1rem 0 1.5rem 1.5rem}.article-body li{margin-bottom:.4rem}.article-body table{border-collapse:collapse;border-radius:var(--radius-md);width:100%;margin:1.5rem 0;font-size:.9rem;overflow:hidden}.article-body table caption{color:var(--text-muted);text-align:left;margin-bottom:.5rem;font-size:.85rem}.article-body table th{color:var(--text-accent);text-align:left;border-bottom:1px solid var(--border-accent);background:#e4f2f3;padding:10px 14px;font-weight:600}.article-body table td{border-bottom:1px solid var(--border);color:var(--text-secondary);padding:10px 14px}.article-body table tr:hover td{background:var(--surface)}.article-body blockquote{border-left:3px solid var(--accent-1);background:var(--surface);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--text-secondary);margin:1.5rem 0;padding:.75rem 1.25rem;font-style:italic}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px var(--accent-glow)}50%{box-shadow:0 0 40px #087f8c47}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.fade-in-up{animation:.5s forwards fadeInUp}.skeleton{background:linear-gradient(90deg, var(--surface) 25%, #fff 50%, var(--surface) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s infinite shimmer}