.concept-depth{margin-top:28px;padding:30px;background:#f5f6ee;border:1px solid #dce1d2;border-radius:18px}.concept-depth h2{font-size:23px;margin:12px 0}.depth-intro{font-size:13px;color:#626e57;line-height:1.8}.variant-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:22px 0}.variant-grid article{background:#fffef8;border:1px solid #dfe5d5;padding:18px;border-radius:12px}.concept-depth h3{font-size:15px;margin:0 0 10px}.concept-depth p{line-height:1.85;overflow-wrap:anywhere}.variant-grid p,.concept-compare p{font-size:13px;margin:0}.concept-compare{border-left:3px solid #78934b;padding:8px 0 8px 18px}.concept-compare a{display:inline-block;margin-top:14px;color:#426222;font-size:13px;text-underline-offset:4px}.domain-button{overflow-wrap:anywhere}.ui-mini-extra{display:grid;gap:8px;width:100%;padding:15px;border:1px solid #cbd8bc;border-radius:10px;background:#f7f9f1}.ui-mini-extra b{font-size:14px}.ui-mini-extra span{font-size:11px;color:#5b7048}.ui-mini-extra i{height:5px;width:75%;background:#d6e2c7;border-radius:4px}.ui-mini-extra i:last-child{width:48%}@media(max-width:600px){.concept-depth{padding:20px 16px}.variant-grid{grid-template-columns:1fr}.concept-depth h2{font-size:20px}.domain-button{font-size:11px!important}.ui-mini-extra{padding:10px}.ui-mini-extra b{font-size:11px}}

.learning-guide{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:24px 0 36px;border-block:1px solid #dce1d2;padding:22px 0}.learning-guide b{font-size:13px;color:#426222}.learning-guide p{font-size:12px;line-height:1.8;color:#626e57;margin-bottom:0}@media(max-width:600px){.learning-guide{grid-template-columns:1fr;gap:10px;padding:18px 0}.learning-guide p{margin-top:4px}}