:root{color-scheme:light;--background:#ffffff;--foreground:#171717;--muted:#666666;--border:#e5e5e5}*{box-sizing:border-box}body{margin:0;background:var(--background);color:var(--foreground);font-family:Arial,Helvetica,sans-serif;line-height:1.6}a{color:inherit}main{max-width:960px;margin:0 auto;padding:48px 24px}.hero{padding:64px 0}.eyebrow{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.82rem}h1{font-size:clamp(2.3rem,6vw,4.5rem);line-height:1.05;margin:12px 0}h2{margin-top:48px}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:16px;gap:16px;margin-top:24px}.card{border:1px solid var(--border);border-radius:16px;padding:20px;text-decoration:none}.card:hover{border-color:#999999}.badge{display:inline-block;border:1px solid var(--border);border-radius:999px;padding:2px 10px;font-size:.8rem;color:var(--muted);margin-right:8px}.example{border-left:4px solid var(--border);padding-left:16px;margin:16px 0}.footer{border-top:1px solid var(--border);margin-top:64px;padding-top:24px;color:var(--muted)}.site-header{display:flex;align-items:center;gap:1.2rem;flex-wrap:wrap;padding:.7rem 1.2rem;border-bottom:1px solid #e5e5e5;background:#fff;position:-webkit-sticky;position:sticky;top:0;z-index:50}.site-header .brand{font-weight:700;text-decoration:none;color:inherit}.site-header nav{display:flex;gap:.9rem}.site-header nav a{text-decoration:none;color:inherit;opacity:.75}.site-header nav a:hover{opacity:1}.search-box{position:relative;flex:1 1;min-width:200px;max-width:420px}.search-box input{width:100%;padding:.45rem .7rem;border:1px solid #ccc;border-radius:8px;font:inherit}.search-results{position:absolute;top:110%;left:0;right:0;background:#fff;border:1px solid #ddd;border-radius:8px;list-style:none;margin:0;padding:.25rem;box-shadow:0 6px 20px rgba(0,0,0,.08);max-height:60vh;overflow:auto}.search-results li a{display:flex;justify-content:space-between;gap:.6rem;padding:.45rem .6rem;text-decoration:none;color:inherit;border-radius:6px}.search-results li a:hover{background:#f4f4f4}.lang-switch{display:flex;gap:.35rem}.lang-switch a{text-decoration:none;color:inherit;opacity:.5;font-size:.85rem;padding:.15rem .35rem;border-radius:5px}.lang-switch a.active{opacity:1;font-weight:700;background:#f0f0f0}.breadcrumbs{font-size:.85rem;color:#666;margin-bottom:.4rem}.breadcrumbs a{color:inherit}.az-filter,.level-filter{display:flex;flex-wrap:wrap;gap:.35rem;margin:16px 0 8px}.az-btn,.lv-btn{border:1px solid var(--border);background:#fff;border-radius:8px;padding:.3rem .6rem;font:inherit;font-size:.85rem;color:inherit;cursor:pointer}.az-btn:hover:not(:disabled),.lv-btn:hover{border-color:#999}.az-btn:disabled{opacity:.35;cursor:default}.az-active,.lv-active{background:#171717;color:#fff;border-color:#171717}.prev-next{display:flex;justify-content:space-between;gap:16px;margin-top:48px}.prev-next-link{display:flex;flex-direction:column;gap:.2rem;flex:1 1;border:1px solid var(--border);border-radius:16px;padding:16px;text-decoration:none;color:inherit}.prev-next-link:hover{border-color:#999}.prev-next-next{text-align:right;align-items:flex-end}