/*
Theme Name: Akhbar Abu Dhabi
Theme URI: https://akhbarabudhabi.com/
Description: Standalone news theme for akhbarabudhabi.com. Arabic edition at the root, English edition under /en/. Each day is an edition.
Version: 1.0.0
Requires at least: 6.4
Requires PHP: 8.2
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: akhbarabudhabi
*/

/* ---------------------------------------------------------------- fonts (SIL OFL, see assets/fonts/OFL.txt)
   Two families only: Scheherazade New for Arabic, Source Serif 4 for English and for every figure.
   The Arabic face covers Arabic script, spaces and Arabic punctuation only, so Western digits and Latin
   always come from Source Serif 4: one figure style for times, dates and numbers in both editions.
   The Kufi wordmark is the brand logo (SVG paths), not a web font. */
@font-face{font-family:"Scheherazade New";src:url(assets/fonts/scheherazadenew-regular-400-arabic.woff2?v=b26c2169) format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0020-0024,U+0026-002A,U+002C-002E,U+003B,U+003F,U+00A0,U+00AB,U+00BB,U+0600-065F,U+066A-06FF,U+0750-077F,U+200C-200F,U+2010-2027,U+FB50-FDFF,U+FE70-FEFF}
@font-face{font-family:"Scheherazade New";src:url(assets/fonts/scheherazadenew-bold-700-arabic.woff2?v=a96dc3ef) format("woff2");font-weight:700;font-style:normal;font-display:swap;unicode-range:U+0020-0024,U+0026-002A,U+002C-002E,U+003B,U+003F,U+00A0,U+00AB,U+00BB,U+0600-065F,U+066A-06FF,U+0750-077F,U+200C-200F,U+2010-2027,U+FB50-FDFF,U+FE70-FEFF}
@font-face{font-family:"Source Serif 4";src:url(assets/fonts/sourceserif4-text-400-latin.woff2?v=2ac9afa0) format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0020-007E,U+00A0-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2010-2027,U+2030-203A,U+20AC,U+2122,U+2212}
@font-face{font-family:"Source Serif 4";src:url(assets/fonts/sourceserif4-display-600-latin.woff2?v=dbc8cc70) format("woff2");font-weight:600 700;font-style:normal;font-display:swap;unicode-range:U+0020-007E,U+00A0-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2010-2027,U+2030-203A,U+20AC,U+2122,U+2212}

/* ---------------------------------------------------------------- tokens */
:root{
	--paper:#FBF8F1;--sheet:#F4EEE2;--ink:#1B1B1B;--ink2:#5E574C;--ox:#7A1F2B;--ox-deep:#5E1621;--brass:#B08D57;--rule:#E3DCCB;
	--naskh:"Scheherazade New","Source Serif 4","Times New Roman",serif;
	--serif:"Source Serif 4",Georgia,"Times New Roman",serif;
	--disp:var(--serif);--text:var(--serif);--fs:1.0625rem;--lh:1.62;--k:1;--ks:1;--hl:1.25;
	--w:74rem;--g:1rem;
}
@media (min-width:700px){:root{--g:1.75rem}}
/* Each language root sets its faces and scale: Arabic runs ~1.12x the Latin size, with taller lines. */
[lang]:lang(ar){--disp:var(--naskh);--text:var(--naskh);--fs:1.25rem;--lh:1.95;--k:1.12;--ks:1.2;--hl:1.55;font-family:var(--naskh)}
[lang]:lang(en){--disp:var(--serif);--text:var(--serif);--fs:1.0625rem;--lh:1.62;--k:1;--ks:1;--hl:1.25;font-family:var(--serif)}

/* ---------------------------------------------------------------- base */
*,::before,::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--text);font-size:var(--fs);line-height:var(--lh);font-kerning:normal}
:where(img){max-width:100%;height:auto}
a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.28em}
a:hover{color:var(--ox)}
:focus-visible{outline:2px solid var(--ox);outline-offset:3px}
h1,h2,h3{font-family:var(--disp);font-weight:700;line-height:var(--hl);margin:0;text-wrap:balance}
p{margin:0 0 1em}
ol,ul{margin:0;padding:0}
time{font-variant-numeric:tabular-nums lining-nums}
b,strong{font-weight:700}
.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
a.screen-reader-text:focus{clip:auto;clip-path:none;width:auto;height:auto;margin:0;top:.75rem;inset-inline-start:.75rem;z-index:9;padding:.6rem 1rem;background:var(--ink);color:var(--paper);white-space:normal;font-family:var(--disp)}

