body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:#f4f6f9;color:#1a1a2e;line-height:1.6;font-size:14px;overflow-x:hidden}
*{box-sizing:border-box}
a{color:#0310ff;text-decoration:none}a:hover{text-decoration:underline}
img{max-width:100%;height:auto;display:block}

.simple-header{background:#0d1b3d;padding:14px 20px}
.simple-header a{color:#fff;text-decoration:none;font-size:16px;font-weight:600}

.page-layout{max-width:1200px;margin:auto;display:flex;gap:25px;align-items:flex-start;padding:20px}
.main-content{flex:3;min-width:0;overflow-x:hidden}
.right-sidebar{flex:1;max-width:320px;position:sticky;top:20px}

.sidebar-box{border:1px solid #ddd;background:#f7f7f7;border-radius:4px;overflow:hidden}
.sidebar-title{background:#e9ecef;padding:12px 15px;font-weight:700;font-size:14px;letter-spacing:.5px;text-transform:uppercase}
.sidebar-links a{display:block;padding:14px 15px;text-decoration:none;color:#222;border-bottom:1px solid #eee;font-weight:700}
.sidebar-links a:hover{background:#f2f2f2}

h1{font-size:24px;line-height:1.25;margin:0 0 5px;letter-spacing:-0.02em;font-weight:700}
.main-post{font-size:16px;line-height:1.8}
.main-post p{margin:0 0 14px}
.main-post h2{margin:26px 0 10px;font-size:20px;line-height:1.35}
h3{margin:0}
.main-post blockquote{margin:16px 0;padding:14px 16px;border-left:4px solid #1fa247;background:#f0fdf4;border-radius:10px;color:#14532d;font-style:italic}
.main-post ul,.main-post ol{margin:0 0 14px;padding-left:20px}
.main-post li{margin-bottom:6px;font-weight:700}

/* TABLE — scrollable on mobile, no page overflow */
.table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:16px 0}
.main-post table{min-width:500px;width:100%;border-collapse:collapse;font-size:13px;white-space:nowrap}
.main-post th{background:#0d1b3d;color:#fff;padding:10px;text-align:left;font-size:12px}
.main-post td{padding:8px 10px;border-bottom:1px solid #e5e7eb;font-size:13px}
.main-post tr:nth-child(even){background:#f8fafc}

.simple-footer{background:#0d1b3d;color:#fff;padding:18px 20px;margin-top:40px}
.flex{display:flex;justify-content:space-between;align-items:center}
.footer-links a{color:#cfd6f3;margin-left:20px;text-decoration:none;font-size:14px;font-weight:700}
.footer-links a:hover{color:#fff}

@media(max-width:768px){
h1{font-size:18px}
.main-post h2{font-size:18px}
.page-layout{flex-direction:column;padding:8px}
.main-content{width:100%}
.right-sidebar{position:relative;top:auto;max-width:100%;width:100%}
.main-post{font-size:15px}
.main-post table{font-size:12px}
.main-post th{padding:8px;font-size:11px}
.main-post td{padding:6px 8px}
}