.pg-overview .page{max-width:1080px;margin:0 auto}.pg-overview .head{padding-block:32px 36px}.pg-overview .crumb{flex-wrap:wrap;align-items:center;gap:6px 10px;display:flex}.pg-overview .crumb a{color:var(--muted);text-decoration:none}.pg-overview .crumb a:hover{color:var(--ink)}.pg-overview .head h1{letter-spacing:-.03em;margin:12px 0;font-size:clamp(2.2rem,4vw,3.2rem);font-weight:700;line-height:1.04}.pg-overview .head .lede{max-width:40em;margin:0;font-size:19px;line-height:1.55}.pg-overview .facts{font:400 13px/1.5 var(--f-mono);color:var(--muted);flex-wrap:wrap;gap:6px 14px;margin:16px 0 0;padding:0;list-style:none;display:flex}.pg-overview .facts li{align-items:center;gap:14px;display:flex}.pg-overview .facts li+li:before{content:"";background:var(--muted);border-radius:99px;width:4px;height:4px}.pg-overview .go{flex-wrap:wrap;align-items:center;gap:12px 18px;margin-top:24px;display:flex}.pg-overview .go .choice{color:var(--muted);font-size:16px}.pg-overview .go .choice b{color:var(--ink);font-weight:500}.pg-overview .linkbtn{font:inherit;color:var(--ink);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.pg-overview .linkbtn:hover{color:var(--accent)}.pg-overview .sec{border-top:1.5px solid var(--ink);padding-block:40px 44px}.pg-overview .sec-h{margin-bottom:22px}.pg-overview .sec-h h2{letter-spacing:-.02em;margin-top:8px;font-size:clamp(1.6rem,2.6vw,2.1rem);font-weight:700;line-height:1.1}.pg-overview .sec-h .fine{margin-top:8px}.pg-overview .rows{max-width:60em;margin:0}.pg-overview .rows div{border-top:1px solid var(--rule);grid-template-columns:150px minmax(0,1fr);gap:4px 20px;padding:14px 0;display:grid}.pg-overview .rows div:first-child{border-top:0;padding-top:4px}.pg-overview .rows dt{padding-top:4px}.pg-overview .rows dd{max-width:38em;margin:0}@media (max-width:600px){.pg-overview .rows div{grid-template-columns:minmax(0,1fr)}}.pg-overview .track{margin:0;padding:0;list-style:none}.pg-overview .mile-row{border-bottom:1.5px solid var(--ink);flex-wrap:wrap;align-items:baseline;gap:4px 14px;padding:22px 0 10px;display:flex}.pg-overview .track>li:first-child .mile-row{padding-top:0}.pg-overview .mile-row h3{font-size:20px;font-weight:600;line-height:1.25}.pg-overview .ideas{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:40px;margin:0;padding:0;list-style:none;display:grid}@media (max-width:860px){.pg-overview .ideas{grid-template-columns:minmax(0,1fr)}}.pg-overview .idea{border-bottom:1px solid var(--rule);grid-template-columns:34px minmax(0,1fr) auto;align-items:baseline;gap:4px 12px;padding:16px 0;display:grid}.pg-overview .idea .n{font:500 13px/1.6 var(--f-mono);color:var(--accent);font-variant-numeric:tabular-nums}.pg-overview .idea .nm{font:600 18px/1.3 var(--f-display)}.pg-overview .idea .br{color:var(--muted);grid-column:2/-1;margin:0;font-size:16px;line-height:1.5}.pg-overview .st{font:500 12px/1.3 var(--f-mono);white-space:nowrap;color:var(--muted);background:var(--bg);border-radius:4px;padding:4px 8px}.pg-overview .st.explained{color:var(--ok);background:var(--ok-bg)}.pg-overview .st.seen{color:var(--seen);background:var(--bg)}@media (max-width:480px){.pg-overview .idea{grid-template-columns:28px minmax(0,1fr)}.pg-overview .idea .st{grid-column:2;justify-self:start}}.pg-overview .sq{background:var(--ok);border-radius:3px;flex:none;width:10px;height:10px}.pg-overview .reqs{counter-reset:r;max-width:42em;margin:0;padding:0;list-style:none}.pg-overview .reqs li{border-top:1px solid var(--rule);grid-template-columns:32px minmax(0,1fr);gap:10px;padding:10px 0;display:grid}.pg-overview .reqs li:last-child{border-bottom:1px solid var(--rule)}.pg-overview .reqs li:before{counter-increment:r;content:counter(r);font:500 13px/1.9 var(--f-mono);color:var(--accent)}.pg-overview .code-note{max-width:42em;color:var(--muted);margin:18px 0 0;font-size:17px}.pg-overview .end{border-top:1.5px solid var(--ink);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 24px;padding-block:36px 48px;display:flex}.pg-overview .end h2{letter-spacing:-.02em;font-size:clamp(1.6rem,2.6vw,2.1rem);font-weight:700;line-height:1.1}.pg-overview .dlg{z-index:30;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.pg-overview .dlg .scrim{background:#0c0e1173;position:absolute;inset:0}.pg-overview .start{background:var(--surface);border:1.5px solid var(--ink);width:min(520px,100%);max-height:calc(100% - 16px);box-shadow:6px 6px 0 var(--ink);border-radius:12px;flex-direction:column;display:flex;position:relative}@media (max-width:640px){.pg-overview .dlg{padding:0;padding-top:calc(32px + env(safe-area-inset-top,0px));align-items:flex-end}.pg-overview .start{width:100%;max-height:100%;box-shadow:none;border-bottom:0;border-radius:14px 14px 0 0}.pg-overview .start-foot{padding-bottom:calc(18px + env(safe-area-inset-bottom,0px))}}@media (prefers-reduced-motion:no-preference){.pg-overview .dlg.opening .scrim{animation:fade-in .22s var(--ease)}.pg-overview .dlg.opening .start{animation:pop-in .24s var(--ease)}}@media (prefers-reduced-motion:no-preference) and (max-width:640px){.pg-overview .dlg.opening .start{animation:sheet-up .32s var(--ease)}}@keyframes pop-in{0%{opacity:0;transform:translateY(12px)}}.pg-overview .start-head{border-bottom:1.5px solid var(--ink);justify-content:space-between;align-items:center;gap:10px;padding:16px 20px 14px;display:flex}.pg-overview .start-head h2{font-size:24px;font-weight:700}.pg-overview .start-body{flex:1;min-height:0;padding:4px 20px;overflow-y:auto}.pg-overview .field{border:0;border-bottom:1px dashed var(--rule);min-width:0;margin:0;padding:14px 0}.pg-overview .field:last-child{border-bottom:0}.pg-overview .field legend{margin-bottom:10px;padding:0}.pg-overview .field legend span{text-transform:none;letter-spacing:0}.pg-overview .levels{flex-direction:column;gap:8px;display:flex}.pg-overview .opt{border:1px solid var(--rule);cursor:pointer;border-radius:8px;grid-template-columns:18px minmax(0,1fr);align-items:baseline;gap:0 10px;padding:9px 12px;display:grid}.pg-overview .opt:hover{border-color:var(--ink)}.pg-overview .opt input{accent-color:var(--ink);width:16px;height:16px;margin:0;transform:translateY(2px)}.pg-overview .opt b{font:600 17px/1.3 var(--f-display)}.pg-overview .opt span{color:var(--muted);grid-column:2;font-size:14px;line-height:1.4}.pg-overview .opt:has(input:checked){border:1.5px solid var(--ink);background:var(--soft)}.pg-overview .opt:has(input:checked) span{color:var(--ink)}.pg-overview .langs{flex-wrap:wrap;gap:8px;display:flex}.pg-overview .langs label{position:relative}.pg-overview .langs input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.pg-overview .langs span{font:400 13px/1 var(--f-mono);color:var(--ink);border:1px solid var(--rule);white-space:nowrap;border-radius:999px;align-items:center;min-height:36px;padding:0 12px;display:inline-flex}.pg-overview .langs label:hover span{border-color:var(--ink)}.pg-overview .langs input:checked+span{background:var(--ink);color:var(--bg);border-color:var(--ink)}.pg-overview .langs input:focus-visible+span{outline:2px solid var(--ink);outline-offset:2px}.pg-overview .text-in{width:100%;font:400 16px/1.2 var(--f-body);color:var(--ink);background:var(--bg);border:1.5px solid var(--ink);border-radius:6px;min-height:42px;margin-top:10px;padding:0 12px}.pg-overview .text-in::placeholder{color:var(--muted);opacity:1}.pg-overview .note{margin-top:8px}.pg-overview .save summary{cursor:pointer;align-items:center;gap:10px;font-size:16px;list-style:none;display:flex}.pg-overview .save summary::-webkit-details-marker{display:none}.pg-overview .save summary .fine{margin-right:auto}.pg-overview .save summary:after{content:"+";font:400 20px/1 var(--f-mono);color:var(--muted)}.pg-overview .save[open] summary:after{content:"−"}.pg-overview .save label{font:500 12px/1.4 var(--f-mono);color:var(--muted);margin-top:12px;display:block}.pg-overview .save label .text-in{margin-top:4px}.pg-overview .start-foot{border-top:1.5px solid var(--ink);background:var(--bg);border-radius:0 0 12px 12px;flex-direction:column;gap:8px;padding:14px 20px 18px;display:flex}.pg-overview .start-foot .btn{width:100%}.pg-overview .start-foot .known{color:var(--ok);align-items:center;gap:8px;display:flex}.pg-overview .start-foot .known .sq{background:var(--ok)}@media (max-width:640px){.pg-overview .start-foot{border-radius:0}}.pg-overview .st.applied{color:var(--applied);background:var(--bg)}@media (min-width:861px){.pg-overview .ideas>.idea:last-child:nth-child(odd){grid-column:1/-1}.pg-overview .ideas>.idea:last-child:nth-child(odd) .br{max-width:40em}}.pg-overview .rows div{grid-template-columns:160px minmax(0,1fr);gap:6px 24px;padding:16px 0}@media (max-width:600px){.pg-overview .rows div{grid-template-columns:minmax(0,1fr)}}.pg-overview .head .src{color:var(--muted);margin:8px 0 0;font-size:16px}.pg-overview .head .src a{color:var(--ink)}.pg-overview .start-foot .err{color:var(--ink);background:var(--soft);border-radius:4px;margin:0;padding:8px 10px}.pg-overview .idea .covers,.pg-overview .idea .reads{grid-column:2/-1;margin-top:6px}.pg-overview .idea .reads a{color:var(--ink)}.pg-overview .go .fine{margin-top:10px}.pg-overview .steps{max-width:46em;margin:0;padding:0;list-style:none}.pg-overview .step{border-top:1px solid var(--rule);grid-template-columns:44px minmax(0,1fr);gap:0 14px;padding:22px 0;display:grid}.pg-overview .step:last-child{border-bottom:1px solid var(--rule)}.pg-overview .step .n{font:500 13px/2 var(--f-mono);color:var(--accent);font-variant-numeric:tabular-nums}.pg-overview .step h3{font:600 20px/1.3 var(--f-display);flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0;display:flex}.pg-overview .step .obj{margin:6px 0 0;font-size:17px;line-height:1.55}.pg-overview .step .check{background:var(--surface);border:1px solid var(--rule);border-left:3px solid var(--ok);border-radius:0 8px 8px 0;grid-template-columns:auto minmax(0,1fr);align-items:baseline;gap:4px 12px;margin:12px 0 0;padding:10px 14px;font-size:16px;line-height:1.5;display:grid}.pg-overview .step .check .label b{color:var(--ok)}.pg-overview .step .uses{margin-top:10px}@media (max-width:560px){.pg-overview .step{grid-template-columns:30px minmax(0,1fr)}.pg-overview .step .check{grid-template-columns:minmax(0,1fr)}}.pg-overview .sec,.pg-overview .end{border-top:1px solid var(--rule)}.pg-overview .mile-row{border-bottom:1px solid var(--rule)}.pg-overview .sec-h .label{font:600 14px/1.3 var(--f-display);letter-spacing:0;text-transform:none}.pg-overview .sec-h .label b{font-weight:600}.pg-overview .step .check{background:var(--sunk);border:0;border-radius:12px;padding:12px 16px}.pg-overview .step .check .label{font:600 13px/1.6 var(--f-display);letter-spacing:0;text-transform:none}.pg-overview .step .check .label b{color:var(--muted);font-weight:600}.pg-overview .start{border:1px solid var(--rule);box-shadow:0 16px 48px #00000024}.pg-overview .start-head,.pg-overview .start-foot{border-color:var(--rule)}