/* ---------------------------------------------------------------- frame */
.ad-top,main,.ad-foot{padding-inline:var(--g)}
.ad-top>*,main>*,.ad-foot>div{max-width:var(--w);margin-inline:auto}
main{display:block;padding-block:1.75rem 1rem}

/* ---------------------------------------------------------------- masthead */
.ad-bar{display:flex;justify-content:flex-end;gap:1.5rem;padding-block:.55rem .2rem;font-family:var(--disp);font-size:calc(.9375rem * var(--ks));line-height:1.5}
.ad-bar a{color:var(--ink2);text-decoration:none;padding-block:.35rem}
.ad-bar a:hover,.ad-q summary:hover{color:var(--ox);text-decoration:underline}
.ad-top{position:relative}
.ad-q summary{display:block;padding-block:.35rem;color:var(--ink2);cursor:pointer;list-style:none}
.ad-q summary::-webkit-details-marker{display:none}
.ad-q[open] summary{color:var(--ox)}
.ad-q .ad-find{position:absolute;z-index:5;inset-inline:var(--g);top:2.6rem;max-width:var(--w);margin:0 auto;padding:1rem;background:var(--paper);border:1px solid var(--rule);border-block-start:3px solid var(--ox);box-shadow:0 10px 24px rgb(27 27 27 / .12)}
.ad-mast{display:grid;grid-template-columns:auto auto;justify-content:center;align-items:center;column-gap:.9rem;text-align:center;padding-block:.15rem .2rem}
.ad-word{grid-column:1;grid-row:1;margin:0;font-family:var(--disp);font-weight:700;color:var(--ox);line-height:1.2}
.ad-word img{display:block;width:clamp(10rem,7rem + 9vw,15rem);height:auto;margin-block:.35rem .45rem}
.ad-top--front .ad-word img{width:clamp(14.5rem,9rem + 20vw,27rem);margin-block:.5rem .7rem}
.ad-word a{color:inherit;text-decoration:none}
.ad-word small{display:block;margin-block:-.2rem .35rem;font-family:var(--disp);font-weight:400;font-size:calc(clamp(.95rem,.85rem + .4vw,1.15rem) * var(--ks));line-height:1.5;color:var(--ink2)}
.ad-no{grid-column:2;grid-row:1;margin:0;display:grid;justify-items:center;padding:.3rem .55rem .35rem;min-width:3.4rem;background:var(--brass);color:var(--ink);border-radius:.45rem;line-height:1.15}
.ad-no span{font:500 calc(.6875rem * var(--ks))/1.4 var(--disp)}
.ad-no b{font:600 1.3rem/1.05 var(--serif);font-variant-numeric:lining-nums}
.ad-top--front .ad-no b{font-size:1.6rem}
/* The tab sits level with the wordmark even when the title adds a line under it. */
.ad-top--front .ad-no{align-self:start;margin-block-start:max(0rem,calc(clamp(14.5rem,9rem + 20vw,27rem) * .147 - 1.2rem))}
.ad-top--front .ad-mast:lang(en) .ad-no{margin-block-start:max(0rem,calc((1.2 * clamp(2.1rem,1.2rem + 3.9vw,3.9rem) - 3.4rem) / 2))}

