#__next,body,html{height:100%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;background:#f8fafc;color:#0f172a}a{color:inherit;text-decoration:none}.container{max-width:960px;margin:0 auto;padding:24px 16px}.header{padding:24px 0}.header h1{font-size:clamp(28px,5vw,42px);margin:0 0 8px}.header p{margin:0;color:#cbd5e1}.card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:16px}.card.link:hover{border-color:#cbd5e1;background:#fff}.muted{color:#475569;font-size:14px}.cards{list-style:none;padding:0;margin:24px 0 0;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}.card-vertical{display:flex;flex-direction:column;height:100%;padding:0;overflow:hidden}.card-vertical .card-body{display:flex;flex-direction:column;gap:6px;padding:16px}.card-media{width:100%;height:clamp(110px,16vw,160px);object-fit:cover;background:#e2e8f0}.card-title{margin:0;font-size:18px;font-weight:500;color:#0f172a}.card-text{color:#334155;font-size:14px}.card-body .muted{display:block;margin-bottom:4px;color:#94a3b8}.hero{display:grid;grid-template-columns:1.6fr 1fr;grid-gap:20px;gap:20px;align-items:start;margin-bottom:24px}.hero-media{width:100%;height:320px;border-radius:20px;object-fit:cover;background:#e2e8f0}.hero-title{font-size:24px;font-weight:400;margin:8px 0}.hero-text{color:#334155;font-size:15px}.article{padding-top:24px}.article h1{font-size:clamp(28px,4.5vw,40px);margin:0 0 8px}.article-meta{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:12px}.article-meta-left,.article-meta-right{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.article-reading-time{display:inline-flex;align-items:center;gap:6px}.article-reading-time svg{width:16px;height:16px;fill:#475569}.article-description{font-size:16px;color:#334155;margin:0 0 20px;line-height:1.7;white-space:pre-line}.article-cover{width:100%;border-radius:16px;object-fit:cover;margin:0 0 24px;max-height:420px}.content :where(h2){font-size:clamp(22px,4vw,28px);margin-bottom:12px}.content :where(h1,h2,h3,h4,h5,h6){margin-top:32px;margin-bottom:12px}.content :where(h1,h2,h3,h4,h5,h6):first-child{margin-top:0}.content :where(p,ul,ol){line-height:1.7}.content pre{background:#f1f5f9;padding:12px;border-radius:8px;overflow:auto}.content code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.content img{max-width:100%;height:auto;display:block;margin:12px 0}.content br.extra-break:after{content:"";display:block;margin:16px 0}.content a{color:#2563eb;text-decoration:none}.content a:hover{color:#1d4ed8}.content .table-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.content .table-wrapper table{width:100%}.content table{border-collapse:collapse;width:100%;margin:12px 0}.content table,.content td,.content th{border:1px solid #475569}.content td,.content th{padding:8px}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:30;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.topbar-inner{border-bottom:1px solid #e5e7eb;background:hsla(0,0%,100%,.8)}.topbar-content{max-width:960px;margin:0 auto;height:48px;justify-content:space-between;padding:0 16px}.crumbs,.topbar-content{display:flex;align-items:center}.crumbs{gap:8px;font-size:14px;color:#475569}.crumb-current{color:#0f172a;font-weight:600}.topbar-actions{display:flex;align-items:center;gap:8px}.topbar-strip{background:#0b1f3a;color:#fff;border-top:none;border-bottom:1px solid #0a1a34}.topbar-strip-inner{max-width:960px;margin:0 auto;padding:6px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:nowrap;width:100%;box-sizing:border-box}.topbar-strip-text{font-weight:400;font-size:14px;color:#fff;text-align:left;flex:1 1;min-width:0;line-height:1.35;overflow-wrap:anywhere;word-break:break-word}.btn{height:36px;padding:0 14px;border-radius:10px;border:1px solid #e5e7eb;background:#fff;color:#0f172a;font-size:14px;cursor:pointer}.btn:hover{background:#f8fafc}.btn-primary{background:#2563eb;color:#fff;border-color:#2563eb}.btn-primary:hover{background:#1d4ed8;border-color:#1d4ed8}.topbar-strip .btn{height:28px;padding:0 8px;display:inline-flex;align-items:center;gap:6px;font-size:13px;flex:0 0 auto}.topbar-strip .btn-icon{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px}.topbar-strip .btn-icon svg{width:14px;height:14px}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;padding:16px;z-index:50}.modal-title{font-size:18px;font-weight:600;color:#0f172a}.modal-body{margin-top:12px;display:flex;flex-direction:column;gap:10px}.field-label{font-size:13px;color:#334155}.field-input,.field-textarea{width:100%;box-sizing:border-box;display:block;border:1px solid #e5e7eb;border-radius:10px;padding:8px 10px;font-size:15px}.field-textarea{min-height:120px}.modal-card{width:100%;max-width:560px;background:#fff;border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.15);padding:16px;box-sizing:border-box;position:relative}.field-check{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:#334155}.modal-actions{margin-top:12px;display:flex;align-items:center;gap:8px}.howit-modal .modal-body{gap:14px}.howit-steps{margin:0;padding-left:20px;color:#334155;display:flex;flex-direction:column;gap:16px}.howit-steps li{line-height:1.6;display:block}.howit-step-text{display:block}.howit-gear{display:inline-flex;align-items:center;justify-content:center;margin:0 4px;vertical-align:middle}.howit-gear svg{width:16px;height:16px;fill:#475569}.howit-copy-btn{margin-top:8px}.howit-divider{text-align:center;color:#475569;font-weight:600;margin:4px 0}.howit-secondary{display:flex;justify-content:flex-start;align-items:flex-start;padding-left:20px}.howit-secondary .btn{margin-top:8px}.floating-copy-cta{position:fixed;left:0;right:0;bottom:16px;display:flex;justify-content:center;z-index:40;pointer-events:none}.floating-copy-cta .btn{box-shadow:0 8px 24px rgba(15,23,42,.16);pointer-events:auto}.modal-close{position:absolute;top:12px;right:12px;border:none;background:transparent;padding:6px;border-radius:999px;cursor:pointer;color:#475569}.modal-close:hover{background:#f1f5f9}.modal-close svg{width:16px;height:16px}@media (max-width:960px){.hero{display:flex;flex-direction:column;background:#fff;border:1px solid #e5e7eb;border-radius:20px;overflow:hidden}.hero-media{height:220px;border-radius:0}.hero-body{padding:20px;display:flex;flex-direction:column;gap:8px}.hero-title{font-size:22px;margin:0}.cards{display:flex;flex-direction:column;gap:24px}.card-vertical{border-radius:20px;border:1px solid #e5e7eb;background:#fff}.card-vertical .card-media{height:220px}.card-vertical .card-body{padding:20px;gap:8px}.card-vertical .muted{font-size:15px}.topbar-strip-inner{width:100%}.topbar-strip-text{width:auto;text-align:left}.topbar-strip .btn{width:auto}.floating-copy-cta{bottom:12px;padding:0 12px}}@media (min-width:961px){.article{padding-top:40px}.article-meta{margin-bottom:40px}.topbar-strip-inner{justify-content:flex-end}.topbar-strip-text{text-align:right}}