.breadcrumb{padding:var(--space-4) 0;border-bottom:1px solid var(--border-default);background:var(--gray-50)}.breadcrumb__list{list-style:none;display:flex;align-items:center;gap:var(--space-2);margin:0;padding:0;font-size:var(--text-sm)}.breadcrumb__list li+li:before{content:"/";color:var(--gray-400);margin-right:var(--space-2)}.breadcrumb__list a{color:var(--navy);text-decoration:none;font-weight:var(--fw-medium)}.breadcrumb__list li[aria-current=page]{color:var(--gray-500)}.pls-hero{padding:var(--space-12) 0 var(--space-10);background:linear-gradient(135deg,var(--white) 0%,var(--gray-50) 100%);border-bottom:1px solid var(--border-default)}.pls{display:flex;flex-direction:column;gap:var(--space-6)}.pls-controls{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4);padding:var(--space-4);border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--gray-50)}.pls-controls__buttons{display:flex;gap:var(--space-2);flex-wrap:wrap}.pls-btn{padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--fw-semibold);cursor:pointer;border:1px solid var(--border-default);background:var(--white);color:var(--navy);transition:background-color .15s cubic-bezier(.2,.8,.2,1),border-color .15s cubic-bezier(.2,.8,.2,1),transform .15s cubic-bezier(.2,.8,.2,1)}.pls-btn:hover:not(:disabled){background:var(--gray-100)}.pls-btn:active:not(:disabled){transform:scale(.97)}.pls-btn:disabled{opacity:.5;cursor:not-allowed}.pls-btn--primary{background:var(--navy);color:var(--white);border-color:var(--navy)}.pls-btn--primary:hover:not(:disabled){background:var(--navy-dark)}.pls-btn--ghost{background:transparent}.pls-btn--sm{padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.pls-controls__scenario{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--gray-500)}.pls-controls__scenario .is-active{color:var(--navy);font-weight:var(--fw-semibold)}.pls-toggle{position:relative;width:44px;height:24px;border-radius:var(--radius-full);background:var(--gray-300);border:none;cursor:pointer;flex-shrink:0;transition:background-color .18s cubic-bezier(.2,.8,.2,1)}.pls-toggle.is-on{background:var(--success)}.pls-toggle__knob{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:var(--white);box-shadow:var(--shadow-xs);transition:transform .18s cubic-bezier(.2,.8,.2,1)}.pls-toggle.is-on .pls-toggle__knob{transform:translate(20px)}.pls-toggle:active .pls-toggle__knob{transform:scale(.92)}.pls-toggle.is-on:active .pls-toggle__knob{transform:translate(20px) scale(.92)}.pls-controls__progress{margin-left:auto;font-size:var(--text-sm);font-weight:var(--fw-semibold);color:var(--gray-500);font-family:var(--font-mono)}.pls-visuals{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6)}@media(max-width:900px){.pls-visuals{grid-template-columns:1fr}}.pls-browser{border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow:hidden;background:var(--white)}.pls-browser__bar{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--gray-100);border-bottom:1px solid var(--border-default)}.pls-browser__dots{display:flex;gap:5px}.pls-browser__dots i{width:8px;height:8px;border-radius:50%;background:var(--gray-300);display:inline-block}.pls-browser__url{display:flex;align-items:center;gap:var(--space-2);flex:1;background:var(--white);border:1px solid var(--border-default);border-radius:var(--radius-full);padding:var(--space-1) var(--space-3);font-size:var(--text-xs);color:var(--gray-500)}.pls-browser__lock{width:12px;height:12px;color:var(--success);flex-shrink:0}.pls-browser__viewport{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3);min-height:220px}.pls-wire{background:var(--gray-100);border-radius:var(--radius-sm)}.pls-wire--nav{height:20px;width:60%;opacity:0;transition:opacity .3s cubic-bezier(.2,.8,.2,1)}.pls-wire--nav.is-visible{opacity:1}.pls-wire-row{display:flex;gap:var(--space-3)}.pls-wire--hero{flex:2;height:110px;opacity:.35;transition:opacity .3s cubic-bezier(.2,.8,.2,1),background-color .3s cubic-bezier(.2,.8,.2,1);position:relative}.pls-wire--hero.is-skeleton{background:linear-gradient(90deg,var(--gray-100) 25%,var(--gray-200) 37%,var(--gray-100) 63%);background-size:400% 100%;animation:pls-shimmer 1.4s cubic-bezier(.2,.8,.2,1) infinite}.pls-wire--hero.is-lcp{opacity:1;background:var(--yellow-10);border:2px solid var(--yellow)}.pls-wire__lcp-tag{position:absolute;top:6px;left:6px;font-size:var(--text-xs);font-weight:var(--fw-bold);color:var(--navy);background:var(--yellow);padding:1px var(--space-2);border-radius:var(--radius-sm)}.pls-wire-col{flex:1;display:flex;flex-direction:column;gap:var(--space-2)}.pls-wire--card{height:51px;opacity:0;transition:opacity .3s cubic-bezier(.2,.8,.2,1)}.pls-wire--card.is-visible{opacity:1}.pls-wire--line{height:12px;opacity:0;transition:opacity .3s cubic-bezier(.2,.8,.2,1)}.pls-wire--line.is-visible{opacity:1}.pls-wire.no-anim,.pls-wire--hero.no-anim{transition:none;animation:none}@keyframes pls-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.pls-waterfall{border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--white);padding:var(--space-3);overflow-x:auto}.pls-waterfall__rows{display:flex;flex-direction:column;gap:3px;min-width:420px}.pls-wf-row{display:flex;align-items:center;gap:var(--space-2);opacity:.35;transition:opacity .2s cubic-bezier(.2,.8,.2,1)}.pls-wf-row.is-played{opacity:1}.pls-wf-row.is-current .pls-wf-row__label{color:var(--navy);font-weight:var(--fw-semibold)}.pls-wf-row__label{flex:0 0 150px;font-size:var(--text-xs);color:var(--gray-500);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pls-wf-row__track{position:relative;flex:1;height:10px;background:var(--gray-100);border-radius:var(--radius-sm)}.pls-wf-row__bar{position:absolute;top:0;height:100%;border-radius:var(--radius-sm);transition:left .3s cubic-bezier(.2,.8,.2,1),width .3s cubic-bezier(.2,.8,.2,1)}.pls-wf-row__bar.no-anim{transition:none}.pls-wf-row__bar--success{background:var(--success)}.pls-wf-row__bar--warning{background:var(--warning)}.pls-wf-row__bar--error{background:var(--error)}.pls-wf-row__bar--neutral{background:var(--gray-400)}.pls-totals{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}@media(max-width:640px){.pls-totals{grid-template-columns:1fr}}.pls-totals__item{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-4);background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-md);text-align:center}.pls-totals__label{font-size:var(--text-xs);color:var(--gray-500);text-transform:uppercase;letter-spacing:var(--ls-wide)}.pls-totals__value{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:var(--fw-black);color:var(--navy)}.pls-totals__value--good{color:#065f46}.pls-card{border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-5);background:var(--white)}.pls-current .pls-card{border-color:var(--navy);box-shadow:var(--shadow-md)}.pls-timeline{display:flex;flex-direction:column;gap:var(--space-3);max-height:480px;overflow-y:auto}.pls-timeline .pls-card{padding:var(--space-4)}.pls-card__top{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-2)}.pls-card__phase{font-size:var(--text-xs);color:var(--gray-400);text-transform:uppercase;letter-spacing:var(--ls-wide)}.pls-card__badge{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);font-weight:var(--fw-semibold);padding:2px var(--space-2);border-radius:var(--radius-full)}.pls-badge-icon{width:12px;height:12px}.pls-card__badge--success{background:#d1fae5;color:#065f46}.pls-card__badge--warning{background:#fef3c7;color:#92400e}.pls-card__badge--error{background:#fee2e2;color:#991b1b}.pls-card__badge--neutral{background:var(--gray-200);color:var(--gray-700)}.pls-card__label{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--fw-bold);margin:0 0 var(--space-2)}.pls-card__metric{display:flex;align-items:baseline;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--navy);margin:0 0 var(--space-2)}.pls-card__detail{color:var(--gray-500);font-family:var(--font-body)}.pls-card__explanation{color:var(--text-secondary);line-height:var(--lh-relaxed);margin:0 0 var(--space-2)}.pls-card__fix{font-size:var(--text-sm);color:var(--gray-500);margin:0}.pls-starter{display:flex;flex-direction:column;gap:var(--space-4)}.pls-starter__note{font-size:var(--text-sm);color:var(--gray-500)}.pls-starter__list{display:flex;flex-direction:column;gap:var(--space-4)}.pls-snippet{border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-4);background:var(--gray-50)}.pls-snippet__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.pls-snippet__title{font-family:var(--font-heading);font-size:var(--text-base);font-weight:var(--fw-semibold);margin:0}.pls-snippet__benefit{font-size:var(--text-sm);color:var(--text-secondary);margin:var(--space-1) 0 var(--space-3)}.pls-snippet__code{margin:0;padding:var(--space-3);background:var(--charcoal);color:#e5e7eb;border-radius:var(--radius-md);overflow-x:auto;font-family:var(--font-mono);font-size:var(--text-xs);line-height:var(--lh-relaxed)}.pls-snippet__hint{margin:var(--space-2) 0 0;font-size:var(--text-xs);color:var(--gray-400)}.pls-article{background:var(--gray-50);border-top:1px solid var(--border-default)}.pls-prose{max-width:760px}.pls-prose h2{margin-top:var(--space-10)}.pls-prose h2:first-child{margin-top:0}.pls-prose p,.pls-prose ul{color:var(--text-secondary);line-height:1.75;margin-top:var(--space-4)}.pls-prose ul{padding-left:1.3em}.pls-prose li{margin-top:var(--space-2)}.pls-prose a{color:var(--navy);text-decoration:underline}.pls-prose code{background:var(--gray-100);padding:1px 5px;border-radius:3px;font-size:.9em}.pls-related{margin-top:var(--space-8);font-size:var(--text-sm)}.cta-block{display:flex;align-items:center;justify-content:space-between;padding:var(--space-8);gap:var(--space-6)}@media(max-width:640px){.cta-block{flex-direction:column;text-align:center}}.pls-cta-actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}@media(prefers-reduced-motion:reduce){.pls-btn,.pls-toggle,.pls-toggle__knob,.pls-wire,.pls-wire--nav,.pls-wire--hero,.pls-wire--card,.pls-wire--line,.pls-wf-row,.pls-wf-row__bar{transition:none!important;animation:none!important}.pls-btn:active,.pls-toggle:active .pls-toggle__knob{transform:none}.pls-toggle.is-on .pls-toggle__knob{transform:translate(20px)}}