.ad-top:not(.ad-top--front) .ad-no{padding:.2rem .45rem .25rem;min-width:2.9rem}
.ad-top:not(.ad-top--front) .ad-no b{font-size:1.1rem}
.ad-folio{grid-column:1/-1;display:flex;flex-wrap:wrap;justify-content:center;gap:0 1.1rem;margin:.4rem 0 .7rem;padding-block-start:.5rem;border-block-start:1px solid var(--brass);font-family:var(--disp);font-size:calc(.9375rem * var(--ks));color:var(--ink2);line-height:1.6}
.ad-folio>*+*::before{content:"";display:inline-block;width:.32rem;height:.32rem;margin-inline-end:1.1rem;vertical-align:.18em;background:var(--brass);transform:rotate(45deg)}
/* English: small-caps wordmark, tab at the start as in the brand mark */
.ad-word:lang(en){font-family:var(--serif);font-weight:600;font-variant-caps:small-caps;letter-spacing:.045em;font-size:clamp(1.7rem,1.2rem + 1.9vw,2.6rem);line-height:1.2}
.ad-top--front .ad-word:lang(en){font-size:clamp(2.1rem,1.2rem + 3.9vw,3.9rem)}
.ad-mast:lang(en) .ad-word{grid-column:2}
.ad-mast:lang(en) .ad-no{grid-column:1}
.ad-no span:lang(en){font-family:var(--serif);font-variant-caps:all-small-caps;letter-spacing:.06em;font-size:.8125rem}
@media (max-width:539px){
	.ad-mast:lang(en){grid-template-columns:auto}
	.ad-mast:lang(en) .ad-no{grid-column:1;grid-row:1;justify-self:center;display:flex;align-items:baseline;gap:.35rem;margin:0 0 .3rem;padding:.1rem .55rem}
	.ad-mast:lang(en) .ad-word{grid-column:1;grid-row:2}
	.ad-top--front .ad-mast:lang(en) .ad-no b{font-size:1.15rem}
	.ad-top--front .ad-word:lang(en){font-size:clamp(1.5rem,.9rem + 3.6vw,2.1rem)}
}.ad-desks{border-block-start:2px solid var(--ink);border-block-end:1px solid var(--ink)}
.ad-desks ul{display:flex;flex-wrap:wrap;justify-content:center;gap:0 1.6rem;list-style:none;padding-block:.35rem}
.ad-desks a{display:inline-block;padding-block:.35rem;font-family:var(--disp);font-weight:700;font-size:calc(1.0625rem * var(--ks));text-decoration:none;color:var(--ink)}
.ad-desks a:hover,.ad-desks a[aria-current]{color:var(--ox);text-decoration:underline;text-decoration-color:var(--brass);text-decoration-thickness:2px}

/* ---------------------------------------------------------------- shared bits */
.ad-kick{display:flex;flex-wrap:wrap;align-items:baseline;gap:.15rem .85rem;margin:0;font-family:var(--disp);font-size:calc(.9375rem * var(--ks));font-weight:500;color:var(--ink2);line-height:1.6}
.ad-kick a{color:var(--ink2);text-decoration:none}
.ad-kick a:first-child{color:var(--ox);font-weight:600}
.ad-kick a:hover{text-decoration:underline}
.ad-kick a:lang(en){font-variant-caps:all-small-caps;letter-spacing:.05em;font-size:1.06em}
.ad-by{margin:0;font-family:var(--disp);font-size:calc(.9375rem * var(--ks));color:var(--ink2)}
.ad-pic{display:block}
.ad-pic img,.ad-cover img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;background:var(--sheet)}
.ad-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.2rem 1rem;margin-block-end:1rem;padding-block-end:.45rem;border-block-end:2px solid var(--ink)}
.ad-head h2{font-size:calc(1.45rem * var(--k))}
.ad-head p{margin:0;font-family:var(--disp);font-size:calc(.9375rem * var(--ks));color:var(--ink2)}
.ad-head p a{color:var(--ox)}
.ad-note,.ad-empty{padding:.8rem 1rem;background:var(--sheet);border-inline-start:3px solid var(--brass);font-size:.95em}
.ad-eyebrow{margin:0 0 .3rem;font-family:var(--disp);font-weight:600;font-size:calc(.9375rem * var(--ks));color:var(--ox)}
.ad-btn,button{display:inline-block;min-height:2.9rem;padding:.6rem 1.25rem;font:600 1rem/1.6 var(--disp);color:var(--paper);background:var(--ox);border:0;border-radius:2px;text-decoration:none;cursor:pointer}
.ad-btn:hover,button:hover{background:var(--ox-deep);color:var(--paper)}

/* ---------------------------------------------------------------- lead story */
.ad-lede{display:grid;gap:1.1rem;margin-block:0 2.25rem}
.ad-lede h2{font-size:calc(clamp(1.5rem,1.1rem + 1.4vw,2.3rem) * var(--k));line-height:var(--hl);margin-block:.35rem .7rem}
.ad-lede h2 a{text-decoration:none;color:var(--ink)}
.ad-lede h2 a:hover{color:var(--ox)}
.ad-lede>div>p:not([class]){font-size:1.06em;line-height:1.85;margin-block-end:.8rem}
.ad-lede--text{border-block-end:1px solid var(--rule);padding-block-end:1.5rem}
@media (min-width:900px){
	.ad-lede{grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:2.5rem;align-items:center}
	.ad-lede>div{grid-column:1;grid-row:1}
	.ad-lede .ad-pic{grid-column:2;grid-row:1}
	.ad-lede--text{grid-template-columns:minmax(0,1fr)}
	.ad-lede--text>div{max-width:48rem}
}

