/* 3.3: shared visual rhythm, compact discovery and comfortable Arabic reading. */
:root{--paper:#f6f8f5;--line:#dfe7df;--card-shadow:0 6px 24px #123b2d08}
.wrap{width:min(1220px,92%)}
.masthead{padding-block:16px;gap:16px}.brand-logo{width:230px;border-radius:12px}.site-search{max-width:380px}.site-search label{font-size:13px;margin-bottom:3px}.search-row input{min-height:44px;border-radius:10px;padding:8px 14px}.search-row button{border-radius:10px;min-height:44px;padding:8px 19px}.search-hint{display:none}.theme-toggle{font-size:13px}
.navigation{background:var(--paper);border-top:0}.navigation .wrap{padding-block:4px}.navigation li>a,.navigation li>button,.navigation li>span{border-radius:9px;padding:9px 13px;font-size:16px}.navigation li>a[aria-current="page"],.navigation li.open>button{background:var(--soft)}.navigation .nav-parent{display:inline-flex;align-items:center;gap:14px;padding-inline:13px!important}.nav-parent:after{content:'⌄';font:17px Arial}.navigation.js li>ul{padding:9px;border:1px solid var(--line);border-radius:14px;box-shadow:0 16px 40px #102f2620}.navigation li li a{font-size:16px;line-height:1.8;padding:9px 12px}.navigation li li>a:hover{background:var(--soft);text-decoration:none}
.youth-cover{margin-top:18px;margin-bottom:28px;padding:26px 32px;gap:34px;grid-template-columns:1.05fr .95fr;border-radius:26px;background:linear-gradient(125deg,#10392b,#164c3a)}.youth-cover .visual-stack{width:100%;max-width:440px;margin-inline:auto}.youth-cover .cover-photo{aspect-ratio:1;background:#0c2d22}.youth-cover .cover-photo>img{object-fit:contain}.youth-cover .cover-copy{padding:15px 0}.youth-cover h1{font-size:clamp(38px,4vw,54px);line-height:1.45;margin:18px 0}.youth-cover .cover-copy p{font-size:19px;max-width:440px}.youth-cover .cover-actions{margin-top:22px}.youth-cover .cover-foot{margin-top:24px;padding-top:12px;gap:22px}.youth-cover .cover-foot a{font-size:15px}.visual-picks>a{padding:10px 14px}.visual-picks img{height:68px;width:44px}.visual-picks strong{font-size:16px}.visual-picks .pick-arrow{display:none}.youth-cover .photo-caption strong{font-size:22px}
.daily-access{padding:20px 26px;margin-bottom:22px;gap:26px;background:var(--soft)}.daily-access h2{font-size:25px}.daily-links a{min-height:98px;display:flex;flex-direction:column;justify-content:center}.daily-links strong{font-size:16px}.daily-links small{font-size:12px}.browse-sections{margin-bottom:26px;padding:19px 22px;box-shadow:var(--card-shadow)}.category{border-radius:10px}.category strong{font-size:15px}.category small{font-size:12px}.category:hover{background:var(--soft);text-decoration:none}.topic-browser{margin:0 0 34px}.topic-browser a{font-size:14px;padding:6px 15px}.topic-browser>span{font-size:14px}.section-heading{margin-bottom:20px}.section-heading h2{font-size:30px;letter-spacing:normal}.kicker{font-size:14px}.view-all{font-size:15px;gap:10px}.reading-section,.news-section,.media-section{margin-bottom:38px}.reading-grid{gap:18px}.reading-card{box-shadow:var(--card-shadow)}.book-stage{height:220px}.book-stage img{height:165px}.reading-copy{padding:18px 22px}.reading-copy h3{font-size:24px;line-height:1.65}.reading-copy p{font-size:16px}.news-grid{border:0;gap:14px}.news-item{border:1px solid var(--line);border-radius:16px;background:var(--surface);padding:20px;box-shadow:var(--card-shadow);gap:12px}.news-item:last-child{border:1px solid var(--line)}.news-item h3{font-size:21px;line-height:1.8}.news-item small,.news-read{font-size:14px}.news-number{font-size:25px}
.written-sermons{padding:28px;background:var(--soft);border:1px solid var(--line);border-radius:24px;margin-bottom:38px}.written-sermons .section-heading h2{font-size:32px}.written-sermons .sermon-filter{padding:0;background:transparent;border:0}.written-sermon-grid{gap:15px}.written-sermon-card{padding:21px;box-shadow:var(--card-shadow)}.written-sermons .written-sermon-card:first-child{background:#164536;color:white;border-color:#164536}.written-sermons .written-sermon-card:first-child .written-card-label{color:#d0e2cc}.written-sermons .written-sermon-card:first-child .written-card-actions{border-color:#ffffff35}.written-sermons .written-sermon-card:first-child .written-card-actions a{color:#dcf6a6}.written-sermons .written-sermon-card:first-child .written-card-index{color:#dcf6a6}.written-sermon-card h3{font-size:24px}.sermon-archive-card{background:var(--surface);color:var(--ink);border-color:var(--line)}.sermon-section-footer{font-size:15px}.media-grid{gap:20px}.media-card{background:var(--surface);border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:var(--card-shadow)}.media-photo{border-radius:0;height:280px}.media-card h3{padding-inline:22px;margin-top:18px}.media-card p{padding:0 22px 22px;font-size:16px}.resource-gallery{padding:26px}.resource-card{border-radius:14px}.resource-card:hover{background:var(--surface);text-decoration:none}.resource-card span{font-size:14px;line-height:1.8}.homepage-help{padding:28px;background:var(--surface);border:1px solid var(--line);border-radius:20px;margin-block:32px}.homepage-help>div>p{font-size:16px}.help-questions summary{font-size:20px}.help-questions p{font-size:17px}
/* Keep the native Joomla output and all assigned modules visible. */
.page-content-layout{min-width:0;margin-top:26px}.inner-content-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:26px;align-items:start}.inner-content-layout:not(:has(.legacy-position)){grid-template-columns:minmax(0,1fr)}.component-area{min-width:0}.inner-content-layout>.component-area{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:28px;box-shadow:var(--card-shadow)}.inner-content-layout>.legacy-content-area{display:flex;flex-direction:column;gap:0;margin:0}.legacy-content-area{gap:22px}.legacy-position{width:100%}.legacy-position .moduletable,.legacy-position>section,.legacy-position .card{padding:20px;border-radius:18px;box-shadow:var(--card-shadow)}.legacy-position h3{font-size:23px;padding-bottom:12px;border-bottom:1px solid var(--line)}.legacy-position ul{padding-inline-start:20px}.legacy-position li{margin-block:0;padding-block:10px;border-bottom:1px solid var(--line);font-size:17px;line-height:1.8}.legacy-position li:last-child{border-bottom:0}.legacy-position a:hover{color:var(--green)}.inner-content-layout .legacy-position img{max-height:185px;width:auto;object-fit:contain}.preserved-home-content{margin-top:0;padding:28px;border-radius:22px;box-shadow:var(--card-shadow)}.preserved-home-content .com-content-article__body{max-width:850px;margin-inline:auto}.preserved-home-content .com-content-article__body img{max-width:min(100%,660px);height:auto}.preserved-home-content .com-content-article__body p:has(>img:only-child){text-align:center}
.component-area :is(h1,.page-header h2){font-size:32px;line-height:1.7;letter-spacing:normal;margin:15px 0 24px}.component-area :is(.article-body,.com-content-article__body){max-width:72ch;margin-inline:auto;overflow-wrap:break-word}.component-area .reader-tools{border:0;border-bottom:1px solid var(--line);padding:0 0 16px;margin:0 0 24px;gap:8px;display:flex;flex-wrap:wrap}.reader-tools button,.reader-tools a{background:var(--soft);color:var(--ink);border:1px solid var(--line);border-radius:9px;padding:8px 13px;min-height:44px;font-size:15px}.reader-tools button:hover{background:var(--line)}.reader-tools button:disabled{opacity:.45;cursor:default}.reader-status{width:100%;font-size:14px}.reader-status:empty{display:none}.component-area :is(iframe,video,audio){max-width:100%}.component-area :is(iframe[src*="youtube"],iframe[src*="youtu.be"],iframe[src*="vimeo"]){width:100%;height:auto;aspect-ratio:16/9}.component-area table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse}.component-area :is(td,th){padding:10px 14px;border:1px solid var(--line)}.component-area th{background:var(--soft)}.component-area :is(.pagination ul,.pager){display:flex;flex-wrap:wrap;list-style:none;padding:0;gap:8px}.component-area .pagination :is(a,span){display:inline-flex;min-height:42px;min-width:40px;align-items:center;justify-content:center;padding:4px 10px;border-radius:8px;background:var(--soft)}.component-area .breadcrumb{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;font-size:14px;color:var(--muted)}
.sermon-archive{margin:0}.sermon-archive h1{margin-top:0}.sermon-archive .written-sermon-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.archive-search{padding:18px;border-radius:14px}.sermon-archive .written-sermon-card{padding:20px;box-shadow:none}.sermon-archive .written-sermon-card h2{font-size:23px}.com-finder__results .result__item,.com-finder__results li{padding:20px 0;border-bottom:1px solid var(--line)}.com-finder__results .result__title{font-size:24px;line-height:1.7}.com-finder__results :is(.result__description,.result__snippet){font-size:18px;line-height:1.9}.com-finder .btn{border:0;background:var(--green);color:var(--surface);border-radius:9px}
footer{margin-top:36px;padding:30px 0}.footer-links{display:flex;flex-wrap:wrap;gap:16px;font-size:16px}footer strong{font-size:24px}footer small{font-size:15px}html[data-theme="dark"]{--card-shadow:none}html[data-theme="dark"] .navigation{background:var(--paper)}html[data-theme="dark"] .com-finder .btn{background:#c9ea8c;color:#17291c}
@media(min-width:1001px){.masthead{min-height:104px}.site-search{flex:1}.navigation .mod-menu{justify-content:space-between}.navigation li li .nav-parent{width:100%;justify-content:space-between}.navigation .mod-menu__sub{justify-content:initial}}
@media(max-width:1100px){.inner-content-layout{grid-template-columns:minmax(0,1fr) 260px;gap:20px}.inner-content-layout>.component-area{padding:22px}.youth-cover{padding:24px;gap:26px}.youth-cover h1{font-size:44px}.news-item{padding:17px}.news-item h3{font-size:20px}}
@media(max-width:900px){.inner-content-layout{grid-template-columns:minmax(0,1fr)}.inner-content-layout>.legacy-content-area{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.youth-cover .cover-copy p{font-size:18px}.youth-cover h1{font-size:40px}.news-grid{grid-template-columns:1fr}.news-item{padding:18px}.news-item h3{margin-top:0}.news-number{font-size:23px}.homepage-help{gap:24px}}
@media(max-width:700px){.wrap{width:92%}.masthead{padding-block:13px;gap:10px}.brand-logo{width:195px}.theme-toggle{font-size:12px;gap:5px}.site-search{max-width:none;flex-basis:100%}.site-search label{font-size:13px}.search-row{gap:7px}.search-row input{width:0;min-width:0;font-size:17px}.navigation .wrap{padding-block:5px}.navigation .nav-toggle{border-radius:9px;min-height:44px}.navigation.js li>ul{box-shadow:none;border-radius:10px;margin:3px 8px 10px;width:auto}.navigation li>a,.navigation li>button,.navigation li>span{font-size:17px;min-height:46px}.navigation .nav-parent{justify-content:space-between;width:100%}.youth-cover{grid-template-columns:minmax(0,1fr);padding:22px;gap:22px;border-radius:21px;margin-top:16px}.youth-cover .cover-copy{padding:0}.youth-cover h1{font-size:42px;line-height:1.45;margin-block:15px}.youth-cover .cover-copy p{margin-bottom:0;font-size:18px}.youth-cover .cover-foot{margin-top:18px;padding-top:10px;gap:17px}.youth-cover .cover-foot a{font-size:14px;min-height:38px}.youth-cover .cover-actions{gap:17px;margin-top:18px}.youth-cover .visual-stack{max-width:400px}.youth-cover .photo-caption{right:17px;left:17px;bottom:17px}.youth-cover .photo-caption strong{font-size:20px}.visual-picks>a{padding:10px}.visual-picks strong{font-size:15px}.visual-picks img{width:35px;height:60px}.visual-picks small{font-size:11px}.daily-access{padding:20px 15px;gap:14px}.daily-access h2{font-size:24px}.daily-links a{min-height:102px;padding:10px 5px}.daily-links strong{font-size:14px}.daily-links small{font-size:11px}.browse-sections{padding:18px 14px;margin-bottom:22px}.category{padding:12px 5px}.category strong{font-size:15px}.category small{font-size:12px}.topic-browser{gap:7px;margin-bottom:28px}.topic-browser a{font-size:13px;padding:6px 12px}.section-heading h2,.written-sermons .section-heading h2{font-size:27px}.section-heading{flex-wrap:wrap;gap:8px}.view-all{font-size:14px}.book-stage{height:auto;min-height:220px}.book-stage img{height:145px}.reading-copy{padding:18px 15px}.reading-copy h3{font-size:22px}.reading-copy p{font-size:15px}.written-sermons{padding:20px 15px;border-radius:20px}.written-sermon-card h3{font-size:24px}.sermon-section-footer{font-size:14px}.media-photo{height:auto;aspect-ratio:16/10}.media-card h3{padding-inline:18px}.media-card p{padding:0 18px 18px}.resource-gallery{padding:22px 16px}.homepage-help{padding:22px 18px;gap:14px}.homepage-help h2{font-size:26px}.inner-content-layout>.component-area,.preserved-home-content{padding:20px 16px;border-radius:18px}.inner-content-layout>.legacy-content-area{grid-template-columns:minmax(0,1fr);gap:0}.component-area :is(h1,.page-header h2){font-size:28px;margin:12px 0 22px}.component-area .reader-tools{gap:7px;margin-bottom:20px}.reader-tools button,.reader-tools a{padding:7px 11px;font-size:15px}.sermon-archive .written-sermon-grid{grid-template-columns:minmax(0,1fr)}.sermon-archive .written-sermon-card h2{font-size:24px}.archive-search .search-row input{width:100%}.footer-links{gap:13px;font-size:15px}footer>.wrap{flex-wrap:wrap;gap:22px}.mobile-dock a{font-size:12px}}
@media(prefers-reduced-motion:no-preference){.reading-card,.news-item,.media-card,.written-sermon-card{transition:box-shadow .18s,border-color .18s}.reading-card:hover,.news-item:hover,.media-card:hover,.written-sermon-card:hover{border-color:#a4bba4;box-shadow:0 8px 26px #123b2d12}}
@media print{.inner-content-layout{display:block}.inner-content-layout>.component-area,.preserved-home-content{padding:0;border:0;border-radius:0;box-shadow:none;background:white;color:black}.component-area :is(.article-body,.com-content-article__body){max-width:none}.component-area table{display:table;overflow:visible}.component-area .reader-tools{display:none!important}.page-content-layout{margin:0}}

@media(max-width:380px){.brand-logo{width:170px}.theme-toggle{padding:5px 8px;font-size:12px}.youth-cover{padding:19px}.youth-cover h1{font-size:38px}.visual-picks>a{padding:9px 8px;gap:5px}.visual-picks img{width:30px}.visual-picks strong{font-size:14px}}

.home-videos {
 margin-block: 0 38px;
 padding: clamp(16px, 3vw, 28px);
 border: 1px solid var(--line);
 border-radius: 22px;
 background: var(--soft);
}
.home-video-grid {
 display: flex;
 flex-wrap: wrap;
 justify-content: center;
 gap: 14px;
}
.home-video-grid > .home-video-card {
 flex: 0 0 calc((100% - 28px) / 3);
 display: flex;
 flex-direction: column;
 text-align: center;
}
.home-video-card .home-video-preview { margin-block-start: auto; }
.home-video-card {
 min-width: 0;
 overflow: hidden;
 padding: 12px;
 border: 1px solid var(--line);
 border-radius: 16px;
 background: var(--surface);
}
.home-video-preview { grid-row: span 2; }
.home-video-preview {
 aspect-ratio: 16 / 9;
 overflow: hidden;
 border-radius: 10px;
 background: #102f26;
}
.home-video-preview :is(.home-video-play, iframe) {
 display: block;
 width: 100%;
 height: 100%;
 border: 0;
}
.home-video-preview .home-video-play {
 position: relative;
 padding: 0;
 background: transparent;
}
.home-video-preview .home-video-play:focus-visible { outline-offset: -4px; }
.home-video-preview img { width: 100%; height: 100%; object-fit: cover; }
.home-video-preview span {
 position: absolute;
 inset: 50% auto auto 50%;
 transform: translate(-50%, -50%);
 display: grid;
 place-items: center;
 width: 46px;
 height: 46px;
 border-radius: 50%;
 background: #d5f578;
 color: #102f26;
}
 .home-video-card h3 { margin: 0 0 10px; font-size: 20px; line-height: 1.6; }
.written-sermons .written-sermon-card { padding: 0; }
.written-sermons .written-sermon-card h3 { min-height: 0; margin: 0; height: 100%; }
.written-sermons .written-sermon-card h3 a {
 display: flex;
 align-items: center;
 min-height: 88px;
 height: 100%;
 padding: 16px;
 border-radius: 17px;
}
@media (max-width: 900px) {
 .home-video-grid > .home-video-card { flex-basis: calc((100% - 14px) / 2); }
}
@media (max-width: 540px) {
 .home-video-grid > .home-video-card { flex-basis: 100%; }
}
@media print { .home-videos { display: none; } }

.home-videos .section-heading,
.written-sermons .section-heading {
 flex-direction: column;
 align-items: center;
 gap: 6px;
 text-align: center;
}
.written-sermons .written-sermon-card h3 a {
 justify-content: center;
 text-align: center;
}

.useful-links-row {
 display: flex;
 flex-wrap: wrap;
 align-items: center;
 gap: 2px 12px;
 margin-block: 18px;
}
.useful-links-row h2 {
 margin: 0;
 font-size: 16px;
}
.useful-links-row a {
 display: inline-flex;
 align-items: center;
 min-height: 32px;
 font-size: 14px;
 color: var(--green);
 text-decoration: underline;
 text-underline-offset: 3px;
}
@media print { .useful-links-row { display: none; } }

.daily-access .daily-links { grid-template-columns: repeat(2, minmax(0, 1fr)); }
