nav a.active{color:var(--color-primary);font-weight:600}.container{display:grid;grid-template-columns:1fr;gap:4rem}@media (min-width:992px){.container{grid-template-columns:3fr 1fr}}.breadcrumbs{grid-column:1 / -1;margin:2rem 0}.breadcrumbs ul{display:flex;flex-wrap:wrap;list-style:none;padding:0;margin:0}.breadcrumbs li{font-size:1.4rem;color:var(--color-text-secondary)}.breadcrumbs li:not(:last-child)::after{content:"/";margin:0 1rem;color:var(--color-border)}.breadcrumbs a{color:var(--color-text-secondary);text-decoration:none}.breadcrumbs a:hover{color:var(--color-primary)}.guide-content{max-width:800px}.guide-header{margin-bottom:3rem}.guide-header h1{font-size:3.6rem;margin-bottom:1.5rem}.meta-info{display:flex;flex-wrap:wrap;gap:2rem;color:var(--color-text-secondary);font-size:1.4rem}.meta-info span{font-weight:500;color:var(--color-text)}.guide-toc{background-color:var(--color-card-bg);border-radius:1.2rem;padding:2.5rem;margin-bottom:4rem;box-shadow:0 4px 12px rgba(0,0,0,0.05)}.guide-toc h2{margin-top:0;margin-bottom:2rem;font-size:2.4rem}.guide-toc ul{list-style-type:none;padding:0;margin:0}.guide-toc ul ul{padding-left:2rem;margin-top:.8rem;margin-bottom:1.2rem}.guide-toc li{margin-bottom:.8rem}.guide-toc a{display:inline-block;color:var(--color-text);text-decoration:none;padding:.5rem 0;transition:color var(--transition-speed)}.guide-toc a:hover{color:var(--color-primary)}.guide-section{margin-bottom:5rem}.guide-section h2{font-size:2.8rem;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border)}.sub-section{margin-bottom:3rem}.sub-section h3{font-size:2.2rem;margin-bottom:1.5rem}.sub-section h4{font-size:1.8rem;margin-bottom:1.2rem}.image-container{margin:2.5rem 0;text-align:center}.image-container img{max-width:100%;height:auto;border-radius:.8rem;box-shadow:0 4px 12px rgba(0,0,0,0.1)}.image-caption{margin-top:1rem;font-size:1.4rem;color:var(--color-text-secondary)}.steps-container{margin:2rem 0}.steps-container ol{padding-left:2.5rem}.steps-container li{margin-bottom:1rem}.info-box,.tip-box,.note-box,.warning-box{padding:2rem;border-radius:.8rem;margin:2rem 0}.info-box{background-color:rgba(var(--color-primary-rgb,0,113,227),.1);border-left:4px solid var(--color-primary)}.tip-box{background-color:rgba(var(--color-stable-rgb,23,193,88),.1);border-left:4px solid var(--color-stable)}.note-box{background-color:var(--color-secondary);border-left:4px solid var(--color-text-secondary)}.warning-box{background-color:rgba(var(--color-beta-rgb,242,169,0),.1);border-left:4px solid var(--color-beta)}.code-block{position:relative;margin:2.5rem 0}.code-block pre{background-color:var(--color-text);color:#f8f8f2;padding:2rem;border-radius:.8rem;overflow-x:auto;font-family:'SFMono-Regular',Consolas,'Liberation Mono',Menlo,monospace;font-size:1.4rem;line-height:1.6}.copy-code-btn{position:absolute;top:1rem;right:1rem;padding:.5rem 1rem;background-color:rgba(255,255,255,0.1);color:#f8f8f2;border:none;border-radius:.4rem;font-size:1.2rem;cursor:pointer;transition:background-color var(--transition-speed)}.copy-code-btn:hover{background-color:rgba(255,255,255,0.2)}.link-table{margin:2.5rem 0;overflow-x:auto}.link-table table{width:100%;border-collapse:collapse;font-size:1.5rem}.link-table th,.link-table td{padding:1.2rem 1.5rem;text-align:left;border-bottom:1px solid var(--color-border)}.link-table th{background-color:var(--color-table-header);font-weight:600}.link-table tr:nth-child(even){background-color:var(--color-table-row-alt)}.accordion{margin:2.5rem 0}.accordion-item{border:1px solid var(--color-border);border-radius:.8rem;margin-bottom:1rem;overflow:hidden}.accordion-header{width:100%;text-align:left;padding:1.5rem 2rem;background-color:var(--color-card-bg);border:none;border-radius:.8rem;font-size:1.6rem;font-weight:600;cursor:pointer;position:relative;transition:background-color var(--transition-speed);color:var(--color-text)}.accordion-header:hover{background-color:var(--color-background)}.accordion-header::after{content:"+";position:absolute;right:2rem;font-size:2rem;color:var(--color-text-secondary)}.accordion-item.active .accordion-header::after{content:"−"}.accordion-content{padding:0;max-height:0;overflow:hidden;transition:max-height .3s ease-out,padding .3s ease}.accordion-item.active .accordion-content{padding:2rem;max-height:1000px}.faq-container{margin:2.5rem 0}.faq-item{margin-bottom:2.5rem}.faq-item h3{font-size:1.8rem;margin-bottom:1.2rem;color:var(--color-text)}.faq-answer{color:var(--color-text)}.faq-answer ul{padding-left:2rem;margin:1.5rem 0}.faq-answer li{margin-bottom:.8rem}.guide-sidebar{position:sticky;top:9rem;align-self:start}.author-box{background-color:var(--color-card-bg);border-radius:1.2rem;padding:2rem;display:flex;align-items:center;gap:1.5rem;margin-bottom:3rem;box-shadow:0 4px 12px rgba(0,0,0,0.05)}.author-box img{width:8rem;height:8rem;border-radius:50%;object-fit:cover}.author-info h3{font-size:1.8rem;margin-bottom:.5rem}.author-info p{font-size:1.4rem;color:var(--color-text-secondary);margin-bottom:0}.related-guides{background-color:var(--color-card-bg);border-radius:1.2rem;padding:2rem;margin-bottom:3rem;box-shadow:0 4px 12px rgba(0,0,0,0.05)}.related-guides h3{font-size:1.8rem;margin-bottom:1.5rem}.related-guides ul{list-style:none;padding:0}.related-guides li{margin-bottom:1.2rem}.related-guides a{color:var(--color-text);text-decoration:none;transition:color var(--transition-speed)}.related-guides a:hover{color:var(--color-primary)}.cta-box{background-color:var(--color-card-bg);border-radius:1.2rem;padding:2rem;text-align:center;box-shadow:0 4px 12px rgba(0,0,0,0.05)}.cta-box h3{font-size:1.8rem;margin-bottom:1rem}.cta-box p{margin-bottom:1.5rem;color:var(--color-text-secondary)}.sidebar-form{display:flex;flex-direction:column;gap:1rem}.sidebar-form input{padding:1rem 1.5rem;border:1px solid var(--color-border);border-radius:.8rem;font-size:1.4rem;background-color:var(--color-background);color:var(--color-text)}.sidebar-form input:focus{outline:none;border-color:var(--color-primary)}.sidebar-form button{width:100%}@media (max-width:768px){.guide-header h1{font-size:2.8rem}.guide-section h2{font-size:2.4rem}.sub-section h3{font-size:2rem}.guide-toc{padding:2rem}}.compatibility-link{color:var(--color-primary);text-decoration:none;cursor:pointer}.compatibility-link:hover{text-decoration:underline}