/* ---------------------------------------------------------------- services strip */
.ad-svc{display:grid;gap:1.1rem 2.5rem;margin-block:0 2.5rem;padding:1.1rem 1.1rem .9rem;background:var(--sheet);border-block-start:3px solid var(--brass)}
.ad-svc h2{font-size:calc(1rem * var(--ks));font-weight:700;margin-block-end:.55rem}
.ad-svc h2 span{font-weight:400;color:var(--ink2)}
.ad-pray ol{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));list-style:none;border-block:1px solid var(--rule);background:var(--paper)}
.ad-pray li{display:grid;justify-items:center;align-content:start;gap:.1rem;padding:.55rem .15rem .6rem;text-align:center;border-inline-start:1px solid var(--rule)}
.ad-pray li:first-child{border-inline-start:0}
.ad-pray li span{font-family:var(--disp);font-size:calc(.8125rem * var(--ks));line-height:1.5;color:var(--ink2)}
.ad-pray time{font:600 1.18rem/1.25 var(--serif)}
.ad-pray li[data-next]{box-shadow:inset 0 -3px 0 var(--ox)}
.ad-pray li[data-next] span{color:var(--ox);font-weight:600}
.ad-sky .ad-temp{display:flex;align-items:center;gap:.55rem;margin:0 0 .3rem;font-family:var(--disp);font-size:1rem}
.ad-temp svg{flex:none;color:var(--ox)}
.ad-temp b{font:600 2.2rem/1 var(--serif)}
.ad-sky p:not([class]){margin:0;font-family:var(--disp);font-size:calc(.875rem * var(--ks));color:var(--ink2);line-height:1.7}
.ad-src{grid-column:1/-1;margin:0;font-family:var(--disp);font-size:calc(.8125rem * var(--ks));color:var(--ink2)}
.ad-src bdi{font-family:var(--serif)}
@media (min-width:900px){.ad-svc{grid-template-columns:minmax(0,1.9fr) minmax(0,1fr);padding:1.2rem 1.5rem 1rem}}
.ad-svc--line{margin-block:2.5rem}
/* English edition, desktop: the briefing list with prayer, weather and earlier editions in a side column */
@media (min-width:1000px){
	main.ad-home--en{display:grid;grid-template-columns:minmax(0,1fr) 19rem;column-gap:3.5rem;align-items:start;max-width:calc(var(--w) + 2 * var(--g));margin-inline:auto}
	.ad-home--en>*{max-width:none;margin-inline:0}
	.ad-home--en>.ad-sheet{grid-column:1;grid-row:1/span 6}
	.ad-home--en>.ad-svc,.ad-home--en>.ad-days{grid-column:2}
	.ad-home--en .ad-svc{grid-template-columns:minmax(0,1fr);margin-block:.2rem 2rem;padding:1rem 1.1rem}
	.ad-home--en .ad-pray ol{grid-template-columns:minmax(0,1fr);background:none;border:0}
	.ad-home--en .ad-pray li{display:flex;justify-content:space-between;align-items:baseline;padding:.35rem .5rem;border-inline-start:0;border-block-end:1px solid var(--rule)}
	.ad-home--en .ad-pray li span{font-size:.9375rem}
	.ad-home--en .ad-pray li[data-next]{box-shadow:inset 3px 0 0 var(--ox);background:var(--paper)}
	.ad-home--en .ad-days{margin-block:0 2rem}
	.ad-home--en .ad-days ol{grid-auto-flow:row;grid-template-columns:minmax(0,1fr);overflow:visible;gap:.45rem}
	.ad-home--en .ad-days li a{grid-template-columns:2.6rem minmax(0,1fr) auto;justify-items:start;align-items:center;column-gap:.7rem;padding:.4rem .75rem;text-align:start;border-block-start:0;border-inline-start:3px solid var(--brass);border-radius:0 .35rem .35rem 0}
	.ad-home--en .ad-days li a b{grid-column:1;grid-row:1/span 2;font-size:1.6rem}
	.ad-home--en .ad-days li a span{grid-column:2}
	.ad-home--en .ad-days li a small{grid-column:3;grid-row:1/span 2;margin:0}
	.ad-home--en .ad-brief>li:has(.ad-pic){grid-template-columns:minmax(0,1fr) minmax(0,21rem)}
}
.ad-home--en .ad-head h2{font-size:clamp(1.45rem,1.2rem + .8vw,1.8rem)}

