.sx-diagram{margin:2rem 0;padding:clamp(1rem,3vw,2rem);background:#eef5f7;border:1px solid #cedfe5;color:#25343e}.sx-diagram h2{font-size:clamp(1.25rem,2.4vw,1.7rem);margin:0 0 1.5rem;line-height:1.5}.sx-diagram ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;list-style:none;padding:0;margin:0}.sx-diagram li{border-top:1px solid #9bb9c8;padding-top:1rem;min-width:0}.sx-node{display:inline-grid;place-items:center;width:2rem;height:2rem;border:1px solid #557789;border-radius:50%;font-size:.85rem}.sx-diagram p{font-size:1rem;line-height:1.7;margin:.6rem 0}.sx-diagram figcaption{margin-top:1.5rem;font-size:.9rem;line-height:1.7}.sx-topics{grid-column:1/-1;display:flex;gap:.6rem;flex-wrap:wrap}.sx-topics button{background:#fff;border:1px solid #879da8;padding:.65rem 1rem;color:#25343e;font:inherit;cursor:pointer;min-height:44px}.sx-topics button[aria-pressed=true]{background:#25343e;color:#fff}.sx-topics button:focus-visible{outline:3px solid #365f76;outline-offset:3px}.sx-topics button[type=reset]{border-color:transparent;text-decoration:underline}@media(max-width:480px){.sx-diagram ol{grid-template-columns:1fr}.sx-diagram li{display:grid;grid-template-columns:2rem 1fr;gap:1rem;align-items:start}.sx-diagram li p{margin:0}.sx-topics{gap:.5rem}.sx-topics button{font-size:.9rem}}
.sx-symbol{width:96px;height:64px;display:block;color:#3b718a;margin:.75rem 0}.sx-diagram .sx-node{border:0;width:auto;height:auto;color:#57707d}.sx-energy li:not(:last-child)::after,.sx-quality li:not(:last-child)::after{content:'→';font-size:1.4rem;color:#557789}.sx-redox li::after{content:none}@media(max-width:480px){.sx-diagram li{grid-template-columns:64px 1fr}.sx-diagram .sx-node{display:none}.sx-symbol{width:64px;height:48px;margin:0}.sx-energy li:not(:last-child)::after,.sx-quality li:not(:last-child)::after{content:'↓';grid-column:2;font-size:1.2rem}}
.sx-habits{padding-block:2rem}.sx-habit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.sx-habit-grid a{display:flex;flex-direction:column;gap:1rem;padding:1.5rem;background:#eef5f7;border-top:2px solid #557789;color:#25343e;text-decoration:none}.sx-habit-grid a:hover strong{text-decoration:underline}.sx-habit-grid strong{font-size:1.35rem}.sx-habit-grid span{line-height:1.6}@media(max-width:600px){.sx-habit-grid{grid-template-columns:1fr}}
.kx-opening h1{font-size:clamp(2rem,4.2vw,3.4rem);text-wrap:balance;line-height:1.4}html[lang=ja] .kx-opening h1{word-break:auto-phrase;line-break:strict}.sx-explainer{margin-bottom:2.5rem}
.sx-science-image{display:block;width:100%;height:auto;margin:1rem 0 1.5rem;border-radius:2px}.sx-core-image{display:block;width:100%;height:auto;max-height:260px;object-fit:contain;margin:1rem 0}.sx-diagram ol{gap:1rem}.sx-diagram li{background:#dcecf2;padding:1rem;border-top:2px solid #698fa3}.sx-diagram li:nth-child(even){background:#e4ece9;border-color:#829b90}.sx-diagram li:last-child{background:#f1e7d7;border-color:#b9a079}.sx-diagram .sx-node{display:inline;font-size:.8rem;font-weight:600}.sx-energy li:not(:last-child)::after,.sx-quality li:not(:last-child)::after{display:none}.sx-diagram p{margin:.4rem 0}.sx-redox li:last-child{background:#efe2d9;border-color:#ad8975}.kx-path h2{margin-top:0}@media(max-width:480px){.sx-diagram li{display:block}.sx-diagram .sx-node{display:inline}.sx-diagram p{margin-top:.4rem}}

html[lang=ja] .sx-diagram h2{word-break:auto-phrase;text-wrap:balance;line-break:strict}.sx-diagram h2{overflow-wrap:normal}