:root{--paper:#f6f8fa;--surface:#fff;--surface-2:#eef3f6;--ink:#101419;--ink-soft:#343b43;--muted:#68727d;--rule:#dce3e8;--rule-soft:#eaf0f3;--accent:#008ecf;--accent-hover:#0078b0;--accent-soft:#dff5ff;--lime:#cbea56;--lime-soft:#efffb7;--inbound:#2865b0;--inbound-soft:#e4f1ff;--warn:#9a4b12;--warn-soft:#fff0e3;--sans:"Avenir Next", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;--mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--radius:12px;--radius-lg:20px;--shadow:0 12px 36px #10141914;--shadow-sm:0 4px 16px #1014190f}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--paper);color:var(--ink);font-family:var(--sans);margin:0;font-size:15px;line-height:1.55}a{color:var(--accent)}button,input,textarea,select{font:inherit;color:inherit}button{-webkit-tap-highlight-color:transparent}.shell{grid-template-columns:244px minmax(0,1fr);height:100%;display:grid}.workspace{flex-direction:column;min-width:0;min-height:0;display:flex}.sidebar{background:var(--surface);border-right:1px solid var(--rule-soft);flex-direction:column;gap:6px;padding:26px 18px;display:flex}.mobile-head,.menu-scrim,.menu-close{display:none}.brand{flex-direction:column;gap:2px;padding:0 12px 22px;display:flex}.brand small{color:var(--muted);font-size:12px;font-weight:400}.orgswitch{font:inherit;letter-spacing:-.02em;color:inherit;cursor:pointer;appearance:none;background-color:#0000;background-image:linear-gradient(45deg, transparent 50%, var(--muted) 50%), linear-gradient(135deg, var(--muted) 50%, transparent 50%);background-position:right 10px center,right 5px center;background-repeat:no-repeat;background-size:6px 6px,6px 6px;border:0;border-radius:8px;width:100%;margin-left:-4px;padding:2px 22px 2px 4px;font-size:16px;font-weight:600}.orgswitch:hover{background-color:var(--surface-2)}.orgswitch:focus{box-shadow:0 0 0 3px var(--accent-soft)}.mobile-brand .orgswitch{font-size:15px}.navlink{border-radius:var(--radius);text-align:left;cursor:pointer;color:var(--ink-soft);background:0 0;border:none;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:10px 12px;font-weight:600;display:flex}.navlink:hover{background:var(--surface-2)}.navlink.quiet{color:var(--muted);font-size:13.5px;font-weight:500}.nav-quiet{flex-direction:column;gap:2px;margin-top:12px;display:flex}.navlink[aria-current=true]{background:var(--accent-soft);color:#006b9c;font-weight:700}.navlink .count{font-family:var(--mono);background:var(--accent);color:var(--surface);border-radius:20px;padding:1px 7px;font-size:11px}.sidebar-bottom{margin-top:auto}.sidebar-bottom .navlink{margin-bottom:6px}.sidebar-foot{border-top:1px solid var(--rule-soft);color:var(--muted);overflow-wrap:anywhere;flex-direction:column;gap:10px;margin-top:auto;padding:16px 12px 0;font-size:12px;display:flex}.main{flex:1;min-height:0;padding:42px clamp(24px,4vw,64px) 72px;overflow:auto}.main.flush{flex-direction:column;height:100%;padding:0;display:flex;overflow:hidden}.news-strip{background:var(--lime);min-height:64px;color:var(--ink);justify-content:center;align-items:center;gap:28px;padding:13px 20px;font-size:14px;display:flex;position:relative}.news-action{background:var(--ink);color:#fff;cursor:pointer;white-space:nowrap;border:0;border-radius:10px;padding:10px 15px;font-weight:600}.news-action:hover{background:#283038}.news-close{cursor:pointer;background:#ffffffb8;border:1px solid #10141924;border-radius:9px;width:34px;height:34px;font-size:22px;line-height:1;position:absolute;right:14px}.news-strip.todo{padding-right:20px}h1{letter-spacing:-.045em;margin:0 0 10px;font-size:clamp(30px,4vw,44px);font-weight:600;line-height:1.05}h2{letter-spacing:-.025em;margin:0 0 14px;font-size:19px;font-weight:600}.lede{color:var(--muted);max-width:62ch;margin:0 0 30px;font-size:16px;line-height:1.5}.eyebrow{font-family:var(--mono);letter-spacing:.11em;text-transform:uppercase;color:var(--muted);font-size:10.5px}.btn{background:var(--accent);color:#fff;border:1px solid var(--accent);cursor:pointer;border-radius:10px;padding:10px 17px;font-weight:600;transition:background .14s,transform .14s,box-shadow .14s;box-shadow:0 3px #00557d1f}.btn:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover);transform:translateY(-1px);box-shadow:0 5px 14px #008ecf33}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.secondary{background:var(--surface);color:var(--ink-soft);border-color:var(--rule);box-shadow:none}.btn.secondary:hover:not(:disabled){background:var(--surface-2);filter:none}.btn.small{padding:7px 12px;font-size:12.5px}.btn.danger{color:#fff;box-shadow:none;background:#a41d0e;border-color:#a41d0e}.btn.danger:hover:not(:disabled){background:#8a1809;border-color:#8a1809}.danger-zone{border-radius:var(--radius);background:#fff5f3;border:2px solid #a41d0e;margin-top:16px;padding:16px 18px}.danger-zone h3{color:#a41d0e;letter-spacing:-.01em;margin:0 0 8px;font-size:15px;font-weight:600}.danger-zone p{color:#6d1a0e;margin:0 0 10px;font-size:13.5px;line-height:1.5}.danger-zone ul{color:#6d1a0e;margin:0 0 12px;padding-left:20px;font-size:13.5px}.danger-zone li{margin-bottom:3px}.danger-zone strong{color:#a41d0e}.field{flex-direction:column;gap:7px;margin-bottom:18px;display:flex}.field label{color:var(--ink-soft);font-size:13px;font-weight:600}input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=file]):not([type=range]):not([type=submit]):not([type=button]):not([type=reset]),textarea,select{background:var(--surface);border:1px solid var(--rule);border-radius:10px;width:100%;padding:11px 13px;transition:border-color .14s,box-shadow .14s}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}textarea{resize:vertical;min-height:76px}h3.section{letter-spacing:-.01em;border-top:1px solid var(--rule-soft);margin:24px 0 6px;padding-top:20px;font-size:15px;font-weight:600}.appearance{grid-template-columns:minmax(240px,1fr) 290px;align-items:start;gap:26px;display:grid}.appearance .field{margin-bottom:15px}.appearance .with-swatch{align-items:center;gap:8px;display:flex}.appearance input[type=color]{cursor:pointer;background:var(--surface);border:1px solid var(--rule);border-radius:10px;flex:none;width:42px;height:42px;padding:3px}.appearance .actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.preview{position:sticky;top:12px}.preview .meta{margin:10px 0 0}.tcp{color:#16181a;box-shadow:var(--shadow-sm);border:1px solid #0000001a;overflow:hidden}.tcp .bar{opacity:.2;background:currentColor;border-radius:4px;height:7px;display:block}.tcp-head{border-bottom:1px solid #00000014;align-items:center;gap:10px;padding:12px 14px;display:flex}.tcp-avatar{color:#fff;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;font-size:13px;font-weight:600;display:grid;overflow:hidden}.tcp-avatar img{object-fit:cover;width:100%;height:100%;display:block}.tcp-team{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.tcp-naming{flex-wrap:wrap;align-items:center;gap:8px;padding:10px 14px;display:flex}.tcp-naming .bar{flex:100%}.tcp-box{border:1px solid #00000047;border-radius:8px;flex:60px;height:26px}.tcp-chip{border-radius:8px;flex:none;width:52px;height:26px}.tcp-stream{flex-direction:column;gap:8px;padding:14px;display:flex}.tcp-b{border-radius:14px;flex-direction:column;gap:6px;width:76%;padding:9px 12px;display:flex}.tcp-b.out{background:#0000000d;align-self:flex-start}.tcp-b.in{color:#fff;align-self:flex-end;width:64%}.tcp-b.short{width:52%}.tcp-composer{border-top:1px solid #00000014;gap:8px;padding:10px 12px;display:flex}.tcp-pill{border:1px solid #00000026;border-radius:999px;flex:1;height:30px}@media (width<=1000px){.appearance{grid-template-columns:1fr}.preview{position:static}}.langs{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:18px;display:flex}.lang{cursor:pointer;font:inherit;border:1px solid var(--rule);background:var(--surface);color:var(--ink-soft);border-radius:999px;align-items:baseline;gap:7px;padding:6px 12px;font-size:13px;font-weight:600;display:inline-flex}.lang span{opacity:.65;font-variant-numeric:tabular-nums;font-size:11.5px;font-weight:400}.lang em{opacity:.8;font-style:normal;font-weight:400}.lang.on{border-color:var(--ink);color:var(--ink)}.lang.bad{color:#a41d0e;border-color:#a41d0e}.field label.key{font-family:var(--mono);font-size:12.5px;font-weight:500}.card{background:var(--surface);border:1px solid var(--rule-soft);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:24px}.card+.card{margin-top:18px}.rows{border:1px solid var(--rule-soft);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm);overflow:hidden}.row{border-bottom:1px solid var(--rule-soft);text-align:left;cursor:pointer;background:0 0;border-top:none;border-left:none;border-right:none;align-items:center;gap:16px;width:100%;padding:16px 20px;display:flex}.row:last-child{border-bottom:none}.row:hover{background:#f5fbfe}.row.static{cursor:default}.row.static:hover{background:0 0}.row .grow{flex:1;min-width:0}.row .truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.meta{color:var(--muted);font-size:12.5px}.mono{font-family:var(--mono);font-size:12.5px}.pill{font-family:var(--sans);letter-spacing:.02em;text-transform:uppercase;background:var(--surface-2);color:var(--ink-soft);border-radius:20px;padding:4px 9px;font-size:11px;font-weight:600}.pill.unread{background:var(--accent);color:#fff}.pill.inbound{background:var(--inbound-soft);color:var(--inbound)}.empty{color:var(--muted);text-align:center;border-radius:var(--radius-lg);background:#ffffff8c;border:1px dashed #cbd6dc;padding:52px 20px}.error{background:var(--warn-soft);border:1px solid var(--warn);color:var(--warn);border-radius:var(--radius);margin-bottom:14px;padding:9px 12px}.grid2{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.stat{background:var(--surface);border:1px solid var(--rule-soft);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:18px 20px}.stat b{font-variant-numeric:tabular-nums;letter-spacing:-.04em;font-size:30px;font-weight:600;display:block}.auth{background:radial-gradient(circle at 80% 12%, var(--accent-soft) 0 14%, transparent 35%), radial-gradient(circle at 8% 90%, var(--lime-soft) 0 12%, transparent 34%), #f9fbfc;place-items:center;min-height:100%;padding:40px 20px;display:grid}.auth .card{width:100%;max-width:430px;box-shadow:var(--shadow);padding:32px}.auth-brand{letter-spacing:-.03em;align-items:center;gap:12px;margin-bottom:24px;font-size:20px;font-weight:600;display:flex}.auth-brand>span:last-child{flex-direction:column;display:flex}.auth-brand small{color:var(--muted);letter-spacing:0;font-size:12px;font-weight:500}.auth-mark{width:auto;height:42px;display:block}.tabs{gap:4px;margin-bottom:18px;display:flex}.tabs button{border:1px solid var(--rule);background:var(--surface);border-radius:var(--radius);cursor:pointer;color:var(--muted);flex:1;padding:7px}.tabs button[aria-selected=true]{background:var(--accent-soft);border-color:var(--accent);color:#006b9c;font-weight:600}.thread-shell{grid-template-columns:1fr 290px;height:100%;display:grid;overflow:hidden}.thread-main{flex-direction:column;display:flex;overflow:hidden}.thread-head{border-bottom:1px solid var(--rule-soft);background:var(--surface);align-items:center;gap:14px;padding:18px 24px;display:flex}.stream{flex-direction:column;flex:1;gap:12px;padding:24px;display:flex;overflow:auto}.bubble{border-radius:16px;max-width:62%;padding:11px 15px}.bubble .who{font-family:var(--mono);letter-spacing:.09em;text-transform:uppercase;opacity:.7;margin-bottom:3px;font-size:10px}.bubble .when{color:var(--muted);margin-top:4px;font-size:11px}.bubble.out{background:var(--accent-soft);border:1px solid #0000;align-self:flex-end}.bubble.out.broadcast{border-left:5px solid var(--lime)}.bubble.out.system{border:1px dashed var(--rule);color:var(--muted);text-align:center;background:0 0;align-self:center;max-width:80%}.bubble.in{background:var(--surface);border:1px solid var(--rule);align-self:flex-start}.bubble.card-msg{background:0 0;border:none;align-self:stretch;max-width:100%;padding:0}.composer{border-top:1px solid var(--rule-soft);background:var(--surface);align-items:flex-end;gap:10px;padding:14px 18px;display:flex}.composer textarea{min-height:40px;max-height:140px}.card-strip{border-top:1px solid var(--rule-soft);background:var(--surface);max-height:42vh;padding:14px 18px 10px;overflow-y:auto}.card-strip>:last-child{margin-bottom:0}.card-strip .lead-label{color:var(--ink-soft);font-size:13px;font-weight:600;display:block}.composer .btn.secondary[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent);color:#006b9c}.aside{border-left:1px solid var(--rule-soft);background:var(--surface);padding:24px 20px;overflow:auto}.aside dl{grid-template-columns:1fr;gap:10px;margin:0;display:grid}.aside dt{color:var(--muted);text-transform:uppercase;letter-spacing:.07em;font-size:11px;font-family:var(--mono)}.aside dd{margin:2px 0 0}.aside .traits{border-left:2px solid var(--rule-soft);gap:7px;padding-left:10px;display:grid}.aside .traits .k{font-family:var(--mono);color:var(--muted);letter-spacing:.04em;font-size:10.5px;display:block}.aside .traits .v{overflow-wrap:anywhere;font-size:13.5px;display:block}.aside .traits .v.mono{font-size:12px}pre.snippet{background:var(--ink);color:#e9eae4;border-radius:var(--radius);font-family:var(--mono);margin:0;padding:13px 15px;font-size:12px;line-height:1.7;overflow-x:auto}pre.snippet .k{color:#74c6ac}.secret{align-items:center;gap:8px;display:flex}.secret code{font-family:var(--mono);background:var(--surface-2);text-overflow:ellipsis;white-space:nowrap;border-radius:4px;flex:1;padding:4px 8px;font-size:12px;overflow:hidden}.secret code.masked{color:var(--ink-soft);letter-spacing:2px;-webkit-user-select:none;user-select:none}.feedback-card{max-width:620px;padding:0;overflow:hidden}.feedback-card>.meta{padding:20px 24px}.feedback-host{height:min(640px,70vh)}.card-preview{border:1px solid var(--rule);border-left:5px solid var(--accent);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:16px;padding:14px 16px}.card-preview .kind{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:5px;font-size:10px}.card-preview .q{margin-bottom:6px;font-weight:600}.card-preview ol{color:var(--ink-soft);margin:4px 0 0;padding-left:18px;font-size:13.5px}.card-preview .opts{color:var(--ink-soft);flex-direction:column;gap:3px;margin-top:4px;font-size:13.5px;display:flex}.card-preview.answered{border-color:var(--rule);border-left-color:var(--accent)}.card-preview .tick{color:var(--accent);margin-right:6px;font-weight:600}.card-preview .dim{opacity:.45}.optrow{align-items:center;gap:8px;margin-bottom:6px;display:flex}.optrow input{flex:1}.seg{gap:4px;margin-bottom:14px;display:flex}.seg button{border:1px solid var(--rule);background:var(--surface);border-radius:var(--radius);cursor:pointer;color:var(--muted);flex:1;padding:7px;font-size:13.5px}.seg button[aria-pressed=true]{background:var(--accent-soft);border-color:var(--accent);color:#006b9c;font-weight:600}.seg.inline{flex:none;margin-bottom:0}.seg.inline button{flex:none;padding:7px 12px}.tally{flex-direction:column;gap:11px;margin-top:4px;display:flex}.tally .bar-row{grid-template-columns:1fr auto;align-items:baseline;gap:3px 12px;display:grid}.tally .bar-label{color:var(--ink)}.tally .bar-count{font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--ink-soft);font-size:13px}.tally .track{background:var(--surface-2);border-radius:5px;grid-column:1/-1;height:10px;overflow:hidden}.tally .fill{background:var(--accent);border-radius:5px;min-width:0;height:100%}.tally .fill.zero{background:var(--rule)}.shot{background:var(--surface-2);cursor:zoom-in;border-radius:8px;width:100%;max-width:320px;height:auto;margin-top:6px;display:block}.staged{flex-wrap:wrap;gap:8px;padding:10px 16px 0;display:flex}.chip{background:var(--surface-2);border-radius:8px;align-items:center;gap:7px;max-width:220px;padding:4px 8px 4px 4px;font-size:12.5px;display:flex}.chip img{object-fit:cover;border-radius:5px;width:28px;height:28px}.chip span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chip button{cursor:pointer;opacity:.55;color:inherit;background:0 0;border:none;padding:0 2px;font-size:16px;line-height:1}.chip button:hover{opacity:1}.chip.failed{background:var(--warn-soft);color:var(--warn)}input[type=file].hidden-input{display:none}.thread-main{position:relative}.thread-main.dropping:before{content:"";z-index:5;pointer-events:none;border:2px dashed var(--accent);border-radius:var(--radius-lg);background:#008ecf0d;position:absolute;inset:8px}.thread-main.dropping:after{content:"Drop to attach";z-index:6;pointer-events:none;background:var(--accent);color:#fff;box-shadow:var(--shadow-sm);border-radius:999px;padding:8px 16px;font-size:13px;font-weight:600;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (width<=720px){.shell{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr;height:100%;min-height:100%;display:grid}.mobile-head{min-height:58px;padding:max(10px, env(safe-area-inset-top)) 16px 10px;background:var(--surface);border-bottom:1px solid var(--rule-soft);z-index:20;justify-content:space-between;align-items:center;gap:16px;display:flex}.mobile-brand{flex-direction:column;min-width:0;line-height:1.3;display:flex}.mobile-brand strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mobile-brand small{color:var(--muted);font-size:12px}.menu-button,.menu-close{border:1px solid var(--rule);background:var(--surface);cursor:pointer;border-radius:12px;flex:none;place-items:center;width:42px;height:42px;font-size:20px;line-height:1;display:grid}.menu-close{font-size:28px;font-weight:300;position:absolute;top:12px;right:12px}.menu-scrim{z-index:29;background:#191b1a61;border:0;padding:0;display:block;position:fixed;inset:0}.sidebar{z-index:30;width:min(84vw,320px);padding:max(24px, env(safe-area-inset-top)) 16px max(16px, env(safe-area-inset-bottom));transition:transform .18s ease-out;position:fixed;inset:0 auto 0 0;transform:translate(-105%);box-shadow:12px 0 40px #1014192e}.sidebar.open{transform:translate(0)}.sidebar .brand{margin-bottom:8px;padding-right:52px}.navlink{min-height:44px;padding:10px 12px}.workspace{min-height:0}.news-strip{justify-content:flex-start;gap:10px;min-height:auto;padding:12px 52px 12px 16px;font-size:12.5px;line-height:1.35}.news-strip.todo{padding-right:16px}.news-action{padding:7px 10px;font-size:0}.news-action span{font-size:16px}.news-close{width:32px;height:32px;right:10px}.main{min-width:0;padding:28px 16px calc(44px + env(safe-area-inset-bottom))}.main.flush{height:auto;min-height:0}.grid2{grid-template-columns:1fr}.card{border-radius:16px;padding:20px}.rows{border-radius:16px}.row{flex-wrap:wrap;padding:14px 16px}.row>.meta:last-child{width:100%;text-align:left!important;white-space:normal!important}.thread-shell{grid-template-columns:1fr}.aside{display:none}.bubble{max-width:88%}.thread-head{padding:12px 14px}.stream{padding:14px}.composer{padding:10px 12px calc(10px + env(safe-area-inset-bottom))}.composer .btn{padding-inline:12px}.auth{padding:20px 14px}.auth .card{border-radius:18px;padding:24px 20px}h1{font-size:34px}}@media (prefers-reduced-motion:reduce){.sidebar{transition:none}}.guide{max-width:860px}.guide-hero{background:var(--lime);border-radius:var(--radius-lg);gap:18px;margin-bottom:24px;padding:30px 32px 26px;display:grid}.guide-hero h1{margin:6px 0 12px}.guide-hero .eyebrow{color:#4a5a16}.guide-hero-lede{max-width:58ch;color:var(--ink-soft);margin:0 0 18px;font-size:15.5px}.guide-hero-actions{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.guide-hero-actions .btn.secondary{background:var(--ink);color:#fff;border-color:var(--ink)}.guide-hero-actions .btn.secondary:hover:not(:disabled){background:#283038}.guide-hero-link{color:#3d4a12;font-size:13px;font-weight:600;text-decoration:none}.guide-hero-link:hover{text-decoration:underline}.guide-diagramwrap{margin:4px 0 22px;overflow-x:auto}.guide-diagram{width:100%;height:auto;display:block}.guide-diagram .d-box rect{fill:var(--surface);stroke:var(--rule)}.guide-diagram .d-box-key rect{fill:var(--lime-soft);stroke:var(--ink);stroke-width:1.8px}.guide-diagram text{text-anchor:middle;fill:var(--ink);font-size:15px;font-weight:600}.guide-diagram .d-sub{fill:var(--muted);font-size:12px;font-weight:500}.guide-diagram .d-flow{color:var(--ink-soft)}.guide-diagram .d-flow path{stroke:currentColor;stroke-width:1.8px;fill:none}.guide-diagram .d-flow text{fill:var(--ink-soft);font-size:12px;font-weight:600;font-family:var(--mono)}.guide-diagram .d-note{fill:var(--muted);font-size:12.5px;font-weight:500}.guide-picker{flex-wrap:wrap;align-items:flex-end;gap:16px;margin-bottom:20px;display:flex}.guide-picker .field{min-width:190px}.guide-picker-note{flex-basis:100%;margin:0}.guide-toc{flex-wrap:wrap;gap:7px;margin-bottom:34px;display:flex}.guide-toc a{background:var(--surface-2);color:var(--ink-soft);border-radius:20px;padding:5px 11px;font-size:12.5px;font-weight:600;text-decoration:none}.guide-toc a:hover{background:var(--accent-soft);color:#006b9c}.guide-section{margin-bottom:40px;scroll-margin-top:20px}.guide-section h2{letter-spacing:-.03em;align-items:center;gap:11px;margin-bottom:4px;font-size:23px;font-weight:600;display:flex}.guide-step{background:var(--lime);width:30px;height:30px;color:var(--ink);font-variant-numeric:tabular-nums;border-radius:50%;flex:none;place-items:center;font-size:14px;display:grid}.guide-kicker{color:var(--muted);margin:0 0 14px;font-size:13.5px}.guide-p{max-width:68ch;color:var(--ink-soft);margin:0 0 14px}.guide-list{max-width:68ch;color:var(--ink-soft);margin:0 0 14px;padding-left:20px}.guide-p code,.guide-list code,.guide-table code,.guide-rule code{font-family:var(--mono);background:var(--surface-2);overflow-wrap:anywhere;border-radius:5px;padding:1px 5px;font-size:12.5px}.guide-rule{background:var(--lime-soft);border-radius:var(--radius);border:1px solid #cfe07f;gap:13px;max-width:68ch;margin:0 0 18px;padding:14px 16px;display:flex}.guide-rule p{color:var(--ink);margin:0}.guide-rule-mark{background:var(--ink);width:22px;height:22px;color:var(--lime);border-radius:50%;flex:none;place-items:center;font-size:13px;font-weight:700;display:grid}.guide-code{margin:0 0 18px}.guide-code figcaption{justify-content:space-between;align-items:center;gap:12px;margin-bottom:7px;display:flex}.guide-code .snippet{max-height:460px;overflow:auto}.guide-tablewrap{border:1px solid var(--rule-soft);border-radius:var(--radius);background:var(--surface);margin:0 0 18px;overflow-x:auto}.guide-table{border-collapse:collapse;width:100%;font-size:13.5px}.guide-table th{text-align:left;background:var(--surface-2);border-bottom:1px solid var(--rule);letter-spacing:.02em;padding:11px 14px;font-size:12px}.guide-table td{border-bottom:1px solid var(--rule-soft);vertical-align:top;color:var(--ink-soft);padding:11px 14px}.guide-table tr:last-child td{border-bottom:none}.guide-agent{border-top:1px solid var(--rule-soft);padding-top:28px}@media (width<=720px){.guide-hero{border-radius:16px;padding:22px 18px}.guide-hero h1{font-size:27px}.guide-hero-actions .btn.secondary{width:100%}.guide-picker{flex-direction:column;align-items:stretch}.guide-picker .field{min-width:0}.guide-section h2{font-size:20px}.guide-toc{margin-bottom:26px}.guide-diagram{min-width:640px}}
