body{background:#f9f9f9;color:#444;font-family:inter,sans-serif;margin:0;padding:0;line-height:1.6}header{background:#eee;padding:1rem;border-bottom:1px solid #ddd}nav{display:flex;gap:1rem}nav a{text-decoration:none;color:#333;font-weight:600}nav a:hover{color:#007acc}.nav-container{max-width:800px;margin:0 auto;padding:0 1rem}main{max-width:800px;margin:2rem auto;padding:2rem;background:#fff;border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,5%)}.note{display:flex;align-items:center;background-color:#fff8d6;border-left:4px solid #f90;padding:.8em 1em;margin:1.5em 0;font-size:.95em;border-radius:4px}.note-label{background-color:#ffeb99;color:#a65b00;font-weight:700;padding:.6em 1em;display:flex;align-items:center;white-space:nowrap}.note-content{padding:.6em 1em;flex:1}.note-content p{margin:0}h1,h2,h3{color:#f93;margin-top:0}ul{list-style-type:none;padding-left:0}li{padding:.5rem 0}a{color:#007acc}a:hover{text-decoration:underline}sup a.footnote-ref{text-decoration:none}.tag-link{color:#f93;text-decoration:none}.tag-link:hover{text-decoration:underline}*{transition:background .3s,color .3s}