:root{--ink:#172033;--muted:#536179;--accent:#5145cd;--line:#e1e6ef;--pale:#eeedff;--surface:#f8fafc}html,body{width:100%;max-width:100%;overflow-x:hidden}*,*::before,*::after{box-sizing:border-box;min-width:0}body{margin:0;background:var(--surface);color:var(--ink);font:16px/1.65 ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #7565ed;outline-offset:4px}a:hover{color:var(--accent)}[hidden]{display:none!important}.wrap{width:min(1160px,100% - 64px);margin-inline:auto}.skip{position:absolute;left:12px;top:-100px;background:white;padding:12px;z-index:20}.skip:focus{top:12px}.site-header{background:white;border-bottom:1px solid var(--line)}.header-row{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-size:22px;font-weight:800;letter-spacing:-1px;white-space:nowrap}.brand span{color:var(--accent)}.brand-icon{display:inline-block;width:32px;height:32px;object-fit:contain;border-radius:8px;margin-right:9px;vertical-align:middle}.main-nav{display:flex;align-items:center;gap:27px;font-size:14px;font-weight:600}.main-nav a[aria-current=page]{color:var(--accent)}.hero{padding:62px 0 30px}.eyebrow{text-transform:uppercase;font-size:11px;font-weight:800;letter-spacing:2px;color:var(--accent);margin:0 0 16px}.hero h1{font-size:clamp(36px,4.8vw,60px);font-weight:780;line-height:1.08;letter-spacing:-2.6px;margin:0 0 22px;max-width:870px}.hero h1 em{font-style:normal;color:var(--accent)}.hero .lead{font-size:17px;max-width:710px;color:var(--muted);line-height:1.75}.hero-meta{display:flex;gap:20px;flex-wrap:wrap;color:var(--muted);font-size:12px;margin-top:22px}.hero-meta span::before{content:'✓';color:var(--accent);margin-right:7px}.search-panel{background:#fff;border:1px solid var(--line);box-shadow:0 5px 24px #202c5310;border-radius:18px;padding:22px;margin:14px 0 38px}.search-label{font-weight:700;font-size:14px;display:block;margin-bottom:10px}.search-row{display:grid;grid-template-columns:1fr 185px auto;gap:10px}.search-row input,.search-row select{background:var(--surface);border:1px solid #d9dfeb;border-radius:10px;padding:12px 14px;width:100%;color:var(--ink)}.search-row input{padding-left:17px}.button{border:1px solid var(--accent);border-radius:10px;background:var(--accent);color:white;padding:11px 20px;font-weight:650;display:inline-flex;justify-content:center;align-items:center;gap:9px}.button:hover{background:#4235b9;color:white}.button.secondary{color:var(--accent);background:white;border-color:#d2cfee}.search-hint{font-size:12px;color:var(--muted);margin:10px 0 0}.search-hint a{text-decoration:underline;text-underline-offset:3px}.section-head{display:flex;justify-content:space-between;gap:16px;align-items:end;margin:0 0 22px}.section-head h2{font-size:27px;line-height:1.3;letter-spacing:-.8px;margin:0}.section-head p{margin:6px 0 0;font-size:14px;color:var(--muted)}.section-head>a{font-size:13px;color:var(--accent);font-weight:700;white-space:nowrap}.section{margin:0 0 44px}.split{display:grid;grid-template-columns:1fr 1fr;gap:24px}.collection{border:1px solid var(--line);background:white;border-radius:20px;overflow:hidden;box-shadow:0 3px 10px #202c5304;display:flex;flex-direction:column}.collection-top{padding:27px 28px 22px;border-bottom:1px solid var(--line);background:linear-gradient(135deg,#f1efff,#fff 90%)}.collection.web .collection-top{background:linear-gradient(135deg,#edf5fb,#fff 90%)}.collection-title{display:flex;gap:13px;align-items:center;margin-bottom:12px}.collection-title h2{font-size:25px;line-height:1.2;letter-spacing:-.8px;margin:0}.icon{display:inline-grid;place-items:center;flex-shrink:0;width:43px;height:43px;border-radius:12px;background:#e6e2ff;color:var(--accent);font-size:23px;font-weight:650}.web .icon{color:#256c92;background:#dfedf7}.collection-top p{color:var(--muted);font-size:14px;margin:0;max-width:440px}.collection-content{padding:22px 28px;flex:1}.tag-row{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 20px}.tag{font-size:11px;color:#56526f;background:#f3f2f9;border:1px solid #e8e5f0;border-radius:6px;padding:4px 8px}.mini-list{display:grid;gap:0}.mini-link{display:flex;justify-content:space-between;gap:15px;padding:15px 0;border-top:1px solid #edf0f5;align-items:center}.mini-link:first-child{border:0}.mini-link h3{font-size:14px;margin:0 0 3px}.mini-link p{font-size:12px;color:var(--muted);margin:0;line-height:1.6}.mini-link>span{color:var(--accent)}.badge{display:inline-block;font-size:10px;font-weight:650;line-height:1.5;letter-spacing:.2px;border-radius:5px;padding:3px 7px;background:#f1f2f6;color:#606879}.collection-footer{padding:0 28px 25px;display:flex;gap:12px;align-items:center;justify-content:space-between}.collection-footer .button{width:100%}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.category-card{padding:20px;background:white;border:1px solid var(--line);border-radius:14px;transition:transform .18s,box-shadow .18s,border-color .18s}.category-card:hover,.tool-card:hover{transform:translateY(-3px);border-color:#bcb5ef;box-shadow:0 8px 20px #3127840d}.category-card .icon{width:33px;height:33px;font-size:19px;margin-bottom:16px;background:#f1f0fb}.category-card h3{font-size:14px;margin:0 0 6px}.category-card p{font-size:12px;color:var(--muted);margin:0}.category-card .count{display:block;font-size:11px;color:var(--accent);margin-top:14px;font-weight:600}.tools-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.tool-card{background:white;border:1px solid var(--line);border-radius:15px;padding:22px;display:flex;flex-direction:column;transition:transform .18s,box-shadow .18s}.tool-card .category-label{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--accent);font-weight:700;margin-bottom:15px}.tool-card h3{font-size:16px;line-height:1.4;margin:0 0 8px}.tool-card p{font-size:13px;color:var(--muted);margin:0 0 18px}.tool-card .card-action{margin-top:auto;font-size:12px;font-weight:700;color:var(--accent)}.tool-card .badge{align-self:start;margin-bottom:12px}.editorial{background:white;border:1px solid var(--line);border-radius:20px;padding:34px}.editorial h2{font-size:25px;letter-spacing:-.7px;line-height:1.3;margin:0 0 14px}.editorial h3{font-size:18px;margin:28px 0 10px}.editorial p,.editorial li{font-size:14px;line-height:1.9;color:var(--muted)}.editorial a{text-decoration:underline;color:var(--accent);text-underline-offset:3px}.editorial .article-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 36px}.editorial details{border-top:1px solid var(--line);padding:19px 0}.editorial details:last-child{padding-bottom:0}.editorial summary{cursor:pointer;font-weight:650;font-size:14px}.editorial details p{margin-bottom:0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.step-number{display:inline-grid;place-items:center;background:var(--pale);border-radius:50%;width:31px;height:31px;font-size:12px;font-weight:750;color:var(--accent)}.steps h3{font-size:15px;margin:13px 0 8px}.steps p{font-size:13px;margin:0;color:var(--muted)}.note{background:#f0eefb;border-left:3px solid var(--accent);padding:18px 22px;border-radius:0 10px 10px 0;font-size:14px;color:#514a76}.legal{border-radius:18px;background:#20232d;color:#f8fafc;padding:28px 32px}.legal h2{font-size:17px;margin:0 0 10px}.legal p{font-size:12px;color:#c6cbd5;line-height:1.9;margin:0}.site-footer{padding:33px 0;background:white;border-top:1px solid var(--line)}.footer-row{display:flex;justify-content:space-between;gap:30px;align-items:start}.footer-row p{font-size:12px;color:var(--muted);margin:8px 0 0}.footer-links{display:flex;flex-wrap:wrap;gap:10px 21px;font-size:12px;max-width:460px}.footer-bottom{font-size:11px;color:#687387;margin-top:25px;padding-top:20px;border-top:1px solid var(--line)}.results-head{display:flex;justify-content:space-between;align-items:center;margin:22px 0 18px;gap:12px}.results-head h2{font-size:19px;margin:0}.empty{padding:30px;text-align:center;background:var(--surface);border-radius:12px;color:var(--muted)}.filter-row{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.filter-button{border:1px solid var(--line);border-radius:8px;padding:7px 12px;background:white;color:var(--muted);font-size:12px}.filter-button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:white}.breadcrumb{font-size:12px;display:flex;flex-wrap:wrap;gap:8px;color:var(--muted);padding-top:28px}.resource-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.resource{border:1px solid var(--line);background:#fff;border-radius:14px;padding:24px}.resource h2{font-size:19px;margin:14px 0 10px}.resource p{font-size:14px;color:var(--muted)}.resource code{font-size:11px;overflow-wrap:anywhere}.safe-break{overflow-wrap:anywhere}.prose-narrow{max-width:860px}.mobile-code,pre{max-width:100%;overflow:auto}img,svg,canvas,table{max-width:100%}.no-js{padding:12px;background:#fff7ed;border:1px solid #fed7aa;border-radius:10px;font-size:14px}.muted{color:var(--muted)}.center{text-align:center;margin-top:20px}
@media(max-width:900px){.category-grid{grid-template-columns:repeat(2,1fr)}.tools-grid{grid-template-columns:repeat(2,1fr)}.main-nav{gap:18px}.hero h1{font-size:48px}.collection-content,.collection-top{padding:22px}.collection-footer{padding:0 22px 22px}}
@media(max-width:640px){.wrap{width:calc(100% - 32px)}.header-row{min-height:100px;flex-wrap:wrap;gap:6px;padding-block:14px}.brand{font-size:20px}.main-nav{width:100%;gap:19px;font-size:12px;justify-content:space-between}.hero{padding-top:35px}.hero h1{font-size:38px;letter-spacing:-1.7px}.hero .lead{font-size:15px}.hero-meta{gap:8px 15px;font-size:11px}.split,.tools-grid,.resource-grid,.steps,.editorial .article-grid{grid-template-columns:1fr}.search-panel{padding:17px;border-radius:14px;margin-bottom:26px}.search-row{grid-template-columns:1fr auto}.search-row input{grid-column:1/-1}.search-row select{min-width:0;font-size:14px}.button{font-size:14px}.section{margin-bottom:30px}.section-head{align-items:start}.section-head h2{font-size:24px}.section-head>a{font-size:12px;padding-top:5px}.category-grid{gap:10px}.category-card{padding:16px}.category-card h3{font-size:13px}.editorial{padding:22px;border-radius:15px}.editorial h2{font-size:23px}.legal{padding:24px}.footer-row{flex-direction:column;gap:22px}.hero-meta span:last-child{display:none}.collection{border-radius:16px}.mobile-button-grid{display:grid;grid-template-columns:1fr}.mobile-preview{max-width:100%}.ad-box{max-width:100%;overflow:hidden}}
@media(max-width:380px){.wrap{width:calc(100% - 24px)}.hero h1{font-size:33px}.main-nav{gap:9px;font-size:11px}.collection-content,.collection-top{padding:18px}.collection-footer{padding:0 18px 18px}.category-grid{grid-template-columns:1fr}.search-row{grid-template-columns:1fr}.search-row input{grid-column:auto}.editorial{padding:18px}.tool-card{padding:18px}.section-head{flex-wrap:wrap}.legal{border-radius:12px;padding:20px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;scroll-behavior:auto!important}}

h2,h3{font-weight:700}