header{width:100%;background:var(--header-bg);border-bottom:1px solid var(--border-color)}.header-inner{max-width:650px;margin:0 auto;padding:1rem 0;display:flex;align-items:baseline;justify-content:space-between;position:relative}nav a{padding:.5rem 1rem}.site-title{font-size:1rem;text-decoration:none;color:var(--title-color);white-space:nowrap}header nav{margin-left:auto}header nav ul{display:flex;gap:1rem;list-style:none;margin:0;padding:0}header nav a{padding:.5rem .75rem;border-radius:4px;transition:background .2s;color:var(--link-color)}header nav a:hover,header nav a.active{background:var(--link-hover-bg)}.button-class{padding:10px 20px;background-color:var(--button-bg);color:var(--button-text);border:none;border-radius:4px;cursor:pointer;transition:background-color .3s;position:absolute;right:1rem;top:50%;transform:translateY(-50%)}.button-class:hover{background-color:var(--button-hover-bg)}#menu-toggle{display:none;font-size:1.5rem;background:0 0;border:none;cursor:pointer;color:var(--hamburger-color)}@media(max-width:768px){#menu-toggle{display:block}header nav ul{display:none;flex-direction:column;background:var(--menu-bg);position:absolute;top:60px;right:1rem;padding:1rem;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);z-index:1000}header nav ul.show{display:flex}.button-class{order:-1;margin-bottom:.5rem}}main{background:var(--bg-color)}.content-inner{max-width:650px;margin:0 auto;padding:20px;color:var(--text-color);line-height:1.6}.content-inner a{color:var(--link-color);text-decoration:underline;transition:color .2s}.content-inner a:hover{color:var(--link-hover-color,var(--link-color))}footer{width:100%;background:var(--footer-bg,var(--header-bg));border-top:1px solid var(--border-color);color:var(--footer-text);text-align:center;padding:1rem 0}footer nav ul{display:flex;justify-content:center;gap:1rem;list-style:none;margin:0;padding:0}footer nav a{padding:.5rem;color:var(--link-color)}footer a{color:var(--footer-link-color);text-decoration:none;transition:background-color .2s,color .2s}footer a:hover,footer a:focus{background-color:var(--footer-link-hover-bg);text-decoration:underline}pre{white-space:pre;overflow-x:auto;max-width:100%;-webkit-overflow-scrolling:touch;overflow-y:hidden}code{white-space:inherit}html{scrollbar-gutter:stable;overflow-y:auto}