@use "minima" as *;
body { font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; background-color: #1f2a30 !important; color: #e8e3d3 !important; font-size: 0.85rem; line-height: 1.4; margin: 0; padding: 0 1rem; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.site-header { position: fixed; top: 0; left: 0; width: 100%; background-color: #263238 !important; color: #ffb347 !important; z-index: 1000; padding: 0.6rem 1rem; text-align: center; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4); }

.site-header h1 { margin: 0; font-weight: 700; font-size: 1.2rem; }

.site-header a { color: inherit; text-decoration: none; transition: color 0.3s ease; }

.site-header a:hover, .site-header a:focus { color: #ffc87a !important; outline: none; }

nav { width: 100%; padding: 0.15rem 0.6vw; box-sizing: border-box; }

nav ul { direction: rtl; list-style: none; padding: 0; margin: 0 0 0.5rem 0; display: flex; flex-wrap: nowrap; /* Prevents wrapping to multiple lines */ justify-content: center; gap: 0.2rem; border-bottom: 1px solid #3c4f53 !important; overflow-x: auto; /* Allows horizontal scroll if still too wide */ white-space: nowrap; }

nav ul li a { font-weight: 500; font-size: 0.85rem; color: #66c2a5 !important; padding: 0.15rem 0.3rem; border-radius: 3px; transition: background-color 0.2s ease, color 0.2s ease; display: inline-block; }

nav ul li a:hover, nav ul li a:focus { background-color: #66c2a5 !important; color: #1f2a30 !important; outline: none; }

.site-content { width: 100%; margin: 1.5rem auto 3rem auto; padding: 6rem 1.5vw 3rem 1.5vw; box-sizing: border-box; }

h1, h2, h3 { color: #ffb347 !important; margin-top: 1.2rem; margin-bottom: 0.75rem; line-height: 1.3; }

h1 { font-size: 1.6rem; font-weight: 700; }

h2 { font-size: 1.25rem; font-weight: 600; border-bottom: 1px solid #66c2a5 !important; padding-bottom: 0.25rem; }

h3 { font-size: 1.1rem; font-weight: 600; margin-top: 1.25rem; }

p { margin-bottom: 1rem; font-size: 0.95rem; }

hr { border: none; border-top: 1px solid #3c4f53 !important; margin: 1.5rem 0; }

table { width: 100%; border-collapse: collapse; margin-bottom: 2rem; font-size: 0.85rem; color: #e8e3d3 !important; }

table thead { background-color: #307862 !important; color: #000; }

table th, table td { border: 1px solid #3c4f53 !important; padding: 0.4rem 0.6rem; text-align: right; }

table tbody tr:nth-child(even) { background-color: #27353c !important; }

table code { font-family: Consolas, Monaco, monospace; background-color: #2d3a3e !important; color: #ffdfb6 !important; padding: 0.15rem 0.3rem; border-radius: 3px; font-size: 0.8rem; }

pre { background-color: #2d3a3e !important; color: #ffdfb6 !important; font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace; font-size: 0.85rem; padding: 1rem; border-radius: 6px; overflow-x: auto; margin-bottom: 2rem; line-height: 1.5; box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.5); }

code { background-color: rgba(255, 255, 255, 0.05); color: #ffdfb6 !important; padding: 0.15rem 0.35rem; border-radius: 4px; font-size: 0.85rem; font-family: Consolas, Monaco, monospace; }

ul { list-style: disc inside; margin-left: 0; margin-bottom: 1.5rem; }

ul li { margin-bottom: 0.4rem; }

a { color: #66c2a5 !important; text-decoration: none; transition: color 0.3s ease; }

a:hover, a:focus { color: #ffb347 !important; outline: none; }

footer.site-footer { background-color: #2a353a !important; padding: 0.8rem 0; text-align: center; font-size: 0.8rem; color: white !important; border-top: 1px solid #3c4f53 !important; margin-top: 3rem; }

.hidden-in-html { display: none; }

.menu-toggle { display: none; background: none; border: none; color: #ffb347; font-size: 1.8rem; cursor: pointer; margin: 0.5rem auto; justify-content: center; align-items: center; }

.table-wrapper { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }

@media (max-width: 600px) { .menu-toggle { display: block; } nav { display: none; /* hide menu initially */ width: 100%; max-height: 80vh; /* limit height to 80% of viewport */ overflow-y: auto; /* enable vertical scroll if content overflows */ -webkit-overflow-scrolling: touch; /* smooth scrolling on iOS */ } nav.active { display: block; /* show menu when toggled */ } nav ul { flex-direction: column; align-items: center; gap: 0.5rem; } nav ul li { width: 100%; display: flex; justify-content: center; } nav ul li a { width: 100%; display: flex; justify-content: center; align-items: center; text-align: center; padding: 0.6rem 1rem; font-size: 0.9rem; } .site-header h1 { font-size: 1rem; } h1 { font-size: 1.4rem; } h2 { font-size: 1.1rem; } .site-content { margin: 1.5rem auto 2rem auto; /* slightly more than desktop, still small */ padding: 6rem 1.5vw 3rem 1.5vw; /* keep header spacing */ } table { font-size: 0.75rem; overflow-x: auto; -webkit-overflow-scrolling: touch; } pre { font-size: 0.75rem; } }

.code-block { position: relative; margin: 1em 0; }

.copy-button { position: absolute; top: 0.5em; left: 0.5em; padding: 0.3em 0.6em; font-size: 0.8em; cursor: pointer; border: none; background: #1f2a30; color: #e8e3d3; border-radius: 3px; }

.copy-button:hover { background: #2a353a; }

/*# sourceMappingURL=main.css.map */