:root{--font-sans:"Inter", "Noto Sans JP", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", Consolas, monospace;--font-serif:"Newsreader", "Noto Serif JP", Georgia, serif;--color-primary:#1e3a8a;--color-primary-light:#eff6ff;--color-accent:#d97706;--color-text-main:#1f2937;--color-text-muted:#4b5563;--color-bg-main:#fff;--color-bg-sub:#f8fafc;--color-border:#e2e8f0;--color-kids:#10b981;--color-kids-bg:#ecfdf5;--color-math:#6366f1;--color-math-bg:#eef2ff;--line-height-body:1.85;--max-content-width:860px}*{box-sizing:border-box}body{background:var(--color-bg-main);color:var(--color-text-main);margin:0}.article-container{max-width:var(--max-content-width);font-family:var(--font-sans);color:var(--color-text-main);line-height:var(--line-height-body);letter-spacing:.02em;margin:0 auto;padding:2.5rem 1.5rem;font-size:1.0625rem}.article-container h1{color:var(--color-primary);border-bottom:3px solid var(--color-primary-light);margin-bottom:1.5rem;padding-bottom:.75rem;font-size:2.25rem;font-weight:800;line-height:1.3}.article-container h2{color:var(--color-primary);border-left:5px solid var(--color-primary);align-items:center;gap:.5rem;margin-top:3.5rem;margin-bottom:1.25rem;padding-left:.75rem;font-size:1.5rem;font-weight:700;display:flex}.article-container h3{color:#334155;margin-top:2rem;margin-bottom:.75rem;font-size:1.25rem;font-weight:600}.article-container p{margin:1rem 0}.article-container img{border-radius:8px;max-width:100%;height:auto;margin:1.5rem auto;display:block}.article-container figcaption{text-align:center;color:var(--color-text-muted);margin-top:-.75rem;margin-bottom:1.5rem;font-size:.9rem}.article-lead{background:var(--color-bg-sub);border:1px solid var(--color-border);border-radius:12px;margin-bottom:2.5rem;padding:1.5rem 1.75rem}.lead-text{color:var(--color-text-main);margin:0 0 1rem;font-size:1.125rem;font-weight:500}.difficulty-indicator{flex-wrap:wrap;gap:.5rem;display:flex}.badge{text-transform:uppercase;border-radius:9999px;padding:.25rem .6rem;font-size:.75rem;font-weight:700}.badge-kids{color:#065f46;background:#d1fae5}.badge-general{color:#1e40af;background:#dbeafe}.badge-academic{color:#5b21b6;background:#ede9fe}.callout{border-left:4px solid;border-radius:8px;margin:1.75rem 0;padding:1.25rem 1.5rem}.callout-title{align-items:center;margin-bottom:.5rem;font-size:1rem;font-weight:700;display:flex}.callout-intuition{border-color:var(--color-accent);background:#fffbeb}.callout-intuition .callout-title{color:#92400e}.callout-kids{background:var(--color-kids-bg);border-color:var(--color-kids)}.callout-kids .callout-title{color:#065f46}.callout-summary{background:#f0fdf4;border-color:#22c55e}.callout-summary .callout-title{color:#166534}.math-proof-box{background:var(--color-math-bg);border:1px solid #c7d2fe;border-radius:8px;margin:2rem 0;overflow:hidden}.proof-header{color:#3730a3;background:#e0e7ff;border-bottom:1px solid #c7d2fe;padding:.6rem 1.25rem;font-size:.9375rem;font-weight:700}.proof-body{font-family:var(--font-serif);padding:1.25rem}.katex-display{padding:.75rem 0;overflow:auto hidden;margin:1.5rem 0!important}.article-container table{border-collapse:collapse;width:100%;margin:2rem 0;font-size:.95rem;display:block;overflow-x:auto}.article-container th,.article-container td{border:1px solid var(--color-border);text-align:left;padding:.85rem 1rem}.article-container th{background-color:var(--color-bg-sub);color:var(--color-primary);font-weight:700}.article-container tr:nth-child(2n){background-color:#fcfcfd}.article-container pre{font-family:var(--font-mono);border-radius:8px;margin:1.75rem 0;padding:1.25rem;font-size:.9rem;line-height:1.6;overflow-x:auto}.toc-box{background:var(--color-bg-sub);border:1px solid var(--color-border);border-radius:8px;margin:2rem 0;padding:1.25rem 1.5rem}.toc-box summary{cursor:pointer;color:var(--color-primary);font-weight:700}.toc-box ul{margin:.75rem 0 0;padding-left:1.25rem}.ad-slot{max-width:var(--max-content-width);text-align:center;margin:2rem auto}.ad-slot .ad-label{color:var(--color-text-muted);letter-spacing:.05em;margin-bottom:.4rem;font-size:.7rem}.ad-slot.top-ad,.ad-slot.bottom-ad,.ad-slot.in-article-ad{min-height:90px}@media (prefers-color-scheme:dark){:root{--color-text-main:#e5e7eb;--color-text-muted:#9ca3af;--color-bg-main:#0f172a;--color-bg-sub:#1e293b;--color-border:#334155;--color-primary-light:#1e293b}}