html[data-app-mode] .hero,html[data-app-mode] .footer,html[data-app-mode] .guide-intro,.app-mode .hero,.app-mode .footer{display:none}.guide-layout{display:flex;gap:32px;align-items:flex-start}.guide-toc-col{width:240px;flex-shrink:0;position:sticky;top:24px;max-height:calc(100vh - 48px);overflow-y:auto}.guide-sections-col{flex:1;min-width:0}.guide-toc{background:#fff;border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:24px 20px}.toc-title{font-size:1.1rem;font-weight:700;color:var(--color-text);margin-bottom:14px}.toc-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.toc-item{display:flex;align-items:center;gap:8px}.toc-item:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--color-primary);flex-shrink:0}.toc-link{color:var(--color-primary);text-decoration:none;font-size:1rem;font-weight:500;transition:color .2s ease}.toc-link:hover{color:var(--color-primary-dark);text-decoration:underline}.guide-section{padding:40px 35px;background:#fff;border-radius:var(--radius-card);box-shadow:var(--shadow-card);margin-bottom:32px;scroll-margin-top:24px}.guide-section:last-child{margin-bottom:0}.guide-section h3{font-size:1.8rem;color:var(--color-text);margin-bottom:16px;font-weight:700}.feature-content{display:flex;flex-direction:column;gap:32px}.feature-text{width:100%}.feature-image-wrapper{grid-column:2;grid-row:1 / span 2;width:300px;max-width:100%;align-self:start;margin:0}.feature-bullets{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:20px}.feature-bullets li{display:flex;align-items:flex-start;gap:12px}.feature-bullets li:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--color-primary);flex-shrink:0;margin-top:6px}.feature-bullet-body{display:grid;grid-template-columns:1fr auto;column-gap:28px;align-items:start;flex:1}.feature-bullet-title{grid-column:1;grid-row:1;font-size:1rem;font-weight:600;color:var(--color-text);line-height:1.5}.feature-bullet-desc{grid-column:1;grid-row:2;font-size:.95rem;color:var(--color-text-light);line-height:1.7;margin:0;align-self:start}.feature-image{width:auto;max-width:100%;height:auto;border-radius:12px;box-shadow:0 4px 15px #0000001a;display:block;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer}.feature-image:hover{transform:scale(1.02);box-shadow:0 8px 25px #00000026}.image-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000e6;display:flex;justify-content:center;align-items:center;z-index:1000;cursor:pointer;animation:fadeIn .2s ease}.modal-content{position:relative;max-width:95vw;max-height:95vh;cursor:default}.modal-image{max-width:100%;max-height:95vh;width:auto;height:auto;border-radius:8px;box-shadow:0 10px 50px #00000080}.modal-close{position:absolute;top:-40px;right:0;background:transparent;border:none;color:#fff;font-size:40px;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:transform .2s ease;line-height:1}.modal-close:hover{transform:scale(1.2)}@media(min-width:1024px){.guide-toc-col{width:260px}.guide-toc{padding:28px 24px}.guide-section{padding:50px}.guide-section h3{font-size:2rem}}@media(min-width:1400px){.guide-section{padding:60px 70px}.feature-content{gap:80px}}@media(max-width:968px){.guide-layout{flex-direction:column}.guide-toc-col{position:static;width:100%;max-height:none;overflow-y:visible}.feature-content{flex-direction:column;gap:25px}.feature-bullet-body{grid-template-columns:1fr}.feature-image-wrapper{grid-column:1;grid-row:auto;width:100%;max-width:500px;margin:12px 0 0}}@media(max-width:768px){.guide-toc{padding:20px 16px}.guide-section{padding:30px 25px}.guide-section h3{font-size:1.6rem}}@media(max-width:480px){.guide-section{padding:25px 20px}.guide-section h3{font-size:1.4rem}}