h2.article_body { font-size: 1.15rem; margin: 2rem 0 0; padding: 0.6rem 1rem; background: #f4f7fa; border-bottom: 2px solid var(--main); color: #2d3748; box-sizing: border-box; } .detail { margin: 0 auto; padding: 1.5rem 1rem; letter-spacing: 0.03em; box-sizing: border-box; } .detail p { font-size: clamp(1rem, 0.95rem + 0.25vw, 1.05rem); line-height: 1.85; color: #334155; margin-bottom: 1.2rem; } .detail strong { padding: 0 2px; } .detail b { color: #2d3748; background: linear-gradient(transparent 60%, rgba(0, 128, 0, 0.15) 60%); font-size: 1.02rem; padding: 0 2px; } .detail ul { margin: 15px 0; padding-left: 20px; } .detail li { margin-bottom: 8px; list-style-type: square; } .after-match { border-top: 2px dashed #cccccc; padding-top: 30px; margin-top: 30px; } @media (min-width: 768px) { h2.article_body { max-width: 760px; margin: 3rem auto 0; padding: 0.8rem 2.5rem; border-top: 1px solid #e2e8f0; border-left: 1px solid #e2e8f0; border-right: 1px solid #e2e8f0; border-radius: 8px 8px 0 0; } .detail { max-width: 760px; background: #ffffff; border-left: 1px solid #e2e8f0; border-right: 1px solid #e2e8f0; border-bottom: 1px solid #e2e8f0; border-radius: 0 0 8px 8px; padding: 2rem 2.5rem; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05); } }