.blog-shell{--blog-accent:var(--ie-ube-700,#6f4fbf);width:100%;max-width:2200px;padding:max(clamp(20px, 3vw, 52px), env(safe-area-inset-top)) max(clamp(16px, 4vw, 72px), env(safe-area-inset-right)) max(64px, env(safe-area-inset-bottom)) max(clamp(16px, 4vw, 72px), env(safe-area-inset-left));color:var(--tx);overflow-wrap:anywhere;margin:0 auto}:root[data-site=dark] .blog-shell{--blog-accent:var(--ie-ube-400,#a98be4)}.blog-shell *,.blog-shell :before,.blog-shell :after{box-sizing:border-box}.blog-shell a{color:inherit}.blog-shell a:focus-visible,.blog-shell button:focus-visible,.blog-shell input:focus-visible,.blog-shell summary:focus-visible{outline:3px solid var(--blog-accent);outline-offset:4px}.blog-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--tx2);font-size:11px;font-weight:700;line-height:1.6}.blog-heading{border-bottom:1px solid var(--line,#d9d2c0);padding-bottom:20px}.blog-heading h1{letter-spacing:-.04em;text-wrap:balance;max-width:26ch;margin:10px 0;font-size:clamp(28px,3.2vw,62px);font-weight:650;line-height:1.12}.blog-heading h1 em{color:var(--blog-accent);font-style:normal}.blog-heading>p:last-of-type{max-width:80ch;color:var(--tx2);margin:12px 0;font-size:clamp(14px,1.2vw,17px);line-height:1.6}.blog-stats{color:var(--tx2);flex-wrap:wrap;gap:10px 28px;margin-top:22px;font-size:13px;display:flex}.blog-stats strong{color:var(--tx);margin-right:4px;font-size:17px}.blog-library{padding-top:30px}.blog-library-head{justify-content:space-between;align-items:end;gap:24px;display:flex}.blog-library-head h2{letter-spacing:-.025em;margin:0 0 8px;font-size:25px}.blog-search{flex-shrink:0;width:min(100%,370px)}.blog-search label{margin-bottom:7px;font-size:12px;font-weight:600;display:block}.blog-search input{border:1px solid var(--tx2);background:var(--ground);width:100%;min-height:48px;color:var(--tx);font:inherit;border-radius:10px;padding:12px 16px;font-size:16px}.blog-search input::placeholder{color:var(--tx2);opacity:1}.blog-filters{flex-wrap:wrap;gap:8px;margin-top:24px;display:flex}.blog-filters button{border:1px solid var(--line,#d9d2c0);min-height:44px;color:var(--tx);font:inherit;cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:9px;padding:9px 13px;font-size:12px;display:inline-flex}.blog-filters button span{opacity:.8;font-size:10px}.blog-filters button[aria-pressed=true]{background:var(--tx);border-color:var(--tx);color:var(--ground)}.blog-result-count{color:var(--tx2);margin:18px 0;font-size:12px}.blog-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:clamp(14px,2vw,24px);display:grid}.blog-card{border:1px solid var(--line,#d9d2c0);background:color-mix(in srgb, var(--ground) 85%, var(--tx) 3%);border-radius:14px;overflow:hidden}.blog-card-link{flex-direction:column;height:100%;text-decoration:none;display:flex}.blog-card-link:focus-visible{outline-offset:-4px}.blog-card-link:hover h3{color:var(--blog-accent)}.blog-card-body{flex-direction:column;flex:1;padding:20px;display:flex}.blog-meta{color:var(--tx2);flex-wrap:wrap;justify-content:space-between;gap:5px 10px;margin:0 0 12px;font-size:10px;font-weight:600;display:flex}.blog-card h3{letter-spacing:-.025em;margin:0 0 12px;font-size:20px;font-weight:650;line-height:1.3}.blog-card-description{color:var(--tx2);margin:0 0 20px;font-size:13px;line-height:1.7}.blog-read{color:var(--blog-accent);justify-content:space-between;align-items:center;margin-top:auto;font-size:12px;font-weight:700;display:flex}.blog-read>span{font-size:20px}.blog-empty{border:1px dashed var(--tx2);text-align:center;border-radius:14px;padding:44px 20px}.blog-empty button{border:1px solid var(--tx2);min-height:44px;color:var(--tx);background:var(--ground);cursor:pointer;border-radius:8px;margin-top:18px;padding:10px 18px}.blog-editorial{border:1px solid var(--line,#d9d2c0);border-radius:16px;max-width:900px;margin-top:48px;padding:28px}.blog-editorial h2{letter-spacing:-.025em;margin:12px 0;font-size:25px}.blog-editorial p:not(.blog-eyebrow){color:var(--tx2);margin:12px 0;font-size:14px;line-height:1.8}.blog-editorial a,.blog-prose a:not(.blog-tool-link){text-underline-offset:3px;text-decoration:underline}.blog-article-shell{max-width:1440px}.blog-breadcrumbs{color:var(--tx2);flex-wrap:wrap;gap:10px;margin-bottom:30px;font-size:12px;display:flex}.blog-breadcrumbs a{padding-block:8px;text-decoration:none}.blog-breadcrumbs>span{padding-block:8px}.blog-breadcrumb-current{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:min(46ch,100%);overflow:hidden}.blog-article-heading{max-width:870px}.blog-article-heading h1{letter-spacing:-.035em;text-wrap:balance;margin:14px 0 20px;font-size:clamp(30px,4vw,48px);font-weight:650;line-height:1.14}.blog-byline{color:var(--tx2);flex-wrap:wrap;gap:8px;font-size:12px;display:flex}.blog-byline-update{align-items:baseline;gap:4px 8px}.blog-byline-update>span{min-width:0}.blog-intro{margin:24px 0 32px;font-size:19px;line-height:1.8}.blog-article-layout{grid-template-columns:minmax(0,760px) minmax(200px,280px);justify-content:center;align-items:start;gap:clamp(32px,4vw,64px);display:grid}.blog-prose{overflow-wrap:break-word;min-width:0;font-size:17px;line-height:1.85}.blog-prose h2{letter-spacing:-.025em;margin:34px 0 14px;font-size:26px;font-weight:650;line-height:1.3}.blog-prose h3{margin:24px 0 12px;font-size:18px}.blog-prose p{margin:0 0 20px}.blog-verse{border:1px solid var(--line,#d9d2c0);background:color-mix(in srgb, var(--blog-accent) 5%, var(--ground));border-radius:14px;padding:clamp(16px,3vw,28px)}.blog-verse h2{margin-top:0;font-size:20px}.blog-prose .blog-verse-arabic{text-align:right;overflow-wrap:normal;word-break:normal;font-family:Amiri,Scheherazade New,serif;font-size:clamp(26px,3vw,34px);line-height:2.2}.blog-prose .blog-verse-note{color:var(--tx2);margin-bottom:0;font-size:12px;line-height:1.7}.blog-prose section,.blog-editorial{scroll-margin-top:200px}.blog-article-image{margin:0 0 32px}.blog-article-image img{aspect-ratio:16/9;object-fit:cover;border:1px solid var(--line,#d9d2c0);border-radius:12px;width:100%;height:auto}.blog-article-image figcaption{color:var(--tx2);padding-top:8px;font-size:11px;line-height:1.6}.blog-toc{border-left:1px solid var(--line,#d9d2c0);padding-left:20px;font-size:12px;line-height:1.6;position:sticky;top:115px}.blog-toc>p{letter-spacing:.1em;color:var(--tx2);margin:0 0 12px;font-size:10px;font-weight:700}.blog-toc ol{margin:0;padding-left:18px;list-style:decimal}.blog-toc li{margin-bottom:10px;padding-left:3px}.blog-toc a{text-decoration:none}.blog-toc a:hover{text-decoration:underline}.blog-toc>a{margin-top:12px;padding-block:4px;display:block}.blog-exercise{background:color-mix(in srgb, var(--blog-accent) 9%, var(--ground));border:1px solid color-mix(in srgb, var(--blog-accent) 25%, transparent);border-radius:14px;margin:32px 0;padding:24px}.blog-exercise h2{margin-top:4px}.blog-exercise .blog-eyebrow{margin-bottom:8px}.blog-exercise ol{margin:0;padding-left:22px;list-style:decimal}.blog-exercise li{margin-bottom:12px;padding-left:5px}.blog-exercise li:last-child{margin-bottom:0}.blog-takeaway{border-left:3px solid var(--blog-accent);margin-block:32px;padding-left:22px}.blog-takeaway h2{font-size:18px}.blog-tools>p{color:var(--tx2);font-size:14px}.blog-tools{border:1px solid var(--line,#d9d2c0);border-radius:14px;margin-top:36px;padding:24px}.blog-tools h2{margin-top:8px}.blog-tools .blog-article-image{margin-bottom:20px}.blog-sources details{margin-block:20px}.blog-sources summary{cursor:pointer;color:var(--tx);padding-block:10px}.blog-topic-nav{flex-wrap:wrap;align-items:center;gap:4px 18px;margin-block:12px;font-size:13px;display:flex}.blog-topic-nav>span{color:var(--tx2)}.blog-topic-nav a{text-underline-offset:4px;padding-block:12px}.blog-topic-start{border:1px solid var(--line,#d9d2c0);border-radius:14px;max-width:850px;padding:24px}.blog-topic-start h2{margin:0 0 12px;font-size:24px}.blog-topic-start ol{margin:0;padding-left:22px;list-style:decimal}.blog-topic-start li{padding:8px 0 8px 4px;line-height:1.6}.blog-topic-start a{text-underline-offset:4px}.blog-library>h2{margin:0 0 22px;font-size:25px}.blog-tool-link{border:1px solid var(--line,#d9d2c0);border-radius:12px;justify-content:space-between;align-items:center;gap:20px;min-height:80px;margin-top:12px;padding:16px 20px;text-decoration:none;display:flex}.blog-tool-link:hover{background:color-mix(in srgb, var(--blog-accent) 8%, var(--ground))}.blog-tool-link strong{font-size:17px;line-height:1.5;display:block}.blog-tool-link small{color:var(--tx2);margin-top:3px;font-size:12px;display:block}.blog-tool-link>span:last-child{font-size:24px}.blog-tool-link>span:first-child{min-width:0}.blog-sources{border-top:1px solid var(--line,#d9d2c0);color:var(--tx2);margin-top:40px;padding-top:5px;font-size:13px}.blog-sources h2{color:var(--tx);font-size:23px}.blog-sources ul{padding-left:20px;list-style:outside}.blog-sources li{margin-bottom:14px;padding-left:3px}.blog-sources li p{margin-top:6px}.blog-disclaimer{background:color-mix(in srgb, var(--tx) 5%, var(--ground));border-radius:10px;padding:16px}.blog-related{border-top:1px solid var(--line,#d9d2c0);margin-top:56px;padding-top:30px}.blog-related-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.blog-related-head h2{letter-spacing:-.025em;font-size:28px}.blog-related-head>a{font-size:13px}.blog-related-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:24px;display:grid}.blog-related-grid>a{border:1px solid var(--line,#d9d2c0);border-radius:12px;padding:22px;text-decoration:none}.blog-related-grid h3{letter-spacing:-.02em;margin:12px 0 22px;font-size:20px;line-height:1.35}.blog-related-grid>a>span:last-child{color:var(--tx2);font-size:12px}@media (max-width:1000px){.blog-article-layout{grid-template-columns:minmax(0,1fr) minmax(180px,220px);gap:28px}}@media (max-width:900px){.blog-article-layout{flex-direction:column;gap:24px;display:flex}.blog-toc{border:1px solid var(--line,#d9d2c0);border-radius:10px;order:-1;width:100%;padding:16px 20px;position:static}.blog-toc>a{min-height:44px;margin:0 18px 0 0;padding-block:10px;display:inline-block}.blog-toc>p{margin:0}}@media (max-width:720px){.blog-shell{padding:max(20px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(72px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left))}.blog-heading h1{font-size:clamp(28px,5.5vw,38px)}.blog-heading{padding-bottom:12px}.blog-heading>p:last-of-type{margin-block:8px;font-size:14px;line-height:1.55}.blog-stats{gap:8px 20px;font-size:12px}.blog-stats>span:last-child{display:none}.blog-library-head{display:block}.blog-library-head h2{margin-bottom:18px;font-size:23px}.blog-search{width:100%}.blog-library{padding-top:16px}.blog-library-head h2{margin-bottom:12px}.blog-filters{overscroll-behavior-x:contain;scrollbar-width:thin;flex-wrap:nowrap;margin:12px -4px 0;padding:5px 4px 10px;overflow-x:auto}.blog-filters button{flex:none}.blog-topic-nav{white-space:nowrap;scrollbar-width:thin;flex-wrap:nowrap;margin-inline:-4px;padding:4px;overflow-x:auto}.blog-topic-nav>*{flex:none}.blog-grid{gap:16px}.blog-card-body{padding:16px}.blog-card h3{font-size:19px}.blog-toc ol{display:block}.blog-intro{margin-bottom:24px;font-size:17px;line-height:1.8}.blog-article-heading h1{font-size:clamp(26px,5vw,32px)}.blog-prose{font-size:16px}.blog-prose h2{font-size:24px}.blog-exercise{padding:20px}.blog-tools{padding:18px}.blog-editorial{padding:22px}.blog-related-grid{grid-template-columns:1fr;gap:14px}.blog-breadcrumbs{margin-bottom:20px}.blog-article-shell .blog-breadcrumb-current-separator,.blog-article-shell .blog-breadcrumb-current{display:none}}@media (max-width:480px){.blog-grid{grid-template-columns:1fr}.blog-heading h1{font-size:clamp(27px,7vw,34px)}.blog-article-heading h1{font-size:clamp(25px,6.5vw,29px)}.blog-filters{gap:6px}.blog-filters button{padding-inline:10px;font-size:11px}.blog-tool-link{align-items:flex-start;gap:12px;padding:14px 16px}.blog-prose .blog-verse-arabic{font-size:clamp(23px,8vw,29px);line-height:2}.blog-topic-start,.blog-editorial{padding:18px}}.blog-heading .blog-eyebrow{margin-block:0 8px}.blog-stats{margin-top:14px}.blog-toc details>summary{cursor:pointer;min-height:44px;padding-block:12px;font-weight:700}.blog-toc details ol{padding-top:8px}.blog-toc details a{min-height:44px;padding-block:10px;display:block}@media (max-width:1099px) and (min-width:721px){.blog-filters{overscroll-behavior-x:contain;scrollbar-width:thin;flex-wrap:nowrap;margin-inline:-4px;padding:4px 4px 10px;overflow-x:auto}.blog-filters button{flex:none}}@media (min-width:1100px){.blog-heading{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;column-gap:48px;display:grid}.blog-heading .blog-eyebrow{grid-column:1/-1}.blog-heading h1{grid-area:2/1/4}.blog-heading>p:last-of-type,.blog-heading .blog-stats{grid-column:2}}@media (min-width:1800px){.blog-library-head h2,.blog-library>h2{font-size:28px}.blog-card h3{font-size:21px}.blog-card-description{font-size:14px}}@media (max-height:600px) and (orientation:landscape){.blog-shell{padding-top:16px}.blog-heading h1{max-width:none;font-size:28px}.blog-heading{padding-bottom:12px}.blog-stats{margin-top:8px}.blog-toc{position:static}}
