.tool-guide-article{background:linear-gradient(180deg, rgba(var(--accent-rgb), .045) 0%, transparent 18rem);border-radius:.5rem;max-width:920px;margin:2.5rem auto 4rem;padding:0 1.25rem 3rem;position:relative}[data-theme=dark] .tool-guide-article{background:linear-gradient(180deg, rgba(var(--accent-rgb), .08) 0%, transparent 18rem)}.tool-guide-header{border:1px solid var(--border);background:var(--surface-raised);box-shadow:var(--shadow-lg,0 12px 40px #00000014);border-radius:1.25rem;margin-bottom:2.5rem;padding:2rem 2rem 2rem 2.25rem;position:relative;overflow:hidden}.tool-guide-header:before{content:"";background:var(--accent-gradient,linear-gradient(180deg, var(--accent) 0%, #c62828 100%));border-radius:4px 0 0 4px;width:4px;position:absolute;top:0;bottom:0;left:0}.tool-guide-title{flex-direction:column;align-items:flex-start;gap:.45rem;margin:0 0 1.15rem;display:flex}.tool-guide-kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);opacity:.95;font-size:.72rem;font-weight:800;line-height:1.2}.tool-guide-title-text{color:var(--text-primary);letter-spacing:-.02em;font-size:clamp(1.45rem,3.2vw,2.05rem);font-weight:800;line-height:1.2;display:block}.tool-guide-lead{color:var(--text-secondary);border-top:1px solid var(--border);margin:0;padding-top:1.1rem;font-size:1.05rem;line-height:1.8}.tool-guide-body{flex-direction:column;gap:1.25rem;display:flex}.tool-guide-body .tool-guide-section{border:1px solid var(--border);background:var(--surface);border-radius:1rem;margin-bottom:0;padding:1.5rem 1.75rem;transition:border-color .2s,box-shadow .2s}.tool-guide-body .tool-guide-section:hover{border-color:rgba(var(--accent-rgb), .35);box-shadow:0 8px 28px #0000000f}.tool-guide-body h3{color:var(--text-primary);border-bottom:1px solid var(--border);letter-spacing:-.01em;margin:0 0 .9rem;padding-bottom:.65rem;font-size:1.15rem;font-weight:800}.tool-guide-body p{color:var(--text-secondary);margin:0 0 .95rem;font-size:1rem;line-height:1.82}.tool-guide-body p:last-child{margin-bottom:0}.tool-guide-list-title{color:var(--text-primary);margin:1.1rem 0 .55rem;font-size:.95rem;font-weight:700}.tool-guide-body ul{color:var(--text-secondary);margin:0 0 .5rem;padding:.5rem 0 .25rem 1.35rem;line-height:1.75}.tool-guide-body li{margin-bottom:.55rem;padding-left:.15rem}.tool-guide-body li::marker{color:var(--accent)}.tool-guide-faq{border:1px solid var(--border);background:var(--surface-raised);border-radius:1rem;margin-top:2.5rem;padding:2rem 1.75rem}.tool-guide-faq>h3{color:var(--text-primary);align-items:center;gap:.5rem;margin:0 0 1.35rem;font-size:1.15rem;font-weight:800;display:flex}.tool-guide-faq>h3:before{content:"?";background:rgba(var(--accent-rgb), .12);width:1.75rem;height:1.75rem;color:var(--accent);border-radius:.5rem;justify-content:center;align-items:center;font-size:.95rem;font-weight:800;display:inline-flex}.tool-guide-faq-list{margin:0}.tool-guide-faq-item{background:var(--surface);border:1px solid var(--border);border-radius:.75rem;margin-bottom:1.35rem;padding:1rem 1.1rem}.tool-guide-faq-item:last-child{margin-bottom:0}.tool-guide-faq-item dt{color:var(--text-primary);margin-bottom:.45rem;font-size:.98rem;font-weight:700;line-height:1.45}.tool-guide-faq-item dd{color:var(--text-secondary);margin:0;font-size:.96rem;line-height:1.75}@media (max-width:640px){.tool-guide-article{margin-top:1.75rem;padding-left:1rem;padding-right:1rem}.tool-guide-header{padding:1.5rem 1.35rem 1.5rem 1.5rem}.tool-guide-body .tool-guide-section{padding:1.25rem 1.2rem}.tool-guide-faq{padding:1.5rem 1.2rem}}
