:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:#26364a;background:#f4f7f8}*{box-sizing:border-box}body{margin:0}a{color:inherit}.page-header{height:72px;padding:0 max(24px,calc((100vw - 1180px)/2));display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #e5ebef}.page-brand{display:flex;align-items:center;gap:11px;text-decoration:none}.page-brand>span{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#14243a;color:#fff;font-size:22px}.page-brand b{font-size:17px}.page-brand small{display:block;margin-top:2px;color:#8a96a5;font-size:9px;letter-spacing:.1em;font-weight:500}.page-header nav,.page-footer nav{display:flex;align-items:center;gap:20px}.page-header nav a,.page-footer a{color:#607287;font-size:12px;text-decoration:none}.page-header nav a:hover,.page-footer a:hover{text-decoration:underline}.page-shell{display:grid;grid-template-columns:210px minmax(0,760px);gap:55px;max-width:1080px;min-height:calc(100vh - 136px);margin:auto;padding:54px 28px 80px}.page-nav{display:flex;flex-direction:column;align-self:start;position:sticky;top:28px;padding:8px;border:1px solid #e1e8ed;border-radius:13px;background:#fff}.page-nav a{padding:10px 12px;border-radius:8px;color:#66778a;font-size:12px;text-decoration:none}.page-nav a:hover{background:#f4f7f8;color:#273b52}.page-nav a[aria-current=page]{background:#eaf4ef;color:#176c4c;font-weight:800}.page-content{min-width:0}.eyebrow{margin:0 0 8px;color:#2e8f68;font-size:10px;font-weight:800;letter-spacing:.18em}.page-content h1{margin:0;color:#17283e;font-size:38px;letter-spacing:-.04em}.page-lead{max-width:700px;margin:15px 0 30px;color:#627387;font-size:16px;line-height:1.8}.content-stack{display:grid;gap:15px}.content-card{position:relative;padding:22px;border:1px solid #e0e7ec;border-radius:13px;background:#fff}.content-card h2{margin:0 0 11px;color:#283b51;font-size:17px}.content-card p{margin:0;color:#657589;font-size:13px;line-height:1.8}.content-card p+p{margin-top:10px}.content-card ul{margin:0;padding-left:20px;color:#596c81;font-size:13px;line-height:1.85}.two-column,.dependency-grid,.support-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.feature-grid>div{padding:13px;border-radius:9px;background:#f4f8f6;color:#3f5b4e;text-align:center;font-size:12px}.feature-grid p{margin-top:5px;font-size:11px}.inline-links{display:flex;gap:18px;margin-top:12px!important}.inline-links a{color:#267457;font-weight:700}.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.primary-action,.secondary-action,.kofi-action{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px;border-radius:9px;font-size:12px;font-weight:800;text-decoration:none}.primary-action{background:#243a53;color:#fff}.secondary-action{border:1px solid #d8e2e9;background:#f8fafb;color:#405a73}.primary-action:hover{background:#182d44}.secondary-action:hover{background:#eef3f6}.license-tag,.section-chip{position:absolute;right:18px;top:18px;padding:4px 9px;border-radius:20px;background:#e4f4eb;color:#16734e;font-size:10px;font-weight:800}.license-tag.neutral{background:#edf2f5;color:#63778a}.content-card code{word-break:break-word}.steps{list-style:none;counter-reset:step;display:grid;gap:9px;margin:0;padding:0}.steps li{counter-increment:step;display:grid;grid-template-columns:32px 110px 1fr;align-items:center;gap:9px;padding:15px 17px;border:1px solid #e0e7ec;border-radius:11px;background:#fff}.steps li:before{content:counter(step);display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#e7f4ed;color:#176748;font-size:12px;font-weight:800}.steps b{font-size:13px}.steps span{color:#647589;font-size:12px;line-height:1.6}.support-panel{display:flex;min-height:0;flex-direction:column}.support-panel h2{margin-top:15px}.support-qr{display:block;width:min(100%,220px);height:auto;margin:18px auto 0;border-radius:12px}.support-panel.global{background:#fffaf7;border-color:#f0ddd4}.support-panel.global>div{display:flex;height:100%;flex-direction:column}.section-chip.orange{background:#ffeadf;color:#cc4f26}.kofi-action{margin-top:auto;background:#ff5e3a;color:#fff}.kofi-action:hover{background:#e94f2c}.topic-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.topic-grid span{padding:13px 8px;border:1px solid #dfe7ed;border-radius:9px;background:#fff;color:#52667c;text-align:center;font-size:12px;font-weight:800}.fine-print{margin:2px 0 0;color:#8b98a7;font-size:11px;text-align:center;line-height:1.7}.page-footer{min-height:64px;padding:13px max(24px,calc((100vw - 1180px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fff;border-top:1px solid #e5ebef;color:#7d8998;font-size:11px}.page-footer>div{display:flex;gap:12px}.page-footer b{color:#35485e}@media(max-width:760px){.page-header{height:auto;min-height:68px;padding:12px 16px}.page-header nav{gap:12px}.page-shell{display:block;padding:25px 16px 55px}.page-nav{position:static;display:flex;flex-direction:row;gap:4px;margin-bottom:28px;overflow:auto;white-space:nowrap}.page-content h1{font-size:30px}.page-lead{font-size:14px}.two-column,.dependency-grid,.support-grid,.action-grid{grid-template-columns:1fr}.feature-grid,.topic-grid{grid-template-columns:1fr 1fr}.steps li{grid-template-columns:30px 1fr}.steps span{grid-column:2}.page-footer{display:block;padding:15px 16px}.page-footer nav{margin-top:8px}.inline-links{flex-direction:column;gap:6px}}@media print{.page-header,.page-nav,.page-footer{display:none}.page-shell{display:block;padding:0}.content-card{break-inside:avoid}}