/* Thinking Datacenters — Technical Guide. A readable, dense operational manual.
   Uses the global site's typography, brand red and neutral surfaces, not the old site's theme. */
.guide-site{--guide-line:#e3e3e3;--guide-text:#252525;--guide-panel:#f8f8f8;font-family:Aptos,"Helvetica Neue",Arial,sans-serif;letter-spacing:-.014em}
.guide-site main{overflow:visible}
.guide-site .site-footer{position:relative;z-index:2}
.guide-workspace{display:grid;grid-template-columns:minmax(225px,275px) minmax(0,1fr) 208px;gap:0;max-width:1650px;margin:0 auto;min-height:calc(100vh - 70px);background:#fff}
.guide-sidebar{align-self:start;position:sticky;top:70px;height:calc(100vh - 70px);overflow:auto;overscroll-behavior:contain;border-right:1px solid var(--guide-line);background:#fff;scrollbar-width:thin}
.guide-sidebar-top{position:sticky;top:0;z-index:2;background:#fff;border-bottom:1px solid var(--guide-line);padding:23px 21px 16px}
.guide-title{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px;font-size:12px;letter-spacing:.06em}
.guide-title span{font-weight:900;color:var(--red)}.guide-title strong{font-weight:850}
.guide-search-wrap{position:relative;margin-top:20px}
.guide-search-label{display:block;color:#656565;font-size:10px;font-weight:800;letter-spacing:.07em;margin-bottom:7px}
.guide-search-field{display:flex;align-items:center;border:1px solid #c5c5c5;background:#fff;min-height:38px;padding:0 9px;gap:8px}
.guide-search-field:focus-within{outline:2px solid #111;outline-offset:-2px}
.guide-search-field>span{font-size:19px;color:#666}
.guide-search-field input{min-width:0;width:100%;font:500 12px/1.35 inherit;letter-spacing:0;border:0;outline:0;background:transparent;color:#161616}
.guide-search-field input::placeholder{color:#868686}
.guide-search-field kbd{font-size:11px;border:1px solid #ddd;border-radius:3px;padding:1px 5px;color:#777;background:#fafafa}
.guide-search-results{position:absolute;left:0;right:0;top:100%;z-index:35;background:#fff;max-height:min(470px,60vh);overflow:auto;border:1px solid #ababab;box-shadow:0 12px 32px rgba(0,0,0,.13);margin-top:3px}
.guide-search-results[hidden]{display:none}
.guide-search-results a{display:block;padding:10px 12px;border-bottom:1px solid #e9e9e9;font-size:12px}
.guide-search-results a:hover,.guide-search-results a:focus-visible{background:#f7f7f7}
.guide-search-results small{font-size:10px;color:var(--red);font-weight:800;display:block;margin-bottom:2px}
.guide-search-results strong{font-weight:800;display:block;font-size:13px}
.guide-search-results p{font-size:11px;color:#666;margin:3px 0 0;line-height:1.35;max-height:30px;overflow:hidden}
.guide-search-empty{padding:15px;color:#555;font-size:12px}
.guide-nav{padding:11px 0 17px;display:block}
.guide-nav-section{display:block;border-bottom:1px solid #f0f0f0}
.guide-nav-section summary{cursor:pointer;list-style:none;padding:10px 30px 10px 21px;font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.044em;position:relative;color:#333}
.guide-nav-section summary::-webkit-details-marker{display:none}
.guide-nav-section summary::after{content:'+';position:absolute;right:17px;top:8px;color:#777;font-size:17px;font-weight:400}
.guide-nav-section[open] summary::after{content:'−'}
.guide-nav-items{padding:2px 10px 12px 12px}
.guide-nav-link{display:block;padding:7px 11px;font-size:12px;line-height:1.27;color:#505050;border-left:2px solid transparent}
.guide-nav-link:hover,.guide-nav-link:focus-visible{background:#f7f7f7;color:#050505}
.guide-nav-link.active,.guide-nav-link[aria-current="page"]{font-weight:750;border-left-color:var(--red);color:#0c0c0c;background:#f6f6f6}
.guide-sidebar-foot{padding:16px 19px 28px;border-top:1px solid var(--guide-line);font-size:11px;line-height:1.5;color:#666}
.guide-sidebar-foot a{color:var(--red);font-weight:800}
.guide-main{min-width:0;padding:0 clamp(24px,3.25vw,56px) 75px}
.guide-main-inner{max-width:950px;margin:0 auto}
.guide-breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;font-size:12px;color:#666;line-height:1.5;padding:28px 0 20px}
.guide-breadcrumbs i{font-style:normal;color:#bbb}
.guide-breadcrumbs a:hover{color:var(--red)}
.guide-article-head{border-bottom:1px solid var(--guide-line);padding:15px 0 31px;margin-bottom:32px}
.guide-article-kicker,.guide-section-kicker{font-size:11px;color:var(--red);font-weight:800;letter-spacing:.09em;text-transform:uppercase;margin-bottom:14px}
.guide-article-head h1{font-size:clamp(36px,3.7vw,54px);line-height:1.015;letter-spacing:-.044em;margin:0 0 17px;overflow-wrap:break-word}
.guide-article-head>p{max-width:770px;color:#4a4a4a;font-size:16px;line-height:1.5;margin:0}
.guide-content-section{margin:0 0 38px;scroll-margin-top:110px}
.guide-content-section h2{font-size:clamp(24px,2.4vw,32px);letter-spacing:-.034em;line-height:1.16;margin:0 0 14px}
.guide-content-section h3,.guide-step-head h3{font-size:18px;letter-spacing:-.022em;line-height:1.2;margin:10px 0}
.guide-prose,.guide-content-section>p,.guide-step{color:var(--guide-text)}
.guide-prose p,.guide-content-section>p,.guide-step>p,.guide-article p{font-size:14.5px;line-height:1.6;letter-spacing:-.006em;max-width:850px;color:#303030}
.guide-prose p{margin:0 0 14px}
.guide-article a:not(.guide-page-nav-card):not(.guide-start-card):not(.guide-deploy-card):not(.guide-path-card):not(.guide-crosslink):not(.guide-related-card){text-decoration:underline;text-decoration-color:#b5b5b5;text-underline-offset:3px}
.guide-article a:hover{color:var(--red)}
.guide-content-section ul,.guide-content-section ol{margin:13px 0 22px;padding-left:25px;font-size:14px;line-height:1.56}
.guide-content-section li{margin-bottom:9px}
.guide-steps{border-left:1px solid #ddd;margin:18px 0 22px;padding:0 0 0 23px}
.guide-step{padding:4px 0 20px;position:relative}
.guide-step::before{content:'';height:7px;width:7px;position:absolute;left:-27px;top:13px;background:var(--red);border:1px solid #fff}
.guide-step-head span{font-size:10px;color:var(--red);letter-spacing:.08em;font-weight:850}
.guide-step-head h3{font-size:20px;margin:7px 0 10px}
.guide-figure{border:1px solid #ddd;background:#fff;margin:19px 0 27px;max-width:100%}
.guide-image-open{display:block;position:relative;width:100%;padding:0;background:#fff;border:0;cursor:zoom-in;text-align:left;color:inherit}
.guide-image-open img{width:100%;height:auto;max-height:660px;object-fit:contain;background:#fafafa}
.guide-image-expand{position:absolute;bottom:7px;right:9px;display:flex;align-items:center;gap:8px;color:#fff;background:#111;padding:6px 8px;font-size:9px;font-weight:800;letter-spacing:.035em}
.guide-image-expand i{font-size:15px;font-style:normal}
.guide-figure figcaption{display:flex;gap:15px;padding:10px 12px;font-size:12px;line-height:1.4;flex-wrap:wrap;color:#555;background:#fff;border-top:1px solid #eee}
.guide-figure figcaption span{font-size:10px;letter-spacing:.04em;color:var(--red);font-weight:800}
.guide-figure figcaption strong{font-size:12px;font-weight:700;color:#444}
.guide-code{margin:16px 0 24px;border:1px solid #d1d1d1;background:#f8f8f8;min-width:0}
.guide-code-head{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid #dedede;background:#f1f1f1}
.guide-code-head>span{font:700 11px/1.1 Aptos,Arial,sans-serif;color:#666}
.guide-copy{background:#fff;border:1px solid #aaa;padding:6px 11px;font-size:10px;font-weight:800;cursor:pointer;color:#222}
.guide-copy:hover{color:var(--red);border-color:var(--red)}
.guide-code pre,.guide-article pre{max-width:100%;overflow:auto;padding:14px 16px;font:12.5px/1.65 "SFMono-Regular",Consolas,"Liberation Mono",monospace;margin:0;tab-size:2;white-space:pre}
.guide-article code{font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace;font-size:.9em;overflow-wrap:anywhere}
.guide-article p code,.guide-article li code{background:#f3f3f3;padding:2px 3px;border:1px solid #e7e7e7}
.guide-article table{border-collapse:collapse;width:100%;font-size:13px;margin:16px 0 25px;line-height:1.45}
.guide-article td,.guide-article th{padding:10px;border:1px solid #ddd;text-align:left;vertical-align:top}
.guide-article th{background:#f5f5f5}
.guide-callout{border-left:3px solid #222;background:#f8f8f8;padding:17px 20px;margin:22px 0}
.guide-callout-promo{border-left-color:var(--red)}.guide-callout-warning{border-left-color:#d78523}
.guide-callout>strong{display:block;font-size:14px;font-weight:850;letter-spacing:.005em;margin-bottom:7px}
.guide-callout p{margin:0;font-size:14px;line-height:1.55}
.guide-crosslinks,.guide-crosslink-grid,.guide-deploy-grid,.guide-start-grid,.guide-path-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin:20px 0 26px}
.guide-crosslink,.guide-deploy-card,.guide-start-card,.guide-path-card,.guide-related-card{min-width:0;border:1px solid #ddd;padding:17px;display:block;transition:background .15s ease}
.guide-crosslink:hover,.guide-deploy-card:hover,.guide-start-card:hover,.guide-path-card:hover,.guide-related-card:hover{background:#f8f8f8}
.guide-crosslink strong,.guide-related-card strong{font-weight:800;font-size:15px;line-height:1.2}
.guide-crosslink>span,.guide-deploy-card>b,.guide-start-card>b,.guide-path-card>b{color:var(--red);font-weight:800}
.guide-start-card{display:grid;grid-template-columns:28px 1fr 14px;gap:9px}
.guide-start-card>span,.guide-deploy-card>span,.guide-path-card>span{font-size:11px;color:var(--red);font-weight:850}
.guide-start-card small{font-size:10px;color:#666}
.guide-start-card h3,.guide-deploy-card h3,.guide-path-card h3{font-size:18px;line-height:1.15;margin:6px 0 10px}
.guide-start-card p,.guide-deploy-card p,.guide-path-card p{font-size:13px;line-height:1.48;margin:0;color:#555}
.guide-start-card>b{align-self:start}
.guide-deploy-card{position:relative}.guide-deploy-card>b{display:block;text-align:right;margin-top:12px}
.guide-path-card{display:grid;grid-template-columns:26px 1fr 15px;gap:7px}
.guide-page-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:48px;border-top:1px solid #aaa;padding-top:20px}
.guide-page-nav-card{display:flex;align-items:center;gap:12px;min-height:75px;border:1px solid #ddd;padding:15px;overflow-wrap:anywhere}
.guide-page-nav-card span{display:flex;flex-direction:column;gap:6px}
.guide-page-nav-card small{font-size:9px;letter-spacing:.07em;color:#666}
.guide-page-nav-card strong{font-size:13px;line-height:1.3;color:#121212}
.guide-page-nav-card>b{color:var(--red);font-size:20px}
.guide-page-nav-card.next{justify-content:flex-end;text-align:right}
.guide-page-nav-card:hover{background:#f7f7f7}
.guide-outline{align-self:start;position:sticky;top:70px;height:calc(100vh - 70px);border-left:1px solid #ececec;padding:31px 15px;overflow:auto;scrollbar-width:thin}
.guide-outline-inner{display:flex;flex-direction:column;gap:10px}
.guide-outline-inner>span{font-size:10px;color:#777;letter-spacing:.08em;font-weight:800;margin-bottom:4px}
.guide-outline a{font-size:12px;line-height:1.34;color:#555;border-left:2px solid transparent;padding-left:10px}
.guide-outline a:hover,.guide-outline a.active{color:#111;border-left-color:var(--red)}
.guide-mobile-tools{display:none}
.guide-image-dialog{width:min(95vw,1300px);max-height:93vh;border:0;padding:10px;background:#fff;box-shadow:0 20px 80px rgba(0,0,0,.45)}
.guide-image-dialog::backdrop{background:rgba(0,0,0,.83)}
.guide-image-dialog img{max-width:100%;max-height:calc(93vh - 74px);width:auto;height:auto;display:block;margin:auto;object-fit:contain}
.guide-dialog-close{position:absolute;top:8px;right:8px;z-index:2;background:#111;color:#fff;border:0;width:36px;height:36px;font-size:18px;cursor:pointer}
.guide-dialog-caption{margin:7px auto 0;text-align:center;font-size:12px;color:#555}
.guide-drawer-scrim{display:none}
@media(max-width:1270px){.guide-workspace{grid-template-columns:250px minmax(0,1fr)}.guide-outline{display:none}}
@media(max-width:900px){
 .guide-mobile-tools{position:sticky;top:70px;z-index:18;display:flex;align-items:center;justify-content:space-between;padding:9px clamp(12px,3vw,28px);border-bottom:1px solid #dedede;background:#fff;gap:7px}
 .guide-mobile-tools button{font:800 10px/1.2 Aptos,Arial,sans-serif;letter-spacing:.04em;background:#fff;border:1px solid #bcbcbc;padding:9px 11px;color:#222;cursor:pointer;white-space:nowrap}
 .guide-mobile-tools a{font-size:11px;font-weight:850;letter-spacing:.05em;white-space:nowrap}
 .guide-workspace{display:block;min-height:0}
 .guide-sidebar{position:fixed;top:112px;left:0;bottom:0;height:auto;width:min(330px,86vw);transform:translateX(-103%);z-index:26;box-shadow:12px 0 40px rgba(0,0,0,.1);transition:transform .18s ease;border-right:1px solid #bcbcbc}
 .guide-nav-open .guide-sidebar{transform:translateX(0)}
 .guide-drawer-scrim{position:fixed;inset:112px 0 0;background:rgba(0,0,0,.35);z-index:25;display:none}
 .guide-nav-open .guide-drawer-scrim{display:block}
 .guide-outline{display:none}
 .guide-main{padding:0 clamp(20px,5vw,60px) 65px}
 .guide-main-inner{max-width:890px}
}
@media(max-width:620px){
 .guide-mobile-tools{top:66px}
 .guide-sidebar{top:106px}
 .guide-drawer-scrim{inset:106px 0 0}
 .guide-mobile-tools button[data-guide-drawer="outline"]{display:none}
 .guide-main{padding:0 18px 60px}
 .guide-article-head h1{font-size:36px}
 .guide-article-head p{font-size:15px}
 .guide-content-section h2{font-size:25px}
 .guide-crosslinks,.guide-crosslink-grid,.guide-start-grid,.guide-deploy-grid,.guide-path-list{grid-template-columns:1fr}
 .guide-page-nav{grid-template-columns:1fr;gap:9px}
 .guide-breadcrumbs{padding-top:22px}
 .guide-article .guide-figure{margin-left:-6px;margin-right:-6px}
}
/* Mobile on-page outline is a real drawer, separate from topic navigation. */
@media(max-width:900px){
 .guide-outline{display:block;position:fixed;top:112px;right:0;bottom:0;left:auto;width:min(285px,82vw);height:auto;overflow:auto;background:#fff;z-index:27;transform:translateX(103%);transition:transform .18s ease;box-shadow:-12px 0 40px rgba(0,0,0,.1);padding:28px 20px}
 .guide-outline-open .guide-outline{transform:translateX(0)}
 .guide-outline-open .guide-drawer-scrim{display:block}
}
@media(max-width:620px){.guide-outline{top:106px}.guide-mobile-tools button[data-guide-drawer="outline"]{display:block}}
@media(max-width:345px){.guide-mobile-tools button[data-guide-drawer="outline"]{font-size:9px;padding:8px 7px}.guide-mobile-tools a{font-size:9px}}
.guide-search-field input{font-family:inherit;font-size:12px;font-weight:500;line-height:1.35}

/* R8: fix merged labels/headings across all migrated guide pages. */
.guide-crosslink{line-height:1.45}
.guide-crosslink>span{display:block;margin:0 0 8px;font-size:13.5px;line-height:1.3;letter-spacing:.02em}
.guide-crosslink>strong{display:block;margin:0 0 10px;font-size:15px;line-height:1.3}
.guide-crosslink>p{margin:0;font-size:14px;line-height:1.52;max-width:none}
.guide-crosslink>strong+span{margin:6px 0 0;font-size:15px;letter-spacing:0}
.guide-related-card>small{display:block;margin-bottom:8px;color:var(--red);font-size:13px;line-height:1.3;font-weight:800;letter-spacing:.025em}
.guide-related-card>strong{display:block;margin-bottom:8px;font-size:15px;line-height:1.3}
.guide-related-card>span{display:block;color:#555;font-size:14px;line-height:1.5}
.guide-deploy-card>span{display:block;margin-bottom:7px}
.guide-nav-link .guide-nav-reserved{display:block;margin-top:3px;font-size:11px;line-height:1.3;color:#777;letter-spacing:.02em}
.guide-sidebar-foot a{display:block;margin-bottom:8px}

/* Multi-Homed Workers: readable network tables on small screens. */
.guide-multihomed .guide-table-scroll{width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;margin:12px 0 22px}
.guide-multihomed .guide-table-scroll table{min-width:510px;margin:0;font-size:14.5px}
.guide-multihomed .guide-table-scroll th{font-weight:800}
.guide-multihomed .guide-table-scroll:focus-visible{outline:2px solid var(--red);outline-offset:2px}

/* R4: storage worker co-location examples stay readable and scroll on mobile. */
.guide-storage-workers .guide-table-scroll{width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;margin:12px 0 22px}
.guide-storage-workers .guide-table-scroll table{min-width:650px;margin:0;font-size:14.5px}
.guide-storage-workers .guide-table-scroll th{font-weight:800}
.guide-storage-workers .guide-table-scroll:focus-visible{outline:2px solid var(--red);outline-offset:2px}
.guide-storage-workers .guide-code pre{font-size:14px}
.guide-storage-workers .guide-code-head>span,.guide-storage-workers .guide-copy{font-size:13px}

/* R5: STRATUM Container Appender: white editorial style and legible OCI layer flow. */
.guide-appender .guide-appender-cta{margin:20px 0 0}
.guide-appender .guide-appender-cta a{display:inline-block;padding:12px 17px;border:1px solid #222;background:#171717;color:#fff;text-decoration:none!important;font-size:15px;font-weight:800;letter-spacing:.025em}
.guide-appender .guide-appender-cta a:hover{background:#b01d25;border-color:#b01d25}
.guide-appender .guide-table-scroll{width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;margin:14px 0 22px}
.guide-appender .guide-table-scroll table{min-width:620px;margin:0;font-size:15px}
.guide-appender .guide-table-scroll th{font-weight:800}
.guide-appender .guide-table-scroll:focus-visible{outline:2px solid var(--red);outline-offset:2px}
.guide-appender .guide-code pre{font-size:15px}
.guide-appender .guide-code-head>span,.guide-appender .guide-copy{font-size:15px}
.guide-appender .guide-appender-layers{display:grid;grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr) 20px minmax(0,1fr);align-items:center;gap:9px;margin:18px 0 22px}
.guide-appender .guide-appender-layers>div{min-width:0;border:1px solid #d6d6d6;border-top:3px solid #b01d25;padding:13px;background:#fafafa;display:flex;flex-direction:column;gap:7px}
.guide-appender .guide-appender-layers b{font-size:15px;letter-spacing:.03em;color:#961b20}
.guide-appender .guide-appender-layers span:not(.guide-appender-layer-arrow){font-size:15px;font-weight:750;line-height:1.35;color:#111}
.guide-appender .guide-appender-layers small{font-size:15px;line-height:1.35;color:#555}
.guide-appender .guide-appender-layer-arrow{color:#a82027;font-size:20px;text-align:center}
@media(max-width:650px){.guide-appender .guide-appender-layers{grid-template-columns:1fr;gap:7px}.guide-appender .guide-appender-layer-arrow{transform:rotate(90deg);line-height:1}.guide-appender .guide-appender-layers>div{padding:12px 14px}}
.guide-appender .guide-article-kicker,.guide-appender .guide-section-kicker{font-size:15px}
.guide-appender .guide-outline a{font-size:15px}

/* R12: copyable command blocks directly beneath terminal screenshots. */
.guide-commands{margin:0 0 24px;max-width:100%;min-width:0}
.guide-commands-title{margin:5px 0 9px;font-size:16px;font-weight:800;letter-spacing:-.02em;color:#1b1b1b}
.guide-commands-note{margin:0 0 11px!important;font-size:13px!important;line-height:1.55!important;color:#525252!important}
.guide-commands .guide-code{margin:0 0 16px}
.guide-commands .guide-code-head>span{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.guide-commands .guide-copy{font-size:11px;min-height:30px}