.pg-outer { max-width:800px; margin:0 auto; padding:32px 20px 80px; }
.pg-breadcrumb { display:flex; align-items:center; gap:6px; font-size:12.5px; margin-bottom:24px; flex-wrap:wrap; }
.pg-breadcrumb a { display:inline-flex; align-items:center; justify-content:center; min-height:28px; min-width:28px; color:var(--wh-muted); text-decoration:none; font-weight:500; transition:color .15s; }
.pg-breadcrumb a:hover { color:var(--orange-text); }
.pg-breadcrumb .sep { color:var(--wh-ghost); }
.pg-breadcrumb .cur { color:var(--wh-text); font-weight:600; }
.pg-card { background:var(--wh-surface); border:1.5px solid var(--wh-line); border-radius:var(--r-card,20px); overflow:hidden; }
.pg-card-header { padding:32px 40px 24px; border-bottom:1.5px solid var(--wh-line-soft); }
.pg-card-body { padding:32px 40px 40px; }
.pg-title { font-size:clamp(1.5rem,4vw,2rem); font-weight:800; color:var(--wh-brand-text); letter-spacing:-.03em; line-height:1.15; margin:0; }
.prose { font-size:15px; line-height:1.85; color:var(--wh-text); }
.prose h1 { font-size:1.6rem; font-weight:800; color:var(--wh-brand-text); margin:1.6em 0 .5em; letter-spacing:-.025em; }
.prose h2 { font-size:1.3rem; font-weight:700; color:var(--wh-brand-text); margin:1.5em 0 .5em; letter-spacing:-.02em; }
.prose h3 { font-size:1.1rem; font-weight:700; color:var(--wh-brand-text); margin:1.3em 0 .4em; }
.prose h4 { font-size:1rem; font-weight:700; color:var(--wh-ink); margin:1.2em 0 .4em; }
.prose p { margin:0 0 1em; }
.prose ul,.prose ol { padding-inline-start:1.5em; margin:0 0 1em; }
.prose li { margin-bottom:.4em; }
.prose a { color:var(--orange-text); text-decoration:underline; font-weight:500; }
.prose a:hover { opacity:.8; }
.prose strong { color:var(--wh-ink); font-weight:700; }
.prose em { font-style:italic; }
.prose blockquote { border-inline-start:4px solid var(--orange); margin:1.2em 0; padding:12px 20px; background:var(--tone-orange-soft); border-radius:0; border-start-end-radius:8px; border-end-end-radius:8px; color:var(--wh-muted); font-style:italic; }
.prose hr { border:none; border-top:2px solid var(--wh-line-soft); margin:2em 0; }
.prose img { max-width:100%; height:auto; border-radius:var(--r-ctl,10px); margin:1em 0; }
.prose table { width:100%; border-collapse:collapse; font-size:14px; margin:1em 0; }
.prose table th { background:var(--wh-surface-2); padding:10px 14px; text-align:start; font-weight:700; color:var(--wh-text); border-bottom:2px solid var(--wh-line); }
.prose table td { padding:10px 14px; border-bottom:1px solid var(--wh-line-soft); color:var(--wh-text); }
.prose table tr:last-child td { border-bottom:none; }
.prose code { background:var(--wh-surface-3); color:var(--wh-brand-text); font-size:13px; padding:2px 6px; border-radius:4px; font-family:monospace; }
.prose pre { background:var(--wh-surface-3); padding:16px; border-radius:var(--r-ctl,10px); overflow-x:auto; margin:1em 0; }
.prose pre code { background:none; padding:0; }
@media(max-width:640px){
    .pg-card-header { padding:24px 20px 18px; }
    .pg-card-body { padding:24px 20px 28px; }
    .pg-outer { padding:20px 16px 80px; }
}