:root{
  --accent:#f2685f;--bg:#ffffff;--fg:#11100f;--muted:#555;--border:#e8e8e8;--radius:14px;--maxw:1100px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,'Helvetica Neue',Arial;color:var(--fg);background:var(--bg)}
a{color:var(--accent)}a.btn{display:inline-block;text-decoration:none;background:var(--accent);color:#fff;padding:.8rem 1.2rem;border-radius:999px;font-weight:600}
a.btn:focus,button:focus{outline:3px solid rgba(242,104,95,.5);outline-offset:2px}
header,footer{border-block:1px solid var(--border)}.container{max-width:var(--maxw);margin:0 auto;padding:1rem}
nav ul{list-style:none;padding:0;margin:0;display:flex;gap:1rem;flex-wrap:wrap}
nav a{padding:.4rem .7rem;border-radius:999px;text-decoration:none}
nav a.cta{background:var(--accent);color:#fff}.hero{padding:2rem 0}
.hero h1{font-size:clamp(1.8rem,3vw,2.6rem);margin:.2rem 0}
.grid{display:grid;gap:1rem}.grid.cols-2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.card{border:1px solid var(--border);border-radius:var(--radius);padding:1rem;background:#fff;box-shadow:0 1px .5rem rgba(0,0,0,.03)}
.badge{display:inline-block;padding:.2rem .5rem;border:1px solid var(--border);border-radius:6px;color:var(--muted);font-size:.85rem}
.table-wrap{overflow:auto;border:1px solid var(--border);border-radius:var(--radius)}
table{width:100%;border-collapse:collapse}th,td{padding:.6rem;border-bottom:1px solid var(--border);text-align:left}thead th{position:sticky;top:0;background:#fafafa}
aside.notice{font-size:.95rem;color:#333;background:#fff6f5;border-left:4px solid var(--accent);padding:1rem;border-radius:8px}
pre code{display:block;overflow:auto;padding:1rem;background:#0d1117;color:#c9d1d9;border-radius:10px}
kbd{background:#eee;border:1px solid #ccc;border-bottom-color:#bbb;border-radius:4px;padding:0 .35rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
footer{font-size:.95rem;color:var(--muted)}.lang-switch{margin-left:auto}.breadcrumbs{font-size:.9rem;color:var(--muted)}
.toc{border:1px solid var(--border);border-radius:var(--radius);padding:1rem;background:#fafafa}
.small{font-size:.92rem;color:#444}.back-to-top{position:fixed;right:1rem;bottom:1rem;display:none}.back-to-top.show{display:block}
.widget{border:1px dashed var(--border);border-radius:var(--radius);padding:1rem}.slider{width:100%}
input[type="email"],input[type="text"],input[type="search"],select,button{font:inherit;padding:.6rem .7rem;border:1px solid var(--border);border-radius:10px;background:#fff}
button.primary{background:var(--accent);color:#fff;border:none}
img{max-width:100%;height:auto}figure{margin:0}
code.inline{padding:.1rem .3rem;background:#f3f3f3;border-radius:6px}
@media (prefers-reduced-motion:no-preference){
  a,button{transition:transform .1s ease,background-color .2s ease,opacity .2s ease}
  a:hover.btn{transform:translateY(-1px)}
}