/* ---------------------------------------------------------------- the day's stories by desk */
.ad-sheet{margin-block:0 2.5rem}
.ad-toc{columns:2 24rem;column-gap:3rem}
.ad-toc section{break-inside:avoid;margin-block-end:1.6rem}
.ad-toc h3{font-size:calc(1.0625rem * var(--ks));font-weight:700;color:var(--ox);padding-block-end:.3rem;border-block-end:1px solid var(--brass)}
.ad-toc h3 a{color:inherit;text-decoration:none}
.ad-toc h3 a:hover{text-decoration:underline}
.ad-toc ol{list-style:none}
.ad-toc li{display:grid;grid-template-columns:2rem minmax(0,1fr) auto;column-gap:.7rem;align-items:baseline;padding-block:.55rem;border-block-end:1px solid var(--rule)}
.ad-toc li>span{font:600 1rem/1 var(--serif);color:var(--ox);font-variant-numeric:tabular-nums lining-nums}
.ad-toc li>a{font-weight:700;font-size:calc(1rem * var(--k));line-height:1.6;text-decoration:none;color:var(--ink)}
.ad-toc li>a:hover{color:var(--ox);text-decoration:underline}
.ad-toc li>time{font-family:var(--serif);font-size:.875rem;color:var(--ink2)}

/* plain lists: latest news, yesterday, months */
.ad-rows{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,20rem),1fr));column-gap:2.5rem}
.ad-rows li{display:grid;gap:.15rem;padding-block:.7rem;border-block-end:1px solid var(--rule)}
.ad-rows a{font-weight:700;line-height:1.6;text-decoration:none;color:var(--ink)}
.ad-rows a:hover{color:var(--ox);text-decoration:underline}
.ad-rows span{font-family:var(--disp);font-size:calc(.8125rem * var(--ks));color:var(--ink2)}
.ad-yday .ad-rows a{font-size:.95em}

