.explain-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,215px),1fr));gap:16px;margin:24px 0}.explain-card{min-width:0;padding:22px;border:1px solid var(--line);border-radius:8px;background:var(--white)}.explain-icon{display:block;flex:none;width:32px;height:32px;margin-bottom:16px;color:var(--ink)}.article-content .explain-card h3{font-size:1.125rem;line-height:1.35;margin:0 0 10px;letter-spacing:-.015em}.article-content .explain-card p{font-size:1rem;line-height:1.65;margin:0;color:var(--muted)}.explain-example{margin:24px 0;padding:24px;border-left:3px solid var(--lime);border-radius:0 8px 8px 0;background:#f3efdf}.article-content .explain-example h3{font-size:1.125rem;line-height:1.4;margin:0 0 12px}.article-content .explain-example p:last-child,.article-content .explain-example ul:last-child{margin-bottom:0}.explain-steps{counter-reset:explain;list-style:none;padding:0!important;margin:24px 0!important}.explain-steps>li{counter-increment:explain;position:relative;padding:0 0 20px 46px;margin:0!important}.explain-steps>li:last-child{padding-bottom:0}.explain-steps>li:before{content:counter(explain);position:absolute;left:0;top:0;display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--line);border-radius:50%;background:var(--white);font-size:.875rem;font-weight:600;color:var(--ink)}@media(max-width:600px){.explain-card,.explain-example{padding:20px}.explain-grid{gap:12px}}@media print{.explain-card,.explain-example{break-inside:avoid;background:transparent}.explain-grid{display:block}.explain-card{margin-bottom:12px}.explain-steps>li{break-inside:avoid}}