/* Persia Travel editorial pages. Explicit sizes do not depend on generated utilities. */
.persia-magazine,.persia-article { --magazine-blue:#0074bd; --magazine-ink:#102e46; color:var(--magazine-ink); }
.persia-magazine { background:linear-gradient(180deg,#eef7fc 0,#fff 600px); padding:100px 0 72px; }
.magazine-intro { max-width:850px; margin:0 auto 48px; }
.magazine-eyebrow { display:block; font-size:11px; font-weight:600; letter-spacing:.17em; color:#0074bd; margin-bottom:18px; }
.persia-magazine .magazine-intro h1 { font-family:ElementX,sans-serif; font-weight:500; font-size:clamp(36px,4vw,56px); line-height:1.15; margin-bottom:18px; color:#102e46; }
.magazine-intro p { max-width:650px; margin-inline:auto; font-size:16px; line-height:1.8; text-align:justify; text-align-last:center; }
.magazine-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; }
.magazine-card { display:flex; flex-direction:column; border:1px solid #e0eaf1; border-radius:16px; box-shadow:0 8px 26px #0074bd09; transition:transform .25s,box-shadow .25s; min-width:0; }
.magazine-card:hover { transform:translateY(-4px); box-shadow:0 16px 36px #0074bd16; }
.magazine-card-image { display:block; aspect-ratio:16/10; flex-shrink:0; }
.magazine-card-image img { width:100%; height:100%; object-fit:cover; }
.magazine-card-copy { display:flex; flex:1; flex-direction:column; padding:26px; }
.magazine-card-copy > div { flex-wrap:wrap; row-gap:8px; }
.persia-magazine .magazine-card h2 { font-family:ElementX,sans-serif; font-size:25px; line-height:1.25; font-weight:500; color:#102e46; margin:6px 0 16px; }
.magazine-card p,.article-related p { text-align:justify; text-align-last:start; hyphens:auto; overflow-wrap:break-word; line-height:1.85; color:#526477; }
.magazine-card-copy > a { margin-top:auto; padding-top:12px; color:#0074bd; }
.magazine-card-copy > div > span:first-child { color:#0074bd; background:#eef7fc; }
.magazine-card:first-child { grid-column:1/-1; display:grid; grid-template-columns:1.2fr 1fr; }
.magazine-card:first-child .magazine-card-image { aspect-ratio:auto; min-height:340px; }
.magazine-card:first-child .magazine-card-copy { padding:40px; justify-content:center; }
.persia-magazine .magazine-card:first-child h2 { font-size:36px; }
.magazine-card:first-child .magazine-card-copy > a { margin-top:12px; }
.persia-magazine nav { flex-wrap:wrap; }
.persia-magazine nav > div { flex-wrap:wrap; justify-content:center; }
.persia-magazine nav .bg-blue-600 { background:#0074bd; }
.persia-article { background:linear-gradient(180deg,#f0f7fb 0,#fff 650px); }
.magazine-shell { max-width:1232px; padding:80px 24px 0; margin:auto; }
.magazine-back { display:inline-flex; align-items:center; gap:10px; color:#0074bd; font-size:13px; margin:0 0 30px; }
.article-hero { display:grid; grid-template-columns:1fr 1.12fr; gap:48px; align-items:center; padding-bottom:56px; border-bottom:1px solid #dce9f2; }
.article-hero-no-image { grid-template-columns:1fr; max-width:850px; margin:auto; }
.persia-article .article-heading { padding:0; }
.article-heading > div { text-align:start; max-width:none; }
.article-heading > div > span { background:#e1f0fa; color:#0074bd; font-size:11px; letter-spacing:.1em; margin-bottom:24px; }
.persia-article .article-heading h1 { font-family:ElementX,sans-serif; font-size:clamp(34px,3.5vw,50px); line-height:1.16; font-weight:500; letter-spacing:-.015em; color:#102e46; margin-bottom:26px; overflow-wrap:break-word; }
.article-heading > div > div { justify-content:flex-start; flex-wrap:wrap; gap:12px; font-size:12px; line-height:1.7; color:#526477; }
.persia-article .article-cover { width:100%; max-width:none; margin:0; padding:0; }
.article-cover > div { aspect-ratio:5/4; border-radius:16px; box-shadow:0 16px 40px #00358014; }
.article-cover img { width:100%; height:100%; object-fit:cover; }
.article-body { max-width:1232px; margin-inline:auto; padding:48px 24px 64px; }
.article-body > div { max-width:none; width:100%; margin:auto; }
.persia-article .ghost-content { font-size:17px; line-height:1.95; color:#344b5c; text-align:justify; text-align-last:start; overflow-wrap:break-word; hyphens:auto; }
.persia-article .ghost-content p,.persia-article .ghost-content li,.persia-article .ghost-content blockquote { text-align:justify !important; text-align-last:start; }
.persia-article .ghost-content p { margin-bottom:1.5em; color:#344b5c; }
.persia-article .ghost-content h2,.persia-article .ghost-content h3,.persia-article .ghost-content h4 { font-family:ElementX,sans-serif; font-weight:500; color:#102e46; text-align:start; line-height:1.3; }
.persia-article .ghost-content h2 { font-size:32px; margin:1.8em 0 .7em; }
.persia-article .ghost-content h3 { font-size:26px; }
.persia-article .ghost-content a { color:#0074bd; text-decoration-color:#0074bd60; }
.persia-article .ghost-content blockquote { background:#eef7fc; border-color:#0074bd; border-radius:0 12px 12px 0; padding:24px 28px; }
.persia-article .ghost-content table { display:block; max-width:100%; overflow-x:auto; }
.persia-article .article-related { background:#f0f7fb; border:0; }
.article-related > div { max-width:1232px; }
.persia-article .article-related h2 { font-size:32px; font-weight:500; color:#102e46; }
.article-related .grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.article-related .grid > a { border-radius:14px; border-color:#dfebf3; }
.article-related .grid > a > div:first-child { aspect-ratio:16/10; }
.persia-article .article-related h3 { font-family:ElementX,sans-serif; font-size:23px; line-height:1.3; font-weight:500; }
.persia-magazine a:focus-visible,.persia-article a:focus-visible,.persia-article button:focus-visible { outline:2px solid #0074bd; outline-offset:4px; }
@media(max-width:1023px) {
 .magazine-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .article-hero { gap:28px; }
 .magazine-card:first-child .magazine-card-copy { padding:28px; }
}
@media(max-width:767px) {
 .persia-magazine { padding:64px 0 40px; }
 .magazine-intro { margin-bottom:30px; }
 .magazine-eyebrow { font-size:10px; letter-spacing:.1em; }
 .magazine-intro p { font-size:14px; }
 .magazine-grid,.magazine-card:first-child,.article-related .grid { grid-template-columns:1fr; }
 .magazine-card:first-child .magazine-card-image { aspect-ratio:16/10; min-height:0; }
 .magazine-card-copy,.magazine-card:first-child .magazine-card-copy { padding:22px; }
 .persia-magazine .magazine-card:first-child h2 { font-size:28px; }
 .magazine-shell { padding:62px 20px 0; }
 .article-hero { grid-template-columns:1fr; gap:28px; padding-bottom:30px; }
 .article-heading > div { text-align:center; }
 .article-heading > div > div { justify-content:center; }
 .article-cover > div { aspect-ratio:4/3; }
 .article-body { padding:30px 20px 40px; }
 .persia-article .ghost-content { font-size:15px; line-height:1.9; }
 .persia-article .ghost-content h2 { font-size:27px; }
 .article-body > div > .flex { flex-wrap:wrap; gap:16px; }
 .persia-article .ghost-content blockquote { padding:18px; }
}
@media(prefers-reduced-motion:reduce) {
 .magazine-card,.magazine-card img,.article-related img { transition:none; }
 .magazine-card:hover { transform:none; }
}

/* Article copy follows the same horizontal edges as the image/header area. */
.persia-article .article-heading h1,
.persia-article .ghost-content :is(h1,h2,h3,h4,h5,h6) {
    font-size:18px !important;
    line-height:1.5;
}

/* Smaller magazine and story-card headings. */
.persia-magazine .magazine-intro h1 { font-size:30px; }
.persia-magazine .magazine-card h2,
.persia-magazine .magazine-card:first-child h2,
.persia-article .article-related h3 { font-size:18px; }