/* ---------------------------------------------------------------- previous editions (index tabs) */
.ad-days{margin-block:3rem 1.5rem}
.ad-days h2{font-size:calc(1.25rem * var(--k));margin-block-end:.9rem}
.ad-days ol{display:grid;grid-auto-flow:column;grid-auto-columns:7.5rem;justify-content:start;gap:.6rem;list-style:none;overflow-x:auto;padding-block-end:.4rem;scroll-snap-type:x proximity}
.ad-days--grid ol{grid-auto-flow:row;grid-template-columns:repeat(auto-fill,7.5rem);overflow:visible}
.ad-days li{scroll-snap-align:start}
.ad-days li a{display:grid;justify-items:center;gap:.05rem;padding:.55rem .4rem .7rem;height:100%;text-align:center;text-decoration:none;color:var(--ink);background:var(--sheet);border-block-start:3px solid var(--brass);border-radius:.5rem .5rem 0 0}
.ad-days li a:hover{border-color:var(--ox);background:#EFE7D8;color:var(--ink)}
.ad-days li a span{font-family:var(--disp);font-size:calc(.875rem * var(--ks));line-height:1.5}
.ad-days li a b{font:600 2.1rem/1.1 var(--serif);color:var(--ox)}
.ad-days li a small{margin-block-start:.2rem;font-family:var(--disp);font-size:calc(.75rem * var(--ks));color:var(--ink2)}
.ad-days>p{margin:.9rem 0 0;font-family:var(--disp);font-size:calc(.9375rem * var(--ks))}
.ad-days>p a{color:var(--ox)}

/* ---------------------------------------------------------------- English briefing list */
.ad-brief{list-style:none;counter-reset:brief}
.ad-brief>li{counter-increment:brief;display:grid;gap:1rem;padding-block:1.1rem;border-block-end:1px solid var(--rule)}
.ad-brief>li:first-child{padding-block-start:.25rem}
.ad-brief article{display:grid;grid-template-columns:2.4rem minmax(0,1fr);column-gap:.5rem}
.ad-brief article::before{content:counter(brief);grid-row:1/span 3;font:600 1.6rem/1.15 var(--serif);color:var(--ox)}
.ad-brief h3{font-size:1.32rem;font-weight:600;line-height:1.25;margin-block:.15rem .35rem}
.ad-brief h3 a{text-decoration:none;color:var(--ink)}
.ad-brief h3 a:hover{color:var(--ox);text-decoration:underline}
.ad-brief article>p:last-child{margin:0;color:var(--ink2)}
.ad-brief>li:first-child h3{font-size:clamp(1.5rem,1.2rem + 1vw,2rem)}
@media (min-width:860px){
	.ad-brief>li:has(.ad-pic){grid-template-columns:minmax(0,1fr) minmax(0,27.5rem);column-gap:2rem;align-items:center}
	.ad-brief>li:has(.ad-pic) .ad-pic{grid-column:2;grid-row:1}
	.ad-brief>li:has(.ad-pic) article{grid-column:1;grid-row:1}
}
.ad-all{margin:1rem 0 0;font-weight:600}
.ad-all a{color:var(--ox)}

/* ---------------------------------------------------------------- archives */
.ad-head2{margin-block:.5rem 1.75rem;padding-block-end:.9rem;border-block-end:2px solid var(--ink)}
.ad-head2 h1{font-size:calc(clamp(1.7rem,1.3rem + 1.7vw,2.6rem) * var(--k))}
.ad-head2>p{margin:.35rem 0 0;font-family:var(--disp);color:var(--ink2);font-size:calc(.9375rem * var(--ks))}
.ad-edhead h1{color:var(--ink)}
.ad-dayg{margin-block-end:2.25rem}
.ad-dayg>h2{font-size:calc(1.0625rem * var(--ks));font-weight:600;padding-block-end:.3rem;border-block-end:1px solid var(--brass)}
.ad-dayg>h2 a{text-decoration:none;color:var(--ink)}
.ad-dayg>h2 a:hover{color:var(--ox)}
.ad-dayg ul{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,21rem),1fr));column-gap:2.5rem}
.ad-dayg li{padding-block:.95rem;border-block-end:1px solid var(--rule)}
.ad-dayg h3{font-family:var(--text);font-size:calc(1.06rem * var(--k));margin-block-end:.3rem}
.ad-dayg h3:lang(en){font-weight:600}
.ad-dayg h3 a{text-decoration:none;color:var(--ink)}
.ad-dayg h3 a:hover{color:var(--ox);text-decoration:underline}
.ad-dayg article>p:not([class]){margin:0 0 .35rem;color:var(--ink2);font-size:.93em;line-height:1.75}
.ad-dayg .ad-kick{font-size:calc(.8125rem * var(--ks))}
.ad-dayg .ad-first{grid-column:1/-1;display:grid;gap:1rem}
@media (min-width:860px){
	.ad-dayg .ad-first{grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:2.5rem;align-items:center}
	.ad-dayg .ad-first .ad-pic{grid-column:2;grid-row:1}
	.ad-dayg .ad-first article{grid-column:1;grid-row:1}
	.ad-dayg .ad-first h3{font-size:calc(clamp(1.35rem,1.1rem + .9vw,1.8rem) * var(--k))}
}
.ad-pager{display:flex;justify-content:space-between;gap:1rem;margin-block:1.5rem 2.5rem;padding-block-start:1rem;border-block-start:1px solid var(--rule)}
.ad-head2+.ad-pager{margin-block-start:-.5rem;padding-block-start:0;border:0}
.ad-gone .ad-head2>p:not(:last-child),.ad-find-page .ad-head2>p:not(:last-child){font-family:var(--text);font-size:1.05em;line-height:1.8;color:var(--ink)}
.ad-pager p{margin:0}
.ad-pager a{display:inline-grid;padding:.55rem 1rem;border:1px solid var(--ink);font-family:var(--disp);font-size:calc(.9375rem * var(--ks));line-height:1.5;text-decoration:none;color:var(--ink);background:var(--paper)}
.ad-pager a:hover{border-color:var(--ox);color:var(--ox)}
.ad-pager a span{font-size:.75rem;color:var(--ox)}

