.pp-page{--pp-brand:rgba(2,53,47,0.97);--pp-brand-solid:#02352f;--pp-brand-mid:#034a42;--pp-brand-light:rgba(2,53,47,0.08);--pp-accent:#c8a96e;--pp-accent-soft:rgba(200,169,110,0.18);--pp-accent-border:rgba(200,169,110,0.35);--pp-ink-on-dark:#f0f7f5;--pp-muted-on-dark:rgba(240,247,245,0.72);min-height:100dvh;background:linear-gradient(180deg,#f4f8f7 0,var(--cream) 28%,#eef4f3 100%);color:var(--ink);scroll-behavior:smooth}.pp-hero{position:relative;overflow:hidden;padding:max(1rem,env(safe-area-inset-top)) clamp(1rem,4vw,2rem) clamp(1.75rem,4vw,2.5rem);background:radial-gradient(520px 280px at 100% 0,rgba(100,204,197,.12),transparent 70%),radial-gradient(400px 240px at 0 100%,rgba(200,169,110,.1),transparent 65%),linear-gradient(155deg,#011a17 0,var(--pp-brand-solid) 52%,var(--pp-brand-mid) 100%);background-color:var(--pp-brand);color:var(--pp-ink-on-dark)}.pp-hero:after{content:"";position:absolute;inset:auto -80px -120px auto;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(200,169,110,.12),transparent 68%);pointer-events:none}.pp-hero__inner{position:relative;z-index:1;max-width:1080px;margin:0 auto;width:100%}.pp-hero__top{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;margin-bottom:clamp(1.1rem,3vw,1.6rem)}.pp-hero__back{display:inline-flex;align-items:center;gap:.35rem;font-size:.78rem;font-weight:600;color:var(--pp-muted-on-dark);text-decoration:none;transition:color .15s;white-space:nowrap}.pp-hero__back:hover{color:var(--pp-accent)}.pp-hero__top-end{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.pp-hero__lang{font-size:.68rem;font-weight:700;letter-spacing:.04em;color:var(--pp-muted-on-dark);background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:.35rem .7rem;cursor:pointer;font-family:inherit;transition:background .15s,color .15s}.pp-hero__lang:hover{color:var(--pp-accent);background:rgba(255,255,255,.12)}.pp-hero__badge{display:inline-flex;align-items:center;padding:.38rem .8rem;border-radius:999px;background:rgba(200,169,110,.12);border:1px solid var(--pp-accent-border);font-size:.65rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--pp-accent);white-space:nowrap}.pp-hero__content{display:flex;align-items:flex-start;gap:clamp(.85rem,3vw,1.35rem)}.pp-hero__icon{width:clamp(3rem,10vw,4.25rem);height:clamp(3rem,10vw,4.25rem);border-radius:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:linear-gradient(145deg,rgba(200,169,110,.22),rgba(255,255,255,.06));border:1px solid var(--pp-accent-border);box-shadow:0 8px 28px rgba(0,0,0,.2)}.pp-hero__icon .a11y-icon-img,.pp-hero__icon svg{width:clamp(1.35rem,4vw,1.85rem);height:clamp(1.35rem,4vw,1.85rem);color:var(--pp-accent)}.pp-hero__text{flex:1;min-width:0}.pp-hero h1{font-size:clamp(1.55rem,5.5vw,2.35rem);font-weight:700;line-height:1.12;letter-spacing:-.02em;margin-bottom:.5rem}.pp-hero__sub{font-size:clamp(.84rem,2.4vw,1rem);line-height:1.55;color:var(--pp-muted-on-dark);max-width:38rem}.pp-hero__meta{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.9rem}.pp-hero__chip{display:inline-flex;align-items:center;padding:.3rem .65rem;border-radius:8px;font-size:.7rem;font-weight:600;color:var(--pp-muted-on-dark);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1)}.pp-shell{max-width:1080px;margin:0 auto;width:100%;padding:0 clamp(.85rem,4vw,2rem) max(1.5rem,env(safe-area-inset-bottom))}.pp-draft{margin-top:clamp(1rem,3vw,1.35rem);margin-bottom:clamp(1rem,3vw,1.5rem)}.pp-draft__inner{display:flex;gap:.7rem;align-items:flex-start;padding:.9rem 1rem;border-radius:14px;background:#fff9f0;border:1px solid rgba(200,169,110,.4);box-shadow:var(--shadow-sm);font-size:clamp(.76rem,2.2vw,.82rem);line-height:1.55;color:#5c4a2a}.pp-draft__icon{flex-shrink:0;line-height:1}.pp-draft__inner strong{color:#3d3018}.pp-body{display:grid;gap:1.25rem;align-items:start}@media (min-width:900px){.pp-body{grid-template-columns:minmax(200px,220px) minmax(0,1fr);gap:2rem 2.25rem}}.pp-toc{min-width:0}@media (max-width:899px){.pp-toc{position:sticky;top:0;z-index:10;margin-inline:calc(-1 * clamp(.85rem, 4vw, 2rem));padding:.65rem clamp(.85rem,4vw,2rem);background:rgba(244,248,247,.94);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}}.pp-toc__label{font-size:.65rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--faint);margin-bottom:.55rem}@media (max-width:899px){.pp-toc__label{margin-bottom:.4rem}}.pp-toc__nav{display:flex;gap:.4rem;overflow-x:auto;padding-bottom:.2rem;scrollbar-width:none;-webkit-overflow-scrolling:touch}.pp-toc__nav::-webkit-scrollbar{display:none}@media (min-width:900px){.pp-toc{position:sticky;top:1.25rem}.pp-toc__nav{flex-direction:column;overflow:visible;padding:.75rem;border-radius:16px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-sm);max-height:calc(100dvh - 2.5rem);overflow-y:auto}}.pp-toc__link{flex-shrink:0;display:block;padding:.5rem .75rem;border-radius:10px;font-size:.76rem;font-weight:600;color:var(--sub);text-decoration:none;line-height:1.35;transition:background .15s,color .15s,border-color .15s;border:1px solid transparent}@media (max-width:899px){.pp-toc__link{background:#fff;border-color:var(--line);white-space:nowrap;font-size:.72rem;padding:.45rem .7rem}}.pp-toc__link:hover{color:var(--pp-brand-solid);background:var(--pp-brand-light);border-color:rgba(2,53,47,.15)}.pp-main{display:flex;flex-direction:column;gap:.9rem;min-width:0}@media (min-width:600px){.pp-main{gap:1.1rem}}.pp-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:clamp(1rem,3.5vw,1.5rem);box-shadow:var(--shadow-sm);scroll-margin-top:5.5rem}@media (min-width:900px){.pp-card{scroll-margin-top:1.5rem}}.pp-card__head{gap:.75rem;margin-bottom:.85rem;padding-bottom:.75rem;border-bottom:1px solid var(--line)}.pp-card__head,.pp-card__icon{display:flex;align-items:center}.pp-card__icon{width:2.35rem;height:2.35rem;border-radius:11px;justify-content:center;flex-shrink:0;background:linear-gradient(145deg,#eef6f4,#e4f0ed);color:var(--pp-brand-solid);border:1px solid rgba(2,53,47,.12)}.pp-card__icon .a11y-icon-img,.pp-card__icon svg{width:1.1rem;height:1.1rem}.pp-card__title{font-size:clamp(.95rem,2.8vw,1.1rem);font-weight:700;color:var(--pp-brand-solid);line-height:1.3;flex:1;min-width:0}.pp-card__body{font-size:clamp(.82rem,2.4vw,.88rem);line-height:1.7;color:var(--sub)}.pp-card__body>*+*{margin-top:.75rem}.pp-card__body h4{font-size:.8rem;font-weight:700;color:var(--ink);margin-top:1rem;margin-bottom:.3rem}.pp-card__body ul{margin:.25rem 0 0;padding-inline-start:1.15rem}.pp-card__body li{margin-top:.35rem}.pp-card__body li::marker{color:var(--pp-brand-mid)}.pp-card__body strong{color:var(--ink);font-weight:700}.pp-card__body a{color:var(--pp-brand-solid);font-weight:600;text-decoration:none;border-bottom:1px solid rgba(2,53,47,.25);word-break:break-word}.pp-card__body a:hover{color:var(--pp-brand-mid);border-bottom-color:var(--pp-brand-mid)}.pp-footer-note{text-align:center;font-size:.7rem;color:var(--faint);padding:1.5rem 0 .5rem}@media (max-width:380px){.pp-hero__content,.pp-hero__top{flex-direction:column;align-items:flex-start}}.pp-index-grid{display:grid;gap:.85rem;grid-template-columns:1fr}@media (min-width:600px){.pp-index-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}}.pp-index-card{display:flex;flex-direction:column;gap:.45rem;padding:1.15rem 1.25rem;border-radius:16px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-sm);text-decoration:none;color:inherit;transition:border-color .15s,box-shadow .15s,transform .15s}.pp-index-card:hover{border-color:rgba(2,53,47,.2);box-shadow:var(--shadow-md);transform:translateY(-1px)}.pp-index-card h2{font-size:1rem;font-weight:700;color:var(--pp-brand-solid)}.pp-index-card p{font-size:.82rem;line-height:1.5;color:var(--sub);flex:1}.pp-index-card__link{font-size:.76rem;font-weight:700;color:var(--pp-brand-mid);margin-top:.35rem}@media (min-width:600px) and (max-width:899px){.pp-toc__nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;gap:.45rem}.pp-toc__link{white-space:normal;text-align:center;min-height:2.5rem;display:flex;align-items:center;justify-content:center}}