.tools-guides-page{padding:6rem 10vw 7rem;position:relative;overflow:hidden}.tools-guides-page:before{content:"";filter:blur(5px);opacity:.55;pointer-events:none;z-index:0;background-image:linear-gradient(#0b0f14c7 0%,#0b0f14ad 45%,#0b0f14d1 100%),url(../media/tools-bg.493f02bb.jpg);background-position:50% 20%;background-size:cover;width:100vw;height:100vh;position:fixed;inset:0;transform:scale(1.04)}.tools-guides-page:after{content:"";pointer-events:none;z-index:0;background:linear-gradient(#0b0f1400 0%,#0b0f14d9 65%,#0b0f14 100%);height:120px;position:absolute;bottom:0;left:0;right:0}.beginner-tools-container{z-index:1;width:100%;margin:0 auto;position:relative}.beginner-tools-header{margin-bottom:2rem}.beginner-tools-header h1{color:var(--accent-red);font-size:2.2rem;font-family:var(--font-primary);margin:0 0 .5rem}.guide-meta-row{align-items:center;gap:.75rem;margin:.5rem 0 1rem;display:flex}.difficulty-badge{background:var(--badge-color,#888);color:#fff;text-transform:uppercase;letter-spacing:.06em;font-size:.75rem;font-weight:700;font-family:var(--font-secondary);border-radius:4px;padding:.25rem .7rem;display:inline-block}.read-time{color:var(--text-secondary);font-size:.95rem;font-family:var(--font-secondary)}.header-description p{color:var(--text-secondary);line-height:1.6;font-family:var(--font-secondary);margin-bottom:.8rem}.header-description p strong{color:var(--accent-yellow)}.back-link{color:var(--accent-yellow);font-weight:600;font-family:var(--font-secondary);margin-bottom:1.5rem;text-decoration:none;transition:color .3s;display:inline-block}.back-link:hover{color:var(--color-primary);text-decoration:underline}.affiliate-notice{border-left:4px solid var(--accent-red);color:var(--text-secondary);font-family:var(--font-secondary);background:#e74c3c14;border-radius:6px;margin:1.5rem 0;padding:1rem}.affiliate-notice p{margin:0}.affiliate-notice strong{color:var(--accent-yellow)}.guide-sections{flex-direction:column;gap:1.25rem;margin-bottom:2rem;display:flex}.guide-section-item h3{color:var(--accent-yellow);font-size:1.15rem;font-family:var(--font-primary);margin:0 0 .5rem}.guide-section-item p{color:var(--text-secondary);line-height:1.7;font-family:var(--font-secondary);margin:0}.guide-section-figure{flex-direction:column;align-items:flex-start;gap:.5rem;margin:0;display:flex}.guide-section-image{object-fit:cover;border-radius:10px;width:100%;max-width:720px}.guide-section-figure figcaption{color:var(--text-secondary);font-size:.82rem;font-family:var(--font-secondary);opacity:.75}.tool-image-wrap{background:#0003;border-radius:8px;justify-content:center;align-items:center;max-height:260px;margin-bottom:1rem;display:flex;overflow:hidden}.tool-image{object-fit:cover;width:100%;height:100%;display:block}.tools-section{margin-top:2rem}.tools-section-label{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.tools-section-label span{font-family:var(--font-primary);letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary);white-space:nowrap;font-size:.8rem;font-weight:700}.tools-section-label:before,.tools-section-label:after{content:"";background:var(--border-color);flex:1;height:1px}.tools-list{flex-direction:column;gap:1rem;margin-top:2rem;display:flex}.tool-accordion{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;transition:all .3s;overflow:hidden}.tool-accordion:hover{border-color:var(--accent-yellow);box-shadow:0 4px 12px #00000026}.tool-accordion-header{cursor:pointer;background:var(--bg-secondary);font-family:var(--font-primary);justify-content:space-between;align-items:center;gap:1rem;padding:1rem;transition:background-color .3s;display:flex}.tool-accordion-header:hover{background:#ffd7000d}.tool-header-left{flex:1;align-items:flex-start;gap:1rem;display:flex}.tool-icon{text-align:center;background:#ffd7001a;border-radius:6px;min-width:48px;padding:.5rem;font-size:1.8rem}.tool-header-info h3{color:#fff;font-size:1.1rem;font-family:var(--font-primary);margin:0 0 .4rem}.tool-summary{color:var(--text-secondary);font-size:.9rem;font-family:var(--font-secondary);margin:0}.tool-header-right{color:var(--text-secondary);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.8rem;display:flex}.tool-category,.tool-importance{color:#fff;font-size:.75rem;font-weight:600;font-family:var(--font-secondary);text-transform:uppercase;background:#ffd7001a;border-radius:6px;padding:.3rem .7rem}.accordion-toggle{color:var(--accent-red);font-size:1.1rem;font-weight:700}.tool-accordion-content{border-top:1px solid var(--border-color);color:var(--text-primary);background:#ffd70005;padding:1rem}.intermediate-tools-page .tool-accordion{-webkit-backdrop-filter:blur(20px)saturate(180%);background:linear-gradient(135deg,#ffffff1a 0%,#ffffff0d 50%,#ffffff05 100%),#0f1823d1;border:1px solid #ffffff24;border-radius:12px;box-shadow:0 8px 32px #0003,inset 0 1px #ffffff1a,inset 0 -1px #0000001a}.intermediate-tools-page .tool-accordion:hover{border-color:#ffffff40;box-shadow:0 12px 40px #00000040,inset 0 1px #ffffff26,inset 0 -1px #0000001a}.intermediate-tools-page .tool-accordion-header{background:0 0}.intermediate-tools-page .tool-accordion-header:hover{background:#ffffff0a}.intermediate-tools-page .tool-accordion-content{background:#080f1861;border-top:1px solid #ffffff14}.tool-content-section{margin-bottom:1.2rem}.tool-content-section:last-child{margin-bottom:0}.tool-content-section h4{font-size:1rem;font-family:var(--font-primary);margin:0 0 .6rem}.tool-content-section p{color:var(--text-secondary);line-height:1.6;font-family:var(--font-secondary);margin:0}.how-to-list,.tips-list{color:var(--text-secondary);font-family:var(--font-secondary);margin:.6rem 0 0 1.5rem}.how-to-list li,.tips-list li{margin-bottom:.5rem;line-height:1.6}.recommendations-list{flex-direction:column;gap:.8rem;display:flex}.recommendation-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;padding:.8rem;transition:all .3s}.recommendation-card:hover{border-color:var(--accent-yellow);background:#ffd70008}.rec-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.5rem;display:flex}.rec-header h5{font-size:.95rem;font-family:var(--font-primary);margin:0}.rec-price{font-size:.85rem;font-weight:600;font-family:var(--font-secondary);white-space:nowrap}.rec-why{color:var(--text-secondary);font-size:.9rem;line-height:1.5;font-family:var(--font-secondary);margin:0 0 .6rem}.rec-link{color:var(--accent-yellow);font-size:.9rem;font-weight:600;font-family:var(--font-secondary);text-decoration:none;transition:color .3s;display:inline-block}.rec-link:hover{color:var(--color-primary);text-decoration:underline}.rec-link-disabled{color:var(--text-secondary);font-size:.9rem;font-style:italic;font-family:var(--font-secondary)}.availability{color:var(--text-secondary);font-family:var(--font-secondary);margin:0;font-size:.95rem}.availability strong{color:var(--accent-red)}@media (max-width:768px){.tools-guides-page{padding:5rem 6vw 4rem}.beginner-tools-header h1{font-size:1.8rem}.header-subtitle{font-size:1rem}.tool-accordion-header{flex-direction:column;align-items:flex-start}.tool-header-right{width:100%;margin-top:.5rem}.rec-header{flex-direction:column;align-items:flex-start}}@media (max-width:480px){.tools-guides-page{padding:4.5rem 1rem 3rem}.beginner-tools-header h1{font-size:1.5rem}.tool-accordion-header,.tool-accordion-content{padding:.8rem}.tool-header-left{gap:.8rem}.tool-icon{min-width:40px;font-size:1.5rem}.tool-header-info h3{font-size:.95rem}.tool-summary{font-size:.85rem}}