@font-face{font-family:TB2;src:url('/assets/fonts/Tajawal.woff2') format('woff2');font-weight:100 900;font-display:swap}@font-face{font-family:TB2Heading;src:url('/assets/fonts/Cairo-700.woff2') format('woff2');font-weight:700;font-display:swap}
:root{--p2-ink:#163c35;--p2-accent:#aa7b37;--p2-paper:#f7f5ed;--p2-soft:#e9eee8;--p2-shadow:0 12px 35px #183d3510;--p2-line:#d9dfd7;--p2-image:url('/assets/research-reading-room.webp')}
html[data-world="arabic"]{--p2-ink:#783d30;--p2-accent:#b37540;--p2-paper:#fbf5eb;--p2-soft:#f2e4d4;--p2-line:#e6d3c1;--p2-image:url('/assets/phase2/arabic.webp')}
html[data-world="research"]{--p2-ink:#203954;--p2-accent:#aa814a;--p2-paper:#f3f5f7;--p2-soft:#e2e9f0;--p2-line:#d2dce6;--p2-image:url('/assets/research-reading-room.webp')}
body{margin:0;padding-bottom:85px!important;background-color:var(--p2-paper)!important;color:var(--p2-ink);font-family:TB2,Arial,sans-serif!important;line-height:1.7}body[data-p2-page] *{box-sizing:border-box}a{color:inherit}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #c48f3d!important;outline-offset:4px}body[data-p2-page] button{cursor:pointer}body[data-p2-page] h1,body[data-p2-page] h2,body[data-p2-page] h3{font-family:TB2Heading,TB2,Arial;line-height:1.65}body[data-p2-page] h1{font-size:clamp(2rem,4vw,3.6rem);margin:15px 0}body[data-p2-page] h2{font-size:clamp(1.3rem,2.5vw,2rem);margin:0 0 14px}body[data-p2-page] p{margin:0 0 16px}
.p2-skip{position:fixed;top:-100px;z-index:10000;background:#fff;padding:15px}.p2-skip:focus{top:8px}.p2-header{background:#fffcf4f5;border-bottom:1px solid var(--p2-line);min-height:88px;display:flex;align-items:center;gap:24px;padding:14px max(22px,calc((100vw - 1240px)/2));position:relative;z-index:100}.p2-logo{display:flex;align-items:center;gap:10px;text-decoration:none;min-width:145px}.p2-logo img{width:42px;height:42px}.p2-logo strong{display:block;font-family:TB2Heading;font-size:24px;line-height:1.2}.p2-logo small{font:10px Arial;letter-spacing:3px;display:block;margin-top:6px}.p2-nav{display:flex;gap:22px;align-items:center;flex:1}.p2-nav a{text-decoration:none;font-weight:700;font-size:15px}.p2-nav a:hover{color:var(--p2-accent)}.p2-lang{border:1px solid var(--p2-line);padding:7px 12px;border-radius:30px;text-decoration:none;white-space:nowrap}.p2-menu-btn{display:none;background:transparent;border:1px solid var(--p2-line);padding:5px 12px;border-radius:5px}
#p2-main{max-width:1240px;margin:auto;padding:35px 24px 65px}.p2-eyebrow{font-size:12px;letter-spacing:1.4px;font-weight:800;color:var(--p2-accent);text-transform:uppercase}.p2-hero{position:relative;overflow:hidden;isolation:isolate;min-height:475px;border-radius:6px 6px 110px 6px;padding:50px;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;background:#123d35;color:#fff}.p2-hero:before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#102f32aa,#0a302eea 65%),url('/assets/phase2/knowledge-hero.webp') center/cover}.p2-hero:after{content:"";position:absolute;width:300px;height:420px;border:1px solid #ddbb7555;border-radius:50% 50% 0 0;inset-inline-end:60px;bottom:-60px;z-index:-1}.p2-hero .p2-eyebrow{color:#efd6a2}.p2-hero p{max-width:620px;font-size:19px;color:#e4eadf}.p2-hero-art{position:relative;min-height:325px;align-self:stretch;display:flex;align-items:center;justify-content:center}.p2-hero-art img{width:90%;height:330px;object-fit:cover;border-radius:48% 48% 4px 4px;border:5px solid #d8be8366;box-shadow:var(--p2-shadow)}.p2-hero-art span{position:absolute;bottom:5px;inset-inline-end:0;padding:12px 24px;background:#fff9e9;color:#234637;border-radius:4px}.p2-actions{display:flex;gap:12px;flex-wrap:wrap;margin:25px 0}.p2-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--p2-ink);color:white;border:1px solid var(--p2-ink);border-radius:5px;padding:10px 20px;font-weight:700;text-decoration:none;min-height:44px}.p2-btn.gold{background:#d9b46e;color:#173f35;border-color:#d9b46e}.p2-btn.light{background:transparent;color:var(--p2-ink);border-color:var(--p2-line)}.p2-hero .p2-btn.light{color:white;border-color:#ffffff60}.p2-section{margin-top:48px}.p2-section-head{display:flex;gap:18px;justify-content:space-between;align-items:end;margin-bottom:22px}.p2-section-head p{max-width:560px;color:#617267}.p2-worlds{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.p2-world{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:end;min-height:375px;padding:28px;color:white;text-decoration:none;border-radius:80px 80px 5px 5px;background:#183e36;isolation:isolate;transition:transform .25s}.p2-world:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#102e2df5,transparent 100%),var(--image) center/cover;z-index:-1;transition:transform .5s}.p2-world:hover{transform:translateY(-6px)}.p2-world:hover:before{transform:scale(1.04)}.p2-world h3{font-size:26px;margin:4px 0}.p2-world p{color:#f3ede0;line-height:1.6}.p2-world small{color:#edcd91;letter-spacing:1px}.p2-arrow{border:1px solid #fff7;border-radius:50%;height:38px;width:38px;display:grid;place-items:center;align-self:flex-end}.p2-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.p2-card{padding:24px;border:1px solid var(--p2-line);border-radius:8px;background:#fffdf8;box-shadow:var(--p2-shadow);min-width:0;overflow-wrap:anywhere}.p2-card h3{margin:10px 0;font-size:20px}.p2-card a{font-weight:700;text-underline-offset:5px}.p2-icon{width:48px;height:48px;display:grid;place-items:center;background:var(--p2-soft);color:var(--p2-ink);border-radius:50%;font:28px Georgia}.p2-band{display:flex;flex-wrap:wrap;gap:18px;align-items:center;padding:24px 30px;background:var(--p2-soft);border-inline-start:4px solid var(--p2-accent);margin:30px 0}.p2-band>*{margin:0}.p2-band .p2-actions{margin:0;margin-inline-start:auto}.p2-lead{max-width:800px;font-size:19px;color:#60716b}.p2-studio{display:grid;grid-template-columns:340px minmax(0,1fr);gap:24px;margin-top:24px;align-items:start}.p2-controls{display:grid;gap:14px}.p2-field{display:grid;gap:5px;font-weight:700}.p2-field input,.p2-field select,.p2-field textarea,.p2-input{padding:11px 12px;border:1px solid #aebdb2;border-radius:5px;background:#fff;color:#203d35;width:100%;min-height:44px}.p2-field textarea{min-height:100px;resize:vertical}.p2-status{padding:12px 0;white-space:pre-line}.p2-status:empty{display:none}.p2-alert{border-inline-start:3px solid #ad742d;padding:14px;background:#faf1dc;line-height:1.6;color:#684619}.p2-preview{min-height:430px;padding:25px;border:1px solid var(--p2-line);border-radius:8px;background:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;overflow:auto;position:relative}.p2-preview iframe{width:100%;min-height:550px;border:0}.p2-preview svg,.p2-preview canvas{max-width:100%;height:auto}.p2-article{max-width:820px;margin:auto;background:#fffefa;padding:35px;border:1px solid var(--p2-line)}.p2-article p{font-size:19px}.p2-article h3{margin-top:30px}.p2-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}.p2-tabs a,.p2-tabs button{background:#fff;border:1px solid var(--p2-line);padding:8px 15px;border-radius:30px;text-decoration:none;color:var(--p2-ink)}.p2-tabs .active{background:var(--p2-ink);color:#fff}.p2-empty{padding:20px;background:var(--p2-soft);border-radius:6px}.p2-footer{max-width:1240px;margin:0 auto 30px;padding:30px 24px;border-top:1px solid var(--p2-line);display:flex;gap:20px;justify-content:space-between;flex-wrap:wrap;font-size:14px}.p2-ticker{position:fixed;inset:auto 0 0;z-index:999;display:flex;gap:18px;align-items:center;background:var(--p2-ink);color:#fff;padding:12px 25px;min-height:60px;box-shadow:0 -4px 20px #0001}.p2-ticker-brand{white-space:nowrap;font-family:TB2Heading;border-inline-end:1px solid #ffffff40;padding-inline-end:20px}.p2-tip{flex:1;min-width:0;font-size:15px}.p2-tip strong{color:#efd5a1;margin-inline-end:8px}.p2-ticker button{background:#ffffff12;border:1px solid #ffffff50;color:white;padding:6px 13px;border-radius:4px;cursor:pointer}.p2-tip.p2-change{animation:p2-fade .45s ease}.p2-context{display:flex;gap:16px;flex-wrap:wrap;align-items:center;padding:9px 25px;background:var(--p2-soft);border-bottom:1px solid var(--p2-line);font-size:14px}.p2-context a{text-decoration:none}.premium-nav{background:#fffdf8!important;border-bottom:1px solid var(--p2-line)!important;color:var(--p2-ink)!important;box-shadow:none!important}.premium-nav a{color:var(--p2-ink)}.premium button:not(.nb2-toolbar button),.premium .btn{border-radius:5px}.premium main:not(.tb-public-main) h1,.premium main:not(.tb-public-main) h2{color:var(--p2-ink)}.tb-hero,.premium-hero,.tb-public-hero{border-color:var(--p2-line)!important}.p2-calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin-top:20px}.p2-cal-day{min-height:115px;border:1px solid var(--p2-line);padding:10px;border-radius:5px;background:white}.p2-cal-day.today{border:2px solid var(--p2-accent)}.p2-cal-day small{display:block;color:#6a756c}.p2-event{font-size:12px;display:block;background:var(--p2-soft);padding:3px;margin-top:6px}.p2-timer{width:min(450px,100%);aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;border:12px solid var(--p2-soft);border-top-color:var(--p2-accent);border-radius:50%;background:#f9fbf8;color:var(--p2-ink)}.p2-timer[data-shape="digital"]{border-radius:12px;aspect-ratio:1.6}.p2-timer[data-shape="arch"]{border-radius:50% 50% 8px 8px}.p2-timer-time{font:700 clamp(48px,8vw,80px) TB2Heading;direction:ltr}.p2-progress{height:8px;background:var(--p2-soft);border-radius:8px;overflow:hidden;margin:20px 0}.p2-progress span{display:block;background:var(--p2-accent);height:100%}.p2-quiz label{display:flex;gap:10px;padding:10px;border:1px solid var(--p2-line);margin:8px 0;border-radius:4px}.p2-quiz input{width:auto}.p2-quiz fieldset{border:0;margin:18px 0;padding:0}.p2-quiz legend{font-weight:700}.p2-post-image{width:100%;height:165px;object-fit:cover;border-radius:4px;margin-bottom:15px}.p2-post-day{font-size:13px;color:#68786b}.p2-table{width:100%;border-collapse:collapse;font-size:14px}.p2-table th,.p2-table td{border:1px solid var(--p2-line);padding:10px;text-align:start}.p2-scroll{overflow-x:auto}.p2-check{display:flex;gap:10px;align-items:center}.p2-check input{width:auto}.p2-tick-flash{background:#fff0d8}.p2-rdays{display:grid;grid-template-columns:repeat(10,1fr);gap:6px}.p2-rdays a{padding:10px;background:var(--p2-soft);text-align:center;text-decoration:none;border-radius:4px}.p2-season{background:#ecdfc1;color:#453d2a;text-align:center;padding:10px}.p2-fullscreen .p2-preview:fullscreen{background:var(--p2-paper)}
@keyframes p2-fade{from{opacity:.4;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:900px){.p2-header{gap:12px;padding:12px 20px;flex-wrap:wrap}.p2-menu-btn{display:block;margin-inline-start:auto}.p2-nav{display:none;width:100%;flex-basis:100%;padding:12px 0;flex-wrap:wrap}.p2-nav.open{display:flex}.p2-hero{padding:30px;grid-template-columns:1fr;border-end-start-radius:65px}.p2-hero-art{display:none}.p2-worlds,.p2-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.p2-worlds .p2-world:last-child{grid-column:1/-1;min-height:270px}.p2-studio{grid-template-columns:1fr}.p2-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.p2-controls>*{min-width:0}.p2-cal-day{padding:5px;min-height:90px}.p2-rdays{grid-template-columns:repeat(6,1fr)}}
@media(max-width:580px){#p2-main{padding:22px 16px 40px}.p2-hero{padding:26px;min-height:390px}.p2-hero h1{font-size:30px}.p2-hero p{font-size:17px}.p2-worlds,.p2-grid{grid-template-columns:1fr}.p2-worlds .p2-world:last-child{grid-column:auto;min-height:320px}.p2-world{min-height:320px}.p2-section{margin-top:32px}.p2-section-head{display:block}.p2-controls{grid-template-columns:1fr}.p2-card{padding:20px}.p2-preview{padding:15px;min-height:300px}.p2-ticker{padding:10px 12px;gap:10px}.p2-ticker-brand{font-size:14px;padding-inline-end:10px}.p2-tip{font-size:13px;line-height:1.5}.p2-tip strong{display:block}.p2-ticker button{padding:5px;font-size:12px}.p2-context{padding:8px 15px;gap:10px}.p2-calendar{gap:3px}.p2-cal-day{font-size:13px;min-height:85px;padding:4px}.p2-cal-day small{font-size:10px}.p2-event{font-size:9px;line-height:1.3}.p2-article{padding:20px}.p2-rdays{grid-template-columns:repeat(5,1fr)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{body{padding-bottom:0!important;background:white!important}.p2-header,.p2-context,.p2-ticker,.p2-footer,.p2-actions,.p2-no-print{display:none!important}.p2-card,.p2-article{box-shadow:none;break-inside:avoid}.p2-original-resource{position:relative}.p2-original-resource:after{content:'تَثَبُّت · TATHABBOT';position:absolute;inset:50% 20% auto;opacity:.07;font:700 46px TB2Heading;transform:rotate(-25deg);pointer-events:none}.nb2-print canvas{max-width:none!important}.p2-hero{background:#fff;color:#123d35}}
html[data-world="arabic"] .p2-hero:before{background:linear-gradient(90deg,#612f2280,#542a22eb 70%),url('/assets/phase2/knowledge-hero.webp') center/cover}html[data-world="research"] .p2-hero:before{background:linear-gradient(90deg,#102d4a99,#142c45eb 70%),url('/assets/research-reading-room.webp') center/cover}.p2-world:nth-child(2):before{background:linear-gradient(0deg,#5c2d23f5,transparent 100%),var(--image) center/cover}.p2-world:nth-child(3):before{background:linear-gradient(0deg,#132c48f5,transparent 100%),var(--image) center/cover}
[hidden]{display:none!important}
body.premium:not([data-p2-page]){background-image:linear-gradient(#f7f5edf5,#f7f5edf8),var(--p2-image);background-size:cover;background-attachment:fixed}.premium :is(.card,.panel,.hub-card,.service-card,.tool-card){border-color:var(--p2-line)!important;box-shadow:var(--p2-shadow);border-radius:8px}.premium :is(.card,.panel,.hub-card,.service-card,.tool-card) h3{color:var(--p2-ink)}

/* Shared six-section ribbon: a duplicated measured track gives a seamless loop. */
:root{--tb-ribbon-height:76px}body{padding-bottom:calc(var(--tb-ribbon-height) + 24px)!important}html{scroll-padding-bottom:calc(var(--tb-ribbon-height) + 24px)}
.tb-ribbon.p2-ticker{padding:8px 16px calc(8px + env(safe-area-inset-bottom));gap:12px;min-height:66px;z-index:1100;border-top:2px solid #cba866;background:#103b34;color:#fff;direction:inherit}
.tb-ribbon .p2-ticker-brand{display:flex;gap:7px;align-items:center;flex:none;color:#ffe3a4;text-decoration:none;padding-inline-end:12px;font-size:20px}
.tb-ribbon-window{flex:1;min-width:0;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 20px,#000 calc(100% - 20px),transparent);direction:ltr}
.tb-ribbon-track{display:flex;width:max-content;animation:tb-ribbon-scroll var(--ribbon-duration,180s) linear infinite;will-change:transform}
.tb-ribbon-group{display:flex;flex:none;align-items:center;direction:ltr}
.tb-ribbon-item{display:flex;align-items:center;gap:12px;flex:none;padding:7px 32px;border-inline-end:1px solid #ffffff35;white-space:nowrap;font-size:15px;line-height:1.7;direction:rtl}
[lang=en] .tb-ribbon-item{direction:ltr}.tb-ribbon-item strong{color:#ffe3a4}.tb-ribbon-icon{display:grid;place-items:center;width:30px;height:30px;border:1px solid #cba866;border-radius:50%;color:#ffe3a4;font-size:20px}
.tb-ribbon .tb-ribbon-pause{flex:none;min-width:82px;min-height:44px;font-size:13px;border-radius:8px;background:#ffffff13}
.tb-ribbon:is(:hover,:focus-within,.is-paused) .tb-ribbon-track{animation-play-state:paused}.tb-ribbon.is-paused .tb-ribbon-window{overflow-x:auto}.tb-ribbon.is-paused .tb-ribbon-track{transform:none;animation:none}.tb-ribbon.is-paused .tb-ribbon-group[aria-hidden]{display:none}
@keyframes tb-ribbon-scroll{to{transform:translateX(calc(-1 * var(--ribbon-distance)))}}
@media(max-width:580px){.tb-ribbon.p2-ticker{gap:5px;padding-inline:8px}.tb-ribbon .p2-ticker-brand{font-size:16px;padding-inline-end:7px;gap:4px}.tb-ribbon .p2-ticker-brand img{width:24px;height:24px}.tb-ribbon .tb-ribbon-pause{min-width:64px;padding:6px;font-size:11px}.tb-ribbon-item{font-size:14px;padding-inline:22px;gap:8px}}
@media(prefers-reduced-motion:reduce){.tb-ribbon-track{animation:none!important}.tb-ribbon-window{overflow-x:auto}.tb-ribbon-group[aria-hidden]{display:none}}
@media print{body{padding-bottom:0!important}.tb-ribbon{display:none!important}}

html[dir=rtl] .tb-ribbon-track{animation-name:tb-ribbon-right}html[dir=ltr] .tb-ribbon-track{animation-name:tb-ribbon-scroll}@keyframes tb-ribbon-right{from{transform:translateX(calc(-1 * var(--ribbon-distance)))}to{transform:translateX(0)}}