.pwpipa-shell { padding: 0; }
.pwpipa { --pipa-navy:#06152f; --pipa-teal:#08c9c7; --pipa-link:#08777a; --pipa-ink:#26384e; --pipa-muted:#52647a; --pipa-line:#dfe5ec; color:var(--pipa-ink); font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; font-size:17px; line-height:1.7; isolation:isolate; }
.pwpipa *, .pwpipa *::before, .pwpipa *::after { box-sizing:border-box; }
.pwpipa .pipa-wrap { width:min(100% - 40px,1160px); margin-inline:auto; }
.pwpipa h1, .pwpipa h2, .pwpipa h3, .pwpipa p { margin:0; }
.pwpipa h1, .pwpipa h2, .pwpipa h3 { color:var(--pipa-navy); }
.pwpipa p + p { margin-top:1em; }
.pwpipa a { color:var(--pipa-link); text-underline-offset:4px; }
.pwpipa :focus-visible { outline:3px solid #3a7afe; outline-offset:5px; }
.pwpipa [id] { scroll-margin-top:115px; }
.pwpipa .pipa-kicker { color:var(--pipa-link); text-transform:uppercase; letter-spacing:.14em; font-weight:750; font-size:.74rem; margin-bottom:18px; }
.pwpipa .pipa-hero { background:linear-gradient(130deg,#f7fafc,#eef9f9); border-bottom:1px solid var(--pipa-line); padding:58px 0 62px; overflow:hidden; }
.pwpipa .pipa-hero-grid { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(240px,.65fr); gap:75px; align-items:center; }
.pwpipa h1 { font-size:clamp(2.6rem,5vw,4.8rem); letter-spacing:-.05em; line-height:1.03; max-width:720px; }
.pwpipa h1 span { color:var(--pipa-link); }
.pwpipa .pipa-lead { margin-top:23px; max-width:650px; font-size:clamp(1.05rem,1.4vw,1.2rem); color:var(--pipa-muted); }
.pwpipa .pipa-actions { display:flex; align-items:center; flex-wrap:wrap; gap:14px 24px; margin-top:28px; }
.pwpipa a.pipa-button { display:inline-flex; justify-content:center; align-items:center; gap:10px; min-height:52px; padding:13px 24px; border-radius:999px; background:var(--pipa-navy); border:1px solid var(--pipa-navy); color:#fff; text-decoration:none; font-size:.9rem; font-weight:700; line-height:1.35; }
.pwpipa a.pipa-button:hover { background:#14355f; }
.pwpipa a.pipa-button--light { background:var(--pipa-teal); border-color:var(--pipa-teal); color:var(--pipa-navy); }
.pwpipa .pipa-text-link { font-size:.92rem; font-weight:650; }
.pwpipa .pipa-download-meta { display:block; margin-top:14px; color:var(--pipa-muted); font-size:.8rem; }
.pwpipa .pipa-sheet { display:block; max-width:292px; margin:auto; transform:rotate(3deg); box-shadow:0 18px 48px #06152f24; border:1px solid #d7e3e9; background:white; border-radius:3px; }
.pwpipa .pipa-sheet img { display:block; width:100%; height:auto; }
.pwpipa .pipa-intro { display:grid; grid-template-columns:1.05fr 1fr; gap:70px; padding-top:54px; padding-bottom:54px; }
.pwpipa h2 { font-size:clamp(1.7rem,2.7vw,2.5rem); line-height:1.15; letter-spacing:-.035em; margin-bottom:20px; }
.pwpipa .pipa-example-box { border-left:3px solid var(--pipa-teal); background:#f3f8fb; padding:24px 28px; border-radius:0 14px 14px 0; align-self:start; }
.pwpipa .pipa-example-box h3 { font-size:1.05rem; margin-bottom:9px; }
.pwpipa .pipa-example-box p { font-size:.94rem; }
.pwpipa .pipa-guide-layout { display:grid; grid-template-columns:235px minmax(0,1fr); gap:64px; padding-bottom:65px; }
.pwpipa .pipa-toc { position:sticky; top:112px; align-self:start; border-top:2px solid var(--pipa-navy); padding-top:19px; }
.pwpipa .pipa-toc-title { color:var(--pipa-navy); font-size:.8rem; font-weight:750; letter-spacing:.08em; text-transform:uppercase; }
.pwpipa .pipa-toc ol { margin:15px 0 18px; padding:0; list-style:none; }
.pwpipa .pipa-toc li + li { margin-top:14px; }
.pwpipa .pipa-toc a { text-decoration:none; font-size:.88rem; display:block; }
.pwpipa .pipa-toc a:hover { text-decoration:underline; }
.pwpipa .pipa-toc small { font-size:.78rem; color:var(--pipa-muted); display:block; }
.pwpipa .pipa-section + .pipa-section { margin-top:49px; }
.pwpipa .pipa-section-label { display:inline-flex; align-items:center; gap:10px; color:var(--pipa-link); font-size:.75rem; font-weight:750; text-transform:uppercase; letter-spacing:.09em; margin-bottom:11px; }
.pwpipa .pipa-section-label b { display:grid; place-items:center; width:27px; height:27px; border-radius:7px; background:var(--pipa-navy); color:#fff; }
.pwpipa .pipa-section-intro { color:var(--pipa-muted); margin-bottom:22px; }
.pwpipa .pipa-check { border-top:1px solid var(--pipa-line); }
.pwpipa .pipa-check:last-child { border-bottom:1px solid var(--pipa-line); }
.pwpipa .pipa-check summary { position:relative; display:flex; gap:14px; align-items:baseline; list-style:none; cursor:pointer; padding:19px 35px 19px 0; color:var(--pipa-navy); font-weight:680; font-size:1rem; line-height:1.45; }
.pwpipa .pipa-check summary::-webkit-details-marker { display:none; }
.pwpipa .pipa-check summary::after { content:'+'; position:absolute; right:4px; top:17px; color:var(--pipa-link); font-size:1.3rem; font-weight:400; }
.pwpipa .pipa-check[open] summary::after { content:'−'; }
.pwpipa .pipa-number { color:var(--pipa-link); font-size:.8rem; font-variant-numeric:tabular-nums; min-width:23px; }
.pwpipa .pipa-check-body { padding:0 18px 22px 37px; font-size:.96rem; }
.pwpipa .pipa-practice { margin-top:12px; padding-left:14px; border-left:2px solid #b8e7e6; color:var(--pipa-muted); font-size:.89rem; }
.pwpipa .pipa-help { color:#d2deeb; background:var(--pipa-navy); padding:46px; border-radius:22px; display:grid; grid-template-columns:1.4fr 1fr; gap:40px; align-items:center; }
.pwpipa .pipa-help h2 { color:#fff; margin-bottom:15px; }
.pwpipa .pipa-help .pipa-kicker { color:var(--pipa-teal); }
.pwpipa .pipa-help p { font-size:.98rem; }
.pwpipa .pipa-help-actions { display:flex; flex-direction:column; align-items:flex-start; gap:18px; }
.pwpipa .pipa-help-actions .pipa-text-link { color:#fff; }
.pwpipa .pipa-faq { max-width:850px; padding-top:60px; padding-bottom:55px; }
.pwpipa .pipa-faq h3 { margin:24px 0 8px; font-size:1.05rem; }
.pwpipa .pipa-faq p { color:var(--pipa-muted); }
.pwpipa .pipa-sources { border-top:1px solid var(--pipa-line); padding-top:25px; padding-bottom:44px; font-size:.83rem; color:var(--pipa-muted); }
.pwpipa .pipa-sources h2 { font-size:1rem; letter-spacing:0; margin-bottom:12px; }
.pwpipa .pipa-sources ul { padding-left:20px; margin:12px 0 18px; }
@media (max-width:900px) { .pwpipa .pipa-hero-grid { gap:35px; grid-template-columns:minmax(0,1fr) 230px; } .pwpipa .pipa-guide-layout { grid-template-columns:190px minmax(0,1fr); gap:32px; } .pwpipa .pipa-intro { gap:35px; } }
@media (max-width:680px) { .pwpipa { font-size:16px; } .pwpipa .pipa-hero { padding:34px 0 38px; } .pwpipa .pipa-hero-grid,.pwpipa .pipa-intro,.pwpipa .pipa-guide-layout,.pwpipa .pipa-help { grid-template-columns:minmax(0,1fr); } .pwpipa .pipa-hero-grid { gap:34px; } .pwpipa .pipa-sheet { max-width:205px; transform:rotate(2deg); } .pwpipa .pipa-intro { gap:25px; padding-block:38px; } .pwpipa .pipa-toc { position:static; } .pwpipa .pipa-toc ol { display:grid; grid-template-columns:1fr 1fr; gap:14px; } .pwpipa .pipa-toc li + li { margin:0; } .pwpipa .pipa-guide-layout { gap:30px; padding-bottom:40px; } .pwpipa .pipa-check-body { padding-left:0; } .pwpipa .pipa-help { padding:28px; gap:25px; } .pwpipa .pipa-faq { padding-top:40px; } .pwpipa .pipa-actions { align-items:stretch; } .pwpipa .pipa-section + .pipa-section { margin-top:38px; } }
@media (prefers-reduced-motion:reduce) { .pwpipa * { scroll-behavior:auto !important; transition:none !important; } }
@media print { .pwpipa .pipa-sheet,.pwpipa .pipa-actions,.pwpipa .pipa-toc,.pwpipa .pipa-help-actions { display:none; } .pwpipa .pipa-hero,.pwpipa .pipa-help { background:white; color:#222; padding:20px 0; } .pwpipa .pipa-help h2 { color:#06152f; } .pwpipa .pipa-hero-grid,.pwpipa .pipa-intro,.pwpipa .pipa-guide-layout,.pwpipa .pipa-help { display:block; } .pwpipa .pipa-check-body { display:block !important; } .pwpipa .pipa-wrap { width:100%; } .pwpipa .pipa-check summary::after { display:none; } }