/* ---------------------------------------------------------------- story and page */
.ad-story{max-width:44rem;margin-inline:auto}
.ad-story>header{margin-block:.5rem 1.4rem}
.ad-story h1{font-size:calc(clamp(1.65rem,1.2rem + 1.9vw,2.6rem) * var(--k));margin-block:.45rem .8rem}
.ad-story h1:lang(en){line-height:1.18;font-weight:600}
.ad-dek{font-size:1.12em;color:var(--ink2);line-height:1.8}
.ad-by span+span::before{content:"·";margin-inline:.5rem}
.ad-cover{margin:0 0 1.8rem}
.ad-cover figcaption{padding-block-start:.5rem;font-family:var(--disp);font-size:calc(.8125rem * var(--ks));color:var(--ink2);line-height:1.6}
@media (min-width:1080px){.ad-single .ad-cover{margin-inline:-6rem}}
.ad-body{overflow-wrap:break-word}
@media (min-width:900px){.ad-body:lang(ar){font-size:1.3125rem}}
.ad-body p{margin:0 0 1.05em}
.ad-body h2{font-size:calc(1.3rem * var(--k));margin-block:1.8em .55em}
.ad-body h3{font-size:calc(1.12rem * var(--k));margin-block:1.5em .45em}
.ad-body ul,.ad-body ol{padding-inline-start:1.3em;margin-block:0 1.15em}
.ad-body li{margin-block-end:.35em;padding-inline-start:.2em}
.ad-body li::marker{color:var(--ox)}
.ad-body a{color:var(--ox);text-underline-offset:.32em}
.ad-body a:hover{color:var(--ox-deep);text-decoration-thickness:2px}
.ad-body blockquote{margin:1.6em 0;padding:.2em 1.1em;border-inline-start:3px solid var(--brass);color:var(--ink2);font-size:1.06em}
.ad-body blockquote p:last-child{margin:0}
.ad-body table{width:100%;border-collapse:collapse;margin-block:1.2em;font-size:.92em;display:block;overflow-x:auto}
.ad-body th,.ad-body td{padding:.45em .6em;border-block-end:1px solid var(--rule);text-align:start}
.ad-body img{display:block;margin-block:1.2em}
.ad-story-foot{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;margin-block:2.2rem 0;padding-block-start:.9rem;border-block-start:2px solid var(--ink);font-family:var(--disp);font-size:calc(.9375rem * var(--ks))}
.ad-story-foot a{color:var(--ox);text-decoration:none}
.ad-story-foot a:hover{text-decoration:underline}
.ad-more{margin-block:3rem 1rem}
.ad-more>h2,.ad-other>h2{font-size:calc(1.2rem * var(--k));padding-block-end:.4rem;margin-block-end:.4rem;border-block-end:2px solid var(--ink)}
.ad-other{max-width:44rem;margin:2.5rem auto 1rem;padding:1rem 1.2rem;background:var(--sheet)}
.ad-other>h2{font-size:1rem;border-block-end-width:1px}
.ad-other ul{list-style:none}
.ad-other li{padding-block:.45rem;border-block-end:1px solid var(--rule)}
.ad-other li a{text-decoration:none;font-weight:600}
.ad-other li a:hover{text-decoration:underline}
.ad-other ul:lang(en){font-family:var(--serif);font-size:1rem;line-height:1.45}
.ad-other ul:lang(ar){font-family:var(--naskh);font-size:1.15rem;line-height:1.7}
.ad-other p{margin:.7rem 0 0;font-size:.9375rem}
.ad-other p a{color:var(--ox)}
.ad-page .ad-story{max-width:42rem}

/* ---------------------------------------------------------------- the service card (What / From when / Who / Where) */
.ad-card{margin:2em 0;padding:1rem 1.1rem 1.15rem;background:var(--sheet);border-block-start:4px solid var(--ox)}
.ad-body .ad-card h2{margin:0 0 .8rem;font-size:calc(1.08rem * var(--k));color:var(--ox)}
.ad-card dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:0;background:var(--rule);border:1px solid var(--rule)}
.ad-card dl>div{padding:.75rem .95rem .85rem;background:var(--paper)}
.ad-card dl>div:last-child:nth-child(odd){grid-column:1/-1}
.ad-card dt{display:flex;align-items:center;gap:.45rem;margin-block-end:.3rem;font-family:var(--disp);font-weight:600;font-size:calc(.8125rem * var(--ks));color:var(--ox);line-height:1.4}
.ad-card dt::before{content:"";flex:none;width:.5rem;height:.5rem;background:var(--brass)}
.ad-card dd{margin:0;font-size:.98em;line-height:1.75}
.ad-card>p{margin:.75rem 0 0;font-size:.92em;color:var(--ink2)}
@media (max-width:560px){.ad-card dl{grid-template-columns:minmax(0,1fr)}}

