.site .sec.hub.blog-hub{padding-top:32px}.site .bf{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:18px;display:flex}.site .bf-l{font:600 16px var(--font);color:var(--ink)}.site .bf-chips{flex-wrap:wrap;gap:10px;display:flex}.site .bf-chips button{border:1px solid var(--line-2);cursor:pointer;height:44px;font:600 16px var(--font);color:var(--ink);background:#fff;border-radius:999px;padding:0 20px;transition:background .2s,color .2s,border-color .2s}.site .bf-chips button:hover{border-color:var(--blue);color:var(--blue)}.site .bf-chips button[aria-pressed=true]{background:var(--blue);border-color:var(--blue);color:#fff}.site .bsearch{margin-bottom:22px;display:block;position:relative}.site .bsearch svg{width:20px;height:20px;color:var(--ink-3);pointer-events:none;margin-top:-10px;position:absolute;top:50%;left:18px}.site .bsearch input{border:1px solid var(--line-2);width:100%;height:56px;font:400 17px var(--font);color:var(--ink);background:#fff;border-radius:14px;padding:0 18px 0 50px}.site .bsearch input:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-50);outline:none}.site .bcount{color:var(--ink-3);margin-bottom:18px;font-size:15px}.site .bgrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0;padding:0;list-style:none;display:grid}.site .bgrid>li{min-width:0;display:flex}.site .bgrid>li.feat{grid-column:1/-1}.site .pc-slot{display:contents}.site .pc{border:1px solid var(--line);min-width:0;color:inherit;transition:box-shadow .3s,transform .3s var(--ease);background:#fff;border-radius:20px;flex-direction:column;flex:1;text-decoration:none;display:flex;overflow:hidden}.site .pc:hover{box-shadow:var(--shadow-win);transform:translateY(-3px)}.site .pc.feat{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);display:grid}.site .cover{aspect-ratio:16/9;background:var(--g);min-height:0;color:var(--a);flex-direction:column;justify-content:flex-end;gap:6px;padding:7% 8%;display:flex;position:relative;overflow:hidden}.site .pc.feat .cover{aspect-ratio:auto;min-height:340px;padding:34px 38px}.site .cover .mk{width:30px;height:30px;color:var(--blue);position:absolute;top:8%;left:8%}.site .pc.feat .cover .mk{width:38px;height:38px;top:34px;left:38px}.site .cover .mk svg{width:100%;height:100%;display:block}.site .cover .ck{font:500 12px var(--mono);letter-spacing:.09em;text-transform:uppercase;color:var(--a)}.site .cover b{z-index:1;letter-spacing:-.03em;max-width:46%;color:var(--ink);overflow-wrap:anywhere;-webkit-line-clamp:5;line-clamp:5;-webkit-box-orient:vertical;font-size:clamp(17px,1.7vw,24px);line-height:1.1;display:-webkit-box;position:relative;overflow:hidden}.site .pc.feat .cover b{font-size:clamp(26px,2.9vw,42px)}.site .cover .obj{pointer-events:none;height:58%;position:absolute;bottom:9%;right:7%}.site .pc.feat .cover .obj{height:62%;bottom:40px;right:44px}.site .cover .obj .s{aspect-ratio:1;border-radius:27% 27% 0;position:absolute}.site .cover-compare{--g:var(--g-slate);--a:var(--a-slate)}.site .cover-guide{--g:var(--g-aqua);--a:var(--a-aqua)}.site .cover-product{--g:var(--g-blue);--a:var(--a-blue)}.site .cover-compare .obj{aspect-ratio:1.6}.site .cover-compare .s1{background:var(--blue);height:100%;bottom:0;left:0}.site .cover-compare .s2{opacity:.92;background:#50617f;height:100%;bottom:0;left:36%}.site .cover-compare .s3{background:var(--aqua);height:42%;bottom:0;left:36%}.site .cover-guide .obj{aspect-ratio:1}.site .cover-guide .s1{background:var(--blue);height:100%;bottom:0;right:0}.site .cover-guide .s2{background:var(--aqua);height:64%;bottom:0;right:0}.site .cover-guide .s3{background:#fff;height:30%;bottom:0;right:0}.site .cover-product .obj{aspect-ratio:1}.site .cover-product .s1{background:var(--blue);opacity:.45;height:70%;bottom:30%;right:30%}.site .cover-product .s2{background:var(--blue);opacity:.72;height:70%;bottom:15%;right:15%}.site .cover-product .s3{background:var(--blue);height:70%;bottom:0;right:0}.site .pc-b{flex-direction:column;gap:12px;min-width:0;padding:24px 26px 26px;display:flex}.site .pc.feat .pc-b{justify-content:center;padding:clamp(26px,3vw,44px)}.site .tagc{background:var(--blue-50);color:var(--blue);font:500 12px var(--mono);letter-spacing:.08em;text-transform:uppercase;border-radius:99px;align-self:flex-start;padding:4px 11px}.site .pc h2{letter-spacing:-.025em;color:var(--ink);overflow-wrap:anywhere;font-size:clamp(21px,1.8vw,26px);line-height:1.18}.site .pc.feat h2{font-size:clamp(28px,2.6vw,38px);line-height:1.1}.site .pc p{color:var(--ink-2);font-size:16.5px;line-height:1.55}.site .pc .meta{color:var(--ink-3);flex-wrap:wrap;align-items:center;gap:4px 10px;margin-top:auto;font-size:14.5px;display:flex}.site .pc .meta i{opacity:.5;font-style:normal}.site .bempty{color:var(--ink-2);text-align:center;padding:48px 0;font-size:18px}.site .bempty button{font:600 18px var(--font);color:var(--blue);cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.site .pager{flex-wrap:wrap;gap:8px;margin-top:32px;display:flex}.site .pager button{border:1px solid var(--line-2);min-width:46px;height:46px;font:600 16px var(--font);color:var(--ink);cursor:pointer;background:#fff;border-radius:12px;padding:0 16px}.site .pager button:hover:not(:disabled){border-color:var(--blue);color:var(--blue)}.site .pager button[aria-current=page]{background:var(--ink);border-color:var(--ink);color:#fff}.site .pager button:disabled{opacity:.45;cursor:default}@media (max-width:1020px){.site .bgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.site .pc.feat{grid-template-columns:minmax(0,1fr)}.site .pc.feat .cover{min-height:240px}}@media (max-width:640px){.site .bgrid{grid-template-columns:minmax(0,1fr)}.site .cover b{max-width:52%}.site .pc.feat .cover{padding:26px 24px}.site .pc.feat .cover .mk{top:26px;left:24px}.site .pc.feat .cover .obj{bottom:28px;right:24px}}@media (scripting:none){.site .bf,.site .bsearch,.site .bcount,.site .pager{display:none}}@media (prefers-reduced-motion:reduce){.site .pc,.site .bf-chips button{transition:none}.site .pc:hover{transform:none}}
