.pgn-feed { --pgn-red:#a5162b; --pgn-deep:#700d1c; --pgn-yellow:#f5bd23; --pgn-ink:#17181b; --pgn-muted:#73767d; --pgn-line:#e8e8e7; width:100%; max-width:1220px; margin:0 auto; color:var(--pgn-ink); font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
.pgn-feed * { box-sizing:border-box; }
.pgn-feed button,.pgn-feed input { font:inherit; }
.pgn-header { margin-bottom:20px; padding:18px 0; display:flex; align-items:flex-end; justify-content:space-between; gap:20px; border-bottom:1px solid var(--pgn-line); }
.pgn-identity { display:flex; align-items:center; gap:11px; }
.pgn-logo { width:42px; height:42px; display:grid; place-items:center; overflow:hidden; border-radius:12px; background:linear-gradient(135deg,#c01e38,var(--pgn-deep)); box-shadow:0 7px 17px rgba(165,22,43,.21); }
.pgn-logo img { width:35px; height:35px; display:block; object-fit:contain; }
.pgn-identity>span:last-child { display:grid; gap:2px; }
.pgn-identity strong { font-size:14px; line-height:1; letter-spacing:.035em; }
.pgn-identity small { color:var(--pgn-red); font-size:8px; line-height:1; font-weight:800; letter-spacing:.2em; }
.pgn-header-copy { text-align:right; }
.pgn-header-copy p { margin:0 0 5px; display:flex; justify-content:flex-end; align-items:center; gap:7px; color:var(--pgn-red); font-size:9px; font-weight:800; letter-spacing:.15em; }
.pgn-header-copy p i { width:7px; height:7px; border-radius:50%; background:var(--pgn-red); box-shadow:0 0 0 4px #fff0f2; }
.pgn-header-copy h2 { margin:0; font-size:29px; line-height:1; font-weight:850; letter-spacing:-.04em; }
.pgn-profiles { display:flex; align-items:center; gap:6px; }
.pgn-profiles a { min-height:35px; padding:0 11px; border:1px solid var(--pgn-line); border-radius:9px; display:flex; align-items:center; gap:6px; background:#fff; color:#555960; font-size:9px; font-weight:700; text-decoration:none; transition:.18s; }
.pgn-profiles a:hover { border-color:var(--pgn-red); color:var(--pgn-red); transform:translateY(-1px); }
.pgn-profiles b { width:18px; height:18px; display:grid; place-items:center; border-radius:5px; background:#18191b; color:#fff; font-size:9px; }
.pgn-profiles a:last-child b { background:linear-gradient(135deg,#7f32a8,#df2b6b,#f2a125); }
.pgn-breaking { min-height:45px; margin-bottom:14px; padding:0 15px 0 0; border-radius:9px; display:flex; align-items:center; gap:13px; overflow:hidden; background:#fff1f3; color:#4d2028; }
.pgn-breaking[hidden] { display:none; }
.pgn-breaking strong { align-self:stretch; padding:0 14px; display:flex; align-items:center; gap:7px; background:var(--pgn-red); color:#fff; font-size:9px; letter-spacing:.08em; white-space:nowrap; }
.pgn-breaking strong i { width:6px; height:6px; border-radius:50%; background:var(--pgn-yellow); box-shadow:0 0 0 3px rgba(245,189,35,.22); }
.pgn-breaking>span { flex:1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:12px; font-weight:750; }
.pgn-breaking time { color:#8a666c; font-size:9px; white-space:nowrap; }
.pgn-featured { margin-bottom:18px; }
.pgn-lead-layout { display:grid; grid-template-columns:minmax(0,2.05fr) minmax(275px,.95fr); gap:14px; }
.pgn-lead-layout.is-solo { grid-template-columns:1fr; }
.pgn-hero { position:relative; min-height:430px; padding:42px; border-radius:17px; display:flex; align-items:flex-end; overflow:hidden; background-color:#6e0c1a; background-position:center; background-size:cover; color:#fff; isolation:isolate; }
.pgn-hero.no-image { background:radial-gradient(circle at 78% 20%,rgba(245,189,35,.22),transparent 26%),linear-gradient(135deg,#31050c 0%,#7c0e20 62%,#b41931 100%); }
.pgn-hero:after { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(0deg,rgba(16,5,7,.42),transparent 60%); }
.pgn-hero-content { position:relative; z-index:2; width:min(720px,76%); }
.pgn-labels { display:flex; gap:7px; margin-bottom:13px; }
.pgn-labels>* { min-height:24px; padding:0 9px; border-radius:5px; display:inline-flex; align-items:center; font-size:8px; font-weight:850; letter-spacing:.06em; }
.pgn-labels b { background:var(--pgn-red); color:#fff; }.pgn-labels span{background:rgba(255,255,255,.15);color:#fff;backdrop-filter:blur(9px)}
.pgn-hero h3 { max-width:700px; margin:0 0 12px; color:#fff; font-size:clamp(26px,3.1vw,45px); line-height:1.08; font-weight:850; letter-spacing:-.045em; text-wrap:balance; }
.pgn-hero p { max-width:650px; margin:0 0 18px; color:rgba(255,255,255,.79); font-size:13px; line-height:1.58; }
.pgn-meta { display:flex; align-items:center; gap:9px; color:rgba(255,255,255,.68); font-size:10px; }
.pgn-meta strong { color:#fff; }.pgn-meta>i{width:3px;height:3px;border-radius:50%;background:rgba(255,255,255,.45)}
.pgn-meta a { margin-left:8px; color:#ffd34e; font-weight:750; text-decoration:none; }
.pgn-post-links { margin-top:13px; display:flex; flex-wrap:wrap; gap:7px; }
.pgn-post-link { min-height:30px; padding:0 10px; border:1px solid rgba(255,255,255,.2); border-radius:7px; display:inline-flex; align-items:center; gap:6px; color:#fff; background:rgba(255,255,255,.09); font-size:9px; font-weight:750; text-decoration:none; backdrop-filter:blur(8px); }
.pgn-post-link:hover { border-color:rgba(255,255,255,.45); color:#fff; }
.pgn-post-link b { width:17px; height:17px; display:grid; place-items:center; border-radius:4px; background:#151619; color:#fff; font-size:8px; }
.pgn-post-link.pgn-instagram b { background:linear-gradient(135deg,#7f32a8,#df2b6b,#f2a125); }
.pgn-watermark { position:absolute; z-index:1; right:4%; top:50%; transform:translateY(-50%); color:rgba(255,255,255,.06); font-size:270px; line-height:1; font-weight:950; pointer-events:none; }
.pgn-side-stack { min-width:0; display:grid; grid-template-rows:repeat(2,minmax(0,1fr)); gap:14px; }
.pgn-side-stack.count-1 .pgn-side-story { grid-row:1/-1; }
.pgn-side-story { position:relative; min-height:208px; overflow:hidden; border-radius:14px; background:#650b19; color:#fff; isolation:isolate; }
.pgn-side-media,.pgn-side-media img { position:absolute; inset:0; width:100%; height:100%; }
.pgn-side-media img { object-fit:cover; transition:transform .35s; }.pgn-side-story:hover .pgn-side-media img{transform:scale(1.045)}
.pgn-side-placeholder { position:absolute; inset:0; display:grid; place-items:center; color:rgba(255,255,255,.1); font-size:145px; font-weight:950; background:radial-gradient(circle at 75% 25%,rgba(245,189,35,.23),transparent 28%),linear-gradient(135deg,#3d060e,#a3152a); }
.pgn-side-overlay { position:absolute; inset:0; z-index:1; background:linear-gradient(0deg,rgba(17,5,7,.94) 0%,rgba(17,5,7,.28) 68%,rgba(17,5,7,.08) 100%); }
.pgn-side-content { position:absolute; z-index:2; inset:auto 17px 16px; }
.pgn-side-content>span { min-height:21px; padding:0 7px; border-radius:5px; display:inline-flex; align-items:center; background:var(--pgn-red); color:#fff; font-size:7px; font-weight:850; letter-spacing:.06em; text-transform:uppercase; }
.pgn-side-content h3 { margin:8px 0 10px; color:#fff; font-size:17px; line-height:1.24; font-weight:820; letter-spacing:-.025em; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.pgn-side-content footer { display:flex; align-items:center; gap:8px; color:rgba(255,255,255,.66); font-size:8px; }.pgn-side-content footer strong{color:#fff}.pgn-side-content footer time{margin-left:auto}
.pgn-toolbar { margin-bottom:16px; display:flex; justify-content:space-between; align-items:center; gap:14px; }
.pgn-categories { display:flex; gap:6px; overflow-x:auto; scrollbar-width:none; }.pgn-categories::-webkit-scrollbar{display:none}
.pgn-categories button { min-height:35px; padding:0 13px; border:1px solid var(--pgn-line); border-radius:20px; background:#fff; color:#696d74; font-size:10px; font-weight:700; white-space:nowrap; cursor:pointer; }
.pgn-categories button:hover,.pgn-categories button.is-active { border-color:var(--pgn-red); background:var(--pgn-red); color:#fff; }
.pgn-search { position:relative; width:230px; flex:none; }
.pgn-search span { position:absolute; left:11px; top:8px; color:#8f9399; font-size:20px; line-height:1; }
.pgn-search input { width:100%; height:37px; padding:0 11px 0 35px; border:1px solid var(--pgn-line); border-radius:9px; outline:0; background:#fff; color:var(--pgn-ink); font-size:10px; }
.pgn-search input:focus { border-color:#bf7d87; box-shadow:0 0 0 3px rgba(165,22,43,.08); }
.pgn-section-heading { margin:4px 0 13px; display:flex; align-items:center; justify-content:space-between; }
.pgn-section-heading>div { display:flex; align-items:center; gap:8px; }
.pgn-section-heading i { width:4px; height:20px; border-radius:3px; background:linear-gradient(180deg,var(--pgn-yellow) 0 50%,var(--pgn-red) 50%); }
.pgn-section-heading h3 { margin:0; color:var(--pgn-ink); font-size:18px; line-height:1; font-weight:850; letter-spacing:-.03em; }
.pgn-section-heading>span { color:#909399; font-size:9px; font-weight:650; }
.pgn-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.pgn-card { min-width:0; overflow:hidden; border:1px solid var(--pgn-line); border-radius:13px; background:#fff; box-shadow:0 5px 18px rgba(20,22,26,.045); transition:transform .2s,box-shadow .2s; }
.pgn-card:hover { transform:translateY(-3px); box-shadow:0 14px 32px rgba(20,22,26,.09); }
.pgn-card-image { position:relative; height:180px; overflow:hidden; background:linear-gradient(135deg,#5e0917,#a5152b); }
.pgn-card-image img { width:100%; height:100%; display:block; object-fit:cover; transition:transform .35s; }.pgn-card:hover img{transform:scale(1.035)}
.pgn-card-placeholder { position:absolute; inset:0; display:grid; place-items:center; }
.pgn-card-image>span:not(.pgn-card-placeholder),.pgn-card-image>b { position:absolute; left:11px; bottom:10px; min-height:22px; padding:0 8px; border-radius:5px; display:flex; align-items:center; background:rgba(20,18,19,.72); color:#fff; font-size:8px; font-weight:800; letter-spacing:.04em; backdrop-filter:blur(7px); }
.pgn-card-image>b { top:10px; bottom:auto; background:var(--pgn-red); }
.pgn-card-body { padding:15px; }
.pgn-card h3 { margin:0 0 8px; color:var(--pgn-ink); font-size:16px; line-height:1.35; font-weight:800; letter-spacing:-.025em; }
.pgn-card-body>p { margin:0 0 14px; color:var(--pgn-muted); font-size:10px; line-height:1.55; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.pgn-card .pgn-post-links { margin:0 0 11px; }
.pgn-card .pgn-post-link { min-height:27px; padding:0 8px; border-color:#e1e2e4; background:#f7f7f6; color:#555960; font-size:8px; }
.pgn-card .pgn-post-link:hover { border-color:var(--pgn-red); color:var(--pgn-red); }
.pgn-card footer { padding-top:12px; border-top:1px solid #efefee; display:flex; align-items:center; gap:7px; color:#8a8e94; font-size:8px; }
.pgn-card footer strong { max-width:100px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#555960; }.pgn-card footer time{margin-left:auto;white-space:nowrap}
.pgn-card footer a { color:var(--pgn-red); font-weight:750; text-decoration:none; white-space:nowrap; }
.pgn-more { min-width:190px; height:41px; margin:22px auto 0; padding:0 18px; border:1px solid #d9d9d8; border-radius:9px; display:block; background:#fff; color:#555960; font-size:10px; font-weight:750; cursor:pointer; }.pgn-more[hidden]{display:none}.pgn-more:hover{border-color:var(--pgn-red);color:var(--pgn-red)}
.pgn-loading,.pgn-empty { min-height:180px; display:flex; align-items:center; justify-content:center; gap:10px; color:#7d8187; font-size:11px; }.pgn-loading[hidden],.pgn-empty[hidden]{display:none}
.pgn-loading i { width:20px; height:20px; border:2px solid #e2e3e4; border-top-color:var(--pgn-red); border-radius:50%; animation:pgn-spin .8s linear infinite; }@keyframes pgn-spin{to{transform:rotate(360deg)}}
@media(max-width:900px){.pgn-header{flex-wrap:wrap}.pgn-header-copy{margin-left:auto}.pgn-profiles{width:100%;justify-content:flex-end}.pgn-lead-layout{grid-template-columns:1fr}.pgn-side-stack{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto}.pgn-side-story{min-height:220px}.pgn-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pgn-hero{min-height:390px;padding:32px}.pgn-hero-content{width:86%}}
@media(max-width:620px){.pgn-feed{padding:0 14px}.pgn-header{align-items:center;flex-wrap:wrap}.pgn-header-copy p{display:none}.pgn-header-copy h2{font-size:22px}.pgn-identity>span:last-child{display:none}.pgn-logo{width:36px;height:36px;border-radius:10px;font-size:20px}.pgn-profiles{width:100%;order:3}.pgn-profiles a{flex:1;justify-content:center}.pgn-breaking{padding-right:10px;gap:9px}.pgn-breaking strong{padding:0 10px;font-size:7px}.pgn-breaking time{display:none}.pgn-breaking>span{font-size:10px}.pgn-hero{min-height:360px;padding:24px 20px;border-radius:13px}.pgn-hero.has-image{background-position:62% center}.pgn-hero-content{width:100%}.pgn-hero h3{font-size:28px}.pgn-hero p{font-size:11px}.pgn-meta{flex-wrap:wrap}.pgn-watermark{font-size:180px}.pgn-toolbar{align-items:stretch;flex-direction:column}.pgn-search{width:100%}.pgn-grid{grid-template-columns:1fr;gap:12px}.pgn-card{display:grid;grid-template-columns:122px 1fr;min-height:132px}.pgn-card-image{height:100%;min-height:132px}.pgn-card-placeholder{font-size:78px}.pgn-card-body{padding:12px}.pgn-card h3{font-size:13px}.pgn-card-body>p{font-size:9px;-webkit-line-clamp:2;margin-bottom:9px}.pgn-card .pgn-post-links{display:none}.pgn-card footer{flex-wrap:wrap}.pgn-card footer a{display:none}}
@media(prefers-reduced-motion:reduce){.pgn-feed *{scroll-behavior:auto!important;transition:none!important}.pgn-loading i{animation:none}}
@media(max-width:620px){.pgn-side-stack{display:flex;overflow-x:auto;margin:0 -14px;padding:0 14px;scroll-snap-type:x mandatory}.pgn-side-story{flex:0 0 82%;min-height:190px;scroll-snap-align:start}.pgn-side-content h3{font-size:15px}.pgn-section-heading{margin-top:1px}.pgn-section-heading h3{font-size:16px}}

/* Instagram benzeri kare haber vitrini */
.pgn-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.pgn-card { position:relative; aspect-ratio:1/1; padding:0; overflow:hidden; border:0; border-radius:12px; background:#650b19; cursor:pointer; isolation:isolate; outline:none; }
.pgn-card:focus-visible { box-shadow:0 0 0 4px rgba(165,22,43,.22); }
.pgn-card-image { position:absolute; inset:0; width:100%; height:100%; min-height:0; }
.pgn-card-image img { width:100%; height:100%; object-fit:cover; }
.pgn-card-shade { position:absolute; inset:0; z-index:1; background:linear-gradient(0deg,rgba(12,4,6,.94) 0%,rgba(12,4,6,.54) 37%,rgba(12,4,6,.05) 76%); transition:.25s; }
.pgn-card:hover .pgn-card-shade { background:linear-gradient(0deg,rgba(12,4,6,.97) 0%,rgba(12,4,6,.62) 44%,rgba(12,4,6,.12) 100%); }
.pgn-card-overlay { position:absolute; inset:0; z-index:2; padding:15px; display:flex; flex-direction:column; justify-content:space-between; color:#fff; }
.pgn-card-labels { display:flex; align-items:center; gap:6px; }
.pgn-card-labels>* { min-height:21px; padding:0 7px; border-radius:5px; display:inline-flex; align-items:center; background:rgba(20,18,19,.68); color:#fff; font-size:7px; font-weight:850; letter-spacing:.05em; text-transform:uppercase; backdrop-filter:blur(7px); }
.pgn-card-labels b { background:var(--pgn-red); }
.pgn-card h3 { margin:0 0 11px; color:#fff; font-size:17px; line-height:1.25; font-weight:830; letter-spacing:-.025em; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; overflow:hidden; }
.pgn-card .pgn-card-overlay footer { padding:0; border:0; display:flex; align-items:center; gap:8px; color:rgba(255,255,255,.68); font-size:8px; }
.pgn-card .pgn-card-overlay footer strong { max-width:55%; overflow:hidden; text-overflow:ellipsis; color:#fff; white-space:nowrap; }
.pgn-card .pgn-card-overlay footer time { margin-left:auto; color:rgba(255,255,255,.68); }
.pgn-card-placeholder { font-size:150px; background:radial-gradient(circle at 74% 22%,rgba(245,189,35,.26),transparent 27%),linear-gradient(135deg,#3c060e,#a5162b); }

.pgn-modal-open { overflow:hidden; }
.pgn-story-modal { width:min(1040px,calc(100vw - 42px)); height:min(680px,calc(100vh - 50px)); max-width:none; max-height:none; padding:0; border:0; border-radius:16px; overflow:hidden; background:#111; box-shadow:0 30px 100px rgba(0,0,0,.44); }
.pgn-story-modal::backdrop { background:rgba(10,7,8,.78); backdrop-filter:blur(5px); }
.pgn-story-nav { position:absolute; z-index:8; top:50%; width:42px; height:42px; padding:0; border:1px solid rgba(255,255,255,.3); border-radius:50%; display:grid; place-items:center; transform:translateY(-50%); background:rgba(18,14,15,.68); color:#fff; font:300 32px/1 Arial,sans-serif; box-shadow:0 8px 25px rgba(0,0,0,.2); backdrop-filter:blur(7px); transition:.18s; }
.pgn-story-nav:hover,.pgn-story-nav:focus { background:var(--pgn-red); border-color:var(--pgn-red); transform:translateY(-50%) scale(1.07); }
.pgn-story-nav[hidden] { display:none; }
.pgn-story-prev { left:12px; }
.pgn-story-next { right:12px; }
.pgn-story-shell { position:relative; width:100%; height:100%; display:grid; grid-template-columns:minmax(0,1.12fr) minmax(340px,.88fr); }
.pgn-story-close { position:absolute; z-index:5; top:12px; right:12px; width:34px; height:34px; padding:0; border:0; border-radius:50%; display:grid; place-items:center; background:rgba(17,18,20,.76); color:#fff; font-size:23px; line-height:1; cursor:pointer; backdrop-filter:blur(8px); }
.pgn-story-media { min-width:0; height:100%; display:grid; place-items:center; overflow:hidden; background:#090909; }
.pgn-story-media img { width:100%; height:100%; display:block; object-fit:contain; }
.pgn-story-placeholder { width:100%; height:100%; display:grid; place-items:center; background:radial-gradient(circle at 72% 22%,rgba(245,189,35,.22),transparent 28%),linear-gradient(135deg,#31050c,#a5162b); }
.pgn-placeholder-logo { width:58%!important; height:58%!important; object-fit:contain!important; filter:drop-shadow(0 14px 30px rgba(25,0,5,.24)); }
.pgn-story-content { min-width:0; height:100%; display:grid; grid-template-rows:auto 1fr auto; background:#fff; color:#1a1b1f; }
.pgn-story-content>header { min-height:68px; padding:13px 54px 13px 16px; border-bottom:1px solid #ececeb; display:flex; align-items:center; gap:10px; }
.pgn-story-avatar { width:37px; height:37px; flex:none; overflow:hidden; border-radius:50%; display:grid; place-items:center; background:linear-gradient(135deg,#c01e38,#700d1c); }
.pgn-story-avatar img { width:31px; height:31px; display:block; object-fit:contain; }
.pgn-story-content>header>span:nth-child(2) { display:grid; gap:2px; }
.pgn-story-content>header strong { font-size:11px; }.pgn-story-content>header small{color:#9b6d06;font-size:8px;font-weight:750;text-transform:uppercase;letter-spacing:.06em}
.pgn-story-content>header time { margin-left:auto; color:#8c9096; font-size:8px; }
.pgn-story-copy { padding:24px 20px; overflow-y:auto; }
.pgn-story-breaking { min-height:23px; padding:0 8px; border-radius:5px; display:inline-flex; align-items:center; background:var(--pgn-red); color:#fff; font-size:8px; font-weight:850; letter-spacing:.06em; }.pgn-story-breaking[hidden]{display:none}
.pgn-story-copy h2 { margin:12px 0 13px; color:#17181b; font-size:25px; line-height:1.18; font-weight:850; letter-spacing:-.035em; }
.pgn-story-copy>p { margin:0 0 20px; color:#5f646b; font-size:12px; line-height:1.68; white-space:pre-line; }
.pgn-story-source { padding-top:14px; border-top:1px solid #ededec; color:#8b8f95; font-size:9px; }.pgn-story-source strong{color:#52565c}
.pgn-story-content .pgn-post-links { margin-top:14px; }
.pgn-story-content .pgn-post-link { border-color:#e1e2e4; background:#f6f6f5; color:#555960; }
.pgn-story-content>footer { min-height:62px; padding:10px 16px; border-top:1px solid #ececeb; display:flex; align-items:center; justify-content:space-between; gap:10px; }
.pgn-story-actions { display:flex; gap:7px; }
.pgn-story-actions button { width:34px; height:34px; padding:0; border:1px solid #dedfe1; border-radius:9px; background:#fff; color:#36393e; font-size:11px; font-weight:850; cursor:pointer; }
.pgn-story-actions button:hover { border-color:var(--pgn-red); color:var(--pgn-red); }
.pgn-story-content>footer>a { color:var(--pgn-red); font-size:9px; font-weight:750; text-decoration:none; }.pgn-story-content>footer>a[hidden]{display:none}

@media(max-width:900px){.pgn-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pgn-story-modal{width:calc(100vw - 28px);height:min(650px,calc(100vh - 35px))}.pgn-story-shell{grid-template-columns:minmax(0,1fr) minmax(310px,.8fr)}.pgn-card h3{font-size:14px}}
@media(max-width:620px){.pgn-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.pgn-card{display:block;grid-template-columns:none;min-height:0;border-radius:7px;aspect-ratio:1/1}.pgn-card-image{position:absolute;height:100%;min-height:0}.pgn-card-overlay{padding:9px}.pgn-card-labels>*{min-height:18px;padding:0 5px;font-size:6px}.pgn-card h3{margin-bottom:7px;font-size:11px;line-height:1.22;-webkit-line-clamp:4}.pgn-card .pgn-card-overlay footer{font-size:6px}.pgn-card .pgn-card-overlay footer strong{max-width:58%}.pgn-card-placeholder{font-size:90px}.pgn-story-modal{inset:0;width:100%;height:100dvh;max-width:none;max-height:none;margin:0;border-radius:0}.pgn-story-shell{display:flex;flex-direction:column;overflow-y:auto;background:#fff}.pgn-story-media{width:100%;height:auto;aspect-ratio:1/1;flex:none}.pgn-story-media img{object-fit:cover}.pgn-story-placeholder{font-size:190px}.pgn-story-content{height:auto;min-height:46vh;display:block}.pgn-story-content>header{min-height:61px;padding:11px 50px 11px 13px}.pgn-story-avatar{width:34px;height:34px}.pgn-story-copy{padding:18px 15px;overflow:visible}.pgn-story-copy h2{font-size:21px}.pgn-story-copy>p{font-size:11px}.pgn-story-content>footer{padding:10px 13px;position:sticky;bottom:0;background:#fff}.pgn-story-close{position:fixed;top:10px;right:10px}}
@media(max-width:620px){.pgn-logo img{width:30px;height:30px}.pgn-story-avatar img{width:28px;height:28px}}
@media(max-width:620px){.pgn-story-nav{position:fixed;top:47vw;width:36px;height:36px;font-size:27px}.pgn-story-prev{left:8px}.pgn-story-next{right:8px}}