.page-container{display:grid;grid-template-columns:var(--col1-width) var(--col2-post) 1fr;height:100vh;width:100vw;overflow:hidden;position:relative}.article-content,.page-nav{overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;height:100vh}#pageContent{max-width:621px;margin:0 auto}.article-content{background:var(--color-background);padding-top:var(--spacing-xxl);scrollbar-color:var(--gray-300) transparent;scrollbar-gutter:stable}.listings-sidebar::-webkit-scrollbar{width:3px}.listings-sidebar::-webkit-scrollbar-track{background:0 0;border-radius:3px}.listings-sidebar::-webkit-scrollbar-thumb{background-color:var(--gray-300);border-radius:3px;transition:background-color var(--transition-base)}.faq-item,.key-takeaway-box,.reference-item,.requirements-box{background:var(--color-background);transition:all var(--transition-base)}.page-nav{background:var(--color-background);border-right:1px solid var(--gray-200)}.page-nav::-webkit-scrollbar{display:none}.map-container{position:relative;background:0 0;z-index:3;height:100vh}#map{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.loader-text{margin-top:var(--spacing-md);color:var(--color-text);font-size:.875rem}@media (max-width:991px){.map-container{display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:var(--z-modal)}.map-container.active{display:block}}.hero-container{padding:0 var(--spacing-xxl);overflow:hidden}.hero-image{width:100%;height:400px;object-fit:cover;border-radius:var(--radius-lg)}.hero-thumbnail img{border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);width:157px;height:auto}.hero-content{display:flex;flex-direction:column}.section-title-container,.step-title-container{position:relative;padding:var(--spacing-xxl);height:67vh;display:flex;flex-direction:column;justify-content:flex-end;background-position:center;background-size:cover;background-repeat:no-repeat;box-shadow:var(--shadow-in);color:var(--color-background);isolation:isolate}.faq-item:hover,.key-takeaway-box:hover,.post-card:hover,.reference-item:hover,.requirements-box:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.section-title-container::after,.step-title-container::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.85) 0,rgba(0,0,0,.6) 30%,rgba(0,0,0,.3) 60%,rgba(0,0,0,0) 100%);z-index:1}.section-title-container>*,.step-title-container>*{position:relative;z-index:2}.section-title,.step-title{font-size:2.4em;color:#fff;margin-top:var(--spacing-sm)}.section-number,.step-number{font-size:.875rem;color:var(--gray-400);padding-left:var(--spacing-md);border-left:2px solid var(--gray-400);margin-bottom:var(--spacing-md)}.step-name{color:rgba(255,255,255,.95);line-height:1.6;max-width:424px}.step-description{color:rgba(255,255,255,.7);font-size:1rem;line-height:1.6;margin:0;max-width:341px}.intro-container{padding-bottom:var(--spacing-xlg);padding-top:0}.section-content-container,.step-content-container{padding-top:var(--spacing-3xl);padding-bottom:var(--spacing-3xl)}.conclusion-container,.faq-container,.intro-container,.random-locations-container,.random-posts-container,.references-container,.section-content-container,.step-content-container{padding-right:var(--spacing-xxl);padding-left:var(--spacing-xxl)}.conclusion-title,.faq-title,.locations-title,.posts-title,.references-title{font-size:1.4rem;margin-bottom:var(--spacing-xlg);color:var(--color-text)}.faq-title,.references-title{margin-top:var(--spacing-xxl)}.article-main-title,.post-main-title{font-size:2.1rem;line-height:1.5;color:var(--gray-900);margin-top:var(--spacing-md)}.article-meta-info,.post-meta-tags{font-size:var(--text-size-md);color:var(--gray-550)}.conclusion-paragraph,.intro-paragraph,.section-paragraph,.step-paragraph{font-size:var(--text-size-lg);line-height:1.6;color:var(--gray-700);margin-bottom:var(--spacing-md);padding-right:var(--spacing-xlg)}.key-takeaway-box{border:1px solid var(--gray-200);border-radius:var(--radius-md);overflow:hidden;padding:var(--spacing-lg);margin-top:var(--spacing-xxl);margin-bottom:var(--spacing-md);display:flex}.key-takeaway-box:hover{border-color:var(--gray-300)}.takeaway-icon{padding:0 var(--spacing-md);margin:auto 0;font-size:3.2em}.takeaway-content{padding:0 var(--spacing-md);color:var(--color-text-muted);font-size:var(--text-size-sm);line-height:1.6;align-items:center;gap:var(--spacing-sm)}.faq-answer,.faq-question{padding:var(--spacing-lg)}.takeaway-content h4{margin:0;font-size:var(--title-size-sm);font-weight:500;color:var(--color-text);margin-bottom:var(--spacing-sm)}.takeaway-content i{color:var(--color-primary);font-size:1.1rem}.takeaway-content p{margin:0}.takeaway-content ul{margin:var(--spacing-sm) 0 0;padding-left:var(--spacing-lg)}.takeaway-content li{margin-bottom:var(--spacing-xs);color:var(--color-text-muted)}.faq-question,.requirements-header h3{color:var(--color-text);font-weight:500}.takeaway-content li:last-child{margin-bottom:0}.section-image-container,.step-image-container{margin:var(--spacing-lg) 0;border-radius:var(--radius-md);overflow:hidden}.section-image,.step-image{width:100%;height:auto;object-fit:cover}.faq-container{margin:var(--spacing-xlg) 0}.faq-item{border:1px solid var(--gray-200);border-radius:var(--radius-md);overflow:hidden;margin-bottom:var(--spacing-md)}.faq-item:hover{border-color:var(--gray-300)}.faq-question{margin:0;font-size:var(--text-size-lg);line-height:1.4;cursor:pointer}.faq-answer{color:var(--color-text-muted);font-size:var(--text-size-sm);line-height:1.6;border-top:1px solid var(--gray-100)}.requirements-container{display:flex;gap:var(--spacing-xlg);padding:0 var(--spacing-xxl);margin-top:var(--spacing-xxl)}.reference-item,.requirements-header,.requirements-list{padding:var(--spacing-md)}.requirements-box{border:1px solid var(--gray-200);border-radius:var(--radius-md);overflow:hidden;width:100%;margin-bottom:var(--spacing-md)}.requirements-box:hover{border-color:var(--gray-300)}.requirements-header{border-bottom:1px solid var(--gray-100);display:flex;align-items:center;gap:var(--spacing-sm)}.requirements-header h3{margin:0;font-size:.938rem}.requirements-header i{color:var(--color-primary);font-size:1.1rem}.requirements-list li{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-text-muted);font-size:.813rem;line-height:1.6;margin-bottom:var(--spacing-sm)}.reference-item,.references-list{gap:var(--spacing-md);display:flex}.requirements-list li:last-child{margin-bottom:0}.requirements-list .check-icon{color:var(--color-primary);font-size:1rem;opacity:.8}.references-container{margin:var(--spacing-xlg) 0}.references-title{font-size:1.4rem;margin-bottom:var(--spacing-xlg);color:var(--color-text)}.references-list{flex-direction:column}.reference-item{align-items:center;border:1px solid var(--gray-200);border-radius:var(--radius-md);margin-bottom:var(--spacing-md)}.reference-item:hover{border-color:var(--gray-300)}.reference-number{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--gray-50);color:var(--color-text-muted);border:1px solid var(--gray-200);border-radius:var(--radius-sm);font-size:var(--text-size-sm);font-weight:500}.reference-text{flex:1;font-size:var(--text-size-sm);line-height:1.4;color:var(--color-text)}.reference-text a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-base)}.reference-text a:hover{color:var(--color-secondary)}.nav-item,.reference-type{color:var(--color-text-muted);font-weight:500}.reference-type{flex-shrink:0;padding:var(--spacing-xs) var(--spacing-sm);background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-sm);font-size:var(--text-size-xsm)}@media (max-width:768px){.references-title{font-size:1.2rem;margin-bottom:var(--spacing-lg)}.reference-item{padding:var(--spacing-sm);gap:var(--spacing-sm)}.reference-name{font-size:var(--text-size-md)}.reference-type{font-size:.7rem}}@media (max-width:576px){.references-container{margin:var(--spacing-lg) 0}.references-list{gap:var(--spacing-sm)}.reference-number{width:20px;height:20px;font-size:.75rem}}.nav-item{background:var(--color-background);padding:var(--spacing-md) var(--spacing-3xl) var(--spacing-md) var(--spacing-lg);cursor:pointer;border-left:3px solid transparent;border-bottom:1px solid var(--gray-200);font-size:var(--text-size-sm);line-height:1.6}.nav-item.active,.nav-item:hover{background:var(--gray-50);border-left-color:var(--color-primary)}.nav-item:hover{color:var(--color-text)}.nav-item.active{color:var(--color-primary)}.random-locations-container,.random-posts-container{margin:var(--spacing-xlg) 0!important;max-width:800px}.locations-title,.posts-title{font-size:1.25rem;margin-bottom:var(--spacing-lg);color:var(--color-text)}.posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-md)}.post-card{display:flex;flex-direction:column;background:var(--color-background);border:1px solid var(--gray-200);border-radius:var(--radius-md);overflow:hidden;transition:all var(--transition-base)}.location-list a,.post-card-title a{text-decoration:none;transition:color var(--transition-base)}.post-card:hover{border-color:var(--gray-300)}.post-card-title{padding:var(--spacing-md);margin:0}.post-card-title a{color:var(--color-text);font-size:.938rem;font-weight:500;line-height:1.4}.post-card-title a:hover{color:var(--color-primary)}.post-card-meta{padding:0 var(--spacing-md) var(--spacing-md);color:var(--color-text-muted);font-size:.813rem}.location-column h4,.locations-title{color:var(--color-text);font-weight:500}.random-locations-container{margin:var(--spacing-xxl) 0;padding-top:var(--spacing-lg)}.locations-title{font-size:1.1rem;margin-bottom:var(--spacing-lg)}.locations-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}.location-column h4{font-size:.875rem;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--gray-200)}.location-list{list-style:none;padding:0;margin:0}.location-list li{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.location-list a{color:var(--color-primary);font-size:.875rem}.location-list a:hover{color:var(--color-secondary)}.location-meta{display:flex;gap:var(--spacing-xs)}@media (max-width:1440px){.page-container{grid-template-columns:var(--col1-width) 234px 1fr}.nav-item{padding:var(--spacing-md) var(--spacing-lg)}}@media (max-width:1200px){.page-container{grid-template-columns:var(--col1-width) var(--col2-post) 1fr}.nav-item{padding:var(--spacing-md) var(--spacing-3xl) var(--spacing-md) var(--spacing-lg)}.map-container{display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:var(--z-modal)}.requirements-container{display:grid;grid-template-columns:1fr}.article-main-title,.post-main-title,.section-title,.step-title{max-width:89%}}@media (max-width:991px){.page-container{grid-template-columns:var(--col1-width) 1fr}.page-nav{display:none}.map-container.active{display:block}.hero-container{height:auto}.hero-image{height:300px}.intro-container,.section-content-container,.step-content-container{padding-top:var(--spacing-xxl);padding-bottom:var(--spacing-xxl)}.conclusion-container,.faq-container,.intro-container,.random-locations-container,.random-posts-container,.references-container,.section-content-container,.step-content-container{padding-right:var(--spacing-xlg);padding-left:var(--spacing-xlg)}}@media (max-width:768px){.locations-grid,.page-container,.posts-grid{grid-template-columns:1fr}#leftMenuContainer{display:none}.article-main-title,.post-main-title{font-size:1.5rem}.hero-content{padding:var(--spacing-md)}.faq-question,.post-card-title a,.requirements-header h3{font-size:.875rem}.faq-answer,.post-card-meta,.requirements-list li{font-size:.775rem}.requirements-header i{font-size:1rem}.requirements-container{gap:var(--spacing-md);padding:0 var(--spacing-lg)}.key-takeaway-box{margin:var(--spacing-lg) 0}.key-takeaway-header h4{font-size:.875rem}.key-takeaway-header i{font-size:1rem}.takeaway-content{font-size:.775rem}.references-container{padding:0 var(--spacing-lg);margin:var(--spacing-xlg) 0}.reference-text{font-size:var(--text-size-xsm)}.section-title-container,.step-title-container{height:67vh;padding:var(--spacing-lg)}.section-title,.step-title{font-size:1.25rem}.intro-container,.section-content-container,.step-content-container{padding-top:var(--spacing-xlg);padding-bottom:var(--spacing-xlg)}.conclusion-container,.faq-container,.intro-container,.random-locations-container,.random-posts-container,.references-container,.section-content-container,.step-content-container{padding-right:var(--spacing-lg);padding-left:var(--spacing-lg)}}@media (max-width:576px){.faq-item,.faq-question,.key-takeaway-box,.post-card-title,.requirements-box,.requirements-header{padding:var(--spacing-md)}.hero-image{height:200px}.article-main-title,.post-main-title{font-size:1.25rem}.faq-item,.post-card,.requirements-box{margin-bottom:var(--spacing-sm)}.faq-answer,.post-card-meta,.requirements-list{padding:0 var(--spacing-md) var(--spacing-md)}.key-takeaway-box{margin:var(--spacing-md) 0}.key-takeaway-header,.takeaway-content{padding:var(--spacing-sm)}.takeaway-content ul{padding-left:var(--spacing-md)}.references-container{padding:0 var(--spacing-md);margin:var(--spacing-lg) 0}.reference-content{padding:var(--spacing-sm)}.reference-icon{width:28px;height:28px}.reference-title{font-size:.875rem}.reference-link{font-size:.775rem}.section-title-container,.step-title-container{height:74vh;padding:var(--spacing-md)}.section-title,.step-title{font-size:1.1rem}.step-description{font-size:.875rem}}@media print{.key-takeaway-box,.section-container,.step-container{page-break-inside:avoid}.page-container{display:block;height:auto;overflow:visible}#leftMenuContainer,.map-container,.page-nav,.random-locations-container,.random-posts-container{display:none}.article-content{padding:0;overflow:visible;height:auto}.hero-container{margin:2cm 0;page-break-after:always}.hero-content{position:relative;background:0 0;color:#000;padding:0}.article-main-title,.post-main-title{color:#000}.key-takeaway-box{border:1px solid var(--color-border)}.faq-container{page-break-before:always}}@media (max-width:768px){#leftMenuContainer,.menu-column{position:fixed;top:56px;height:calc(100vh - 56px);width:var(--col1-width);transition:left var(--transition-base);z-index:2100;background:var(--color-background)}#leftMenuContainer{display:block!important;left:-70px}#leftMenuContainer.active{left:0}.menu-column{left:-70px}.menu-column.active{left:0}@media (max-width:576px){#leftMenuContainer{display:block!important}}}.intro-title{display:none}