/* ---------------------------------------------------------------- forms */
.ad-find{margin-block:1rem .5rem}
.ad-find label{display:block;margin-block-end:.4rem;font-family:var(--disp);font-weight:600;font-size:calc(.9375rem * var(--ks))}
.ad-find span{display:flex;gap:.5rem;max-width:34rem}
.ad-find input,.ad-form input,.ad-form select,.ad-form textarea{display:block;width:100%;min-width:0;min-height:2.9rem;padding:.55rem .75rem;font:inherit;font-size:1rem;line-height:1.5;color:var(--ink);background:#fff;border:1px solid var(--ink2);border-radius:2px}
.ad-find input{flex:1}
.ad-form{max-width:38rem;margin-block:1.5rem 2rem;padding:1.2rem 1.2rem .4rem;background:var(--sheet);border-block-start:3px solid var(--brass)}
.ad-form p{margin:0 0 1rem}
.ad-form label{display:block;margin-block-end:.35rem;font-family:var(--disp);font-weight:600;font-size:calc(.9375rem * var(--ks));line-height:1.5}
.ad-form textarea{min-height:10rem;resize:vertical}
.ad-form [aria-invalid]{border-color:var(--ox);box-shadow:0 0 0 1px var(--ox)}
.ad-err{display:block;margin-block-start:.3rem;font-family:var(--disp);font-size:calc(.875rem * var(--ks));color:var(--ox);font-weight:600}
p.ad-err{padding:.6rem .8rem;background:var(--paper);border-inline-start:3px solid var(--ox)}
.ad-trap{position:absolute!important;inset-inline-start:-9999px;width:1px;height:1px;overflow:hidden}
.ad-form--done{padding-block-end:1rem}
.ad-form--done p{margin:0}

/* ---------------------------------------------------------------- footer */
.ad-foot{margin-block-start:3rem;padding-block:2.25rem 1.5rem;background:var(--sheet);border-block-start:3px solid var(--ink)}
.ad-foot>div{display:grid;gap:1.75rem 2.5rem}
.ad-foot .ad-word{margin-block-end:.4rem}
.ad-foot .ad-word img{width:11rem;margin:0}
.ad-foot .ad-word:lang(en){font-size:1.6rem}
.ad-foot-id p:not([class]){margin:0 0 .4rem;max-width:30rem;font-size:.95em;line-height:1.75;color:var(--ink2)}
.ad-foot h2{font-size:calc(.9375rem * var(--ks));font-weight:600;margin-block-end:.45rem;color:var(--ox)}
.ad-foot ul{list-style:none}
.ad-foot li{padding-block:.2rem}
.ad-foot nav a{font-family:var(--disp);font-size:calc(.9375rem * var(--ks));text-decoration:none;color:var(--ink)}
.ad-foot nav a:hover,.ad-foot nav a[aria-current]{color:var(--ox);text-decoration:underline}
.ad-copy{grid-column:1/-1;margin:0;padding-block-start:1rem;border-block-start:1px solid var(--rule);font-family:var(--disp);font-size:calc(.8125rem * var(--ks));color:var(--ink2)}
@media (min-width:800px){.ad-foot>div{grid-template-columns:minmax(0,2fr) repeat(3,minmax(0,1fr))}}

/* ---------------------------------------------------------------- small screens, motion, print */
@media (max-width:699px){
	.ad-bar{gap:1.1rem}
	.ad-folio{font-size:.875rem;gap:0 .8rem}
	.ad-folio>*+*::before{margin-inline-end:.8rem}
	.ad-desks ul{gap:0 1.1rem}
	.ad-desks a{font-size:1rem}
	.ad-pray li span{font-size:.75rem}
	.ad-pray time{font-size:1.02rem}
	.ad-toc li{grid-template-columns:1.6rem minmax(0,1fr) auto;column-gap:.55rem}
	.ad-brief article{grid-template-columns:2rem minmax(0,1fr)}
}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media print{
	.ad-bar,.ad-desks,.ad-days,.ad-svc,.ad-more,.ad-other,.ad-foot nav,.ad-pager,.ad-find{display:none}
	body{background:#fff}
	a{text-decoration:none}
}