.site .pg-problem .index{border-bottom:1px solid var(--rule-2)}.site .pg-problem .index .ix{border-bottom:1px solid var(--rule);grid-template-columns:170px 1fr;display:grid}.site .pg-problem .index .ix:last-child{border-bottom:0}.site .pg-problem .index .k{color:var(--muted);border-right:1px solid var(--rule);align-items:center;padding:0 22px;font-size:10px;display:flex}.site .pg-problem .index .ls{flex-wrap:wrap;gap:6px;padding:9px 12px;display:flex}.site .pg-problem .index a{border:1px solid var(--rule-2);color:var(--ink);white-space:nowrap;align-items:center;gap:6px;padding:6px 9px;font-size:14px;text-decoration:none;transition:background .2s,border-color .2s;display:inline-flex;font-size:13px!important}.site .pg-problem .index a:after{content:"→";color:var(--muted);font-size:12px;transition:transform .2s,color .2s}.site .pg-problem .index a:hover{border-color:var(--ink);background:#25211b0a}.site .pg-problem .index a:hover:after{color:var(--accent);transform:translate(3px)}.site .pg-problem .index a.on{background:var(--ink);border-color:var(--ink);color:var(--paper);font-weight:500}.site .pg-problem .index a.on:after{content:"●";color:var(--accent);font-size:7px}.site .pg-problem .ph{border-bottom:1px solid var(--rule-2);grid-template-columns:1.1fr 1fr;min-height:560px;display:grid}.site .pg-problem .ph-l{border-right:1px solid var(--rule-2);flex-direction:column;justify-content:space-between;gap:28px;padding:48px 28px 40px;display:flex}.site .pg-problem .ph-l h1{text-wrap:balance;font-size:clamp(52px,5.6vw,92px)}.site .pg-problem .ph-l h1 .acc{color:var(--muted)}.site .pg-problem .ph-l .lede{max-width:480px;margin:22px 0 0;font-size:18px}.site .pg-problem .ph-r{flex-direction:column;display:flex;position:relative}.site .pg-problem .ph-r .hd{border-bottom:1px solid var(--rule);color:var(--muted);justify-content:space-between;padding:14px 28px;display:flex}.site .pg-problem .ph-foot{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.site .pg-problem .ph-foot .art{opacity:.85;flex:none;width:96px;height:96px}.site .pg-problem .pain{border-bottom:1px dashed var(--rule-2);flex:1;grid-template-columns:56px 1fr;align-items:center;padding:0 28px 0 0;display:grid}.site .pg-problem .pain:last-child{border-bottom:0}.site .pg-problem .pain .n{font-family:var(--f-mono);color:var(--muted);text-align:center;font-size:11px}.site .pg-problem .pain p{letter-spacing:-.025em;max-width:420px;margin:0;font-size:clamp(22px,2vw,30px);font-weight:600;line-height:1.15;display:inline;position:relative}.site .pg-problem .pain .strike{background:var(--accent);transform-origin:0;height:2px;position:absolute;top:55%;left:-4px;right:-4px;transform:scaleX(0)}.site .pg-problem .solve-h{border-bottom:1px solid var(--rule-2);grid-template-columns:1fr 1fr;display:grid}.site .pg-problem .solve-h>div{padding:40px 28px 28px}.site .pg-problem .solve-h h2{margin-top:10px;font-size:clamp(38px,3.8vw,58px)}.site .pg-problem .solve-h .r{border-left:1px solid var(--rule);align-items:flex-end;display:flex}.site .pg-problem .fix{border-bottom:1px solid var(--rule);grid-template-columns:1fr 140px 1.15fr;min-height:200px;display:grid}.site .pg-problem .fix .fp{flex-direction:column;justify-content:center;gap:10px;padding:34px 28px;display:flex}.site .pg-problem .fix .fp .mono{color:var(--muted)}.site .pg-problem .fix .fp p{letter-spacing:-.025em;color:var(--ink-2);margin:0;font-size:24px;font-weight:600;line-height:1.15;display:inline;position:relative}.site .pg-problem .fix .fp .strike{background:var(--accent);transform-origin:0;height:2px;position:absolute;top:55%;left:-3px;right:-3px;transform:scaleX(0)}.site .pg-problem .fix .link{position:relative}.site .pg-problem .fix .link svg{width:100%;height:100%;position:absolute;inset:0}.site .pg-problem .fix .card{border:1px solid var(--ink);background:#faf7f1;flex-direction:column;margin:24px 28px 24px 0;display:flex}.site .pg-problem .fix .card .ch{background:var(--ink);color:var(--paper);justify-content:space-between;align-items:center;padding:8px 14px;font-size:10px;display:flex}.site .pg-problem .fix .card .ch i{background:var(--accent);width:6px;height:6px}.site .pg-problem .fix .card .cb{flex-direction:column;flex:1;gap:8px;padding:16px 16px 14px;display:flex}.site .pg-problem .fix .card b{letter-spacing:-.02em;font-size:21px;font-weight:600;line-height:1.1}.site .pg-problem .fix .card p{color:var(--ink-2);margin:0;font-size:14.5px;line-height:1.5}.site .pg-problem .fix .card .ft{justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:8px;display:flex}.site .pg-problem .tools{flex-wrap:wrap;gap:6px;display:flex}.site .pg-problem .tool{border:1px solid var(--rule-2);font-family:var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);padding:3px 7px;font-size:10px}.site .pg-problem .addb{border:1px solid var(--ink);cursor:pointer;font:500 10px var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink);white-space:nowrap;background:0 0;padding:7px 12px}.site .pg-problem .addb:hover,.site .pg-problem .addb.done{background:var(--ink);color:var(--paper)}.site .pg-problem .addb.big{background:var(--accent);border-color:var(--accent);color:#fff;padding:9px 14px}.site .pg-problem .addb.big:hover{background:var(--accent-h)}.site .pg-problem .addb.big.done{background:var(--ink);border-color:var(--ink)}.site .pg-problem .more-h{border-bottom:1px solid var(--rule-2);color:var(--muted);justify-content:space-between;align-items:center;padding:16px 28px;display:flex}.site .pg-problem .more{border-bottom:1px solid var(--rule-2);grid-template-columns:repeat(3,1fr);display:grid}.site .pg-problem .more .m{border-right:1px dashed var(--rule-2);flex-direction:column;gap:8px;min-height:170px;padding:18px 20px;display:flex}.site .pg-problem .more .m:last-child{border-right:0}.site .pg-problem .more .m h3{text-transform:none;letter-spacing:-.02em;font-size:19px;line-height:1.1}.site .pg-problem .more .m p{color:var(--ink-2);flex:1;margin:0;font-size:13.5px;line-height:1.45}.site .pg-problem .more .m .ft{justify-content:space-between;align-items:center;gap:10px;display:flex}.site .pg-problem .addall{align-items:center;gap:10px;display:flex}.site .pg-problem .proof{background:var(--ink);color:var(--paper);grid-template-columns:1fr 1.2fr;display:grid}.site .pg-problem .proof .l{border-right:1px solid #3d382f;padding:40px 28px}.site .pg-problem .proof .l .mono{color:#9a9284}.site .pg-problem .proof .l h2{color:var(--paper);margin-top:12px;font-size:clamp(34px,3.2vw,50px)}.site .pg-problem .proof .r{align-items:flex-end;padding:40px 28px;display:flex}.site .pg-problem .proof .r p{color:#cfc6b6;max-width:560px;margin:0;font-size:17px;line-height:1.55}.site .pg-problem .rel{border-bottom:1px solid var(--rule-2);grid-template-columns:200px repeat(3,1fr);display:grid}.site .pg-problem .rel .k{color:var(--muted);border-right:1px solid var(--rule);align-items:center;padding:18px 22px;display:flex}.site .pg-problem .rel a{border-right:1px dashed var(--rule-2);color:var(--ink);flex-direction:column;gap:6px;padding:18px 22px;text-decoration:none;display:flex}.site .pg-problem .rel a:last-child{border-right:0}.site .pg-problem .rel a b{letter-spacing:-.02em;font-size:18px;font-weight:600}.site .pg-problem .rel a span{color:var(--muted);font-size:10px}.site .pg-problem .rel a:hover b{color:var(--accent)}.anim .site .pg-problem .fix .card,.anim .site .pg-problem .fix .fp p{opacity:0}.site .pg-problem .chm{align-items:center;gap:8px;display:inline-flex}.site .pg-problem .cmk{width:22px;height:22px}.site .pg-problem .ph-l h1{margin-top:14px}.site .pg-problem .close .l h2 br{display:block}html:not(.anim) .site .pg-problem .fix .strike{transform:scaleX(1)}html:not(.anim) .site .pg-problem .fix .fp p{color:var(--muted)}.site .pg-problem .px{border-bottom:1px solid var(--rule-2);grid-template-columns:repeat(3,1fr);display:grid}.site .pg-problem .px a{border-right:1px dashed var(--rule-2);border-bottom:1px dashed var(--rule-2);color:var(--ink);grid-template-columns:1fr 84px;gap:6px 14px;min-height:150px;padding:22px 22px 24px;text-decoration:none;display:grid}.site .pg-problem .px a:nth-child(3n){border-right:0}.site .pg-problem .px a .mono{color:var(--muted);grid-column:1}.site .pg-problem .px a b{letter-spacing:-.025em;grid-column:1;font-size:22px;font-weight:600;line-height:1.12}.site .pg-problem .px a i{color:var(--accent);grid-column:1;align-self:end;font-style:normal}.site .pg-problem .px a .art{grid-area:1/2/4;align-self:center;width:84px;height:84px}.site .pg-problem .px a .art svg{width:100%;height:100%}.site .pg-problem .px a:hover{background:#25211b06}.site .pg-problem .px a:hover b{color:var(--accent)}.site .pg-problem .px-h{border-bottom:1px solid var(--rule-2);color:var(--muted);justify-content:space-between;padding:14px 22px;display:flex}.anim .site .pg-problem .px svg .ln:not(.dash){stroke-dashoffset:0}.anim .site .pg-problem .px svg text,.anim .site .pg-problem .px svg .fillin{opacity:1}@media (max-width:820px){.site .pg-problem .px{grid-template-columns:1fr}.site .pg-problem .px a{border-right:0}.site .pg-problem .close .ctas a{min-width:0}}@media (min-width:821px) and (max-width:1100px){.site .pg-problem .px{grid-template-columns:repeat(2,1fr)}.site .pg-problem .px a:nth-child(3n){border-right:1px dashed var(--rule-2)}.site .pg-problem .px a:nth-child(2n){border-right:0}}.site .pg-problem .skills-head h1{padding:12px 0 0;font-size:clamp(40px,4.4vw,68px)}@media (max-width:820px){.site .pg-problem .skills-head h1{font-size:38px}}