.pl-guide-page { margin:0; color:#182a44; background:#fff; font:17px/1.7 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
.pl-guide-page * { box-sizing:border-box; }
.pl-guide-page a { color:#174dc7; text-underline-offset:4px; }
.pl-guide-page a:hover { text-decoration-thickness:2px; }
.pl-guide-page :focus-visible,.pl-topic:focus-visible { outline:3px solid #2563eb; outline-offset:5px; }
.pl-guide-page h1,.pl-guide-page h2,.pl-guide-page h3 { line-height:1.18; letter-spacing:-.025em; color:#12233b; overflow-wrap:anywhere; hyphens:auto; }
.pl-guide-page h1 { font-size:clamp(2.2rem,4.5vw,3.7rem); margin:12px 0 24px; max-width:740px; }
.pl-guide-page h2 { font-size:clamp(1.55rem,2.8vw,2.1rem); margin:0 0 20px; }
.pl-guide-page p { margin:0 0 18px; }
.pl-wrap { max-width:1120px; padding:0 24px; margin:auto; }
.pl-header { border-bottom:1px solid #e6ebf3; padding:20px 0 0; }
.pl-header .pl-wrap,.pl-header nav { display:flex; align-items:center; justify-content:space-between; gap:24px; }
.pl-header img { display:block; max-width:100%; height:auto; }
.pl-lang { display:inline-flex; flex-shrink:0; border:1px solid #e5e7eb; border-radius:999px; overflow:hidden; font:600 15px/1.55 -apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,Helvetica,Arial,sans-serif; }
.pl-lang a { padding:6px 10px; color:#64748b; text-decoration:none; }
.pl-lang a[aria-current="page"] { background:#0f172a; color:#fff; }
.pl-lang a:focus-visible { outline-offset:-3px; }
.pl-button { display:inline-block; border-radius:12px; background:#245dd5; color:white!important; padding:13px 22px; font-weight:700; text-decoration:none; text-align:center; }
.pl-button:hover { background:#1746ae; }
.pl-breadcrumb { margin:24px 0 4px; color:#53657b; font-size:.9rem; }
.pl-hero { display:grid; grid-template-columns:minmax(0,1fr) 280px; align-items:center; gap:64px; padding:38px 0 64px; }
.pl-eyebrow { color:#1b55c8; font-size:.8rem; font-weight:750; letter-spacing:.08em; text-transform:uppercase; }
.pl-answer { border-left:3px solid #2563eb; padding-left:20px; }
.pl-answer strong { font-size:.8rem; text-transform:uppercase; letter-spacing:.04em; }
.pl-answer p { margin-top:8px; }
.pl-actions { display:flex; flex-wrap:wrap; gap:18px; align-items:center; margin:28px 0 12px; }
.pl-muted { color:#53657b; font-size:.88rem; }
.pl-hero figure { margin:0; }
.pl-hero img { display:block; width:100%; height:auto; border-radius:24px; box-shadow:0 18px 55px #17355e18; border:1px solid #e6ebf3; }
.pl-hero figcaption { text-align:center; font-size:.75rem; color:#53657b; margin-top:14px; }
.pl-reading { display:grid; grid-template-columns:240px minmax(0,1fr); gap:64px; padding:24px 0; }
.pl-toc { align-self:start; background:#f3f6fc; border-radius:16px; padding:22px; font-size:.88rem; }
.pl-toc ul { padding-left:18px; margin-bottom:0; }
.pl-toc li { margin-top:12px; }
.pl-guide-page article section { margin-bottom:56px; scroll-margin-top:20px; }
.pl-guide-page article li { padding-left:8px; margin-bottom:16px; }
.pl-guide-page article ol,.pl-guide-page article ul { padding-left:22px; }
.pl-guide-page article ol li::marker { color:#245dd5; font-weight:800; }
.pl-table { border:1px solid #dce4f0; border-radius:12px; overflow:hidden; margin:24px 0; }
.pl-table table { border-collapse:collapse; width:100%; font-size:.95rem; overflow-wrap:anywhere; }
.pl-table th,.pl-table td { text-align:left; padding:16px; border-bottom:1px solid #dce4f0; vertical-align:top; }
.pl-table th { background:#f3f6fc; }
.pl-table tr:last-child td { border:0; }
.pl-guide-page details { border-bottom:1px solid #dce4f0; padding:18px 0; }
.pl-guide-page summary { cursor:pointer; font-weight:650; }
.pl-guide-page details p { padding:16px 0 0; }
.pl-disclaimer { font-size:.9rem; background:#f3f6fc; padding:20px; border-radius:12px; }
.pl-related { margin:48px 0 72px; }
.pl-topic-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr)); gap:18px; margin-top:26px; }
a.pl-topic { display:block; position:relative; border:1px solid #dce4f0; border-radius:16px; padding:24px; text-decoration:none; color:#182a44; background:#f7f9fd; transition:border-color .15s; }
a.pl-topic:hover { border-color:#2563eb; background:#eef3fd; }
.pl-topic h3 { font-size:1.12rem; margin:0 0 12px; color:#173e8b; }
.pl-topic p { font-size:.92rem; line-height:1.6; margin:0 0 18px; color:#45566d; }
.pl-topic span { color:#245dd5; font-weight:700; }
.pl-final { padding:64px 0; background:#eef3fd; text-align:center; }
.pl-final p { max-width:650px; margin:0 auto 26px; }
.pl-footer { padding-top:32px; padding-bottom:32px; font-size:.9rem; }
.pl-skip { position:absolute; left:12px; top:-100px; z-index:10; background:#fff; padding:12px; }
.pl-skip:focus { top:12px; }
@media(max-width:800px) {
  .pl-hero { grid-template-columns:minmax(0,1fr); gap:28px; padding:28px 0 40px; }
  .pl-hero figure { max-width:240px; margin:0 auto; }
  .pl-reading { grid-template-columns:minmax(0,1fr); gap:32px; }
  .pl-toc { width:100%; }
}
@media(max-width:600px) {
  .pl-lang a { padding:5px 8px; }
}
@media(max-width:480px) {
  .pl-wrap { padding-left:20px; padding-right:20px; }
  .pl-header .pl-wrap { flex-wrap:wrap; gap:16px; }
  .pl-header nav { width:100%; justify-content:space-between; }
  .pl-header .pl-button { padding:10px 18px; }
  .pl-actions { align-items:flex-start; flex-direction:column; }
  .pl-table td,.pl-table th { padding:12px; font-size:.88rem; }
}
@media(prefers-reduced-motion:reduce) { a.pl-topic { transition:none; } }
nav.pl-topic-nav { display:block; border-top:1px solid #e6ebf3; background:#f7f9fd; }
.pl-header .pl-topic-nav { margin-top:20px; }
.pl-topic-nav-links { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:4px; max-width:1040px; margin:0 auto; padding:8px 20px; }
nav.pl-topic-nav a { display:flex; align-items:center; justify-content:center; min-height:44px; margin:0; padding:8px; border-radius:8px; color:#173e8b; font-size:14px; font-weight:600; line-height:1.35; text-align:center; text-decoration:none; overflow-wrap:anywhere; hyphens:auto; }
nav.pl-topic-nav a:hover,nav.pl-topic-nav a[aria-current="page"] { background:#e5edfc; color:#174dc7; }
nav.pl-topic-nav a:focus-visible { outline:3px solid #2563eb; outline-offset:2px; }
@media(max-width:600px) {
  .pl-topic-nav-links { grid-template-columns:repeat(2,minmax(0,1fr)); }
  nav.pl-topic-nav a { font-size:13px; }
}