.hide{display:none!important}.hero label.search{max-width:600px;margin:0 auto;position:relative;display:flex;align-items:center}.hero label.search input{width:100%;padding:18px 24px 18px 56px;border-radius:30px;background:var(--global-card-bg);border:1px solid var(--global-border);color:var(--global-text-main);font-size:1.05rem;outline:0;transition:.3s cubic-bezier(.16, 1, .3, 1);backdrop-filter:blur(12px)}.hero label.search input:focus{border-color:#8b5cf6;box-shadow:0 0 0 4px rgba(139,92,246,.1)}.hero label.search figure{position:absolute;left:22px;margin:0;z-index:1;display:flex;align-items:center;color:var(--global-text-muted);pointer-events:none}.hero label.search figure svg{width:20px;height:20px}.list{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:32px}.list article{background:var(--global-card-bg);border:1px solid var(--global-border);border-radius:24px;padding:32px 28px;backdrop-filter:blur(12px);transition:.3s cubic-bezier(.16, 1, .3, 1);display:flex;flex-direction:column}.list article:hover{border-color:rgba(139,92,246,.4);box-shadow:0 20px 25px -5px rgba(139,92,246,.05)}.list article header{display:flex;align-items:flex-start;gap:16px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--global-border)}.list article header .icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:14px;background:rgba(139,92,246,.1);color:#8b5cf6;border:1px solid rgba(139,92,246,.2);flex-shrink:0}.list article header .icon svg{width:22px;height:22px}.list article header h3{font-size:1.25rem;font-weight:700;color:var(--global-text-main);margin:0 0 6px}.list article header p{color:var(--global-text-muted);font-size:.92rem;margin:0;line-height:1.5}.list article ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.list article ul li a{color:var(--global-text-main);text-decoration:none;font-size:.95rem;display:block;transition:.2s cubic-bezier(.16, 1, .3, 1);padding:10px 14px;border-radius:12px;background:rgba(0,0,0,.01);border:1px solid transparent}.list article ul li a:hover{color:#8b5cf6;background:rgba(139,92,246,.05);border-color:rgba(139,92,246,.15)}.results{max-width:800px;margin:40px auto;display:flex;flex-direction:column;gap:16px}.results header{font-size:1.2rem;font-weight:700;color:var(--global-text-main);margin-bottom:8px}.results a.articleLink{background:var(--global-card-bg);border:1px solid var(--global-border);border-radius:18px;padding:20px 24px;transition:.2s cubic-bezier(.16, 1, .3, 1);display:block;text-decoration:none}.results a.articleLink:hover{border-color:rgba(139,92,246,.4);background:rgba(139,92,246,.02);transform:translateY(-3px)}.results a.articleLink h4{font-size:1.15rem;font-weight:700;color:#8b5cf6;margin:0 0 6px}.results a.articleLink p{color:var(--global-text-muted);font-size:.92rem;margin:0;line-height:1.5}.detail{max-width:850px;margin:40px auto 64px;background:var(--global-card-bg);border:1px solid var(--global-border);border-radius:32px;padding:clamp(24px,5vw,48px);backdrop-filter:blur(16px)}#helpBackBtn{display:inline-flex;align-items:center;gap:8px;color:#8b5cf6;text-decoration:none;font-weight:600;font-size:.95rem;margin-bottom:24px;padding:10px 20px;border-radius:20px;background:rgba(139,92,246,.08);border:1px solid rgba(139,92,246,.2);transition:.2s cubic-bezier(.16, 1, .3, 1)}#helpBackBtn:hover{background:rgba(139,92,246,.15);transform:translateX(-4px)}.detail article h1{font-size:clamp(1.8rem, 4vw, 2.5rem);font-weight:850;color:var(--global-text-main);margin:0 0 14px;line-height:1.25;letter-spacing:-.5px}.detail article>p{color:var(--global-text-muted);font-size:clamp(1rem, 2vw, 1.15rem);margin:0 0 32px;line-height:1.6;padding-bottom:24px;border-bottom:1px solid var(--global-border)}.detail article section{color:var(--global-text-main);font-size:1.05rem;line-height:1.8}.detail article section h1{font-size:1.75rem;font-weight:800;margin:32px 0 16px}.detail article section h2{font-size:1.45rem;font-weight:700;margin:28px 0 14px}.detail article section h3{font-size:1.25rem;font-weight:700;margin:24px 0 12px}.detail article section p{margin-bottom:20px}.detail article section ol,.detail article section ul{padding-left:24px;margin-bottom:24px}.detail article section li{margin-bottom:8px}.detail article section code{background:rgba(0,0,0,.04);padding:3px 8px;border-radius:6px;font-family:monospace;color:#047857;border:1px solid var(--global-border);font-size:.9em}.detail article section strong{color:#8b5cf6;font-weight:700}.detail article section details{background:rgba(0,0,0,.01);border:1px solid var(--global-border);border-radius:14px;margin-bottom:14px;overflow:hidden}.detail article section details summary{padding:14px 20px;font-weight:600;cursor:pointer;outline:0;user-select:none}.detail article section details p{padding:0 20px 14px;margin:0;color:var(--global-text-muted);font-size:.95rem}.detail article section figure{margin:24px 0;border:1px solid var(--global-border);border-radius:16px;overflow:hidden;background:rgba(0,0,0,.01)}.detail article section figure img{width:100%;height:auto;display:block}.detail article section figure figcaption{padding:12px 20px;font-size:.88rem;color:var(--global-text-muted);border-top:1px solid var(--global-border);background:var(--global-card-bg)}.empty{text-align:center;padding:64px 24px;max-width:500px;margin:0 auto}.empty h2{font-size:2rem;font-weight:800;color:var(--global-text-main);margin-bottom:12px}.empty p{color:var(--global-text-muted);font-size:1.05rem;margin-bottom:28px}.loading{text-align:center;padding:64px 24px;color:var(--global-text-muted);font-size:1.1rem}@media (max-width:768px){.hero h1{font-size:2.2rem}.list{grid-template-columns:1fr;gap:20px}.detail{padding:24px 16px;border-radius:20px}}