.dougulog-article { line-height: 1.9; font-size: 16px; } .dougulog-article p { margin: 0 0 1.2em; } .dougulog-article h2 { margin: 2.4em 0 1em; padding: 0.55em 0.75em; border-left: 6px solid #444; background: #f5f5f5; font-size: 1.35em; } .dougulog-article h3 { margin: 1.8em 0 0.8em; padding-bottom: 0.25em; border-bottom: 1px solid #ddd; font-size: 1.1em; } .dougulog-article .lead-box, .dougulog-article .check-box, .dougulog-article .point-box, .dougulog-article .caution-box, .dougulog-article .link-box, .dougulog-article .summary-box { margin: 1.5em 0; padding: 1em 1.1em; border-radius: 8px; } .dougulog-article .lead-box { background: #f7f7f7; border: 1px solid #e0e0e0; } .dougulog-article .check-box { background: #f8fbff; border: 1px solid #cfe0f5; } .dougulog-article .point-box { background: #fffaf0; border: 1px solid #ead7a5; } .dougulog-article .caution-box { background: #fff5f5; border: 1px solid #e8b8b8; } .dougulog-article .link-box { background: #f4f8f4; border: 1px solid #cddfcd; } .dougulog-article .summary-box { background: #f7f7f7; border: 1px solid #ddd; } .dougulog-article ul { margin: 0.8em 0 1.2em 1.3em; padding: 0; } .dougulog-article li { margin: 0.35em 0; } .dougulog-article table { width: 100%; border-collapse: collapse; margin: 1.3em 0; font-size: 0.95em; } .dougulog-article th, .dougulog-article td { border: 1px solid #ddd; padding: 0.75em; vertical-align: top; } .dougulog-article th { background: #f2f2f2; font-weight: bold; } .dougulog-article .small-note { font-size: 0.92em; color: #666; }