.guides-layout{display:flex;flex-direction:row;align-items:flex-start;gap:48px;padding:32px 0 96px}@media(max-width:820px){.guides-layout{flex-direction:column;gap:32px}}.guides-sidebar{flex:0 0 260px;position:-webkit-sticky;position:sticky;top:140px;display:flex;flex-direction:column;gap:32px}@media(max-width:820px){.guides-sidebar{position:static;flex:none;width:100%}}.guides-sidebar .guides-category-title{text-transform:uppercase;letter-spacing:1.5px;font-weight:600;color:#9f9f9f;padding-bottom:8px;border-bottom:1px solid #d6d6d6;margin-bottom:8px}.guides-sidebar ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.guides-sidebar a{display:block;padding:10px 12px;color:#0f233b;text-decoration:none;font-size:16px;line-height:24px;border-left:4px solid rgba(0,0,0,0);transition:border-color .15s ease-in-out,background-color .15s ease-in-out}.guides-sidebar a:hover{border-left-color:#d6d6d6;background-color:#f8f8f8}.guides-sidebar a.active{border-left-color:#9c1a1a;background-color:#f8f8f8;font-weight:600}.guides-content{flex:1 1;min-width:0;background-color:#f8f8f8;border:1px solid #d6d6d6;box-shadow:-8px 8px 0 rgba(30,30,30,.15);padding:48px 56px 40px}@media(max-width:820px){.guides-content{padding:32px 24px;width:100%;box-sizing:border-box}}.guides-content h2{margin:0;color:#0f233b;font-weight:600}.guides-content .guides-divider{height:4px;width:64px;background-color:#9c1a1a;margin:16px 0 24px}.guides-content .guides-list,.guides-content p{color:#464646;margin:0 0 16px;max-width:720px}.guides-content .guides-list{list-style:square;padding-left:24px}.guides-content .guides-list li{list-style:square;margin-bottom:8px}.guides-content .guides-list li::marker{color:#9c1a1a}.guides-content .guides-list li strong{font-weight:600;color:#0f233b}.guides-content .guides-figure{margin:24px 0;max-width:720px}.guides-content .guides-figure .figure-row{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:16px}@media(max-width:820px){.guides-content .guides-figure .figure-row{flex-wrap:wrap}}.guides-content .guides-figure .figure-zoom-btn{display:block;padding:0;border:none;background:none;cursor:zoom-in;flex:1 1;min-width:0;transition:opacity .15s ease-in-out}.guides-content .guides-figure .figure-zoom-btn:hover{opacity:.9}.guides-content .guides-figure img{display:block;border:1px solid #d6d6d6;width:100%;height:auto}.guides-content .guides-figure figcaption{margin-top:8px;color:#9f9f9f}.guides-content .guides-img-placeholder{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;aspect-ratio:16/9;width:100%;background-color:#ececec;border:2px dashed #d6d6d6}.guides-content .guides-img-placeholder .placeholder-number{font-size:32px;font-weight:600;color:#0f233b}.guides-content .guides-img-placeholder .placeholder-label{text-transform:uppercase;letter-spacing:1.5px;color:#9f9f9f}.guides-content .guides-help{margin-top:40px;padding-top:24px;border-top:1px solid #d6d6d6;color:#9f9f9f}.guides-content .guides-help a{color:#9c1a1a;font-weight:600}.guides-lightbox{position:fixed;inset:0;z-index:1100;flex-direction:column;align-items:center;justify-content:center;padding:24px;background-color:rgba(30,30,30,.88)}.guides-lightbox,.guides-lightbox .lightbox-toolbar{display:flex;gap:16px}.guides-lightbox .lightbox-btn{padding:10px 20px;border:2px solid #fcfcfc;background:none;color:#fcfcfc;font-size:14px;font-weight:600;letter-spacing:1px;cursor:pointer;transition:background-color .15s ease-in-out}.guides-lightbox .lightbox-btn:hover{background-color:rgba(252,252,252,.15)}.guides-lightbox .lightbox-body{max-width:92vw;max-height:78vh;overflow:auto;border:1px solid #9f9f9f}.guides-lightbox .lightbox-body img{display:block;max-width:92vw;max-height:78vh;cursor:zoom-in}.guides-lightbox .lightbox-body.zoomed img{max-width:none;max-height:none;cursor:zoom-out}.guides-lightbox .lightbox-caption{color:#d6d6d6;text-align:center;max-width:720px}