:root { --bg:#f7f9fc; --card:#fff; --text:#1a2233; --soft:#333d4d; --faint:#6b7280; --line:#e3e8f2; --accent:#1477c6; --tip:#eaf4fd; color-scheme:light dark; }
@media (prefers-color-scheme: dark) { :root { --bg:#12151f; --card:#1b1f2c; --text:#e6e9f2; --soft:#c5cbe0; --faint:#8a90b0; --line:#2c3245; --accent:#5fb4f0; --tip:#1d2a3d; } }
* { box-sizing:border-box; }
body { margin:0; font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif; background:var(--bg); color:var(--text); line-height:1.65; -webkit-text-size-adjust:100%; text-size-adjust:100%; }
.g-top { background:var(--card); border-bottom:1px solid var(--line); padding:12px 16px; display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.g-top a.g-brand { display:flex; align-items:center; gap:8px; color:var(--text); text-decoration:none; font-weight:700; font-size:1.05rem; margin-right:auto; }
.g-top a.g-brand img { width:30px; height:30px; }
.g-top nav { display:flex; gap:14px; flex-wrap:wrap; font-size:.92rem; }
.g-top nav a { color:var(--accent); text-decoration:none; }
main { max-width:760px; margin:0 auto; padding:28px 16px 64px; }
h1 { font-size:1.65rem; line-height:1.3; margin:0 0 6px; }
.g-meta { color:var(--faint); font-size:.85rem; margin:0 0 24px; }
h2 { font-size:1.15rem; margin:30px 0 8px; color:var(--accent); }
h3 { font-size:1rem; margin:20px 0 6px; }
p, li { font-size:.97rem; color:var(--soft); }
a { color:var(--accent); }
ul, ol { padding-left:22px; }
li { margin:4px 0; }
.g-tip { background:var(--tip); border-radius:10px; padding:14px 16px; margin:20px 0; font-size:.93rem; }
.g-cta { display:inline-block; margin:18px 0 6px; background:linear-gradient(135deg,#1477c6,#19b5d8); color:#fff; text-decoration:none; font-weight:600; padding:11px 18px; border-radius:12px; }
.g-list { list-style:none; padding:0; }
.g-list li { background:var(--card); border:1px solid var(--line); border-radius:12px; padding:14px 16px; margin:12px 0; }
.g-list li a { font-weight:600; font-size:1.02rem; text-decoration:none; }
.g-list li p { margin:4px 0 0; font-size:.92rem; }
table { border-collapse:collapse; width:100%; font-size:.92rem; margin:12px 0; display:block; overflow-x:auto; }
th, td { border:1px solid var(--line); padding:8px 10px; text-align:left; color:var(--soft); }
th { background:var(--card); color:var(--text); }
.g-related { border-top:1px solid var(--line); margin-top:40px; padding-top:16px; }
.g-foot { border-top:1px solid var(--line); background:var(--card); padding:18px 16px; font-size:.85rem; color:var(--faint); text-align:center; }
.g-foot a { color:var(--accent); margin:0 7px; text-decoration:none; white-space:nowrap; }