/* Content companions: the illustration yields space to readable Persian copy. */
.ph-content-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr);gap:clamp(30px,5vw,72px);align-items:start}
.ph-content-layout>.ph-content-copy,.ph-content-layout>.doc-body{min-width:0;max-width:none;width:100%}
.ph-content-layout .prose{max-width:none}.ph-content-layout .prose p,.ph-content-layout .prose li{max-width:none;overflow-wrap:break-word}
.ph-content-layout>.ph-character{position:sticky;top:110px}
.seo-copy-section .wrap.ph-content-layout{display:grid}
.seo-copy-section .ph-content-layout .seo-copy{display:block;padding:26px;max-width:none}
.seo-copy-section .ph-content-layout .seo-copy>h2:first-of-type{position:static;grid-column:auto;grid-row:auto;max-width:none;margin:0 0 20px;padding:0}
.ph-content-layout>.ph-character{width:100%;max-width:440px;justify-self:center}
.ph-character{min-width:0;isolation:isolate;align-self:start}
.ph-character-art{position:relative;width:100%;aspect-ratio:1;overflow:hidden;background:radial-gradient(ellipse at 50% 60%,var(--accent-soft),transparent 67%)}
.ph-character-art::before{content:"";position:absolute;inset:14% 13% 6%;border:1px solid var(--accent-line);clip-path:polygon(0 24%,24% 0,100% 0,100% 76%,76% 100%,0 100%);opacity:.45;pointer-events:none}
.ph-character-art::after{content:"+";position:absolute;top:12%;right:13%;font:20px var(--font-mono);color:var(--accent);pointer-events:none}
.ph-character-fallback,.ph-character-canvas{position:absolute;inset:0}.ph-character-fallback svg,.ph-character-fallback img{width:100%;height:100%;object-fit:contain}.ph-character-canvas canvas{display:block;width:100%;height:100%}
.ph-character[data-rendered="true"] .ph-character-fallback{visibility:hidden}
.ph-character-index{position:absolute;left:14px;top:14px;font:10px var(--font-mono);letter-spacing:.12em;color:var(--accent)}
.ph-character-copy{padding:4px 18px 24px;text-align:center}.ph-character-copy .eyebrow{font-size:.6rem}.ph-character-copy .eyebrow::before{display:none}
.ph-character-copy h3{font-size:1.12rem;line-height:1.7;margin:7px 0}.ph-character-copy p{font-size:.83rem;line-height:1.9;color:var(--muted)}
.ph-motion{position:absolute;bottom:8px;left:12px;border:1px solid var(--line);background:var(--bg);color:var(--muted);padding:5px 9px;font:10px/1.6 var(--font-fa);cursor:pointer;direction:rtl;z-index:2}
.ph-motion:hover,.ph-motion:focus-visible{border-color:var(--accent);color:var(--accent)}.ph-motion[hidden]{display:none}
/* The previous global heading glitch clipped Persian glyphs mid-word. */
h1.is-glitching,h2.is-glitching,h3.is-glitching{animation:none!important;clip-path:none!important;transform:none!important;text-shadow:none!important}
.page-hero h1,.section-head h2{line-height:1.45;overflow:visible}
.hero-cmd{max-width:100%;overflow-wrap:anywhere}
@media(min-width:1000px){.ph-content-layout .section-head h2{font-size:clamp(1.65rem,2.6vw,2.35rem)}.ph-content-layout .prose h2{font-size:1.55rem;line-height:1.7}}
@media(max-width:900px){.ph-content-layout{grid-template-columns:minmax(0,1fr);gap:24px}.ph-content-layout>.ph-character{position:relative;top:auto;width:min(100%,360px);justify-self:center;grid-row:1}.ph-character-art{aspect-ratio:1.15}.ph-character-copy{padding-bottom:8px}}
@media(prefers-reduced-motion:reduce){.ph-motion{display:none}}