:where(.p-blog) .bh{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:56px;padding-top:40px;display:grid}:where(.p-blog) .nb{white-space:nowrap}:where(.p-blog) .bh .lede{max-width:32em}:where(.p-blog) .bbar{flex-wrap:wrap;align-items:center;gap:12px 24px;margin-top:44px;display:flex}:where(.p-blog) .pills{flex-wrap:wrap;gap:8px;display:flex}:where(.p-blog) .pill{color:#fff;background:#ffffff12;border:1px solid #ffffff5c;border-radius:999px;align-items:center;gap:10px;min-height:44px;padding:0 18px;font-size:15px;font-weight:500;transition:background .15s,border-color .15s;display:inline-flex}:where(.p-blog) .pill i{color:#e3eaff;font-family:IBM Plex Mono,monospace;font-size:12.5px;font-style:normal}:where(.p-blog) .pill:hover{background:#ffffff21;border-color:#ffffffbf}:where(.p-blog) .pill:focus-visible{outline-offset:3px;outline:2px solid #fcdace}:where(.p-blog) .pill.on{color:#1a44cb;background:#fff;border-color:#fff}:where(.p-blog) .pill.on i{color:#2155e8}:where(.p-blog) .rss{color:#e3eaff;align-items:center;gap:7px;margin-left:auto;padding:10px 0;font-size:14.5px;text-decoration:none;display:inline-flex}:where(.p-blog) .rss:hover{color:#fff;text-underline-offset:3px;text-decoration:underline}:where(.p-blog) .rss .ic{color:#fcdace;width:16px;height:16px}:where(.p-blog) .phero.plain{padding-bottom:96px}:where(.p-blog) .bempty{color:#eaf0ff;text-wrap:pretty;background:#ffffff14;border:1px solid #ffffff47;border-radius:22px;max-width:44em;margin-top:36px;padding:26px 30px;font-size:18px;line-height:1.55}:where(.p-blog) .phero.plain+main>.keep{margin-top:0}:where(.p-blog) .lead{color:#1d1c1a;background:#fff;border-radius:28px;margin-top:36px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff24,0 40px 80px -30px #08164699,0 18px 36px -18px #08164666}:where(.p-blog) .lead-g{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);align-items:stretch;display:grid}:where(.p-blog) .lead-g>.cover{aspect-ratio:auto;min-height:340px;margin:14px}:where(.p-blog) .lead-g>.cover .cst{aspect-ratio:16/10;inset:50% 0 auto;transform:translateY(-50%)}:where(.p-blog) .lead-t{padding:30px 52px 30px 38px}:where(.p-blog) .cat{color:#1d1c1a;align-items:center;gap:8px;font-weight:600;display:inline-flex}:where(.p-blog) .cat:before{content:"";background:#2155e8;border-radius:3px;flex:none;width:9px;height:9px}:where(.p-blog) .cat.met:before{background:#f4a28c}:where(.p-blog) .lmeta{color:#64635d;flex-wrap:wrap;align-items:center;gap:6px 18px;font-size:14px;display:flex}:where(.p-blog) .lead h2{letter-spacing:-.03em;text-wrap:balance;margin-top:18px;font-size:clamp(28px,2.75cqi,40px);font-weight:600;line-height:1.08}:where(.p-blog) .lead h2 a{color:#1d1c1a;text-decoration:none}:where(.p-blog) .lead h2 a:hover{color:#1a44cb;text-underline-offset:6px;text-decoration:underline;text-decoration-thickness:2px}:where(.p-blog) .lead .x{color:#3a3935;text-wrap:pretty;margin-top:16px;font-size:17px;line-height:1.6}:where(.p-blog) .lgo{flex-wrap:wrap;align-items:center;gap:10px 20px;margin-top:28px;display:flex;position:relative}:where(.p-blog) .lgo small{color:#64635d;font-size:14px}:where(.p-blog) .lnote{color:#64635d;border-top:1px solid #efeeea;margin-top:26px;padding-top:16px;font-size:14px;line-height:1.5;position:relative}:where(.p-blog) .lnote p+p{margin-top:4px}:where(.p-blog) .lnote a{white-space:nowrap}:where(.p-blog) .lin{color:#3a3935;background:#f7f7f5;border-top:1px solid #e4e4df;grid-template-columns:auto minmax(0,1fr);align-items:baseline;gap:12px 32px;padding:18px 38px 20px 30px;font-size:14.5px;line-height:1.45;display:grid;position:relative}:where(.p-blog) .lin .t{color:#1d1c1a;white-space:nowrap;font-weight:600}:where(.p-blog) .lin ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 32px;display:grid}:where(.p-blog) .lin li{text-wrap:pretty;border-left:2px solid #f4a28c;padding-left:14px}:where(.p-blog) .duo{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:28px;display:grid}:where(.p-blog) .hcard{background:#fff;border:1px solid #e4e4df;border-radius:26px;flex-direction:column;padding:12px;transition:border-color .2s,box-shadow .2s,transform .2s;display:flex;position:relative}:where(.p-blog) .hcard:hover{border-color:#c3d3fa;transform:translateY(-3px);box-shadow:0 28px 48px -32px #10246e80}:where(.p-blog) .hcard .ct{flex-direction:column;flex:1;padding:24px 20px 12px;display:flex}:where(.p-blog) .hcard h2{letter-spacing:-.022em;text-wrap:balance;font-size:clamp(22px,1.9cqi,27px);font-weight:600;line-height:1.18}:where(.p-blog) .hcard h2 a,:where(.p-blog) .card h3 a{color:#1d1c1a;text-decoration:none}:where(.p-blog) .hcard h2 a:after,:where(.p-blog) .card h3 a:after{content:"";position:absolute;inset:0}:where(.p-blog) .hcard:hover h2 a,:where(.p-blog) .card:hover h3 a{color:#1a44cb;text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:1.5px}:where(.p-blog) .hcard .x{color:#3a3935;text-wrap:pretty;margin-top:10px;font-size:16px;line-height:1.6}:where(.p-blog) .hcard .cm{margin-top:auto;padding-top:18px}:where(.p-blog) .cm{color:#64635d;flex-wrap:wrap;align-items:center;gap:4px 0;margin-top:14px;font-size:13.5px;display:flex}:where(.p-blog) .cm>*+:before{content:"·";color:#a8a79f;margin:0 9px}:where(.p-blog) .cm .cat{color:#3a3935;font-weight:500}:where(.p-blog) .cm .cat:before{border-radius:2.5px;width:8px;height:8px}:where(.p-blog) .alls{margin-top:112px}:where(.p-blog) .alls.top{margin-top:80px}:where(.p-blog) .alls-h{border-bottom:1px solid #dad9d3;padding-bottom:18px}:where(.p-blog) .alls-h h2{letter-spacing:-.026em;font-size:clamp(26px,2.4cqi,34px);font-weight:600;line-height:1.1}:where(.p-blog) .grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:56px 32px;margin-top:40px;display:grid}:where(.p-blog) .card{flex-direction:column;display:flex;position:relative}:where(.p-blog) .card .cover{transition:transform .25s,box-shadow .25s}:where(.p-blog) .card:hover .cover{transform:translateY(-4px);box-shadow:0 24px 40px -26px #10246e80}:where(.p-blog) .card h3{letter-spacing:-.016em;text-wrap:balance;margin-top:22px;font-size:20.5px;font-weight:600;line-height:1.25}:where(.p-blog) .card .x{color:#3a3935;text-wrap:pretty;margin-top:8px;font-size:15.5px;line-height:1.58}:where(.p-blog) .grid.rows{grid-template-columns:minmax(0,1fr);gap:40px}:where(.p-blog) .grid.rows .card{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:center;gap:48px;display:grid}:where(.p-blog) .grid.rows .card h3{letter-spacing:-.022em;margin-top:0;font-size:clamp(22px,2cqi,28px);line-height:1.18}:where(.p-blog) .grid.rows .card .x{max-width:30em;margin-top:12px;font-size:16.5px}:where(.p-blog) .keep{background:#efeeea;border-top:1px solid #e4e4df;border-bottom:1px solid #e4e4df;margin-top:120px;padding:88px 0 96px}:where(.p-blog) .keep-h{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:end;gap:56px;display:grid}:where(.p-blog) .keep-h h2{letter-spacing:-.032em;text-wrap:balance;font-size:clamp(30px,3.2cqi,44px);font-weight:600;line-height:1.05}:where(.p-blog) .keep-h p{color:#3a3935;text-wrap:pretty;max-width:36em;font-size:17px;line-height:1.6}:where(.p-blog) .kl{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:44px;display:grid}:where(.p-blog) .kl.three{grid-template-columns:repeat(3,minmax(0,1fr))}:where(.p-blog) .kl a{color:#1d1c1a;background:#fff;border:1px solid #e4e4df;border-radius:22px;flex-direction:column;min-height:196px;padding:26px 24px 22px;text-decoration:none;transition:border-color .2s,transform .2s,box-shadow .2s;display:flex}:where(.p-blog) .kl a:hover{color:#1d1c1a;border-color:#c3d3fa;transform:translateY(-3px);box-shadow:0 24px 40px -30px #10246e73}:where(.p-blog) .kl b{letter-spacing:-.016em;font-size:20px;font-weight:600;line-height:1.2}:where(.p-blog) .kl small{color:#55544e;text-wrap:pretty;margin-top:8px;font-size:14.5px;line-height:1.5;display:block}:where(.p-blog) .kl .go{color:#2155e8;background:#eef3ff;border-radius:50%;align-self:flex-start;place-items:center;width:38px;height:38px;margin-top:auto;transition:background .2s,color .2s;display:grid}:where(.p-blog) .kl a:hover .go{color:#fff;background:#2155e8}:where(.p-blog) .kl .go .ic{width:17px;height:17px}@container cv (max-width:1080px){:where(.p-blog) .bh{grid-template-columns:minmax(0,1fr);gap:20px}:where(.p-blog) .lead-g{grid-template-columns:minmax(0,1fr)}:where(.p-blog) .lead-g>.cover{aspect-ratio:16/10;min-height:0}:where(.p-blog) .lead-t{padding:16px 30px 28px}:where(.p-blog) .lin,:where(.p-blog) .lin ul{grid-template-columns:minmax(0,1fr);gap:10px}:where(.p-blog) .lin{padding:18px 30px 22px}:where(.p-blog) .grid{grid-template-columns:repeat(2,minmax(0,1fr))}:where(.p-blog) .grid.rows .card{gap:32px}:where(.p-blog) .keep-h{grid-template-columns:minmax(0,1fr);gap:16px}:where(.p-blog) .kl{grid-template-columns:repeat(2,minmax(0,1fr))}:where(.p-blog) .kl.three{grid-template-columns:repeat(3,minmax(0,1fr))}}@container cv (max-width:760px){:where(.p-blog) .bbar{margin-top:32px}:where(.p-blog) .rss{margin-left:0}:where(.p-blog) .duo{grid-template-columns:minmax(0,1fr);gap:20px}:where(.p-blog) .grid,:where(.p-blog) .grid.rows .card{grid-template-columns:minmax(0,1fr)}:where(.p-blog) .grid.rows .card{gap:0}:where(.p-blog) .grid.rows .card h3{margin-top:22px;font-size:21px}:where(.p-blog) .grid.rows .card .x{font-size:15.5px}:where(.p-blog) .kl,:where(.p-blog) .kl.three{grid-template-columns:minmax(0,1fr)}:where(.p-blog) .kl a{grid-template-columns:minmax(0,1fr) 38px;align-items:center;column-gap:16px;min-height:0;padding:20px 20px 20px 22px;display:grid}:where(.p-blog) .kl b,:where(.p-blog) .kl small{grid-column:1}:where(.p-blog) .kl .go{grid-area:1/2/span 2;align-self:center;margin:0}:where(.p-blog) .hcard .cm,:where(.p-blog) .card .cm{font-size:13px}:where(.p-blog) .cm>*+:before{margin:0 7px}:where(.p-blog) .alls{margin-top:88px}:where(.p-blog) .keep{margin-top:96px;padding:72px 0}}@container cv (max-width:560px){:where(.p-blog) .bempty{margin-top:28px;padding:20px 22px;font-size:17px}:where(.p-blog) .lead{border-radius:22px;margin-top:28px}:where(.p-blog) .lead-g>.cover{margin:10px}:where(.p-blog) .lead-t{padding:12px 20px 24px}:where(.p-blog) .lead h2{font-size:27px}:where(.p-blog) .lead .x{font-size:16px}:where(.p-blog) .lin{padding:16px 20px 20px}:where(.p-blog) .hcard{border-radius:22px;padding:10px}:where(.p-blog) .hcard .ct{padding:20px 12px 10px}:where(.p-blog) .hcard h2{font-size:22px}:where(.p-blog) .grid{gap:48px}}:where(.p-blog) .ph{color:#7a2e17;background:#fde5dc;border-radius:4px;padding:0 4px}