
:root{color-scheme:light;--bg:#f5f7fb;--paper:#fff;--ink:#17243b;--muted:#52627d;--line:#dbe3ed;--blue:#2255dc;--blue2:#163da5;--soft:#eaf0ff;--max:1160px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}a{color:var(--blue)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #f5a623;outline-offset:3px}.container{max-width:var(--max);margin:auto;padding:0 22px}.topbar{background:#fff;border-bottom:1px solid var(--line)}.topinner{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:70px}.brand{font-size:1.22rem;font-weight:850;color:var(--ink);text-decoration:none;letter-spacing:-.6px}.brand span{color:var(--blue)}nav{display:flex;gap:20px;flex-wrap:wrap}nav a{font-size:.92rem;color:var(--muted);text-decoration:none;font-weight:650}nav a:hover{text-decoration:underline;color:var(--blue)}.hero{padding:65px 0 48px;background:linear-gradient(135deg,#0e234b,#173e90 60%,#2458cc);color:#fff}.eyebrow{letter-spacing:.15em;text-transform:uppercase;font-weight:800;font-size:.77rem}.hero h1{font-size:clamp(2.1rem,5vw,4rem);line-height:1.12;letter-spacing:-.05em;margin:14px 0 16px;max-width:900px}.hero p{max-width:760px;color:#dfebff;font-size:1.13rem}.metrics{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.metric{border:1px solid #ffffff44;border-radius:12px;padding:9px 15px;color:#fff;font-weight:650}.main{padding:37px 0 65px}.section-head{margin:0 0 20px}.section-head h2{margin:0 0 4px;font-size:1.75rem;letter-spacing:-.03em}.section-head p{color:var(--muted);margin:0}.filters{display:flex;gap:12px;flex-wrap:wrap;background:var(--paper);padding:18px;border:1px solid var(--line);border-radius:18px;margin:0 0 24px}.filters input,.filters select{border:1px solid #c9d4e3;border-radius:9px;background:#fff;color:var(--ink);padding:12px 14px;font:inherit;min-height:47px}.filters input{flex:2 1 250px}.filters select{flex:1 1 170px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.app-card{background:var(--paper);border:1px solid var(--line);border-radius:17px;padding:22px;display:flex;flex-direction:column;min-width:0;box-shadow:0 7px 23px #0c22520a}.app-card:hover{border-color:#aabff2;box-shadow:0 9px 28px #0c225214}.card-top{display:flex;gap:14px;align-items:center}.appicon{width:58px;height:58px;border-radius:14px;object-fit:cover;background:#eef1f7;border:1px solid #e5eaf2}.card-title{font-size:1.1rem;font-weight:800;line-height:1.3;margin:0}.card-title a{text-decoration:none;color:var(--ink)}.card-title a:hover{color:var(--blue)}.card-sub{color:var(--muted);font-size:.8rem;margin:4px 0}.chip{display:inline-flex;border-radius:99px;background:var(--soft);color:var(--blue2);font-size:.77rem;font-weight:750;padding:4px 10px;margin-top:13px;align-self:flex-start}.app-card p{color:var(--muted);font-size:.91rem;margin:15px 0}.actions{margin-top:auto;display:flex;flex-wrap:wrap;gap:8px}.button{display:inline-flex;align-items:center;justify-content:center;border-radius:10px;padding:10px 13px;text-decoration:none;font-size:.87rem;font-weight:750;line-height:1.4;background:var(--blue);color:#fff;border:1px solid var(--blue);cursor:pointer}.button:hover{background:var(--blue2);color:#fff}.button.secondary{background:#fff;color:var(--blue);border-color:#b8cafa}.button.secondary:hover{background:var(--soft)}.count{color:var(--muted);margin:0 0 16px}.contents{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:30px;align-items:start}.article{min-width:0}.article h1{font-size:clamp(1.9rem,4vw,3rem);line-height:1.16;letter-spacing:-.04em;margin:12px 0 18px}.article h2{font-size:1.5rem;letter-spacing:-.025em;margin:34px 0 12px}.article h3{font-size:1.1rem;margin:18px 0 5px}.article p,.article li{color:#43516b}.article ul,.article ol{padding-left:22px}.article li{margin:8px 0}.lead{font-size:1.13rem}.content-card{padding:25px;background:#fff;border:1px solid var(--line);border-radius:17px;margin-top:20px}.breadcrumbs{padding:24px 0 0;font-size:.89rem;color:var(--muted)}.breadcrumbs a{color:var(--muted)}.aside{position:sticky;top:20px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px}.aside .appicon{width:76px;height:76px}.aside h2{font-size:1.12rem;margin:13px 0 4px}.aside p{font-size:.9rem;color:var(--muted)}.aside .button{display:flex;margin:9px 0}.reference{overflow-wrap:anywhere;word-break:break-word;font-size:.84rem}.feature{border-bottom:1px solid var(--line);padding:8px 0 12px}.feature:last-child{border:0}.notice{background:#f0f5ff;border-left:4px solid var(--blue);border-radius:7px;padding:14px 17px;color:#314363;margin:22px 0}.related{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.related a{padding:12px;border:1px solid var(--line);border-radius:11px;background:#fff;text-decoration:none;font-weight:650;font-size:.9rem;overflow-wrap:anywhere}.related a:hover{background:var(--soft)}.footer{border-top:1px solid var(--line);background:#fff;padding:25px 0;color:var(--muted);font-size:.86rem}.footer .container{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap}.small{font-size:.84rem;color:var(--muted)}.pill{background:#f0f3f8;border-radius:8px;padding:4px 9px;font-size:.75rem;font-weight:750}.empty{display:none;padding:38px;text-align:center;background:#fff;border:1px solid var(--line);border-radius:14px}.hidden{display:none!important}@media(max-width:950px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.contents{grid-template-columns:1fr}.aside{position:static;order:-1}.hero{padding:46px 0 33px}}@media(max-width:620px){.grid{grid-template-columns:1fr}.topinner{flex-direction:column;align-items:flex-start;padding:15px 0}nav{gap:12px}.hero h1{font-size:2.2rem}.content-card{padding:18px}.related{grid-template-columns:1fr}.filters{flex-direction:column}.filters input,.filters select{width:100%;flex:none}.container{padding:0 17px}}
