*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Courier New',monospace;background:#f4f4f4;color:#222;line-height:1.6;padding:30px;max-width:800px;margin:0 auto}article{background:white;border-left:6px solid #4a90e2;padding:35px;box-shadow:0 2px 8px rgba(0,0,0,0.08)}article header{text-align:center;margin-bottom:40px;padding-bottom:20px;border-bottom:1px dashed #ccc}h1{font-size:2.2rem;font-weight:700;color:#000;margin-bottom:12px;letter-spacing:-0.5px}article header p{font-size:1.15rem;color:#555}section{margin-bottom:35px;padding-left:20px;position:relative}section::before{content:"";position:absolute;left:0;top:0;width:4px;height:100%;background:#e0e0e0;border-radius:2px}h2{font-size:1.6rem;color:#333;margin-bottom:15px;font-weight:600}h3{font-size:1.35rem;color:#444;margin:20px 0 12px}p,li{margin-bottom:12px;font-size:1.05rem}ul,ol{padding-left:25px;margin:15px 0}strong{color:#d32f2f}article footer{margin-top:40px;padding-top:25px;border-top:2px solid #eee;text-align:center}article footer h2{font-size:1.7rem;color:#000;margin-bottom:15px}em{font-style:normal;color:#1976d2;font-weight:600}@media(max-width:600px){body{padding:15px}article{padding:25px;border-left-width:4px}h1{font-size:1.8rem}}
nav{display:block;margin-top:60px;padding:25px;text-align:center;font-family:'Times New Roman',serif;font-size:1.05rem;color:#7d5f4f;background:#fdfaf7;border-top:1px solid #e8d9c9}nav a{color:#8d6e63;text-decoration:none;margin:0 12px;font-style:italic;transition:color 0.3s}nav a:hover{color:#c98a5e;text-decoration:underline}