.guides-page{min-height:100vh}.guides-shell{width:min(960px,100% - 64px);margin:46px auto 100px}.guides-intro{border-bottom:1px solid var(--line);margin:38px 0 34px;padding-bottom:31px}.guides-intro h1{letter-spacing:-.055em;margin:0;font-size:clamp(2.8rem,6vw,4rem);line-height:1.05}.guides-intro>p{color:#61707a;max-width:640px;margin:22px 0 0;font-size:1rem;line-height:1.75}.guide-card{background:#edf4f9;border:1px solid #d3e0e9;border-radius:18px;grid-template-columns:100px minmax(0,1fr);gap:28px;padding:32px;transition:border-color .15s,background .15s;display:grid}.guide-card+.guide-card{margin-top:24px}.guide-prose ul:not(.guide-events){margin:0 0 22px;padding-left:24px}.guide-prose ul:not(.guide-events) li+li{margin-top:8px}.guide-card:hover{background:#e7f0f8;border-color:#97b9d8}.guide-card:focus-visible{outline-offset:4px;outline:3px solid #2873cc}.guides-page a:focus-visible{outline-offset:4px;outline:3px solid #2873cc}.guide-card-mark{color:#4682ae;background:#e2eef7;border:1px solid #ccdfec;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:90px;height:96px;display:flex}.guide-category{color:#3476ac;margin:0 0 13px;font-size:.77rem;font-weight:600}.guide-card h2{color:#1a2832;letter-spacing:-.035em;text-wrap:balance;max-width:660px;margin:0;font-size:clamp(1.35rem,3vw,1.8rem);font-weight:600;line-height:1.25}.guide-card-description{color:#61707a;max-width:640px;margin:16px 0 0;font-size:.91rem;line-height:1.7}.guide-card-bottom{color:#74828d;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 25px;margin-top:23px;font-size:.76rem;line-height:1.5;display:flex}.guide-card-action{color:#2474c4;align-items:center;gap:7px;font-size:.83rem;font-weight:600;display:inline-flex}.guide-article{width:min(760px,100%);margin-inline:auto}.guide-article-header{border-bottom:1px solid var(--line);margin:35px 0 29px;padding-bottom:27px}.guide-article-header h1{color:#16232d;letter-spacing:-.045em;text-wrap:balance;margin:0;font-size:clamp(2.1rem,4.5vw,3.25rem);font-weight:600;line-height:1.1}.guide-meta{color:#74818a;flex-wrap:wrap;align-items:center;gap:7px 20px;margin:23px 0 0;font-size:.77rem;line-height:1.6;display:flex}.guide-prose{color:#5d6b75;font-size:1rem;line-height:1.8}.guide-prose p{margin:0 0 19px}.guide-prose strong{color:#2b3e4c;font-weight:620}.guide-prose a{color:#2474c4;text-underline-offset:3px;text-decoration:underline}.guide-prose section{margin-top:38px}.guide-prose h2{color:#23333f;letter-spacing:-.028em;margin:0 0 19px;scroll-margin-top:30px;font-size:clamp(1.32rem,2.6vw,1.55rem);font-weight:600;line-height:1.3}.guide-prose code{color:#38566b;font-family:var(--font-geist-mono),monospace;overflow-wrap:anywhere;font-size:.79em}.guide-code-example{background:#edf3f7;border:1px solid #d7e3ed;border-radius:9px;width:max-content;max-width:100%;margin:3px 0 22px;padding:10px 15px;line-height:1.6}.guide-network-figure{margin:30px 0 39px}.guide-network-diagram{background:#edf4f9;border:1px solid #d1e1eb;border-radius:16px;grid-template-columns:minmax(0,1fr) 115px minmax(0,1fr);align-items:center;gap:15px;padding:27px 24px;display:grid}.guide-network-device{text-align:center;color:#487da5;flex-direction:column;align-items:center;gap:9px;min-width:0;display:flex}.guide-network-device strong{margin-top:4px;font-size:.86rem}.guide-network-device code{max-width:100%;font-size:.72rem}.guide-network-connection{color:#6796b9;flex-direction:column;align-items:center;gap:9px;display:flex}.guide-network-connection span{color:#607f96;text-align:center;font-size:.72rem;line-height:1.4}.guide-server-folder{color:#526e82;align-items:center;gap:6px;font-size:.77rem;display:inline-flex}.guide-network-figure figcaption,.guide-paths-figure figcaption{color:#7b8892;margin:10px 3px 0;font-size:.76rem;line-height:1.6}.guide-events{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:23px 0;padding:0;list-style:none;display:grid}.guide-events li{background:#f0f4f5;border:1px solid #dfe6ea;border-radius:12px;align-items:flex-start;gap:12px;padding:18px;display:flex}.guide-events li>svg{color:#6391b1;flex:none;margin-top:4px}.guide-events p{margin:0;font-size:.86rem;line-height:1.7}.guide-events strong{margin-bottom:5px;display:block}.guide-prose .guide-takeaway{color:#365267;border-left:3px solid #98b9d4;padding:14px 0 14px 19px}.guide-paths-figure{margin:0 0 23px}.guide-paths{background:#edf4f9;border:1px solid #d1e1eb;border-radius:12px;flex-wrap:wrap;justify-content:space-around;align-items:center;gap:12px;padding:20px;display:flex}.guide-paths>div{color:#5284a8;align-items:center;gap:9px;min-width:0;display:flex}.guide-paths code{font-size:.72rem}.guide-paths>span{color:#8a9aa6;font-size:.75rem}.guide-end{border-top:1px solid var(--line);margin-top:37px;padding-top:25px}@media (max-width:650px){.guides-shell{width:calc(100% - 36px);margin:30px auto 75px}.guides-intro{margin-top:30px}.guide-card{grid-template-columns:1fr;gap:19px;padding:25px 22px}.guide-card-mark{gap:2px;width:68px;height:68px}.guide-card-mark>svg:first-child{width:29px;height:29px}.guide-card-mark>svg:last-child{width:18px;height:18px}.guide-article-header{margin-top:29px}.guide-prose{font-size:.97rem}.guide-network-diagram{grid-template-columns:minmax(0,1fr) 65px minmax(0,1fr);gap:6px;padding:22px 12px}.guide-network-device code{font-size:.59rem}.guide-network-device strong{font-size:.77rem}.guide-network-connection span{font-size:.63rem}.guide-server-folder{gap:4px;font-size:.66rem}.guide-events{grid-template-columns:1fr}.guide-events p{font-size:.9rem}.guide-paths{flex-direction:column;align-items:flex-start;gap:10px}.guide-paths>span{padding-left:34px}}