/* A compact parchment card stays within the centered opening text group. */
.hero-poetry{position:relative;width:min(calc(100% - 32px),600px);margin:14px auto 0;padding:13px 17px 11px;border:1px solid #aa895d80;border-radius:16px;background:linear-gradient(145deg,#fff0dbdc,#f6dfbdd1);box-shadow:0 6px 24px #46391617,inset 0 0 0 4px #fff1d91a;color:#493a27;text-shadow:none}
.hero-poetry::before{content:'';position:absolute;inset:5px;border:1px solid #b5956152;border-radius:11px;pointer-events:none}
.poetry-verse{margin:0;font:500 clamp(12px,3.6vw,15px)/1.45 Invitation,Georgia,serif;quotes:"“" "”"}
.poetry-verse p{margin:0;text-wrap:pretty}
.poetry-stanza-one::before{content:open-quote}
.poetry-stanza-two::after{content:close-quote}
html[lang="ur"] .poetry-stanza-one::before,html[lang="ur"] .poetry-stanza-two::after{content:none}
.poetry-verse p+p{margin-top:6px}
.poetry-credit{display:block;margin:5px 0 0;font-style:normal}
.poetry-attribution{font:600 12px/1.4 Invitation,Georgia,serif;color:#654c2f}
html[lang="ur"] .poetry-verse{font:400 clamp(12px,3.35vw,14px)/1.9 Gulzar,serif}
html[lang="ur"] .poetry-attribution{font:11.5px/1.5 UrduUI,serif}
.hero[data-compact="true"] .hero-label{margin-top:10px;margin-bottom:4px;font-size:9px;line-height:1.4}
.hero[data-compact="true"] h1{font-size:clamp(54px,15vw,68px);line-height:1}
.hero[data-compact="true"] .floral-separator{height:18px;margin-top:6px}
.hero[data-compact="true"] .hero-poetry{margin-top:10px}
.hero[data-compact="true"] .hero-actions{gap:8px}
.hero[data-compact="true"] .discover-link{min-height:44px;gap:6px}
.hero[data-compact="true"] .discover-link svg{height:20px}
html[lang="ur"] .hero[data-compact="true"] .invocation{font-size:20px;line-height:1.5}
html[lang="ur"] .hero[data-compact="true"] .hero-label{font-size:14px;line-height:1.5;margin-top:8px;margin-bottom:0}
html[lang="ur"] .hero[data-compact="true"] h1{font-size:48px;line-height:1.2}
html[lang="ur"] .hero[data-compact="true"] .poetry-verse{font-size:12px;line-height:1.65}
html[lang="ur"] .hero[data-compact="true"] .discover-link{font-size:12.5px;line-height:1.6}
.hero[data-short="true"] .hero-label{font-size:8px;line-height:1.3;margin-top:6px;margin-bottom:3px}
.hero[data-short="true"] h1{font-size:44px}
.hero[data-short="true"] .floral-separator{height:16px;margin-top:4px}
.hero[data-short="true"] .hero-poetry{margin-top:6px}
.hero[data-short="true"] .poetry-verse{font-size:12px;line-height:1.35}
.hero[data-short="true"] .poetry-verse p+p{margin-top:4px}
.hero[data-short="true"] .poetry-credit{margin-top:3px}
.hero[data-short="true"] .poetry-attribution{font-size:11px;line-height:1.3}
html[lang="ur"] .hero[data-short="true"] .invocation{font-size:18px;line-height:1.4}
html[lang="ur"] .hero[data-short="true"] .hero-label{font-size:12px;line-height:1.4;margin-top:4px}
html[lang="ur"] .hero[data-short="true"] h1{font-size:38px;line-height:1.15}
html[lang="ur"] .hero[data-short="true"] .poetry-verse{font-size:11.5px;line-height:1.6}
html[lang="ur"] .hero[data-short="true"] .poetry-attribution{font-size:11px;line-height:1.4}
.hero[data-tiny="true"] .hero-actions{flex-direction:row;gap:14px;width:max-content;max-width:calc(100% - 20px)}
.hero[data-tiny="true"] h1{font-size:36px}
html[lang="ur"] .hero[data-tiny="true"] h1{font-size:32px}
@media(min-width:600px){.hero[data-short="true"] .hero-actions{flex-direction:row;gap:16px;width:max-content;max-width:calc(100% - 24px)}}