/* 311 press reader v1.0 (17 Oct 2026), design A "Clean reader". Replaces FlowPaper. */
.g3pr{margin:28px 0;display:grid;gap:12px;background:#fff;border:1px solid var(--b-edge,#E1DBF1);border-radius:16px;padding:16px;max-width:100%;box-sizing:border-box}
.g3pr link,.g3pr script{display:none}
.g3pr-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.g3pr-m{font-size:13px;line-height:1.3;letter-spacing:.06em;text-transform:uppercase;font-weight:600;color:var(--b-muted,#6B6985);font-variant-numeric:tabular-nums}
.g3pr-b{display:flex;gap:8px;flex-wrap:wrap}
.g3pr .g3pr-fs,.g3pr .g3pr-dl,.g3pr-lb .g3pr-x,.g3pr-lb .g3pr-ld{display:inline-flex;align-items:center;justify-content:center;font-family:inherit;font-size:15px;font-weight:600;line-height:1.1;letter-spacing:0;text-transform:none;border-radius:999px;padding:11px 18px;cursor:pointer;text-decoration:none!important;white-space:nowrap;margin:0;box-shadow:none;min-height:0;height:auto;width:auto}
.g3pr .g3pr-fs{background:transparent;color:var(--b-ink,#17162B);border:1px solid var(--b-edge,#E1DBF1)}
.g3pr .g3pr-fs:hover{border-color:var(--b-accent,#D92A79);color:var(--b-accent,#D92A79)}
.g3pr .g3pr-dl{background:var(--b-accent,#D92A79);color:#fff!important;border:0}
.g3pr .g3pr-dl:hover{background:var(--b-accent-hover,#B81F63)}
.g3pr-s{max-height:560px;overflow-y:auto;display:grid;gap:14px;background:var(--b-lilac,#F3EEFC);padding:14px;border-radius:12px;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.g3pr-s:focus-visible{outline:2px solid var(--b-accent,#D92A79);outline-offset:2px}
.g3pr-s img{display:block;width:100%;max-width:640px;height:auto;margin:0 auto!important;padding:0;border:0;background:#fff;border-radius:4px;box-shadow:0 1px 2px rgba(23,22,43,.06),0 8px 24px rgba(35,29,99,.08);cursor:zoom-in}
.g3pr-alt{margin:20px 0}
/* full screen */
.g3pr-lb{position:fixed;inset:0;z-index:2147483000;background:#0B0A1F;display:grid;grid-template-rows:auto 1fr;padding:env(safe-area-inset-top,0px) 0 env(safe-area-inset-bottom,0px)}
.g3pr-lb[hidden]{display:none!important}
.g3pr-lbar{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;flex-wrap:wrap}
.g3pr-lbar .g3pr-m{color:#B7B5D6}
.g3pr-lb .g3pr-ld{background:transparent;color:#fff!important;border:1px solid #3A3570}
.g3pr-lb .g3pr-x{background:var(--b-accent,#D92A79);color:#fff;border:0}
.g3pr-lv{overflow:auto;display:grid;place-items:start center;padding:0 64px 24px;overscroll-behavior:contain}
.g3pr-lv img{display:block;max-width:min(900px,100%);height:auto;background:#fff;border-radius:4px}
.g3pr-nav{position:fixed;top:50%;transform:translateY(-50%);width:46px;height:46px;border-radius:50%;border:0;background:#231D63;color:#fff;font-size:22px;line-height:1;cursor:pointer;display:grid;place-items:center;padding:0}
.g3pr-nav:disabled{opacity:.3;cursor:default}
.g3pr-p{left:10px}.g3pr-n{right:10px}
@media (max-width:640px){
 .g3pr{padding:12px;border-radius:14px;margin:22px 0}
 .g3pr-s{max-height:440px;padding:10px;gap:10px}
 .g3pr .g3pr-fs,.g3pr .g3pr-dl{padding:10px 14px;font-size:14px!important}
 .g3pr-lv{padding:0 8px 84px}
 .g3pr-nav{top:auto;bottom:calc(16px + env(safe-area-inset-bottom,0px));transform:none}
}
@media (prefers-reduced-motion:no-preference){.g3pr .g3pr-fs,.g3pr .g3pr-dl{transition:background .15s,border-color .15s,color .15s}}

/* WME-MOBILE-RIGHT-HAND: buttons stay on the right when the bar wraps */.g3pr-b{margin-left:auto;justify-content:flex-end}