.gi{margin-top:44px;padding-top:26px;border-top:1px solid var(--border)}.gi-bar{display:flex;flex-wrap:wrap;gap:10px}.gi-btn{display:inline-flex;align-items:center;gap:7px;padding:8px 15px;font-size:14px;font-family:inherit;color:var(--muted);background:var(--bg);text-decoration:none;border:1px solid var(--border);border-radius:20px;cursor:pointer}.gi-btn:hover{color:var(--text);border-color:var(--accent)}.gi-btn[aria-pressed=true],.gi-btn.on{color:var(--accent);border-color:var(--accent)}.gi-ico{font-size:13px;line-height:1}.gi-comments{margin-top:30px}.gi-title{font-size:17px;margin:0 0 16px}.gi-tip{font-size:14px;color:var(--muted);margin:0 0 16px}.gi-tip a{color:var(--accent)}.gi-form textarea,.gi-reply-form textarea{width:100%;padding:11px 13px;font-size:14px;font-family:inherit;line-height:1.7;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:10px;resize:vertical}.gi-form textarea:focus,.gi-reply-form textarea:focus{outline:none;border-color:var(--accent)}.gi-form-foot{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:8px}.gi-len{margin-right:auto;font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.gi-submit{padding:8px 20px;font-size:14px;font-weight:600;font-family:inherit;color:#06231d;background:var(--accent);border:0;border-radius:9px;cursor:pointer}.gi-submit:disabled{opacity:.6;cursor:default}.gi-msg{min-height:18px;margin:10px 0 0;font-size:13px}.gi-msg.ok{color:var(--accent)}.gi-msg.err{color:#ff8b7a}.gi-list{margin-top:18px}.gi-empty{font-size:14px;color:var(--muted)}.gi-c{padding:16px 0;border-top:1px solid var(--border)}.gi-c:first-child{border-top:0}.gi-c-head{display:flex;align-items:baseline;gap:10px}.gi-c-name{font-size:14px;font-weight:600;color:var(--text);text-decoration:none}a.gi-c-name:hover{color:var(--accent)}.gi-c-time{font-size:12.5px;color:var(--muted)}.gi-c-body{margin:8px 0 0;font-size:14.5px;line-height:1.75;white-space:pre-wrap;word-break:break-word}.gi-c-deleted{color:var(--muted);font-style:normal}.gi-c-ops{display:flex;gap:14px;margin-top:9px}.gi-c-op{padding:0;font-size:13px;font-family:inherit;color:var(--muted);background:none;border:0;cursor:pointer}.gi-c-op:hover{color:var(--text)}.gi-c-op.on{color:var(--accent)}.gi-c-op.danger:hover{color:#ff8b7a}.gi-kids{margin:8px 0 0 14px;padding-left:14px;border-left:2px solid var(--border)}.gi-kids .gi-c{padding:9px 0}.gi-kids .gi-c:first-child{padding-top:4px}.gi-reply-form{margin-top:12px}.gi-report-form{margin-top:12px;display:flex;flex-direction:column;gap:8px}@media(max-width:640px){.gi-c-ops{gap:20px;margin-top:6px}.gi-c-op{padding:8px 3px;font-size:14px}.gi-btn{padding:10px 16px}.gi-submit{padding:10px 22px}}.gi-report-form select{align-self:flex-start;padding:7px 11px;font-size:13px;font-family:inherit;color:var(--text);background:var(--bg);border:1px solid var(--border);border-radius:8px}.gi-cf-mask{position:fixed;inset:0;z-index:90;display:grid;place-items:center;background:#06080c9e;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;transition:opacity .15s}.gi-cf-mask.on{opacity:1}.gi-cf{width:min(360px,calc(100vw - 40px));padding:20px 20px 16px;border-radius:14px;background:var(--surface);border:1px solid var(--border);box-shadow:0 18px 48px #00000080;transform:translateY(8px) scale(.98);transition:transform .15s}.gi-cf-mask.on .gi-cf{transform:none}.gi-cf-title{margin:0;font-size:15px;font-weight:600;color:var(--text)}.gi-cf-body{margin:8px 0 0;font-size:13px;line-height:1.6;color:var(--muted)}.gi-cf-act{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.gi-cf-btn{padding:8px 16px;border-radius:8px;font-size:13.5px;border:1px solid var(--border);background:none;color:var(--text);cursor:pointer;transition:background .15s,border-color .15s}.gi-cf-btn:hover{border-color:var(--muted)}.gi-cf-btn.danger{background:#b4353f;border-color:#b4353f;color:#fff}.gi-cf-btn.danger:hover{background:#c93e49;border-color:#c93e49}.gi-cf-btn.primary{background:var(--accent);border-color:var(--accent);color:#06231f}.g-views{white-space:nowrap}.muted .g-author{color:inherit;text-decoration:none;border-bottom:1px dashed rgba(255,255,255,.28);padding-bottom:1px}.muted .g-author:hover{color:var(--accent);border-bottom-color:var(--accent)}.muted .g-author:focus-visible{outline:2px solid var(--accent);outline-offset:2px}:root{--toc-w: 180px;--rel-w: 244px;--col-gap: 34px}.guide-layout{display:grid;grid-template-columns:var(--toc-w) minmax(0,1fr) var(--rel-w);gap:var(--col-gap);align-items:start;margin-top:26px}.guide-layout.no-toc{--toc-w: 0px;grid-template-columns:minmax(0,1fr) var(--rel-w)}.guide-layout .prose{font-size:17px;line-height:1.78}.gi-wrap{margin:54px 0 0 calc(var(--toc-w, 184px) + var(--col-gap, 34px));width:calc(100% - var(--toc-w, 184px) - var(--rel-w, 232px) - var(--col-gap, 34px) * 2)}.guide-layout.no-toc~.gi-wrap,.no-toc~.gi-wrap{margin-left:0}.tag-row{margin-top:32px}.back-link{margin-top:36px}.guide-video{margin:0 0 26px}.g-title{font-size:28px;line-height:1.35}@media(max-width:640px){.g-title{font-size:23px;line-height:1.42}}.toc-wrap{position:sticky;top:84px;order:-1}.toc{font-size:13px;line-height:1.6;border-right:1px solid var(--border);padding-right:16px}.toc summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:10px;padding:7px 0}.toc summary::-webkit-details-marker{display:none}.toc summary:after{content:"";flex:none;width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .2s}.toc[open] summary:after{transform:rotate(-135deg) translateY(-2px)}.toc ol{list-style:none;margin:0;padding:0}.toc-item{margin-bottom:8px}.toc-item.d3{padding-left:13px;font-size:12.5px}.toc-item a{color:var(--muted);text-decoration:none;display:block;border-left:2px solid transparent;margin-left:-18px;padding-left:16px;transition:color .15s}.toc-item a:hover{color:var(--text)}.toc-item a.active{color:var(--accent);border-left-color:var(--accent);font-weight:600}.guide-promo{margin:28px 0 0 calc(var(--toc-w, 184px) + var(--col-gap, 34px));width:calc(100% - var(--toc-w, 184px) - var(--rel-w, 232px) - var(--col-gap, 34px) * 2)}.no-toc~.guide-promo{margin-left:0}.guide-promo[hidden]{display:none!important}.guide-promo .promo-card{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:11px;background:#ffffff06;border:1px dashed rgba(255,255,255,.18);text-decoration:none}.guide-promo .promo-card:hover{border-color:#5eead473}.guide-promo .promo-card+.promo-card{margin-top:10px}.guide-promo .promo-thumb{width:78px;height:56px;flex:none;border-radius:7px;object-fit:cover}.guide-promo .promo-main{min-width:0}.guide-promo strong{display:block;font-size:14.5px;color:var(--text)}.guide-promo p{margin:5px 0 0;font-size:13px;color:var(--muted)}.guide-promo .promo-tag{margin-left:auto;flex:none;font-size:11px;color:var(--muted);padding:2px 7px;border-radius:4px;border:1px solid rgba(255,255,255,.16)}@media(max-width:560px){.guide-promo .promo-thumb{width:62px;height:46px}}.related-wrap{position:sticky;top:84px}.related{border-left:1px solid var(--border);padding-left:16px}.related h2{font-size:12px;margin:0 0 12px;padding:7px 0;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:600}.related ul{list-style:none;margin:0;padding:0}.related li{display:block;padding:10px 0;border-bottom:1px solid var(--border)}.related li:last-child{border-bottom:0}.related li a{display:block;color:var(--text);text-decoration:none;font-size:13.5px;line-height:1.55}.related li a:hover{color:var(--accent)}.related li span{display:block;margin-top:4px;font-size:11.5px;color:#8d96a6}@media(max-width:1080px){.guide-layout,.guide-layout.no-toc{grid-template-columns:1fr;gap:0}.toc-wrap{position:static;margin-bottom:24px;order:-1}.toc{border-right:0;padding-right:0}.related-wrap{position:static;margin-top:40px}.related{border-left:0;border-top:1px solid var(--border);padding-left:0;padding-top:22px}.related h2{font-size:17px;text-transform:none;letter-spacing:0;color:var(--text)}.related li a{font-size:15px}.gi-wrap{margin:44px 0 0;width:auto}.guide-promo{margin:36px 0 0;width:auto}.toc{border-left:0;padding:12px 16px;background:var(--surface);border:1px solid var(--border);border-radius:12px}.toc summary{margin-bottom:0}.toc[open] summary{margin-bottom:10px}.toc-item a{margin-left:0;padding-left:0;border-left:0}.toc-item a.active{border-left:0}}
