:root{--bg:#f8fafc;--fg:#0f172a;--muted:#64748b;--border:#e2e8f0;--accent:#2563eb;font-family:Hiragino Kaku Gothic ProN,Noto Sans JP,Yu Gothic,system-ui,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);margin:0;line-height:1.8}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.layout{max-width:900px;margin:0 auto;padding:0 16px}.site-header{border-bottom:1px solid var(--border);align-items:baseline;gap:12px;padding:16px 0;display:flex}.site-title{color:var(--fg);font-size:1.3rem;font-weight:700}.site-tagline{color:var(--muted);font-size:.85rem}main{padding:24px 0 48px}.site-footer{border-top:1px solid var(--border);color:var(--muted);padding:12px 0;font-size:.8rem}.hero{padding:32px 0}.hero h1{margin:0 0 8px;font-size:2rem}.subject-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.subject-card{border:1px solid var(--border);border-top:4px solid var(--accent);color:var(--fg);background:#fff;border-radius:10px;padding:18px;transition:box-shadow .15s,transform .15s}.subject-card:hover{text-decoration:none;transform:translateY(-2px);box-shadow:0 6px 18px #0f172a14}.subject-icon{font-size:1.6rem}.subject-icon.large{font-size:2.4rem}.subject-card h3{margin:6px 0 4px}.subject-card p{color:#334155;margin:0;font-size:.88rem}.subject-header{border-left:5px solid var(--accent);align-items:center;gap:14px;margin-bottom:24px;padding-left:14px;display:flex}.unit-section{margin:28px 0}.shido-note{color:var(--muted);margin-top:-6px;font-size:.82rem}.lesson-list{gap:10px;padding:0;list-style:none;display:grid}.lesson-list a{border:1px solid var(--border);color:var(--fg);background:#fff;border-radius:8px;flex-direction:column;padding:12px 16px;display:flex}.lesson-list a:hover{border-color:var(--accent);text-decoration:none}.lesson-list a span{color:var(--muted);font-size:.85rem}.breadcrumb{color:var(--muted);margin-bottom:12px;font-size:.82rem}.lesson-header{border-left:5px solid var(--accent);padding-left:14px}.lesson-summary{color:var(--muted)}.objectives{background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;margin:18px 0;padding:12px 18px}.objectives ul{margin:6px 0 0;padding-left:20px}h3{border-bottom:1px solid var(--border);margin-top:34px;padding-bottom:4px}.formula-display{margin:12px 0;padding:4px 8px;overflow-x:auto}.example-box{background:#fffbeb;border:1px solid #fde68a;border-radius:8px;margin:18px 0;padding:14px 18px}.example-title{color:#b45309;font-weight:700}.example-box details{margin-top:8px}.example-box summary{cursor:pointer;color:var(--accent)}.note{border-radius:8px;margin:16px 0;padding:12px 18px;font-size:.95rem}.note-tip{background:#ecfdf5;border:1px solid #a7f3d0}.note-warn{background:#fef2f2;border:1px solid #fecaca}.note-info{background:#eff6ff;border:1px solid #bfdbfe}.table-wrap{margin:16px 0;overflow-x:auto}table{border-collapse:collapse;background:#fff;width:100%}th,td{border:1px solid var(--border);text-align:left;padding:8px 14px}th{background:#f1f5f9}.diagram-figure,figure{text-align:center;margin:20px 0}.diagram-caption,figcaption{color:var(--muted);margin-top:6px;font-size:.83rem}.widget-figure{margin:26px 0}.widget{border:1px solid var(--border);background:#fff;border-radius:12px;padding:18px}.widget-controls{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:12px;display:flex}.widget-grid3{grid-template-columns:repeat(4,minmax(120px,auto));display:grid}.slider{flex-direction:column;gap:2px;min-width:150px;font-size:.85rem;display:inline-flex}.slider code{color:var(--accent);font-weight:600}.widget button{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:7px 14px;font-size:.85rem}.widget button:hover{filter:brightness(1.08)}.widget select{border:1px solid var(--border);border-radius:6px;padding:4px 8px}.widget-note{color:#334155;margin:10px 0 0;font-size:.9rem}.dice-chart{justify-content:center;align-items:flex-end;gap:18px;padding:10px 0;display:flex}.dice-bar-col{flex-direction:column;align-items:center;gap:4px;display:flex}.dice-bar-wrap{align-items:flex-end;height:145px;display:flex}.dice-count{color:var(--muted);font-size:.72rem}.lesson-nav{border-top:1px solid var(--border);justify-content:space-between;margin-top:40px;padding-top:16px;display:flex}.nav-prev,.nav-next{max-width:45%}.text-sm{font-size:.85rem}.text-xs{font-size:.75rem}.text-slate-500{color:var(--muted)}@media (width<=640px){.widget-grid3{grid-template-columns:repeat(2,1fr)}}