/* Socialimo's guide is a reading surface, with product diagrams rather than a wall of panels. */
.guide-shell{--guide-border:#2a2a2a;--guide-ink:#edede9;--guide-soft:#a8a8a6;--guide-accent:#c6b9ff;max-width:1336px;margin:0 auto;isolation:isolate}
.guide-shell *{min-width:0}
.guide-shell [hidden]{display:none!important}
.guide-shell [hidden]{display:none!important}
.guide-top{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;padding:16px 0 36px;margin-bottom:34px;border-bottom:1px solid var(--guide-border)}
.guide-top h1,.guide-top h2{font-size:clamp(30px,3.4vw,46px);font-weight:500;letter-spacing:-.055em;line-height:1.1;margin:0 0 12px}
.guide-top p{margin:0;max-width:620px;color:var(--guide-soft);font-size:13px;line-height:1.7}
.guide-top .eyebrow{margin-bottom:13px}
.guide-search{display:flex;align-items:center;gap:10px;background:#141414;border:1px solid #363636;border-radius:999px;padding:11px 16px;max-width:320px;width:100%;flex:0 0 268px;transition:border-color 160ms ease}
.guide-search>span,.guide-search>svg{width:16px;flex:none;color:#9e9e9e}
.guide-search input{width:100%;background:transparent;outline:none;border:0;box-shadow:none;font-size:12px;color:#eee;line-height:1.7;padding:0}
.guide-search:focus-within{border-color:#a1a1a1}
.guide-search input:focus-visible{outline:none;box-shadow:none}
.guide-search-empty{color:#a6a6a6;font-size:12px;line-height:1.6;padding:12px 10px}
.guide-layout{display:grid;grid-template-columns:192px minmax(0,1fr) 140px;gap:42px;align-items:start}
.guide-nav{position:sticky;top:24px;max-height:calc(100svh - 48px);overflow:auto;scrollbar-width:thin;scrollbar-color:#333 transparent;padding:2px 2px 20px 0}
.guide-nav-group+.guide-nav-group{margin-top:27px}
.guide-nav-label{font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#727272;padding:0 12px;margin-bottom:9px;display:block}
.guide-nav a{display:flex;align-items:center;gap:8px;min-height:37px;padding:9px 12px;border-radius:12px;color:#9c9c9a;font-size:11px;line-height:1.45;transition:color 150ms ease,background 150ms ease}
.guide-nav a.active,.guide-nav a[aria-current="page"]{color:#efefeb;background:#202020}
.guide-nav a.active::before,.guide-nav a[aria-current="page"]::before{content:'';height:4px;width:4px;border-radius:50%;background:#ded8ec;flex:none}
.guide-nav a>span:last-child{margin-left:auto;color:#888}
.guide-nav .guide-nav-product{font-size:10px;margin-top:28px;padding-top:17px;border-top:1px solid #292929;border-radius:0;color:#999}
.guide-chapter-toggle{display:none}
.guide-article{font-size:14px;line-height:1.9;color:#afafab;max-width:100%;overflow-wrap:anywhere}
.guide-breadcrumb{display:flex;align-items:center;gap:9px;font-size:10px;line-height:1.6;margin:0 0 29px;color:#777}
.guide-breadcrumb a{color:#aeaeaa}
.guide-breadcrumb>span:last-child{color:#acacaa}
.guide-hero{position:relative;margin-bottom:34px}
.guide-hero h1{font-size:clamp(36px,4vw,59px);font-weight:500;line-height:1.08;letter-spacing:-.065em;color:var(--guide-ink);margin:0 0 22px;max-width:760px;overflow-wrap:normal}
.guide-hero .eyebrow{margin-bottom:16px}
.guide-lead{font-size:16px;line-height:1.8;color:#aaa9a7;margin-bottom:26px;max-width:730px}
.guide-reading{display:flex;align-items:center;gap:15px;flex-wrap:wrap;font-size:10px;line-height:1.6;letter-spacing:.025em;color:#828280;margin:0 0 19px}
.guide-reading span+span{border-left:1px solid #383838;padding-left:15px}
.guide-hero-art{display:grid;place-items:center;position:relative;isolation:isolate;min-height:165px;margin:25px 0;background:radial-gradient(ellipse at center,#b6acf211,transparent 70%)}
.guide-hero-art::before{content:'';width:146px;height:146px;position:absolute;border:1px solid #ffffff0f;border-radius:50%}
.guide-hero-art>img{width:63px;height:63px;object-fit:contain;padding:0;filter:drop-shadow(0 12px 20px #000)}
.guide-toc{position:sticky;top:28px;font-size:10px;line-height:1.6;padding-top:3px}
.guide-toc h2,.guide-toc h3,.guide-toc>b,.guide-toc>p{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.11em;color:#717171;margin-bottom:12px;display:block}
.guide-toc a,.guide-toc>button{display:block;width:100%;text-align:left;color:#969692;padding:7px 0 7px 12px;border-left:1px solid #303030;transition:color 150ms ease,border-color 150ms ease;font-size:10px;line-height:1.6}
.guide-toc a.active,.guide-toc a[aria-current="location"],.guide-toc>button.active{color:#eeede8;border-left-color:#c6b9ff}
.guide-toc-next{display:flex;flex-direction:column;align-items:flex-start;gap:15px;margin-top:37px;border-top:1px solid #303030;padding-top:24px}
.guide-toc-next img{width:32px;height:32px}.guide-toc-next b{font-size:12px;line-height:1.6;color:#ccc6be;font-weight:500}.guide-toc-next .button{font-size:9px;padding:8px 12px;gap:5px;min-height:34px}
.guide-toc>button{display:block;width:100%;text-align:left;color:#969692;padding:8px 0 8px 12px;border-left:1px solid #303030;font-size:10px;line-height:1.65;transition:color 150ms ease,border-color 150ms ease}
.guide-toc>button:hover,.guide-toc>button:focus-visible{color:#eeede8;border-left-color:#c6b9ff}
.guide-toc-next{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-top:27px;padding-top:23px;border-top:1px solid var(--guide-border);color:#ccc;font-size:11px}
.guide-toc-next>img{width:32px;height:32px;object-fit:contain}
.guide-toc-next .button{padding:8px 11px;font-size:9px}
.guide-nav-product{margin-top:20px;border-top:1px solid var(--guide-border);border-radius:0!important;padding-top:20px!important}
.guide-search kbd{font:11px/1.4 inherit;color:#777;border:1px solid #3c3c3c;border-radius:4px;padding:2px 5px}
.guide-next-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
.guide-next-actions .button{font-size:11px;padding:11px 17px}
.guide-section{padding-top:38px;margin-top:8px;scroll-margin-top:32px}
.guide-section h2{font-size:26px;font-weight:550;line-height:1.2;letter-spacing:-.035em;color:#efeee9;margin:0 0 20px;scroll-margin-top:32px}
.guide-section h3{font-size:16px;font-weight:600;letter-spacing:-.025em;line-height:1.4;color:#deded8;margin:28px 0 11px}
.guide-section p{font-size:14px;line-height:1.9;color:#a9a9a4;margin:0 0 17px}
.guide-section strong,.guide-section b{color:#deded9;font-weight:600}
.guide-article ul,.guide-article ol{padding-left:23px;margin:15px 0 24px}
.guide-article li{padding-left:5px;margin:10px 0;color:#a9a9a5;line-height:1.85}
.guide-article li::marker{color:#707070}
.guide-section a:not(.button):not(.guide-card):not(.guide-next):not(.guide-prev){color:#dfd8f3;text-decoration:underline;text-decoration-color:#5b536d;text-underline-offset:4px;text-decoration-thickness:1px}
.guide-small{font-size:11px!important;line-height:1.8!important;color:#898984!important}
.guide-shell code{font:11px/1.7 ui-monospace,SFMono-Regular,Menlo,monospace;background:#202020;color:#dcdcd5;border-radius:5px;padding:2px 5px;overflow-wrap:anywhere}
.guide-visual{position:relative;isolation:isolate;overflow:hidden;margin:29px 0 22px;padding:28px;border:1px solid #2b2b2b;border-radius:26px;background:radial-gradient(ellipse at 70% 0%,#8378c010,transparent 64%),linear-gradient(135deg,#141414,#0c0c0c)}
.guide-visual>h3{font-size:11px;font-weight:600;color:#a7a6a2;margin:0 0 23px;letter-spacing:.025em}
.guide-visual>p:last-child{font-size:11px;color:#898985;margin:23px 0 0;line-height:1.75}
.guide-flow{display:flex;align-items:stretch;gap:0;position:relative;z-index:1}
.guide-node{display:flex;flex-direction:column;align-items:center;text-align:center;flex:1;gap:12px;padding:14px 7px;position:relative;min-height:102px}
.guide-node>.guide-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:14px;background:#222;border:1px solid #3a3a3a;color:#c7bfdc;font-size:23px;line-height:1}
.guide-node>img,.guide-node>.platform-icon{width:40px;height:40px;border-radius:14px;object-fit:contain}
.guide-node>img{padding:9px;background:#222;border:1px solid #414141}
.guide-node b,.guide-node strong{font-size:12px;font-weight:600;line-height:1.5;color:#e9e8e2}
.guide-node small,.guide-node>span:not(.guide-icon):not(.platform-icon){color:#99948c;font-size:11px;line-height:1.7;max-width:150px}
.guide-connector{display:flex;align-items:center;justify-content:center;flex:0 0 24px;color:#777;font-size:15px;padding-bottom:24px}
.guide-connector::before{content:'';height:1px;width:12px;background:#48424f;margin-right:3px}
.guide-ledger .guide-node{align-items:flex-start;text-align:left;background:#171717;border-radius:18px;padding:20px 16px;gap:8px;min-height:128px}
.guide-ledger .guide-node strong{font-size:21px;font-weight:500;letter-spacing:-.045em}
.guide-ledger .guide-node small{max-width:100%}
.guide-map{display:flex;flex-direction:column;align-items:stretch;gap:29px;padding:31px 27px 25px}
.guide-map-center{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;position:relative;text-align:center;margin:0 auto;width:100%;padding-bottom:3px}
.guide-map-center img{width:86px;height:86px;object-fit:contain;padding:22px;margin-bottom:10px;background:linear-gradient(145deg,#393939,#171717);border:1px solid #656565;border-radius:27px;box-shadow:0 18px 30px #0006}
.guide-map-center b{color:#e6e1d9;font-size:18px;font-weight:500;line-height:1.3;letter-spacing:.025em}
.guide-map-center>span{font-size:10px;line-height:1.6;color:#99938c}
.guide-map>.guide-flow{display:flex;align-items:center;padding-top:20px;border-top:1px solid #323232;width:100%}
.guide-map .guide-node{min-height:117px;align-items:center;text-align:center;padding:8px 5px;gap:9px}
.guide-map .guide-node>span{max-width:155px;font-size:10px;line-height:1.7}
.guide-map .guide-node:not(:has(>img))::before{content:'⌑';display:grid;place-items:center;width:40px;height:40px;border:1px solid #414141;background:#222;border-radius:14px;color:#bcb4c9;font-size:22px;line-height:1}
.guide-relation{display:flex;align-items:center;justify-content:center;gap:15px;flex-wrap:wrap;padding:24px 0;color:#a5a39d;font-size:12px;line-height:1.7}
.guide-relation b{padding:11px 16px;border:1px solid #3b3b3b;border-radius:999px;color:#e6e3dd;background:#171717;font-weight:500}
.guide-relation>span{color:#74716d}
.guide-surface-split{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin:27px 0}
.guide-surface{padding:0 0 20px;border-bottom:1px solid #333}
.guide-surface h3{margin:0 0 13px;font-size:18px;font-weight:500}
.guide-surface ul{padding-left:18px;margin-bottom:8px}
.guide-surface li{font-size:12px;margin:8px 0;line-height:1.7}
.guide-surface .guide-icon{margin-bottom:20px}
.guide-icon{height:38px;width:38px;display:flex;align-items:center;justify-content:center;border-radius:13px;background:#242424;border:1px solid #414141;color:#d2ccda;font-size:20px;flex:none}
.guide-icon img{width:20px;height:20px;object-fit:contain}
.guide-callout{display:block;padding:20px 22px;margin:26px 0;border-radius:18px;background:#bdb2df09;border:1px solid #bfb1e921;border-left:2px solid #a89bbd}
.guide-callout>span:first-child{flex:none;width:19px;font-size:18px;line-height:1.4;color:#b9afc6}
.guide-callout h3,.guide-callout b{font-size:13px;line-height:1.6;color:#d5d0db;display:block;margin:0 0 7px;font-weight:600}
.guide-callout p{font-size:12px;line-height:1.8;margin:0;color:#a8a4af}
.guide-callout p+p{margin-top:8px}
.guide-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin:26px 0}
.guide-card{display:flex;flex-direction:column;padding:22px;background:#151515;border:1px solid #303030;border-radius:21px;transition:background 160ms ease,border-color 160ms ease;min-height:148px;text-decoration:none!important}
.guide-card>span:first-child:not(.guide-state-pill){color:#a69bad;font-size:20px;line-height:1.4;margin-bottom:15px}
.guide-card h3{color:#e2e0db;font-size:16px;font-weight:550;margin:0 0 10px;line-height:1.3}
.guide-card p{font-size:12px;line-height:1.75;color:#959591;margin:0;max-width:330px}
.guide-card>small{color:#85827e;font-size:10px;margin-top:18px}
.guide-card>.guide-icon{margin-bottom:15px}
.guide-card .guide-state-pill{align-self:flex-start;margin-bottom:15px}
.guide-table-wrap{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#444 transparent;margin:25px 0 28px;border:1px solid #323232;border-radius:18px;background:#111}
.guide-table-wrap table{width:100%;border-collapse:collapse;text-align:left;font-size:11px;line-height:1.65;margin:0}
.guide-table-wrap th{background:#1b1b1b;font-weight:600;color:#cccac3;font-size:10px;letter-spacing:.015em}
.guide-table-wrap th,.guide-table-wrap td{padding:14px 17px;vertical-align:top;border-bottom:1px solid #2a2a2a;min-width:120px}
.guide-table-wrap td{color:#a4a4a0}
.guide-table-wrap td:first-child{font-weight:600;color:#d7d5ce}
.guide-table-wrap tbody th{background:transparent;font-size:11px;font-weight:600;color:#d7d5ce;letter-spacing:0}
.guide-table-wrap tr:last-child td,.guide-table-wrap tbody tr:last-child th{border-bottom:0}
.guide-table-wrap th:first-child,.guide-table-wrap td:first-child{min-width:115px}
.guide-tabs{display:flex;align-items:center;gap:4px;padding:5px;background:#0c0c0c;border:1px solid #343434;border-radius:999px;width:max-content;max-width:100%;overflow-x:auto;scrollbar-width:none;margin:0 0 24px}
.guide-tabs button{padding:9px 14px;color:#999590;white-space:nowrap;border-radius:999px;font-size:11px;line-height:1.6;transition:background 150ms ease,color 150ms ease}
.guide-tabs button[aria-selected="true"],.guide-tabs button.active{background:#303030;color:#eeebe4}
.guide-task-preview{padding:22px;border-radius:19px;background:#eeece6;color:#222;box-shadow:0 15px 24px #0004;margin:15px 0 6px}
.guide-preview-meta{display:flex;align-items:center;gap:9px;font-size:10px;color:#70706d;margin-bottom:20px}
.guide-preview-meta img{width:23px;height:23px;object-fit:contain;filter:invert(1)}
.guide-preview-meta .platform-icon img{filter:none}
.guide-preview-meta .platform-icon{height:25px;width:25px;border-radius:8px}
.guide-preview-meta b{color:#242424;font-weight:600}
.guide-preview-meta>span:last-child{margin-left:auto;color:#777671}
.guide-preview-body,.guide-preview-body p{font-size:14px;line-height:1.8;color:#343431;margin:0;white-space:pre-wrap;overflow-wrap:anywhere}
.guide-preview-body h3{color:#77736b;font-size:9px;line-height:1.7;font-weight:700;letter-spacing:.09em;text-transform:uppercase;margin:24px 0 9px}.guide-preview-body h3:first-child{margin-top:0}
.guide-task-preview .guide-relation{justify-content:flex-start;gap:10px;padding:23px 0 0;margin-top:25px;border-top:1px solid #0002;font-size:11px;line-height:1.8}
.guide-task-preview .guide-relation b{font-size:10px;padding:6px 10px;background:#00000006;border-color:#00000015;color:#545044}.guide-task-preview .guide-relation>span{color:#70695d}
.guide-task-preview .guide-state-pill{background:#00000007;border-color:#0000001a;color:#6b665d}
.guide-task-preview>p{color:#45443e!important}
.guide-capability-tags{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:15px 0}
.guide-capability-tags>span,.guide-capability-tags>li{display:inline-flex;align-items:center;font-size:10px;line-height:1.5;padding:6px 10px;border-radius:999px;background:#ffffff07;border:1px solid #ffffff10;color:#b4b1ab;margin:0}
.guide-channel-list{display:grid;gap:0;margin:25px 0;border-top:1px solid #303030}
.guide-channel-card{display:grid;grid-template-columns:38px minmax(0,1fr);column-gap:16px;row-gap:7px;align-items:start;padding:21px 0;border-bottom:1px solid #303030}
.guide-channel-card>img{width:35px;height:35px;object-fit:contain;border-radius:11px}
.guide-channel-card>.platform-icon{height:35px;width:35px;border-radius:12px}
.guide-channel-card h3{font-size:15px;line-height:1.5;margin:3px 0 0;font-weight:600;color:#e7e4df}
.guide-channel-card p{grid-column:2;font-size:12px;line-height:1.8;margin:0 0 4px;color:#a09d97}
.guide-channel-card>img,.guide-channel-card>.guide-icon,.guide-channel-card>.platform-icon{grid-row:1/3}
.guide-channel-card .guide-state-pill{margin-top:5px}
.guide-channel-card small{font-size:10px;color:#85817a}
.guide-steps{list-style:none;counter-reset:guide-step;padding:0!important;margin:27px 0!important;position:relative}
.guide-steps li{counter-increment:guide-step;padding:0 0 24px 43px!important;margin:0!important;position:relative}
.guide-steps li::before{content:'✓';position:absolute;left:0;top:1px;display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#242424;border:1px solid #48444c;color:#bab3c3;font-size:10px;line-height:1}
.guide-steps li:not(:last-child)::after{content:'';position:absolute;left:12px;top:33px;bottom:7px;width:1px;background:#2c292f}
.guide-steps h3,.guide-steps b{margin:0 0 7px!important;font-size:14px;font-weight:600;color:#ddd8d2;display:block;line-height:1.6}
.guide-steps p{font-size:12px;margin:0;color:#a09c96;line-height:1.85}
.guide-state-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;font-size:9px;line-height:1.6;color:#c2b8d4;border:1px solid #9b86bc33;background:#9b86bc0a;border-radius:999px;white-space:nowrap;flex:none}
.guide-state-pill::before{content:'';height:4px;width:4px;background:currentColor;border-radius:50%;opacity:.6}
.guide-status-list{margin:25px 0;border-top:1px solid #333}
.guide-status-row{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:24px;row-gap:7px;padding:19px 0;border-bottom:1px solid #2c2c2c;align-items:start}
.guide-status-row b{font-size:13px;font-weight:600;color:#ddd8d1;line-height:1.7}
.guide-status-row>span{font-size:10px;color:#b5a8c4;line-height:1.7;align-self:start;max-width:200px;text-align:right}
.guide-status-row small,.guide-status-row p{grid-column:1/-1;font-size:12px;color:#96918a;line-height:1.85;margin:0}
.guide-checklist{list-style:none;padding:0!important;margin:23px 0!important}
.guide-checklist li{position:relative;padding-left:28px;margin:13px 0;font-size:12px;color:#a9a39b}
.guide-checklist li::before{content:'✓';position:absolute;left:0;top:0;color:#b4acbe;font-size:12px}
.guide-source-links{display:flex;gap:9px;flex-wrap:wrap;margin:24px 0}
.guide-source-links a{display:flex;align-items:center;gap:10px;border:1px solid #363636;background:#141414;color:#d7cec1!important;font-size:10px;line-height:1.6;border-radius:999px;padding:8px 13px;text-decoration:none!important}
.guide-code{padding:21px;border:1px solid #343434;background:#111;border-radius:17px;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;font:11px/1.9 ui-monospace,SFMono-Regular,Menlo,monospace;color:#c7c0b5;scrollbar-width:thin;margin:25px 0;tab-size:2}
.guide-code code{padding:0;background:transparent;border:0;font:inherit;white-space:pre;overflow-wrap:normal}
.guide-stat{display:flex;flex-direction:column;gap:4px;border-left:1px solid #403d45;padding:4px 0 4px 18px}
.guide-stat b,.guide-stat strong{font-size:28px;font-weight:500;line-height:1.3;letter-spacing:-.045em;color:#e5ddd1}
.guide-stat small,.guide-stat span{color:#989189;font-size:11px;line-height:1.7}
.guide-details{border-bottom:1px solid #343434;margin:0;padding:19px 0}
.guide-details summary{font-size:13px;line-height:1.65;color:#d6d0c7;font-weight:600;cursor:pointer;list-style:none;position:relative;padding-right:25px}
.guide-details summary::-webkit-details-marker{display:none}
.guide-details summary::after{content:'＋';position:absolute;right:0;top:0;color:#92908b}
.guide-details[open] summary::after{content:'−'}
.guide-details p{margin:15px 0 0;font-size:12px}
.guide-next-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.guide-next-actions .button{font-size:11px}
.guide-pager{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding-top:38px;margin-top:54px;border-top:1px solid #333}
.guide-next,.guide-prev{display:flex;flex-direction:column;gap:7px;border-radius:17px;padding:18px 20px;border:1px solid #353535;background:#121212;color:#e1dacf;font-size:12px;line-height:1.6;transition:border-color 160ms ease,background 160ms ease}
.guide-next{text-align:right;align-items:flex-end}
.guide-next:last-child{grid-column:2}
.guide-prev{grid-column:1}
.guide-next small,.guide-prev small,.guide-next>span,.guide-prev>span{color:#87827a;text-transform:uppercase;letter-spacing:.09em;font-size:8px}.guide-next b,.guide-prev b{font-size:12px;font-weight:500}
.guide-shell a:focus-visible,.guide-shell button:focus-visible,.guide-shell summary:focus-visible{outline:none;box-shadow:0 0 0 2px #b4abbc;position:relative;z-index:4}
.guide-shell button:active{transform:scale(.98)}
@media(hover:hover) and (pointer:fine){
  .guide-nav a:hover{color:#ecebe6;background:#171717}
  .guide-toc a:hover,.guide-toc>button:hover{color:#e1dcd2}
  .guide-card:is(a):hover,.guide-next:hover,.guide-prev:hover{background:#1b1b1b;border-color:#69616f}
  .guide-tabs button:hover{color:#eee9e0;background:#242424}
  .guide-source-links a:hover{border-color:#69616f;background:#1c1b1d}
}
@media(min-width:1600px){.guide-layout{grid-template-columns:210px minmax(0,1fr) 156px;gap:52px}}
@media(max-width:1220px){.guide-layout{grid-template-columns:185px minmax(0,1fr);gap:38px}.guide-toc{display:none}.guide-hero h1{font-size:49px}}
@media(max-width:930px){.guide-layout{grid-template-columns:164px minmax(0,1fr);gap:26px}.guide-top{gap:20px}.guide-search{flex-basis:220px}.guide-visual{padding:22px}.guide-flow{flex-wrap:nowrap}.guide-connector{flex-basis:18px}.guide-node{padding-inline:4px}.guide-node small,.guide-node>span:not(.guide-icon):not(.platform-icon){font-size:10px}.guide-map{gap:22px;padding:28px 20px 20px}.guide-map-center img{width:78px;height:78px;padding:20px;border-radius:24px}.guide-hero h1{font-size:43px}.guide-lead{font-size:14px}}
@media(max-width:680px){
  .guide-top{display:flex;align-items:flex-start;flex-direction:column;gap:22px;padding:16px 0 25px;margin-bottom:21px}
  .guide-top h1,.guide-top h2{font-size:32px}.guide-top p{font-size:12px;max-width:420px}
  .guide-search{flex:auto;width:100%;max-width:none;padding:11px 15px}
  .guide-layout{display:block}.guide-chapter-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;width:100%;padding:14px 16px;border:1px solid #383838;background:#151515;border-radius:17px;margin-bottom:25px;font-size:10px;line-height:1.7;color:#a4a099}.guide-chapter-toggle>span:first-child{display:flex;flex-direction:column;gap:3px}.guide-chapter-toggle small{font-size:7px;font-weight:700;letter-spacing:.12em;color:#79746f}.guide-chapter-toggle b{font-size:12px;font-weight:500;line-height:1.5;color:#ddd7cf}.guide-chapter-toggle>span:last-child{font-size:9px;white-space:nowrap;color:#a49e97}
  .guide-nav{position:relative;top:auto;display:none;grid-template-columns:1fr 1fr;gap:23px 15px;max-height:320px;overflow:auto;scrollbar-width:thin;padding:17px 12px;margin:-12px 0 27px;border:1px solid #353535;border-radius:18px;background:#111;overscroll-behavior:contain}
  .guide-shell.guide-menu-open .guide-nav{display:grid}.guide-nav-group{display:flex;flex-direction:column;gap:3px;align-items:stretch}.guide-nav-group+.guide-nav-group{margin-top:0}.guide-nav [hidden]{display:none!important}
  .guide-nav-label{font-size:8px;padding:0 7px;margin-bottom:5px}.guide-nav a{min-height:34px;padding:8px 9px;font-size:10px;white-space:normal;border-radius:10px}.guide-nav .guide-nav-product{grid-column:1/-1;margin-top:0}.guide-search-empty{grid-column:1/-1;font-size:11px;margin:0}
  .guide-article{font-size:13px;line-height:1.85}.guide-breadcrumb{font-size:9px;margin-bottom:23px}
  .guide-hero{margin-bottom:26px}.guide-hero h1{font-size:39px;line-height:1.1;margin-bottom:18px;letter-spacing:-.06em}.guide-hero .eyebrow{font-size:9px}
  .guide-lead{font-size:14px;line-height:1.85;margin-bottom:23px}.guide-reading{font-size:9px;gap:12px}
  .guide-section{padding-top:30px;margin-top:5px}.guide-section h2{font-size:24px;line-height:1.25;margin-bottom:17px}.guide-section h3{font-size:15px;margin-top:24px}
  .guide-section p{font-size:13px;line-height:1.9}.guide-section li{font-size:12px;line-height:1.8}
  .guide-visual{padding:22px 16px;border-radius:23px;margin:24px 0 19px}.guide-flow{gap:0}.guide-node{padding:9px 2px;gap:8px;min-height:90px}.guide-node>.guide-icon,.guide-node>img,.guide-node>.platform-icon{width:32px;height:32px;border-radius:11px;font-size:18px}.guide-node b,.guide-node strong{font-size:10px}.guide-node small,.guide-node>span:not(.guide-icon):not(.platform-icon){font-size:9px;line-height:1.7;max-width:110px}.guide-connector{flex-basis:16px;font-size:12px;padding-bottom:22px}.guide-connector::before{width:6px;margin-right:2px}
  .guide-ledger .guide-node{padding:16px 12px;border-radius:16px;min-height:111px}.guide-ledger .guide-node strong{font-size:18px}
  .guide-map{gap:22px;padding:26px 14px 20px}.guide-map-center img{width:74px;height:74px;padding:20px;border-radius:24px;margin-bottom:6px}.guide-map-center b{font-size:16px}.guide-map-center>span{font-size:9px}.guide-map>.guide-flow{padding-top:19px}.guide-map .guide-node{padding:7px 1px;gap:8px;min-height:106px}.guide-map .guide-node:not(:has(>img))::before{width:32px;height:32px;border-radius:11px;font-size:18px}.guide-map .guide-node>span{font-size:9px;line-height:1.7}
  .guide-surface-split{gap:19px}.guide-surface h3{font-size:16px}.guide-surface li{font-size:11px;line-height:1.75;padding-left:0}
  .guide-callout{padding:18px 17px;border-radius:17px;gap:11px;margin:23px 0}.guide-callout p{font-size:11px}.guide-callout h3,.guide-callout b{font-size:12px}
  .guide-cards{gap:12px;margin:24px 0}.guide-card{padding:18px;border-radius:19px;min-height:140px}.guide-card h3{font-size:15px}.guide-card p{font-size:11px}
  .guide-tabs{width:100%;gap:3px;margin-bottom:20px}.guide-tabs button{font-size:10px;padding:8px 12px;flex:none}
  .guide-task-preview{padding:19px;border-radius:17px}.guide-preview-body,.guide-preview-body p{font-size:13px;line-height:1.85}.guide-preview-meta{font-size:9px}
  .guide-channel-card{grid-template-columns:31px minmax(0,1fr);gap:13px;padding:20px 0}.guide-channel-card>img,.guide-channel-card>.platform-icon{width:31px;height:31px;border-radius:10px}.guide-channel-card>span:last-child{grid-column:2;justify-self:start;margin-top:0}.guide-channel-card h3{font-size:14px}.guide-channel-card p{font-size:11px}
  .guide-table-wrap{border-radius:16px;margin:23px 0}.guide-table-wrap table{font-size:10px}.guide-table-wrap th,.guide-table-wrap td{padding:12px 14px;min-width:110px}.guide-table-wrap th{font-size:9px}
  .guide-status-row{column-gap:13px;padding:16px 0}.guide-status-row b{font-size:12px}.guide-status-row>span{font-size:9px;max-width:130px}.guide-status-row small,.guide-status-row p{font-size:11px}
  .guide-checklist li{font-size:11px}.guide-steps li{padding-left:37px!important;padding-bottom:23px!important}.guide-steps h3,.guide-steps b{font-size:13px}.guide-steps p{font-size:11px}
  .guide-pager{gap:11px;margin-top:40px;padding-top:26px}.guide-next,.guide-prev{padding:16px 14px;font-size:11px;border-radius:16px}.guide-next small,.guide-prev small{font-size:7px}
}
@media(max-width:400px){.guide-cards{grid-template-columns:1fr}.guide-hero h1{font-size:35px}.guide-surface-split{grid-template-columns:1fr;gap:24px}.guide-relation{gap:8px}.guide-relation b{font-size:10px;padding:9px 11px}.guide-ledger .guide-node{padding:13px 8px}.guide-channel-card .guide-state-pill{white-space:normal}}
@media(prefers-reduced-motion:reduce){.guide-shell *,.guide-shell *::before,.guide-shell *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.guide-shell button:active{transform:none}}