/* Article reading layout. Every rule is scoped to the article template. */
#tie-body main.am6-reading{padding:24px 0 56px;background:#faf8f3}
#tie-body .am6-reading .wrap{max-width:1220px}
#tie-body .am6-reading .am4-breadcrumb{padding:0 0 18px;margin:0;border-bottom:1px solid #ddd6c8}
#tie-body .am6-reading .am4-article{max-width:1100px;margin:0 auto;min-width:0}
#tie-body .am6-reading .am4-article-heading{max-width:1100px;margin:0 auto;padding:30px 0 0}
#tie-body .am6-reading .am4-eyebrow{color:#126068;font-size:13px;letter-spacing:.02em;font-weight:700}
#tie-body .am6-reading .am4-article-heading h1{font:700 clamp(27px,3.1vw,44px)/1.65 'Noto Kufi Arabic',sans-serif;margin:13px 0 23px;color:#172b32;text-wrap:balance}
#tie-body .am6-reading .am4-article-meta{font:500 14px/1.8 Tajawal,sans-serif;gap:10px 22px;padding:13px 0;margin:0 0 24px;color:#625d51;border-color:#dcd4c5}
#tie-body .am6-reading .am4-article-meta a{color:#15575c}
#tie-body .am6-reading .am6-read-time{margin-inline-start:auto;display:inline-flex;gap:5px;align-items:center}
#tie-body .am6-reading .am4-article-image{margin:24px 0 30px;width:100%;max-width:none}
#tie-body .am6-reading .am4-article-image img{display:block;width:100%;height:auto;max-width:100%;max-height:560px;margin:0;object-fit:cover}
#tie-body .am6-reading .am4-article-image figcaption{font:400 13px/1.7 Tajawal,sans-serif;color:#6b665b;border-bottom:1px solid #dfd8ca;padding:11px 0}
#tie-body .am6-reading .am6-gspeech-slot{max-width:1100px;margin:0 auto 24px;clear:both;min-height:0}
#tie-body .am6-reading .am6-reading-body{max-width:1100px;margin:0 auto;display:flow-root}
#tie-body .am6-reading .am4-prose{display:block;max-width:none;margin:0;white-space:normal;font:400 21px/1.9 Tajawal,sans-serif;color:#24343b;overflow-wrap:break-word;word-break:normal;text-align:justify;text-justify:inter-word}
#tie-body .am6-reading .am4-prose p{font:inherit;line-height:inherit;margin:0 0 1em;min-height:0;height:auto;white-space:normal}
#tie-body .am6-reading .am4-prose h2,#tie-body .am6-reading .am4-prose h3{font:700 clamp(22px,2vw,28px)/1.75 'Noto Kufi Arabic',sans-serif;color:#114b52;margin:1.45em 0 .65em;scroll-margin-top:35px}
#tie-body .am6-reading .am4-prose h2{border-inline-start:3px solid #b69258;padding-inline-start:16px}
#tie-body .am6-reading .am4-prose h3{font-size:24px}
#tie-body .am6-reading .am4-prose h4{font-size:22px;line-height:1.75;margin:24px 0 12px;color:#114b52}
#tie-body .am6-reading .am4-prose strong{font-weight:700;color:inherit}
#tie-body .am6-reading .am4-prose a{color:#0a6670;text-decoration-thickness:1px;text-underline-offset:4px}
#tie-body .am6-reading .am4-prose a:hover{color:#8a622d}
#tie-body .am6-reading .am4-prose .tie-padding{padding:0!important}
#tie-body .am6-reading .am4-prose blockquote{float:none;width:auto;max-width:none;clear:both;margin:26px 0;padding:20px 24px;background:#edf1ec;border-inline-start:3px solid #aa8953;color:#244149;font:500 23px/1.9 Tajawal,sans-serif}
#tie-body .am6-reading .am4-prose blockquote p:last-child{margin-bottom:0}
#tie-body .am6-reading .am4-prose figure{max-width:100%;margin:24px 0}
#tie-body .am6-reading .am4-prose img{max-width:100%;height:auto}
#tie-body .am6-reading .am4-prose .alignwide,#tie-body .am6-reading .am4-prose .alignfull{width:100%;max-width:100%;margin-inline:0}
#tie-body .am6-reading .am4-prose iframe,#tie-body .am6-reading .am4-prose video{max-width:100%}
#tie-body .am6-reading .am4-prose figcaption{font:400 14px/1.8 Tajawal,sans-serif;color:#69665d}
#tie-body .am6-reading .am4-prose ul,#tie-body .am6-reading .am4-prose ol{margin:18px 0 24px;padding-inline-start:28px}
#tie-body .am6-reading .am4-prose li{margin-bottom:8px}
#tie-body .am6-reading .am4-prose pre{white-space:pre-wrap;overflow:auto;direction:ltr;text-align:left}
#tie-body .am6-reading .am4-prose .wp-block-spacer{max-height:32px}
#tie-body .am6-reading .am6-toc{margin:0 0 25px;border:1px solid #d9ddcf;border-inline-start:3px solid #b39257;background:#f0f2eb;padding:15px 20px}
#tie-body .am6-reading .am6-toc summary{cursor:pointer;font:700 16px/1.8 Tajawal,sans-serif;color:#154c52}
#tie-body .am6-reading .am6-toc ol{margin:14px 0 0;padding-inline-start:22px;display:grid;gap:10px;list-style:decimal}
#tie-body .am6-reading .am6-toc a{font:500 16px/1.8 Tajawal,sans-serif;color:#234e53;text-decoration:none}
#tie-body .am6-reading .am6-toc a:hover{text-decoration:underline}
#tie-body .am6-reading [hidden]{display:none!important}
#tie-body .am6-reading .am6-audio{max-width:940px;margin:0 auto 24px;padding:18px 20px;background:#eaf0ec;border:1px solid #ceddd5;border-radius:6px;display:flex;gap:12px 20px;flex-wrap:wrap;align-items:center}
#tie-body .am6-reading .am6-audio-copy{display:flex;align-items:center;gap:12px;margin-inline-end:auto}
#tie-body .am6-reading .am6-audio-mark{display:flex;align-items:center;justify-content:center;width:45px;height:45px;background:#d7e4dc;color:#0e5057;border-radius:50%;flex-shrink:0}
#tie-body .am6-reading .am6-audio-copy strong{display:block;font:700 17px/1.8 Tajawal,sans-serif;color:#174b51}
#tie-body .am6-reading .am6-audio-copy span:not(.am6-audio-mark){display:block;font:400 13px/1.6 Tajawal,sans-serif;color:#4f675d}
#tie-body .am6-reading .am6-audio-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
#tie-body .am6-reading .am6-audio button{font:700 15px/1.6 Tajawal,sans-serif;min-height:44px;border:1px solid #15565b;border-radius:4px;padding:9px 15px;cursor:pointer;background:transparent;color:#164e54;box-shadow:none}
#tie-body .am6-reading .am6-audio .am6-listen{background:#12545b;color:#fff;min-width:135px}
#tie-body .am6-reading .am6-audio .am6-listen:hover:not(:disabled){background:#083e44}
#tie-body .am6-reading .am6-audio button:disabled{opacity:.55;cursor:not-allowed}
#tie-body .am6-reading .am6-rate-label{display:flex;align-items:center;gap:6px;font:500 13px/1.6 Tajawal,sans-serif;color:#365b52}
#tie-body .am6-reading .am6-audio select{width:auto;height:44px;padding:5px 8px;background:#f8faf6;border:1px solid #afc6bd;border-radius:4px;font-size:14px;color:#234b43;direction:ltr}
#tie-body .am6-reading .am6-audio-status{flex:1 0 100%;margin:0;font:400 13px/1.8 Tajawal,sans-serif;color:#405d54}
#tie-body .am6-reading .am6-audio-progress{display:block;width:100%;height:5px;accent-color:#135b60;border:0;background:#cddbd4;border-radius:3px}
#tie-body .am6-reading .am6-audio-progress::-webkit-progress-bar{background:#cddbd4;border-radius:3px}
#tie-body .am6-reading .am6-audio-progress::-webkit-progress-value{background:#135b60;border-radius:3px}
#tie-body .am6-reading .am6-audio-progress::-moz-progress-bar{background:#135b60;border-radius:3px}
#tie-body .am6-reading :is(button,select,a,summary):focus-visible{outline:3px solid #ad8545;outline-offset:4px}
#tie-body .am6-reading .am4-topic-links{margin-top:28px;clear:both}
#tie-body .am6-reading .am4-post-navigation{padding-block:24px;margin-top:28px;border-block:1px solid #d7cebd}
#tie-body .am6-reading .am4-post-navigation a{background:#f0eee6;border:1px solid #ddd6c8;padding:20px}
#tie-body .am6-reading .am4-post-navigation strong{font-size:17px;line-height:1.9}
#tie-body .am6-reading .am6-article-sidebar{float:left;width:285px;margin:6px 34px 26px 0;min-width:0}
#tie-body .am6-reading .am6-article-sidebar .am4-sidebar{position:static;display:grid;grid-template-columns:1fr;gap:18px}
#tie-body .am6-reading .am6-article-sidebar .am4-widget{padding:18px;background:#f4f1e9;border:1px solid #e0d8c9;min-width:0}
#tie-body .am6-reading .am6-article-sidebar .am4-widget-features{display:none}
#tie-body .am6-reading .am6-article-sidebar .am4-story-compact h3{font-size:15px;line-height:1.75}
#tie-body .am6-reading .am4-topic-links,#tie-body .am6-reading .am4-post-navigation{clear:both}
@media(max-width:900px){
 #tie-body .am6-reading .am6-article-sidebar{float:none;width:auto;margin:0 0 24px}
 #tie-body .am6-reading .am6-article-sidebar .am4-sidebar{grid-template-columns:1fr}
}
@media(max-width:800px){
 #tie-body .am6-reading .wrap{padding-inline:22px}
 #tie-body .am6-reading .am4-article-heading{padding-top:22px}
 #tie-body .am6-reading .am6-discover .am4-sidebar{grid-template-columns:1fr}
 #tie-body .am6-reading .am4-prose{font-size:21px;line-height:1.9}
 #tie-body .am6-reading .am4-article-heading h1{font-size:29px}
 #tie-body .am6-reading .am4-prose h3{font-size:22px}
 #tie-body .am6-reading .am4-article-image{margin-block:20px 25px}
 #tie-body .am6-reading .am6-read-time{margin-inline-start:0}
 #tie-body .am6-reading .am6-audio-controls{width:100%;gap:8px}
 #tie-body .am6-reading .am6-audio .am6-listen{flex:1}
}
@media(max-width:420px){
 #tie-body .am6-reading .wrap{padding-inline:16px}
 #tie-body .am6-reading .am4-article-heading h1{font-size:26px}
 #tie-body .am6-reading .am6-audio{padding:15px}
 #tie-body .am6-reading .am6-audio button{padding-inline:10px}
 #tie-body .am6-reading .am6-rate-label{font-size:12px}
}
@media print{
 #tie-body .am6-reading .am6-audio,#tie-body .am6-reading .am6-toc,#tie-body .am6-reading .am6-discover{display:none!important}
 #tie-body main.am6-reading{background:#fff}
 #tie-body .am6-reading .am4-prose{font-size:13pt;line-height:1.7;color:#000}
}