.tool-seo-intro-top{box-sizing:border-box;border-bottom:1px solid var(--border);background:var(--foreground);width:100%}.tool-seo-intro-top-inner{box-sizing:border-box;width:100%;max-width:none;margin:0;padding:24px 24px 20px;position:relative}.tool-seo-intro-top-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;display:flex}.tool-seo-intro-top-header:has(.tool-seo-intro-title-field--top){align-items:flex-end}.tool-seo-intro-top-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.tool-seo-intro-top-heading-spacer{flex:1;min-width:0}.tool-seo-intro-top-edit-btn,.tool-seo-intro-btn{cursor:pointer;color:var(--text);background:#53d3ff1a;border:1px solid #53d3ff59;border-radius:8px;padding:6px 12px;font-size:.875rem;font-weight:600}.tool-seo-intro-top-edit-btn:hover:not(:disabled),.tool-seo-intro-btn.save:hover:not(:disabled){background:#53d3ff2e}.tool-seo-intro-btn.cancel{background:0 0;border-color:#ffffff26}.tool-seo-intro-title-field{flex-direction:column;gap:6px;margin-bottom:12px;display:flex}.tool-seo-intro-content-field{flex-direction:column;gap:8px;display:flex}.tool-seo-intro-top-editor{margin-top:4px}.tool-seo-intro-title-field--top{flex:1;min-width:0;margin-bottom:0}.tool-seo-intro-title-label{color:var(--muted);font-size:.8125rem;font-weight:600}.tool-seo-intro-title-input{box-sizing:border-box;width:100%;color:var(--text);font-size:1rem;font-weight:700;font-family:var(--font-sans);background:#00000059;border:1px solid #53d3ff59;border-radius:8px;padding:10px 12px}.tool-seo-intro-hint{color:var(--muted);margin:0 0 12px;font-size:.8125rem}.tool-seo-intro-top-heading{min-width:0;color:var(--text);text-align:left;flex:1;margin:0;font-size:1.2rem;font-weight:700}.tool-seo-intro-top-body{color:var(--muted);text-align:left;font-size:.9375rem;line-height:1.75}.tool-seo-intro-top-body h2{display:none}.tool-seo-intro-top-body p{margin:0 0 10px}.tool-seo-intro-top-body p:last-child{margin-bottom:0}.tool-seo-faq{box-sizing:border-box;border-top:1px solid var(--border);background:var(--foreground);width:100%}.tool-seo-faq-inner{box-sizing:border-box;max-width:960px;margin:0 auto;padding:28px 24px 36px}.tool-seo-faq-heading{color:var(--text);margin:0 0 20px;font-size:1.15rem;font-weight:700}.tool-seo-faq-list{flex-direction:column;gap:10px;display:flex}.tool-seo-faq-item{background:#00000040;border:1px solid #ffffff14;border-radius:10px;overflow:hidden}.tool-seo-faq-question{color:var(--text);cursor:pointer;padding:14px 16px;font-size:.9375rem;font-weight:600;line-height:1.5;list-style:none}.tool-seo-faq-question::-webkit-details-marker{display:none}.tool-seo-faq-item[open] .tool-seo-faq-question{color:var(--neon-blue);border-bottom:1px solid #ffffff0f}.tool-seo-faq-answer{color:var(--muted);padding:12px 16px 16px;font-size:.9rem;line-height:1.75}.tool-seo-faq-answer p{margin:0}.tool-seo-faq-answer code,.tool-seo-faq-answer--accordion code{color:#fcd34d;font-size:inherit;background:0 0;border-radius:0;padding:0}.tool-seo-faq--compact{background:var(--bg);border-top:none}.tool-seo-faq--compact.tool-seo-faq--accordion .tool-seo-faq-inner{padding-top:16px;padding-bottom:28px}.tool-seo-faq--compact .tool-seo-faq-heading{margin-bottom:16px}.tool-seo-faq--accordion .tool-seo-faq-heading{color:#fff;font-size:24px;font-weight:700}.tool-seo-faq-list--accordion{background:0 0;gap:0}.tool-seo-faq-item--accordion{background:0 0;border:none;border-bottom:1px solid #ffffff14;border-radius:0}.tool-seo-faq-item--accordion:last-child{border-bottom:none}.tool-seo-faq-item--accordion.is-open{background:0 0}.tool-seo-faq-question--accordion{color:#fff;text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;gap:16px;width:100%;padding:18px 0;font-size:1rem;font-weight:600;line-height:1.5;display:flex}.tool-seo-faq-question-text{flex:1;min-width:0}.tool-seo-faq-chevron{color:#ffffff73;flex-shrink:0;justify-content:center;align-items:center;transition:transform .2s,color .2s;display:flex}.tool-seo-faq-chevron--open{color:#ffffffb3;transform:rotate(180deg)}.tool-seo-faq-answer--accordion{color:var(--muted);background:0 0;padding:0 0 18px;font-size:.9rem;line-height:1.75}.tool-seo-admin-panel{box-sizing:border-box;border-top:1px solid var(--border);background:#141414;width:100%}.tool-seo-admin-panel-inner{box-sizing:border-box;max-width:960px;margin:0 auto;padding:20px 24px 28px}@media (max-width:768px){.tool-seo-intro-top-inner,.tool-seo-faq-inner,.tool-seo-admin-panel-inner{padding-left:16px;padding-right:16px}}
.guides-hub-intro{box-sizing:border-box;border-bottom:1px solid var(--border);background:linear-gradient(#53d3ff0d 0%,#0000 100%);width:100%}.guides-hub-intro-inner{box-sizing:border-box;max-width:960px;margin:0 auto;padding:24px 24px 8px}.guides-hub-intro-title{color:var(--text);margin:0 0 12px;font-size:1.5rem;font-weight:800}.guides-hub-intro-inner p{color:var(--muted);margin:0 0 10px;font-size:.9375rem;line-height:1.75}.guides-hub-intro-inner p:last-child{margin-bottom:0}.guides-hub-intro-inner a{color:var(--neon-blue);text-underline-offset:2px;text-decoration:underline}.guides-hub-emphasis{color:#fff;font-weight:600}@media (max-width:768px){.guides-hub-intro-inner{padding:16px 12px 4px}.guides-hub-intro-title{font-size:1.25rem}}@media (max-width:480px){.guides-hub-intro-inner{padding:14px 8px 2px}.guides-hub-intro-title{font-size:1.15rem}.guides-hub-intro-inner p{font-size:.875rem;line-height:1.65}}
