/* XPRTO · reading layout for blog posts and normal WordPress pages */
html,body.xprto-page{ height:auto; min-height:100%; overflow:auto; position:static; background:#eef3fb; touch-action:auto; user-select:text; -webkit-user-select:text }
body.xprto-page{ margin:0; font-family:var(--f, 'Figtree', system-ui, sans-serif); color:var(--ink, #0b1b33); -webkit-font-smoothing:antialiased }
.pgwrap{ max-width:720px; margin:0 auto; min-height:100vh; background:#fff; box-shadow:0 0 60px -30px rgba(0,18,51,.35) }
.pghd{ position:sticky; top:0; z-index:5; display:flex; align-items:center; gap:12px; padding:calc(env(safe-area-inset-top) + 12px) 16px 12px;
  background:var(--navy, #001233); color:#fff }
.pgback{ display:flex; align-items:center; justify-content:center; width:38px; height:38px; border-radius:12px; background:rgba(255,255,255,.1); color:#fff }
.pgback svg{ transform:rotate(180deg) }
.pgbrand{ display:flex; align-items:center; gap:9px; color:#fff; text-decoration:none; font-weight:800; letter-spacing:.18em; font-size:14px }
.pgbrand img{ width:30px; height:30px; border-radius:9px; object-fit:cover }
.pgmain{ padding:8px 20px 60px }
.pgart{ padding:24px 0 26px; border-bottom:1px solid var(--line, #e3e9f3) }
.pgart:last-of-type{ border-bottom:0 }
.pgkk{ display:block; margin-bottom:10px; font-family:var(--n, 'Space Grotesk', monospace); font-size:10.5px; letter-spacing:.16em; color:#7a88a3 }
.pgart h1{ margin:0 0 16px; font-size:28px; line-height:1.15; font-weight:800; letter-spacing:-.035em; color:var(--navy, #001233) }
.pgimg{ margin:0 0 18px; border-radius:20px; overflow:hidden }
.pgimg img{ display:block; width:100%; height:auto }
.pgbody{ font-size:16px; line-height:1.7; color:#26354f }
.pgbody h2,.pgbody h3{ margin:1.6em 0 .5em; color:var(--navy, #001233); letter-spacing:-.025em; line-height:1.25 }
.pgbody a{ color:var(--navy3, #0e4bb0); font-weight:600 }
.pgbody img{ max-width:100%; height:auto; border-radius:14px }
.pgbody ul,.pgbody ol{ padding-left:1.25em }
.pgbody blockquote{ margin:1.2em 0; padding:12px 16px; border-left:4px solid var(--gold, #f3c518); background:#f6f8fc; border-radius:0 12px 12px 0 }
.pgbody table{ width:100%; border-collapse:collapse; font-size:14px }
.pgbody th,.pgbody td{ padding:8px 10px; border-bottom:1px solid #e3e9f3; text-align:left }
.pgmore{ display:inline-flex; margin-top:12px; padding:10px 18px; border-radius:12px; background:var(--gold, #f3c518); color:var(--navy, #001233); font-weight:800; text-decoration:none }
.pagination,.nav-links{ display:flex; gap:8px; justify-content:center; padding:20px 0 }
.nav-links a,.nav-links span{ padding:8px 13px; border-radius:10px; background:#f1f4fa; color:var(--navy, #001233); text-decoration:none; font-weight:700 }
.nav-links .current{ background:var(--navy, #001233); color:#fff }
.screen-reader-text{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0) }