.pf .pf-dt>summary,.pf .pf-how>summary{cursor:pointer;-webkit-tap-highlight-color:transparent;list-style:none}.pf .pf-dt>summary::-webkit-details-marker,.pf .pf-how>summary::-webkit-details-marker{display:none}.pf .pf-dt>summary::marker,.pf .pf-how>summary::marker{content:""}.pf .pf-dt>summary:focus-visible,.pf .pf-how>summary:focus-visible{outline:2px solid var(--cobalt);outline-offset:2px;border-radius:8px}.pf .pf-dt svg{flex:none}.pf .pf-dt-button>summary{border:1px solid var(--c100);min-height:44px;color:var(--cobalt-dark);background:#fff;border-radius:10px;align-items:center;gap:8px;padding:0 15px 0 12px;font:800 14px/1.2 Lato,sans-serif;transition:background-color .15s,border-color .15s;display:inline-flex}.pf .pf-dt-button>summary svg{width:18px;height:18px;color:var(--cobalt)}.pf .pf-dt-button>summary:hover{border-color:var(--c200);background:var(--c50)}.pf .pf-dt-link>summary{color:var(--cobalt);align-items:center;gap:6px;padding:3px 0;font:800 14px/1.3 Lato,sans-serif;display:inline-flex;position:relative}.pf .pf-dt-link>summary:after{content:"";position:absolute;inset:-10px}.pf .pf-dt-link>summary svg{width:17px;height:17px}.pf .pf-dt-label{text-decoration:underline 1px;text-decoration-color:var(--c200);text-underline-offset:3px}.pf .pf-dt-link>summary:hover{color:var(--cobalt-dark)}.pf .pf-dt-link>summary:hover .pf-dt-label{text-decoration-color:currentColor}.pf .pf-dt-button .pf-dt-label{text-decoration:none}.pf .pf-dt-icon>summary{width:44px;height:44px;color:var(--cobalt);place-items:center;display:grid}.pf .pf-dt-dot{border:1px solid var(--c100);background:#fff;border-radius:50%;place-items:center;width:30px;height:30px;transition:background-color .15s,border-color .15s;display:grid}.pf .pf-dt-dot svg{width:18px;height:18px}.pf .pf-dt-icon>summary:hover .pf-dt-dot{border-color:var(--c200);background:var(--c50)}.pf .pf-dt-icon>summary:focus-visible{outline:0}.pf .pf-dt-icon>summary:focus-visible .pf-dt-dot{outline:2px solid var(--cobalt);outline-offset:2px}.pf .pf-checks>li.pf-has-aside{position:relative}.pf .pf-checks>li:is(.pf-has-aside,.pf-task){grid-template-rows:minmax(0,1fr) auto}.pf .pf-has-aside>.pf-check{padding-right:54px}.pf .pf-has-aside>.pf-dt-icon>summary{position:absolute;top:0;right:2px}.pf .pf-has-aside>.pf-dt[open]{margin-top:6px}.pf .pf-dt-body{color:var(--navy-2);gap:20px;font-size:16px;line-height:1.7;display:grid}.pf .pf-dt[open]>.pf-dt-body{border:1px solid var(--line);text-align:left;background:#fff;border-radius:14px;margin-top:10px;padding:16px 18px}.pf .pf-dt-text{gap:12px;display:grid}.pf .pf-dt-quote{border-left:4px solid var(--honey);color:var(--navy);margin:0;padding:4px 0 4px 16px;font-size:18px;font-style:italic;font-weight:700;line-height:1.5}.cp-shell .pf .pf-dt-sec h3{color:var(--cobalt);letter-spacing:.14em;text-transform:uppercase;margin:0 0 10px;font-size:13px;font-weight:900;line-height:1.3}.pf .pf-dt-how{counter-reset:dt;gap:12px;display:grid}.pf .pf-dt-how li{counter-increment:dt;grid-template-columns:28px minmax(0,1fr);gap:12px;display:grid}.pf .pf-dt-how li:before{content:counter(dt);background:var(--c50);width:28px;height:28px;color:var(--cobalt);border-radius:8px;place-items:center;margin-top:1px;font-size:13px;font-weight:900;line-height:1;display:grid}.pf .pf-dt-examples{gap:8px;display:grid}.pf .pf-dt-examples li{border-left:3px solid var(--c200);background:var(--paper-3);border-radius:0 12px 12px 0;padding:10px 14px}.pf .pf-dt-mistakes{gap:12px;display:grid}.pf .pf-dt-mistakes li{grid-template-columns:24px minmax(0,1fr);gap:12px;display:grid}.pf .pf-dt-mistakes li:before{content:"";background:var(--paper) center / 12px no-repeat;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 2.5l7 7M9.5 2.5l-7 7' stroke='%234a5878' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");border-radius:50%;width:24px;height:24px;margin-top:2px}.pf .pf-dt-foot{border-top:1px dashed var(--line);color:var(--muted);align-items:center;gap:9px;padding-top:14px;font-size:15px;line-height:1.4;display:flex}.pf .pf-dt-foot svg{width:18px;height:18px;color:var(--cobalt)}.pf .pf-dt-foot b{color:var(--cobalt);white-space:nowrap;font-weight:900}.pf .pf-sheet{width:min(540px,100vw - 24px);max-width:none;height:auto;max-height:none;color:var(--navy);background:#fff;border:0;border-radius:18px;margin:0;padding:0;font:16px/1.6 Lato,system-ui,sans-serif;position:fixed;inset:12px 12px 12px auto;overflow:hidden;box-shadow:0 30px 80px -24px #13182e80}.pf .pf-sheet[open]{animation:pf-sheet-in-side .32s var(--ease) both;flex-direction:column;display:flex}.pf .pf-sheet::backdrop{background:#13182e70;animation:.28s both pf-sheet-fade-in}.pf .pf-sheet[data-closing]{animation:.22s ease-in both pf-sheet-out-side}.pf .pf-sheet[data-closing]::backdrop{animation:.22s ease-in both pf-sheet-fade-out}html:has(.pf-sheet[open]){scrollbar-gutter:stable;overflow:hidden}.pf .pf-sheet-head{border-bottom:1px solid var(--line);flex:none;grid-template-columns:minmax(0,1fr) 44px;align-items:start;gap:14px;padding:18px 16px 16px 26px;display:grid}.pf .pf-sheet-titles{padding-top:4px}.pf .pf-sheet-kicker{color:var(--cobalt);letter-spacing:.14em;text-transform:uppercase;margin-bottom:5px;font-size:12px;font-weight:900;line-height:1.35}.cp-shell .pf .pf-sheet-title{color:var(--navy);letter-spacing:-.4px;margin:0;font-size:22px;font-weight:900;line-height:1.25}.pf .pf-sheet-close{--b-bg:var(--paper);--b-r:50%;--b-fg:var(--navy);place-items:center;width:44px;height:44px;display:grid}.pf .pf-sheet-close:hover{--b-bg:var(--c50);--b-fg:var(--cobalt-dark)}.pf .pf-sheet-close svg{width:20px;height:20px}.pf .pf-sheet-scroll{min-height:0;padding:22px 26px calc(28px + env(safe-area-inset-bottom));overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:auto;overflow-y:auto}.pf .pf-sheet-scroll:focus{outline:0}.pf .pf-sheet .pf-dt-body{background:0 0;border:0;margin:0;padding:0}@keyframes pf-sheet-in-side{0%{transform:translate(calc(100% + 24px))}}@keyframes pf-sheet-out-side{to{transform:translate(calc(100% + 24px))}}@keyframes pf-sheet-in-up{0%{transform:translateY(100%)}}@keyframes pf-sheet-out-down{to{transform:translateY(100%)}}@keyframes pf-sheet-fade-in{0%{opacity:0}}@keyframes pf-sheet-fade-out{to{opacity:0}}@media (width<=699px){.pf .pf-sheet{border-radius:20px 20px 0 0;width:100%;max-height:calc(100dvh - 40px);inset:auto 0 0;box-shadow:0 -20px 50px -20px #13182e73}.pf .pf-sheet[open]{animation-name:pf-sheet-in-up}.pf .pf-sheet[data-closing]{animation-name:pf-sheet-out-down}.pf .pf-sheet-head{gap:10px;padding:16px 12px 14px 18px}.pf .pf-sheet-titles{padding-top:2px}.cp-shell .pf .pf-sheet-title{font-size:20px}.pf .pf-sheet-scroll{padding:18px 18px calc(26px + env(safe-area-inset-bottom))}}@media (width<=600px){.pf .pf-dt-link>summary,.pf .pf-dt-button>summary{font-size:15px}.cp-shell .pf .pf-dt-sec h3{font-size:14px}.pf .pf-dt[open]>.pf-dt-body{padding:14px}}@media (prefers-reduced-motion:reduce){.pf .pf-sheet[open],.pf .pf-sheet::backdrop,.pf .pf-sheet[data-closing],.pf .pf-sheet[data-closing]::backdrop{animation:none!important}}.pf .pf-step-body>.pf-dt{margin:-2px 0 14px}.pf .pf-frame-body>.pf-dt{margin:0 0 2px}.pf .pf-rhythm-item .pf-dt,.pf .pf-state .pf-dt{margin-top:4px}.pf .pf-level>.pf-dt{margin:-4px 0 10px}.pf .pf-why-box>.pf-dt{margin-top:10px}.pf .pf-ex-main>.pf-dt{margin-top:14px}.pf .pf-template-intro>.pf-dt{margin-top:4px}.pf .pf-answer>.pf-dt{align-self:stretch}.pf .pf-idea>.pf-dt,.pf .pf-cat-card>.pf-dt{margin-top:auto;padding-top:2px}.pf .pf-idea>.pf-dt+.pf-idea-meta,.pf .pf-cat-card>.pf-dt+.pf-cat-src{margin-top:4px}.pf .pf-v-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 14px;display:flex}.pf .pf-v-more{color:#fff;min-height:44px;text-decoration:underline;text-decoration-color:var(--c200);text-underline-offset:3px;align-items:center;font-size:14px;font-weight:800;display:inline-flex}.pf .pf-v-more:hover{color:var(--c200)}.pf .pf-checks>li.pf-task{position:relative}.pf .pf-task>.pf-check{padding-right:70px}.pf .pf-how>summary{place-items:center;min-width:44px;height:44px;padding:0 4px;display:grid;position:absolute;top:0;right:4px}.pf .pf-how-pill{border:1px solid var(--c100);height:28px;color:var(--cobalt-dark);background:#fff;border-radius:999px;align-items:center;padding:0 11px;font:800 14px/1 Lato,sans-serif;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.pf .pf-how:not([open])>summary:hover .pf-how-pill{border-color:var(--c200);background:var(--c50)}.pf .pf-how[open] .pf-how-pill{border-color:var(--cobalt);background:var(--cobalt);color:#fff}.pf .pf-how>summary:focus-visible{outline:0}.pf .pf-how>summary:focus-visible .pf-how-pill{outline:2px solid var(--cobalt);outline-offset:2px}.pf .pf-task:has(>.pf-how[open])>.pf-check{border-bottom-style:dashed;border-radius:11px 11px 0 0}.pf .pf-how-text{border:1px solid var(--line);color:var(--navy-2);background:#fff;border-top:0;border-radius:0 0 11px 11px;margin:0;padding:10px 16px 12px 48px;font-size:15px;line-height:1.6}.pf .pf-task:has(>.pf-check input:checked)>.pf-how .pf-how-text{border-color:var(--c100)}@media (width<=600px){.pf .pf-task>.pf-check{padding-right:66px}.pf .pf-how>summary{right:2px}.pf .pf-how-text{padding:10px 14px 12px 46px;font-size:16px}}.pf .pf-field-long:has(>.pf-how){position:relative}.pf .pf-field-long:has(>.pf-how)>label{padding-right:64px}.pf .pf-how-field>summary{top:-6px;right:-4px}.pf .pf-how-field .pf-how-text{background:var(--c50);color:var(--navy-2);border:0;border-radius:10px;margin:4px 0 6px 42px;padding:10px 14px}@media (width<=600px){.pf .pf-how-field .pf-how-text{margin-left:0;padding:10px 12px}}.pf .pf-tool .pf-dt-link>summary{color:var(--muted)}.pf .pf-tool .pf-dt-link .pf-dt-label{text-decoration-color:#c3c9d6}.pf .pf-tool .pf-dt-link>summary:hover{color:var(--cobalt-dark)}
