/* =============================== ELEGANT LIGHT-BLUE THEME =============================== */

/* Global Reset */

{ margin: 0; padding: 0; box-sizing: border-box; }


body { background: #e8f1ff; /* soft light blue / font-family: Verdana, Arial, Helvetica, sans-serif; color: #1b2a4a; / deep navy for elegance */ line-height: 1.6; }

body ul li, body ol li { margin-left: 25px; }

a { color: #2b6cb0; /* blue shade */ text-decoration: none; transition: 0.2s ease; }

a:hover { color: #1a4f7a; text-decoration: underline; }

img { border: 0; }

/* Container */ #container { width: 900px; margin: 20px auto; background: #ffffff; padding: 20px; border-radius: 10px; box-shadow: 0 0 20px rgba(0,0,0,0.1); }

/* Header */ #header { background: linear-gradient(135deg, #4d9fff, #1a73e8); height: 130px; width: 100%; border-radius: 10px; color: #fff; display: flex; align-items: center; justify-content: space-between; padding: 20px; }

#header h1 { font-size: 36px; font-weight: bold; letter-spacing: -1px; color: #fff; }

#header h2 { font-size: 16px; opacity: 0.9; }

/* Navigation */ #navigation { padding: 12px; margin-top: 15px; background: #d8e7ff; border-radius: 8px; font-size: 14px; font-weight: bold; }

/* Content Area */ #content-container { margin-top: 20px; display: flex; }

#content { flex: 1; font-size: 16px; padding-right: 20px; }

#content h2 { font-size: 26px; color: #1a4f7a; margin-bottom: 10px; border-bottom: 2px solid #bbd4ff; padding-bottom: 5px; }

#content .post { margin-bottom: 25px; padding-bottom: 15px; border-bottom: 1px solid #c7daf7; }

#content .meta { font-size: 13px; color: #7d8fb3; }

/* Sidebar */ .sidebar { width: 230px; font-size: 14px; }

.sidebar .widget { background: #ffffff; border: 1px solid #cddfff; padding: 10px; margin-bottom: 15px; border-radius: 10px; box-shadow: 0 0 10px rgba(0,0,0,0.05); }

.sidebar .widget h2 { font-size: 18px; background: #1a73e8; color: #fff; padding: 8px; border-radius: 6px; margin-bottom: 10px; text-align: center; }

.sidebar .widget ul { list-style: none; }

.sidebar .widget ul li { padding: 6px; margin-bottom: 5px; background: #eff5ff;