.resonance-page{max-width:1080px}.resonance-page .article-head{margin-bottom:0}.resonance-page>section{padding:30px 0;border-bottom:1px solid var(--line)}.resonance-page h2{font:27px Georgia,"Noto Serif SC",serif}.resonance-page h3{margin:24px 0 8px;font:20px Georgia,"Noto Serif SC",serif;color:var(--accent)}.resonance-page p{max-width:900px}.resonance-page .rule-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:20px}.resonance-page .rule-list article{padding:18px;border:1px solid var(--line);background:var(--surface)}.resonance-page .rule-list b{display:block;margin-bottom:7px;color:var(--accent)}.resonance-page .chem-eq{margin:15px 0;padding:15px 18px;border-left:2px solid var(--accent);background:var(--surface-2);font:20px Georgia,"Noto Serif SC",serif;letter-spacing:.02em}.resonance-page .chem-eq small{display:block;margin-top:8px;color:var(--muted);font:13px system-ui,"Noto Sans SC",sans-serif;letter-spacing:0}.resonance-page .example{margin:24px 0;padding:22px;border:1px solid var(--line);background:var(--surface)}.resonance-page .example>header{display:flex;gap:12px;align-items:baseline;flex-wrap:wrap}.resonance-page .example>header h3{margin:0}.resonance-page .example>header span{color:var(--muted);font-size:12px}.resonance-page .check{padding:12px 15px;border-left:2px solid var(--accent-soft);background:rgba(130,184,216,.07);color:var(--muted)}.resonance-page figure{max-width:850px;margin:22px 0;padding:12px;border:1px solid var(--line);background:var(--surface)}.resonance-page figure img{display:block;width:100%;max-height:520px;object-fit:contain;background:#f7f7f4;filter:invert(.92) hue-rotate(180deg)}.light .resonance-page figure img{filter:none}.resonance-page figcaption{padding:9px 2px 0;color:var(--muted);font-size:12px}.resonance-page .mistakes{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.resonance-page .mistakes article{padding:16px;border:1px solid var(--line)}.resonance-page .mistakes b{color:#d39a86}.resonance-page .practice{padding:18px;background:var(--surface-2);border:1px dashed var(--line)}@media(max-width:700px){.resonance-page .rule-list,.resonance-page .mistakes{grid-template-columns:1fr}.resonance-page .chem-eq{font-size:17px}}