/*
Theme Name: Dr Saeed Journal
Author: Dr Saeed Website Project
Description: A lean editorial block theme with rounded imagery, teal accents, editable templates and native WordPress post grids.
Version: 1.2.0
Requires at least: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: drsaeed-journal
*/
:root{--ds-radius:16px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}img{max-width:100%;height:auto}a{text-underline-offset:.22em}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #175C54;outline-offset:5px}h1,h2,h3,p{overflow-wrap:break-word}.wp-block-site-title a,.wp-block-post-title a{text-decoration:none}.wp-block-site-title{font:clamp(1.4rem,2.4vw,2rem)/1.2 Georgia,serif}.ds-header{max-width:1200px;margin:24px auto 0!important;border:1px solid #D6DCD7;border-radius:999px;padding:16px 24px;background:#fff;gap:24px}.ds-header .wp-block-navigation{font-size:15px}.ds-header .ds-contact-link a{background:#175C54;color:white;padding:10px 20px;border-radius:999px}.ds-main{max-width:1200px;margin:64px auto 80px!important}.ds-main>*{max-width:1200px!important}.ds-main.ds-reading>*{max-width:720px!important}.ds-main.ds-reading>.wp-block-post-featured-image{max-width:1200px!important}.ds-intro{display:grid;grid-template-columns:1.25fr 1fr;gap:64px;align-items:center;margin-bottom:48px}.ds-intro>*{margin:0!important}.ds-intro h1{margin:0}.ds-eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:12px;color:#175C54}.ds-meta,.wp-block-post-date{font-size:14px;color:#59635E}.ds-section{margin-top:72px!important}.ds-featured .wp-block-post-title{font-size:clamp(2rem,4vw,3rem);margin-bottom:12px}.wp-block-post-featured-image img,.wp-block-image img{border-radius:var(--ds-radius);object-fit:cover}.ds-featured .wp-block-post-featured-image img{max-height:500px;width:100%;object-fit:cover}.ds-post-grid .wp-block-post-template{gap:48px 24px}.ds-post-grid .wp-block-post{min-width:0}.ds-post-grid .wp-block-post-title{font-size:1.55rem;line-height:1.25;margin-top:12px}.ds-post-grid .wp-block-post-excerpt{font-size:16px;color:#59635E}.ds-post-grid .wp-block-read-more{font-size:15px}.ds-post-grid .wp-block-post-featured-image{margin-bottom:20px}.ds-post-grid .wp-block-post-featured-image img{width:100%;aspect-ratio:16/9}.wp-block-query-pagination{margin-top:48px;gap:20px}.page-numbers.current{background:#175C54;color:white;padding:8px 15px;border-radius:99px}.ds-topics ul,.ds-topics.wp-block-categories-list{list-style:none;display:flex;flex-wrap:wrap;gap:12px;padding:0}.ds-topics li a{display:block;border:1px solid #D6DCD7;padding:10px 20px;border-radius:999px;text-decoration:none}.wp-block-search__input{border:1px solid #D6DCD7;border-radius:12px;padding:12px;min-width:0}.wp-block-search__button{border:0;border-radius:12px;background:#175C54;color:white;padding:12px 24px;font-size:16px}.ds-footer{background:#202624;color:#FAF9F6;padding:56px max(24px,calc((100vw - 1200px)/2));margin-top:0!important}.ds-footer a{color:#FAF9F6}.ds-footer .wp-block-site-title{color:white}.ds-footer .wp-block-navigation{font-size:16px}.ds-footer-bottom{font-size:13px;opacity:.8;border-top:1px solid #59635E;padding-top:24px;margin-top:40px!important}.ds-reading .wp-block-post-content{font:1.2rem/1.8 Georgia,serif}.ds-reading .wp-block-post-content h2{margin-top:48px}.ds-reading blockquote{border-left:3px solid #175C54;padding-left:24px;color:#175C54;font-size:1.5rem;font-style:italic;margin:40px 0}.ds-two-col{display:grid;grid-template-columns:1fr 1fr;gap:64px}.ds-two-col>*{min-width:0;margin:0!important}.ds-panel{border:1px solid #D6DCD7;border-radius:16px;padding:32px;background:white}.ds-callout{padding:40px;border-radius:16px;background:#175C54;color:white}.ds-callout a{color:white}.ds-resource-list .wp-block-post-template{display:block}.ds-resource-list .wp-block-post{border-bottom:1px solid #D6DCD7;padding:24px 0}.ds-resource-list .wp-block-post-featured-image{display:none}.ds-resource-list .wp-block-post-title{font-size:1.6rem}.ds-contact-form{display:grid;gap:18px}.ds-contact-form label{display:block;font-size:16px;font-weight:500}.ds-contact-form input:not([type=checkbox]),.ds-contact-form textarea{width:100%;font:inherit;border:1px solid #D6DCD7;border-radius:10px;padding:12px;background:white;color:#202624}.ds-contact-form button{border:0;border-radius:12px;background:#175C54;color:white;padding:15px 24px;font:inherit;cursor:pointer}.ds-contact-form .ds-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.ds-notice{border-left:3px solid #175C54;padding:16px;background:#eef4f0}.ds-post-navigation{display:flex;justify-content:space-between;gap:32px;border-top:1px solid #D6DCD7;padding-top:32px;margin-top:48px!important}.ds-post-navigation>*{max-width:48%}.wp-block-navigation__responsive-container.is-menu-open{padding:32px!important}.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container{align-items:flex-start!important;gap:24px!important}.wp-block-navigation__responsive-container.is-menu-open .ds-contact-link a{color:white}.wp-block-post-content iframe{max-width:100%}@media(max-width:900px){.ds-intro,.ds-two-col{gap:32px}.ds-post-grid .wp-block-post-template.is-layout-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.ds-header{padding:16px 20px;margin-top:16px!important}.ds-main{margin-top:40px!important}.ds-intro,.ds-two-col{grid-template-columns:1fr;gap:24px}.ds-post-grid .wp-block-post-template.is-layout-grid{grid-template-columns:1fr}.ds-section{margin-top:48px!important}.ds-panel,.ds-callout{padding:24px}.ds-footer{padding:40px 24px}.ds-featured .wp-block-post-featured-image img{min-height:220px}.wp-block-search__button{padding:10px 14px}.ds-reading .wp-block-post-content{font-size:1.125rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* 1.1: editorial proportions and consistent image frames. */
.ds-header{padding:12px 24px;min-height:72px}
.ds-header .wp-block-site-title{font-size:clamp(1.35rem,2.2vw,1.85rem)}
.ds-header .wp-block-navigation-item.ds-contact-link>.wp-block-navigation-item__content,
.ds-header .wp-block-navigation-item.ds-contact-link>.wp-block-navigation-item__content:hover{color:#fff!important}
.ds-main{margin-top:52px!important;margin-bottom:64px!important}
.ds-intro{gap:64px;margin-bottom:38px}
.ds-intro h1{font-size:clamp(2.2rem,4vw,3.25rem);line-height:1.12;letter-spacing:-.025em}
.ds-intro p{font-size:16px;line-height:1.65;color:#59635E}
.ds-intro p+p{margin-top:18px}
.ds-intro a{font-size:15px;font-weight:500;text-decoration:none}
.ds-featured .wp-block-post-featured-image{aspect-ratio:2.2/1;overflow:hidden;border-radius:16px;margin:0 0 22px;background:#edf0ec}
.ds-featured .wp-block-post-featured-image a{display:block;height:100%}
.ds-featured .wp-block-post-featured-image img{display:block;width:100%!important;height:100%!important;max-height:none;min-height:0;object-fit:cover}
.ds-featured .wp-block-post-title{font-size:clamp(1.8rem,3vw,2.65rem);line-height:1.18;max-width:950px;margin-top:12px!important}
.ds-featured .wp-block-post-title a,.ds-post-grid .wp-block-post-title a{color:#202624}
.ds-featured .wp-block-post-excerpt{max-width:780px;font-size:16px;color:#59635E;margin-top:14px}
.ds-featured .wp-block-read-more{font-size:15px;text-decoration:none}
.ds-eyebrow a{color:#175C54;text-decoration:none}
.ds-section{margin-top:64px!important}
.ds-section>h2{font-size:clamp(1.8rem,3vw,2.5rem);margin-bottom:24px}
.ds-post-grid .wp-block-post-template.is-layout-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:38px 24px}
.ds-post-grid .wp-block-post-featured-image{aspect-ratio:3/2;overflow:hidden;border-radius:16px;background:#edf0ec;margin:0 0 18px}
.ds-post-grid .wp-block-post-featured-image a{display:block;height:100%}
.ds-post-grid .wp-block-post-featured-image img{width:100%!important;height:100%!important;display:block;object-fit:cover;aspect-ratio:auto}
.ds-post-grid .wp-block-post-title{font-size:1.4rem;line-height:1.25;margin-top:10px}
.ds-post-grid .wp-block-post-excerpt{font-size:15px;line-height:1.6;margin-top:10px}
.ds-post-grid .wp-block-post-date{font-size:13px;margin-top:10px}
.ds-post-grid .wp-block-read-more{text-decoration:none;font-size:14px;margin-top:12px}
.ds-topics li a{border-radius:12px;padding:14px 22px;font-size:15px}
.ds-footer{display:grid;grid-template-columns:1.4fr 1fr;gap:18px 64px;padding-top:48px;padding-bottom:32px}
.ds-footer>*{max-width:none!important;margin:0!important;width:auto}
.ds-footer>.wp-block-site-title{grid-column:1;grid-row:1;font-size:1.75rem}
.ds-footer>p{grid-column:1;grid-row:2;max-width:470px!important;font-size:15px;color:#d7dfda}
.ds-footer>.wp-block-navigation{grid-column:2;grid-row:1 / span 2;align-self:start;justify-self:end}
.ds-footer .ds-footer-bottom{grid-column:1 / -1;margin-top:24px!important;padding-top:20px}
.ds-footer .ds-footer-bottom p{font-size:12px}
@media(max-width:900px){.ds-post-grid .wp-block-post-template.is-layout-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ds-intro{gap:32px}.ds-footer{gap:20px 32px}}
@media(max-width:600px){.ds-header{min-height:64px;padding:12px 18px}.ds-main{margin-top:36px!important}.ds-intro{gap:20px;margin-bottom:28px}.ds-intro h1{font-size:2.35rem}.ds-featured .wp-block-post-featured-image{aspect-ratio:4/3}.ds-post-grid .wp-block-post-template.is-layout-grid{grid-template-columns:1fr}.ds-footer{display:block}.ds-footer>*+*{margin-top:22px!important}.ds-footer>.wp-block-navigation{justify-content:flex-start}.ds-section{margin-top:44px!important}}

/* 1.1.1: align the footer to the main content and remove nested centering. */
.ds-footer{padding-left:max(24px,calc((100vw - 1152px)/2));padding-right:max(24px,calc((100vw - 1152px)/2))}
.ds-footer .ds-footer-bottom{width:100%;text-align:left}
.ds-footer .ds-footer-bottom>p{max-width:none!important;width:100%;margin-left:0!important;margin-right:0!important;text-align:left}
@media(max-width:600px){.ds-footer{padding-left:24px;padding-right:24px}}

/* 1.2: shared container, editorial sections and responsive page layouts. */
.ds-main{width:100%;padding-inline:24px}
.ds-main .ds-section>*,.ds-main .ds-home-resources>*,.ds-main .ds-resource-list>*{max-width:none!important;width:100%;margin-inline:0!important}
.ds-main .ds-section,.ds-home-resources,.ds-resource-list{padding-inline:0}
.ds-intro{grid-template-columns:1fr 1fr}
.ds-intro h1{max-width:540px}
.ds-main>h1{font-size:clamp(2.35rem,4vw,3.5rem);letter-spacing:-.025em;margin-bottom:28px}
.ds-main>.wp-block-search{max-width:790px!important;margin-left:0!important}
.ds-topic-tabs{display:flex;flex-wrap:wrap;gap:12px;margin-block:24px 40px}
.ds-topic-tabs a{border:1px solid #D6DCD7;border-radius:999px;padding:9px 20px;font-size:14px;text-decoration:none}
.ds-topic-tabs a[aria-current=page]{background:#175C54;color:white;border-color:#175C54}
.ds-topic-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.ds-topic-cards article{min-width:0}
.ds-topic-cards img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:16px;display:block}
.ds-topic-cards h3{font-size:1.55rem;margin:20px 0 12px}
.ds-topic-cards p{font-size:16px;color:#59635E;margin:0 0 18px}
.ds-topic-cards a{text-decoration:none;font-size:15px}
.ds-topic-cards h3 a{font:inherit;color:#202624}
.ds-about>.wp-block-post-content>.wp-block-columns{max-width:none!important;width:100%;gap:48px;align-items:center}
.ds-about .wp-block-column>figure{margin:0}
.ds-about .wp-block-column img{width:100%;max-height:620px;object-fit:contain;object-position:center;background:#edf0ec}
.ds-about .wp-block-column p{font-size:18px;line-height:1.75}
.ds-publication-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-bottom:40px}
.ds-publication-cards>a{display:block;border:1px solid #D6DCD7;border-radius:16px;padding:28px;text-decoration:none}
.ds-publication-cards h3{margin:0 0 12px;color:#202624;font-size:1.5rem}
.ds-publication-cards p{font-size:16px;color:#59635E}
.ds-publication-cards span{font-size:15px}
.ds-callout h2{margin:0;font-size:2.3rem}
.ds-callout p{font-size:17px}
.ds-resource-list .wp-block-post-template{display:grid!important;grid-template-columns:1fr!important;gap:24px!important}
.ds-resource-list .wp-block-post{display:grid;grid-template-columns:120px minmax(0,1fr);gap:10px 28px;border:1px solid #D6DCD7;border-radius:16px;padding:28px;background:#fff}
.ds-resource-list .wp-block-post>*{grid-column:2;margin:0!important}
.ds-resource-list .wp-block-post-featured-image{display:block;grid-column:1;grid-row:1 / span 5;aspect-ratio:3/4;width:120px;align-self:start}
.ds-resource-list .wp-block-post:first-child{grid-template-columns:1fr 1fr;gap:14px 32px;padding:0;overflow:hidden}
.ds-resource-list .wp-block-post:first-child>.wp-block-post-featured-image{width:100%;height:100%;aspect-ratio:4/3;border-radius:0;grid-row:1 / span 5}
.ds-resource-list .wp-block-post:first-child>:not(.wp-block-post-featured-image){margin-right:28px!important}
.ds-resource-list .wp-block-post:first-child>.ds-eyebrow{margin-top:28px!important}
.ds-resource-list .wp-block-post:first-child>.wp-block-read-more{margin-bottom:28px!important}
.ds-resource-list .wp-block-post:first-child>.wp-block-post-title{font-size:clamp(1.65rem,2.5vw,2.4rem)}
.ds-contact-banner{margin-block:36px 48px!important}
.ds-contact-banner img{width:100%;aspect-ratio:2.5/1;object-fit:cover}
.ds-contact-page .ds-two-col{align-items:start;gap:48px;margin-top:40px}
.ds-contact-page .ds-two-col h2{font-size:2.2rem;margin-top:0}
.ds-contact-page .ds-two-col p{font-size:17px}
.ds-panel>*{max-width:none!important}
.ds-reading>.wp-block-post-featured-image{margin-block:36px 48px}
.ds-reading>.wp-block-post-featured-image img{aspect-ratio:2/1;width:100%;object-fit:cover}
.ds-main.ds-reading>.ds-related{max-width:1152px!important}
.ds-footer{padding-inline:max(24px,calc((100% - 1152px)/2))}
.ds-footer-editorial{grid-template-columns:1.2fr .7fr 1fr;gap:16px 48px}
.ds-footer-editorial>.wp-block-navigation{grid-column:2;justify-self:start}
.ds-footer-editorial .wp-block-navigation__container{flex-direction:column;align-items:flex-start;gap:12px}
.ds-footer-editorial>.ds-footer-contact{grid-column:3;grid-row:1 / span 2;border-left:1px solid #59635E;padding-left:32px}
.ds-footer-contact h2{font-family:inherit;font-size:17px;margin:0}
.ds-footer-contact p{font-size:14px;color:#d7dfda}
.ds-footer-contact a{font-size:15px}
@media(max-width:900px){.ds-topic-cards{gap:20px}.ds-about>.wp-block-post-content>.wp-block-columns{gap:28px}.ds-footer-editorial{gap:20px 28px}.ds-contact-page .ds-two-col{gap:28px}}
@media(max-width:781px){.ds-about>.wp-block-post-content>.wp-block-columns{display:block}.ds-about .wp-block-column+ .wp-block-column{margin-top:28px}.ds-about .wp-block-column img{max-height:480px}.ds-footer-editorial{grid-template-columns:1fr 1fr}.ds-footer-editorial>.ds-footer-contact{grid-column:1 / -1;grid-row:3;border-left:0;border-top:1px solid #59635E;padding:24px 0 0}.ds-footer-editorial>.ds-footer-bottom{grid-row:4}}
@media(max-width:600px){.ds-intro,.ds-topic-cards,.ds-publication-cards,.ds-contact-page .ds-two-col{grid-template-columns:1fr}.ds-topic-cards{gap:32px}.ds-footer-editorial{display:block}.ds-resource-list .wp-block-post,.ds-resource-list .wp-block-post:first-child{display:block;padding:22px}.ds-resource-list .wp-block-post>*{margin:12px 0!important}.ds-resource-list .wp-block-post-featured-image,.ds-resource-list .wp-block-post:first-child>.wp-block-post-featured-image{width:100%;height:auto;aspect-ratio:3/2;border-radius:12px}.ds-resource-list .wp-block-post:first-child>:not(.wp-block-post-featured-image){margin-right:0!important}.ds-contact-banner img{aspect-ratio:4/3}.ds-reading>.wp-block-post-featured-image img{aspect-ratio:4/3}}