body{margin:0;background:#e9ebea;color:#333;font:13px Arial,sans-serif}#page{width:820px;margin:22px auto;background:#fff;border:1px solid #aeb5b4}header{background:#445d65;color:#fff;padding:16px 20px}h1{font-size:25px;margin:0}header p{margin:5px 0 0;color:#d6e0e1}nav{background:#d7e4e6;border-bottom:1px solid #b7c7c9;padding:9px 20px}a{color:#2e5965}main{display:flex;min-height:365px}aside{width:185px;background:#f4f5f3;border-right:1px solid #d3d6d4;padding:15px}aside h3{font-size:14px;border-bottom:1px solid #cbd1ce;padding-bottom:5px}input{width:156px;padding:4px;border:1px solid #aaa}button{margin-top:6px;padding:4px 9px}section{flex:1;padding:14px 22px}h2{font-size:19px;color:#405c65;margin:0 0 15px}article{border-bottom:1px solid #d8dddd;padding:4px 0 9px}article h3{font-size:15px;margin:5px 0}article p{margin:6px 0}.meta{color:#777;font-size:11px}.empty{background:#f8f8f4;padding:12px;border:1px solid #ddd}footer{border-top:1px solid #ddd;background:#f7f7f7;padding:8px 14px;font-size:11px;color:#666;display:flex;justify-content:space-between;align-items:center}.sponsor{display:flex;align-items:center;gap:4px}.sponsor img{height:23px;background:#111;padding:2px}
body.larger-text { font-size: 17px; }