/* Taharra Documents — styles are isolated from the media center and news. */
.td-section { --td-navy:#082B63; --td-cyan:#18C4D4; width:100%; margin:0; padding:55px 2.5%; box-sizing:border-box; background:#f5f7fa; color:var(--td-navy); font-family:inherit; }
.td-section *, .td-section *::before, .td-section *::after { box-sizing:border-box; }
.td-section [hidden] { display:none !important; }
.td-section .td-inner { width:100%; max-width:1600px; margin:0 auto; min-width:0; }
.td-section .td-head { text-align:start; margin:0 0 30px; }
.td-section .td-eyebrow { color:#008c9c; font-size:13px; font-weight:600; }
.td-section .td-head h2 { color:var(--td-navy); margin:8px 0 10px; font-size:clamp(28px,3vw,40px); line-height:1.4; font-weight:700; }
.td-section .td-head p { color:#526781; font-size:16px; line-height:1.8; margin:0; }
.td-section .td-head::after { content:''; display:block; width:70px; height:3px; background:var(--td-cyan); margin-top:20px; }
.td-section .td-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; }
.td-section .td-card { min-width:0; padding:23px 20px 20px; background:#fff; border:1px solid #eaf0f5; border-radius:15px; display:flex; flex-direction:column; align-items:center; box-shadow:0 10px 30px #102b5709; }
.td-section .td-cover-wrap { width:100%; padding:5px 13px 13px; }
.td-section .td-cover { position:relative; aspect-ratio:3/4; width:100%; isolation:isolate; }
.td-section .td-cover::before,.td-section .td-cover::after { content:''; position:absolute; inset:0; background:#fff; border:1px solid #e1e6eb; z-index:-1; box-shadow:0 3px 6px #082b6310; }
.td-section .td-cover::before { transform:translate(-7px,7px) rotate(-2deg); }
.td-section .td-cover::after { transform:translate(-3px,4px) rotate(-1deg); }
.td-section .td-cover img { display:block; width:100%; height:100%; object-fit:contain; background:#fff; box-shadow:0 5px 13px #082b6320; border:0; border-radius:0; }
.td-section .td-cover-auto { width:100%; height:100%; display:flex; flex-direction:column; justify-content:space-between; padding:24px 20px; overflow:hidden; position:relative; background:linear-gradient(145deg,#123e79,#082653); color:#fff; box-shadow:0 5px 13px #082b6320; }
.td-section .td-cover-auto::after { content:''; width:150%; aspect-ratio:1; border:35px solid #18c4d4; opacity:.75; position:absolute; bottom:-65%; inset-inline-end:-70%; border-radius:50%; }
.td-section .td-cover-auto span { position:relative; z-index:1; font-size:12px; line-height:1.6; }
.td-section .td-cover-auto strong { position:relative; z-index:1; font-size:clamp(18px,1.65vw,27px); line-height:1.6; overflow-wrap:anywhere; }
.td-section .td-cover-auto i { width:35px; height:3px; background:#18c4d4; margin-bottom:30%; }
.td-section .td-card-title { color:var(--td-navy); font-size:17px; line-height:1.7; text-align:center; margin:16px 0 9px; font-weight:700; overflow-wrap:anywhere; }
.td-section .td-badge { color:#304b70; font-size:11px; line-height:1.6; padding:3px 9px; background:#edf2f7; border-radius:6px; margin:0 0 18px; }
.td-section .td-card-actions { display:flex; gap:10px; width:100%; margin-top:auto; }
.td-section .td-btn { appearance:none; font-family:inherit; display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:44px; padding:10px 15px; margin:0; border:1px solid var(--td-navy); border-radius:8px; background:var(--td-navy); color:#fff; text-decoration:none; font-size:13px; font-weight:600; line-height:1.5; cursor:pointer; box-shadow:none; }
.td-section .td-card-actions .td-btn { flex:1; padding:10px 6px; }
.td-section .td-download { border-color:#009cad; color:#007c8a; background:#fff; }
.td-section .td-btn:hover { background:#123e79; color:#fff; border-color:#123e79; text-decoration:none; }
.td-section .td-download:hover { background:#e8f9fb; color:#006c79; border-color:#008c9c; }
.td-section :is(a,button,input,select):focus-visible { outline:3px solid #008c9c; outline-offset:3px; }
.td-section .td-footer { display:flex; justify-content:center; margin-top:30px; }
.td-section .td-all { min-width:240px; background:transparent; color:var(--td-navy); }
.td-section .td-carousel-nav { display:none; }
.td-section .td-filters { display:flex; gap:12px; flex-wrap:wrap; margin-bottom:20px; }
.td-section .td-filters input,.td-section .td-filters select { min-width:0; min-height:46px; border:1px solid #ccd7e2; border-radius:8px; background:#fff; color:var(--td-navy); padding:10px 14px; font:inherit; font-size:14px; }
.td-section .td-filters input { flex:2 1 240px; }
.td-section .td-filters select { flex:1 1 190px; }
.td-section .td-clear { background:transparent; color:var(--td-navy); }
.td-section .td-status { color:#526781; font-size:14px; line-height:1.8; }
.td-section .td-status:empty { display:none; }
.td-section button:disabled { opacity:.4; cursor:default; }
.td-section .td-dialog { width:min(1100px,94vw); max-width:94vw; height:90vh; height:90dvh; max-height:94dvh; padding:0; border:0; border-radius:14px; background:#f5f7fa; color:var(--td-navy); margin:auto; box-shadow:0 25px 90px #0005; }
.td-section .td-dialog[open] { display:flex; flex-direction:column; }
.td-section .td-dialog::backdrop { background:#031129c9; }
.td-section .td-dialog-bar { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:12px 18px; background:var(--td-navy); color:white; }
.td-section .td-dialog-title { font-size:16px; line-height:1.6; }
.td-section .td-close { flex-shrink:0; display:grid; place-items:center; width:44px; height:44px; padding:0; border:1px solid #ffffff60; border-radius:8px; background:transparent; color:white; font-size:28px; cursor:pointer; }
.td-section .td-dialog-links { display:flex; gap:22px; padding:12px 18px 4px; flex-wrap:wrap; }
.td-section .td-dialog-links a { color:var(--td-navy); text-decoration:underline; font-size:14px; min-height:32px; display:inline-flex; align-items:center; }
.td-section .td-preview-hint { padding:0 18px; margin:4px 0 12px; font-size:12px; line-height:1.6; color:#526781; }
.td-section .td-frame { border:0; width:100%; flex:1; min-height:0; background:#e4e8ed; }
@media(max-width:1100px) {
 .td-section { padding:45px 3%; }
 .td-section .td-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .td-section .td-cover-wrap { max-width:300px; }
}
@media(max-width:700px) {
 .td-section { padding:35px 18px; }
 .td-section .td-head { margin-bottom:24px; }
 .td-section .td-head h2 { font-size:28px; }
 .td-section .td-head p { font-size:14px; }
 .td-section .td-grid { grid-template-columns:minmax(0,1fr); gap:16px; }
 .td-section .td-track { display:flex; overflow-x:auto; overflow-y:hidden; scroll-snap-type:x mandatory; scrollbar-width:none; gap:16px; padding:3px 0 14px; }
 .td-section .td-track::-webkit-scrollbar { display:none; }
 .td-section .td-track .td-card { flex:0 0 87%; scroll-snap-align:start; }
 .td-section .td-track .td-card:only-child { flex-basis:100%; }
 .td-section .td-card { padding:20px 16px 18px; }
 .td-section .td-cover-wrap { max-width:270px; }
 .td-section .td-cover-auto strong { font-size:24px; }
 .td-section .td-carousel-nav { display:block; text-align:center; margin-top:4px; }
 .td-section .td-carousel-nav p { color:#526781; font-size:12px; margin:0 0 10px; }
 .td-section .td-carousel-controls { display:flex; align-items:center; justify-content:center; gap:14px; }
 .td-section .td-arrow { width:44px; height:44px; border:1px solid #cfdae7; border-radius:50%; padding:0; display:grid; place-items:center; background:#fff; color:var(--td-navy); font-size:22px; cursor:pointer; }
 .td-section[dir="rtl"] .td-arrow span { transform:rotate(180deg); }
 .td-section .td-dots { display:flex; gap:0; align-items:center; }
 .td-section .td-dot { width:30px; height:44px; border:0; background:transparent; padding:0; display:grid; place-items:center; cursor:pointer; }
 .td-section .td-dot::after { content:''; width:7px; height:7px; border-radius:10px; background:#b5c3d5; }
 .td-section .td-dot[aria-current="true"]::after { width:21px; background:#009cad; }
 .td-section .td-filters input,.td-section .td-filters select { flex-basis:100%; width:100%; }
 .td-section .td-filters .td-btn { flex:1; }
 .td-section .td-dialog { width:100%; max-width:100%; height:100vh; height:100dvh; max-height:100dvh; border-radius:0; }
 .td-section .td-dialog-bar { padding:10px 14px; }
 .td-section .td-dialog-title { font-size:14px; }
}
@media(prefers-reduced-motion:reduce) { .td-section .td-track { scroll-behavior:auto; } }