:root{--bg:#e9e2d1;--paper:#fbf8f3;--rule:#00b0d740;--margin:#d23b2d;--text:#222;--shadow:0 4px 12px #00000026;--paper-shadow:0 10px 24px #00000026;--tab-bg:#f4e4a2;--tab-border:#cbb874;--link:#03a;--link-hover:#b03000}*,:before,:after{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:Schoolbell,cursive;line-height:1.1}main{background:repeating-linear-gradient(to bottom,var(--paper)0px,var(--paper)28px,var(--rule)29px);max-width:880px;box-shadow:var(--paper-shadow);filter:brightness(.98)contrast(1.04);border-radius:8px;margin:80px auto;padding:60px 80px 100px 130px;position:relative;overflow:hidden}main:before{content:"";background:var(--margin);width:3px;height:100%;position:absolute;top:0;left:70px}nav{position:absolute;top:-8px;right:25px}nav ul{gap:12px;margin:0;padding:0;list-style:none;display:flex}nav li{background:var(--tab-bg);border:1px solid var(--tab-border);border-radius:0 0 6px 6px;padding:4px 14px;font-size:1rem;position:relative;transform:translateY(6px);box-shadow:inset 0 2px 3px #fff6,0 2px 4px #00000026}nav li:after{content:"";filter:blur(1px);background:#0000000f;border-radius:0 0 4px 4px;width:100%;height:8px;position:absolute;bottom:-6px;left:0}h1{color:#333;margin-top:0;font-size:2rem}p{margin-bottom:1rem}a{color:var(--link);text-decoration:underline;text-decoration-thickness:1.5px;transition:color .15s,text-decoration-thickness .15s}a:hover,a:focus{color:var(--link-hover);text-decoration-thickness:2px}footer{text-align:center;color:#555;border-top:1px solid #0000001a;width:100%;padding-top:10px;font-size:.8rem;position:absolute;bottom:18px;left:0}@media (max-width:768px){main{padding:40px 30px 80px 80px}main:before{left:50px}nav{justify-content:center;margin-bottom:25px;position:static}nav li{border-radius:4px;transform:none}}article{word-break:break-word;font-size:1.1rem}