@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800;900&family=Noto+Kufi+Arabic:wght@400;500;600;700;800&family=Tajawal:wght@400;500;700;800&family=Playfair+Display:wght@500;600;700&display=swap');

*{box-sizing:border-box}
:root{
 --bg:#f6f3ef;--surface:#fffdf9;--surface2:#f0ebe5;--ink:#201f1d;--muted:#77716a;
 --line:#e5dfd7;--accent:#9a6b55;--accent2:#c99f88;--green:#4c8064;--orange:#bd8242;--red:#b85c5c;
 --shadow:0 12px 35px rgba(42,31,24,.07);--radius:18px
}
html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Cairo,Arial,sans-serif}
a{text-decoration:none;color:inherit}button,input,textarea,select{font:inherit}button{cursor:pointer}
.shell{min-height:100vh;display:flex}.sidebar{position:fixed;right:0;top:0;bottom:0;width:270px;background:var(--surface);border-left:1px solid var(--line);padding:25px 18px;z-index:50;display:flex;flex-direction:column}
.brand{display:flex;gap:11px;align-items:center;padding:5px 8px 25px;border-bottom:1px solid var(--line)}.brand-mark{width:44px;height:44px;border-radius:13px;background:var(--ink);color:#fff;display:grid;place-items:center;font-family:Georgia,serif;font-size:25px}.brand b{display:block;font-size:14px}.brand small{color:var(--muted);font-size:10px}
.nav{padding-top:20px;display:grid;gap:5px}.nav a{height:47px;border-radius:11px;padding:0 13px;display:flex;align-items:center;gap:12px;color:var(--muted);font-size:12px;font-weight:700}.nav a:hover{background:var(--surface2);color:var(--ink)}.nav a.active{background:var(--ink);color:#fff}.nav-icon{width:21px;text-align:center;font-size:17px}.sidebar-bottom{margin-top:auto;border-top:1px solid var(--line);padding-top:12px}.logout{width:100%;border:0;background:none;text-align:right;color:var(--muted);padding:12px;font-size:12px}
.main{margin-right:270px;width:calc(100% - 270px)}.topbar{height:76px;background:var(--surface);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 38px;position:sticky;top:0;z-index:30}.menu{display:none;border:0;background:none;font-size:22px}.mobile-brand{display:none;font-weight:800;font-size:13px}.top-actions{display:flex;align-items:center;gap:12px}.icon{width:40px;height:40px;border:1px solid var(--line);background:#fff;border-radius:11px;position:relative}.icon i{position:absolute;width:6px;height:6px;background:var(--red);border-radius:50%;top:8px;right:8px}.mini{display:flex;align-items:center;gap:9px}.avatar{width:39px;height:39px;border-radius:50%;display:grid;place-items:center;background:var(--surface2);font-weight:800;color:var(--accent)}.mini strong{font-size:11px}.mini small{display:block;color:var(--muted);font-size:9px}
.content{max-width:1450px;margin:auto;padding:38px}.eyebrow{font-size:11px;color:var(--accent);font-weight:900;margin:0 0 6px}.title{font-size:29px;margin:0 0 7px;letter-spacing:-.5px}.sub{font-size:12px;color:var(--muted);margin:0}.head{display:flex;justify-content:space-between;align-items:end;margin-bottom:25px}
.grid{display:grid;gap:18px}.g2{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.pad{padding:23px}
.hero{background:var(--ink);color:#fff;border-radius:22px;padding:32px 35px;display:flex;justify-content:space-between;align-items:center;position:relative;overflow:hidden;margin-bottom:22px}.hero h1{font-family:Georgia,serif;font-size:31px;margin:0 0 9px}.hero p{color:#c9c4bf;font-size:12px;margin:0}.hero-art{font-family:Georgia,serif;font-size:72px;opacity:.11;letter-spacing:-9px}.hero:after{content:"";position:absolute;width:330px;height:330px;border:1px solid #ffffff18;border-radius:50%;left:-110px;top:-190px}
.live{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px 23px;background:#fff7f3;border:1px solid #ead5cb;border-radius:17px;margin-bottom:27px}.live-left{display:flex;gap:13px;align-items:center}.badge{font-size:9px;font-weight:900;padding:5px 8px;border-radius:7px;background:#c35f5f;color:#fff}.badge.green{background:#e2efe8;color:#4d7b61}.badge.orange{background:#fff0d8;color:#9c692a}.live h3{font-size:14px;margin:0 0 3px}.live p{font-size:10px;color:var(--muted);margin:0}
.btn{border:0;border-radius:10px;padding:10px 17px;font-size:11px;font-weight:800}.dark{background:var(--ink);color:#fff}.accent{background:var(--accent);color:#fff}.light{background:#fff;border:1px solid var(--line)}.danger{background:#f8e3e3;color:#a74e4e}
.section{display:flex;justify-content:space-between;align-items:center;margin:0 0 14px}.section h2{font-size:16px;margin:0}.section a{font-size:10px;color:var(--accent);font-weight:900}
.cover{height:145px;border-radius:18px 18px 0 0;padding:16px;display:flex;align-items:end;background:linear-gradient(135deg,#d6bdae,#846b60);position:relative;overflow:hidden}.cover.c2{background:linear-gradient(135deg,#cbc4b5,#707267)}.cover.c3{background:linear-gradient(135deg,#d2b1aa,#795b5d)}.cover:after{content:"FASHION";font:700 44px Georgia,serif;opacity:.18;position:absolute;left:10px;bottom:0}.level{position:relative;z-index:2;background:#0008;color:#fff;padding:5px 8px;border-radius:6px;font-size:9px}.course-body{padding:18px}.course-body h3{font-size:14px;margin:0 0 5px}.course-body p{font-size:10px;color:var(--muted);margin:0 0 15px}.bar{height:6px;background:#ece7e1;border-radius:99px;overflow:hidden}.bar span{height:100%;display:block;background:var(--accent);border-radius:inherit}.progress-line{display:flex;justify-content:space-between;font-size:9px;color:var(--muted);margin-bottom:7px}.progress-line b{color:var(--ink)}
.stat{padding:19px}.stat small{color:var(--muted);font-size:9px}.stat strong{display:block;font-size:24px;margin-top:3px}.stat .ico{float:left;width:34px;height:34px;border-radius:10px;background:var(--surface2);display:grid;place-items:center;color:var(--accent)}
.list{padding:5px 22px}.row{display:flex;align-items:center;gap:13px;padding:15px 0;border-bottom:1px solid var(--line)}.row:last-child{border:0}.num{width:34px;height:34px;border-radius:9px;background:var(--surface2);display:grid;place-items:center;font-size:10px;font-weight:900}.row h4{margin:0;font-size:11px}.row p{margin:3px 0 0;color:var(--muted);font-size:9px}.row .state{margin-right:auto;font-size:9px;font-weight:900;color:var(--green)}.row .state.lock{color:#aaa}
.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;font-size:10px}.table th,.table td{padding:14px 17px;text-align:right;border-bottom:1px solid var(--line);white-space:nowrap}.table th{background:#fcfaf7;color:var(--muted);font-weight:700}.status{padding:5px 8px;border-radius:7px;font-size:8px;font-weight:900}.status.active{background:#e3f0e8;color:#4a7d62}.status.pending{background:#fff0d9;color:#9f6a29}.status.off{background:#f0e9e5;color:#8a817a}
.course-top{background:var(--ink);color:#fff;border-radius:20px;padding:31px;margin-bottom:22px}.back{font-size:10px;color:#c7c2bd;display:block;margin-bottom:17px}.course-top h1{font-size:25px;margin:0 0 7px}.course-top p{font-size:11px;color:#c8c2bc;margin:0 0 18px}.course-top .bar{max-width:500px;background:#4b4b49}.course-top .bar span{background:#d2a28b}
.lesson-video{height:430px;background:#171716;border-radius:20px;display:grid;place-items:center;position:relative}.play{width:75px;height:75px;border-radius:50%;background:#fff;display:grid;place-items:center;font-size:24px;padding-right:4px}.video-time{position:absolute;bottom:16px;left:18px;right:18px;display:flex;justify-content:space-between;color:#aaa;font-size:9px}.article{padding:24px;line-height:2}.article h2{font-size:17px;margin:0 0 9px}.article p{font-size:11px;color:#666}
.live-card{padding:23px}.live-card h3{font-size:15px;margin:13px 0 4px}.live-card p{font-size:10px;color:var(--muted)}.live-card .date{margin:15px 0;font-size:11px}.empty{padding:48px;text-align:center}.empty b{display:block;font-size:14px;margin-bottom:6px}.empty p{font-size:10px;color:var(--muted)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field label{display:block;font-size:10px;font-weight:900;margin-bottom:6px}.field input,.field textarea,.field select{width:100%;padding:11px;border:1px solid var(--line);border-radius:10px;background:#fff;outline:0;font-family:inherit;font-size:11px}.field textarea{min-height:110px;resize:vertical}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--accent)}
.alert{padding:13px 16px;border-radius:11px;font-size:10px;background:#f2e8e1;color:#765444;margin-bottom:18px}
.admin-kpi{padding:20px}.admin-kpi .label{font-size:9px;color:var(--muted)}.admin-kpi strong{font-size:26px;display:block}.admin-kpi .delta{font-size:9px;color:var(--green)}
.overlay{display:none}
@media(max-width:1050px){.sidebar{width:235px}.main{margin-right:235px;width:calc(100% - 235px)}.content{padding:28px}.g4{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(2,1fr)}}
@media(max-width:780px){.sidebar{transform:translateX(100%);transition:.25s;width:280px;box-shadow:-12px 0 40px #0002}.sidebar.open{transform:translateX(0)}.main{width:100%;margin:0}.topbar{height:65px;padding:0 16px}.menu{display:block}.mobile-brand{display:block;margin-right:13px;margin-left:auto}.mini>div:not(.avatar){display:none}.content{padding:22px 15px}.title{font-size:24px}.hero{padding:25px 22px}.hero h1{font-size:25px}.hero-art{display:none}.g2,.g3,.g4{grid-template-columns:1fr}.live{align-items:flex-start;flex-direction:column}.live .btn{width:100%}.lesson-video{height:245px}.form-grid{grid-template-columns:1fr}.overlay.show{display:block;position:fixed;inset:0;background:#0006;z-index:40}}
/* Public academy website */
.public-site{background:#fbf8f4;color:#26221f}.public-header{position:sticky;top:0;z-index:100;background:rgba(251,248,244,.94);backdrop-filter:blur(12px);border-bottom:1px solid #e9e0d7}.public-nav{max-width:1240px;margin:auto;min-height:78px;padding:0 22px;display:flex;align-items:center;gap:35px}.public-brand{display:flex;align-items:center;gap:10px;margin-left:auto}.public-brand .brand-mark{width:43px;height:43px;border-radius:50%;font-family:'Playfair Display',Georgia,serif}.public-brand b{font-family:'Playfair Display',Georgia,serif;font-size:15px;display:block;direction:ltr}.public-brand small{font-size:9px;color:#8b8178;display:block;margin-top:2px}.public-nav nav{display:flex;gap:25px;font-size:11px;font-weight:700;color:#6d665f}.public-nav nav a:hover{color:var(--accent)}.public-actions{display:flex;align-items:center;gap:9px}.text-link{font-size:11px;font-weight:800}.home-hero{max-width:1240px;margin:auto;padding:80px 22px 75px;display:grid;grid-template-columns:1.05fr .95fr;gap:50px;align-items:center;min-height:620px}.hero-kicker,.section-intro>span,.section-head span,.join-banner>div>span{font-size:10px;letter-spacing:2.5px;color:#a47761;font-weight:900}.hero-copy h1{font-family:'Playfair Display',Georgia,serif;font-size:clamp(43px,5vw,70px);line-height:1.12;font-weight:600;margin:15px 0 18px;letter-spacing:-1.5px}.hero-copy h1 em{font-style:normal;color:#a47761}.hero-copy>p{max-width:570px;color:#766e67;font-size:14px;line-height:2;margin:0}.hero-buttons{display:flex;gap:10px;margin:28px 0 20px}.btn.big{padding:14px 23px;font-size:12px}.btn.ghost{background:transparent;border:1px solid #d8cec5;color:#3f3934}.hero-notes{display:flex;gap:17px;flex-wrap:wrap;color:#837a72;font-size:9px}.hero-fashion{height:470px;position:relative;display:grid;place-items:center}.fashion-circle{width:390px;height:390px;border:1px solid #cdbdb1;border-radius:50%;position:absolute}.fashion-circle:before,.fashion-circle:after{content:"";position:absolute;border:1px solid #ddd0c6;border-radius:50%}.fashion-circle:before{inset:38px}.fashion-circle:after{inset:78px}.fashion-silhouette{font-family:'Playfair Display',Georgia,serif;font-size:190px;color:#b28a74;opacity:.75;transform:translateY(-10px)}.hero-card{position:absolute;bottom:35px;right:10px;background:#fffdf9;border:1px solid #e7ddd5;border-radius:14px;padding:15px 18px;box-shadow:0 16px 45px #59433312;width:205px}.hero-card b{font-size:11px;display:block}.hero-card small{font-size:9px;color:#81776e;line-height:1.7}.home-section{max-width:1240px;margin:auto;padding:80px 22px}.section-intro{text-align:center;max-width:680px;margin:0 auto 42px}.section-intro h2,.section-head h2,.join-banner h2{font-family:'Playfair Display',Georgia,serif;font-size:34px;font-weight:600;margin:10px 0}.section-intro p,.join-banner p{font-size:12px;color:#81786f;line-height:2}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#ded4cb;border:1px solid #ded4cb}.feature-grid article{background:#fbf8f4;padding:30px}.feature-grid b{font-family:'Playfair Display',Georgia,serif;font-size:25px;color:#b08a75}.feature-grid h3{font-size:15px;margin:22px 0 7px}.feature-grid p{font-size:11px;color:#81786f;line-height:1.9;margin:0}.courses-section{border-top:1px solid #eee6de}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:28px}.section-head h2{margin-bottom:0}.section-head>a{font-size:10px;color:#a47761;font-weight:900}.home-course-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.home-course{background:#fff;border:1px solid #e8dfd7}.home-course-art{height:180px;padding:20px;display:flex;align-items:flex-end;justify-content:space-between;position:relative;overflow:hidden}.home-course-art:after{content:"";position:absolute;width:220px;height:220px;border:1px solid #ffffff66;border-radius:50%;left:-45px;top:-85px}.home-course-art strong{font-family:'Playfair Display',Georgia,serif;font-size:42px;opacity:.22}.home-course-art small{z-index:2;font-size:10px;background:#ffffff30;padding:5px 7px}.art-0{background:#d6c0b4}.art-1{background:#c6c1b5}.art-2{background:#d5b3ac}.art-3{background:#b9c0ba}.home-course-body{padding:22px}.home-course-body>span{font-size:9px;color:#a47761;font-weight:900}.home-course-body h3{font-family:'Playfair Display',Georgia,serif;font-size:21px;margin:8px 0}.home-course-body p{font-size:10px;color:#81786f;line-height:1.9;min-height:38px}.home-course-body>a{font-size:10px;font-weight:900;color:#3e3833}.articles-section{padding-top:35px}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.blog-card{background:#fff;border:1px solid #e8dfd7}.blog-image{display:block;height:205px;background:#d9cec5;overflow:hidden}.blog-image img{width:100%;height:100%;object-fit:cover;display:block}.blog-image span{height:100%;display:grid;place-items:center;text-align:center;font-family:'Playfair Display',Georgia,serif;font-size:30px;color:#fff8f3;letter-spacing:3px;background:linear-gradient(135deg,#8b756a,#c5a99b)}.blog-body{padding:21px}.blog-body>small{font-size:8px;color:#a47761}.blog-body h3{font-family:'Playfair Display',Georgia,serif;font-size:19px;line-height:1.45;margin:8px 0}.blog-body p{font-size:10px;color:#81786f;line-height:1.9}.read{font-size:9px;font-weight:900;color:#a47761}.join-banner{max-width:1196px;margin:35px auto 80px;padding:48px;background:#e8ddd4;display:flex;align-items:center;justify-content:space-between;gap:25px}.join-banner h2{margin:8px 0}.join-banner p{max-width:650px;margin:0}.public-footer{background:#26221f;color:#fff;padding:45px max(22px,calc((100% - 1196px)/2));display:grid;grid-template-columns:1.3fr .8fr .7fr;gap:40px}.public-footer b{font-family:'Playfair Display',Georgia,serif;font-size:19px}.public-footer p{font-size:10px;color:#bdb3ac}.public-footer div:nth-child(2){display:flex;flex-direction:column;gap:10px;font-size:10px;color:#d6cec8}.public-footer small{font-size:9px;color:#8f8781;line-height:1.8}.article-page{max-width:950px;margin:auto;padding:70px 22px 90px}.article-page .article-meta{text-align:center;color:#a47761;font-size:9px;font-weight:800}.article-page h1{font-family:'Playfair Display',Georgia,serif;text-align:center;font-size:clamp(36px,5vw,58px);line-height:1.25;font-weight:600;margin:15px auto;max-width:850px}.article-page .lead{text-align:center;color:#81786f;font-size:13px;line-height:2;max-width:720px;margin:0 auto 35px}.article-featured{width:100%;max-height:520px;object-fit:cover;border-radius:2px;margin-bottom:40px}.article-content{max-width:760px;margin:auto;font-size:14px;line-height:2.25;color:#433d38}.article-content h2{font-family:'Playfair Display',Georgia,serif;font-size:29px;margin:42px 0 10px;color:#29231f}.article-content h3{font-size:19px;margin:30px 0 8px}.article-content p{margin:0 0 18px}.article-content ul,.article-content ol{padding-right:25px}.articles-list-page{max-width:1200px;margin:auto;padding:65px 22px 90px}.articles-list-page>header{text-align:center;margin-bottom:40px}.articles-list-page>header h1{font-family:'Playfair Display',Georgia,serif;font-size:45px;margin:8px}.articles-list-page>header p{font-size:12px;color:#81786f}.articles-list-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.admin-nav-link{margin-top:10px;display:inline-block;font-size:10px;color:var(--accent)}
@media(max-width:850px){.public-nav{padding:0 15px;gap:12px}.public-nav nav{display:none}.public-actions{margin-right:auto}.home-hero{grid-template-columns:1fr;padding-top:50px;min-height:auto}.hero-fashion{height:310px;order:-1}.fashion-circle{width:260px;height:260px}.hero-copy h1{font-size:43px}.feature-grid,.home-course-grid,.article-grid,.articles-list-grid{grid-template-columns:1fr}.home-section{padding:55px 15px}.section-head{align-items:flex-start;gap:15px}.section-head h2{font-size:27px}.join-banner{margin:10px 15px 55px;padding:32px 24px;flex-direction:column;align-items:flex-start}.public-footer{grid-template-columns:1fr;padding:38px 22px}.article-page{padding:45px 15px 70px}.article-page h1{font-size:36px}.article-content{font-size:13px}.hero-buttons{flex-direction:column}.hero-buttons .btn{width:100%;text-align:center}}

/* Editorial SEO additions */
.article-toc{margin:28px 0;padding:22px 26px;border:1px solid #e8e1d9;border-radius:18px;background:#faf8f5}.article-toc strong{display:block;margin-bottom:12px;font-size:18px}.article-toc ol{margin:0;padding-right:22px}.article-toc li{margin:7px 0}.article-toc a{color:inherit;text-decoration:none}.article-toc .toc-level-3{padding-right:16px;font-size:.94em}.article-taxonomy{display:flex;gap:10px;flex-wrap:wrap;justify-content:space-between;margin-top:30px;padding-top:20px;border-top:1px solid #eee}.taxonomy-pill{display:inline-block;padding:7px 12px;border-radius:999px;background:#f0e7dc;margin:4px;color:inherit;text-decoration:none}.taxonomy-pill.muted{background:#f7f4f0}.related-articles{margin-top:65px}.search-form{display:flex;gap:10px;max-width:720px;margin:25px auto 0}.search-form input{flex:1;min-width:0;padding:15px 18px;border:1px solid #ddd;border-radius:12px;font:inherit}.article-content img{max-width:100%;height:auto;border-radius:14px}.article-content h2,.article-content h3{scroll-margin-top:90px}
.breadcrumbs{max-width:1180px;margin:0 auto 22px;padding:0 20px;font-size:13px;color:#777;display:flex;gap:8px;flex-wrap:wrap}.breadcrumbs a{color:inherit}.author-hero{max-width:1180px;margin:0 auto 30px}.article-author{margin:18px 0;color:#777}.article-author a{font-weight:700}.article-prev-next{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:35px 0}.article-prev-next a{padding:18px;border:1px solid #e7e1d8;border-radius:16px;background:#fff;display:flex;flex-direction:column;gap:5px}.article-prev-next small{color:#8b7762}.pagination{display:flex;justify-content:center;gap:8px;margin:35px 0}.pagination a{width:40px;height:40px;display:grid;place-items:center;border:1px solid #ddd;border-radius:10px}.pagination a.active{font-weight:800;border-color:#333}.blog-image img{width:100%;height:100%;object-fit:cover}@media(max-width:700px){.article-prev-next{grid-template-columns:1fr}.breadcrumbs{padding:0 14px}}

/* V8 — Premium Fashion Editorial Design */
:root{--fashion-cream:#fbf8f4;--fashion-paper:#fffdf9;--fashion-ink:#24201d;--fashion-taupe:#8e7667;--fashion-rose:#ad806b;--fashion-line:#e8ded5;--fashion-gold:#b28b68;--fashion-shadow:0 24px 70px rgba(55,40,30,.09)}
body.public-site{font-family:'Tajawal','Cairo',sans-serif;background:var(--fashion-cream);color:var(--fashion-ink);letter-spacing:.01em}
.public-header{background:rgba(251,248,244,.88);border-bottom:1px solid rgba(211,198,187,.65);box-shadow:0 8px 30px rgba(50,38,30,.035)}
.public-nav{max-width:1320px;min-height:86px;padding:0 28px;gap:45px}
.public-brand{margin-left:auto;display:flex;align-items:center}
.logo-slot{width:230px;height:62px;display:flex;align-items:center;overflow:hidden}
.logo-slot img{width:100%;height:100%;object-fit:contain;object-position:right center;display:block}
.public-nav nav{gap:31px;font-family:'Noto Kufi Arabic','Cairo',sans-serif;font-size:10px}
.public-nav nav a{position:relative;padding:28px 0;color:#625a53;transition:.2s}
.public-nav nav a:after{content:"";position:absolute;right:0;left:0;bottom:19px;height:1px;background:var(--fashion-rose);transform:scaleX(0);transition:.25s;transform-origin:center}
.public-nav nav a:hover{color:var(--fashion-rose)}.public-nav nav a:hover:after{transform:scaleX(1)}
.public-actions .btn{box-shadow:0 8px 22px rgba(80,55,42,.08)}
.btn.accent{background:var(--fashion-rose)}
.home-hero{max-width:1320px;min-height:690px;padding:95px 28px 85px;grid-template-columns:1.08fr .92fr;gap:80px}
.hero-copy{position:relative;z-index:2}.hero-kicker{font-family:'Playfair Display',serif;font-size:11px;letter-spacing:4px;color:var(--fashion-rose)}
.hero-copy h1{font-family:'Noto Kufi Arabic','Cairo',sans-serif;font-weight:700;font-size:clamp(36px,4.4vw,64px);line-height:1.5;letter-spacing:-1.8px;margin:18px 0 14px}
.hero-copy h1 em{font-family:'Playfair Display','Noto Kufi Arabic',serif;font-weight:600;color:var(--fashion-rose)}
.hero-copy>p{font-size:15px;line-height:2.15;max-width:600px;color:#746a62}
.btn.big{border-radius:3px;padding:15px 25px;font-family:'Noto Kufi Arabic',sans-serif;font-size:10px;letter-spacing:.2px}
.btn.ghost{background:rgba(255,255,255,.35);border-color:#d5c8be}
.hero-notes{font-family:'Tajawal',sans-serif;font-size:10px;gap:25px}
.hero-fashion{height:520px}.fashion-circle{width:440px;height:440px;border-color:#cbb8aa;box-shadow:0 0 0 1px rgba(255,255,255,.4) inset}
.fashion-circle:before{inset:42px}.fashion-circle:after{inset:90px}
.fashion-silhouette{font-size:215px;color:#a8806c;opacity:.48}
.hero-card{bottom:28px;right:0;width:225px;padding:18px 20px;border-radius:4px;box-shadow:var(--fashion-shadow);border-color:#e1d6cd}
.hero-card b{font-family:'Noto Kufi Arabic',sans-serif;font-size:11px}.hero-card small{font-size:10px}
.home-section{max-width:1320px;padding:92px 28px}.section-intro>span,.section-head span,.join-banner>div>span{font-family:'Playfair Display',serif;letter-spacing:3px;color:var(--fashion-rose)}
.section-intro h2,.section-head h2,.join-banner h2{font-family:'Noto Kufi Arabic','Cairo',sans-serif;font-size:29px;line-height:1.8;font-weight:700}
.section-intro p,.join-banner p{font-family:'Tajawal',sans-serif;font-size:13px}
.feature-grid{border:0;background:transparent;gap:16px}.feature-grid article{border:1px solid var(--fashion-line);background:rgba(255,253,249,.72);padding:38px 32px;min-height:190px;transition:.25s}.feature-grid article:hover{transform:translateY(-5px);box-shadow:var(--fashion-shadow);background:#fff}
.feature-grid b{font-family:'Playfair Display',serif;color:var(--fashion-gold)}.feature-grid h3{font-family:'Noto Kufi Arabic',sans-serif;font-size:14px}
.feature-grid p{font-family:'Tajawal',sans-serif;font-size:11px}
.courses-section{border-top:1px solid #eee5de}.home-course-grid,.article-grid{gap:22px}.home-course{border:1px solid var(--fashion-line);box-shadow:0 10px 35px rgba(55,40,30,.04);transition:.25s}.home-course:hover,.blog-card:hover{transform:translateY(-5px);box-shadow:var(--fashion-shadow)}
.home-course-art{height:205px}.home-course-art strong{font-family:'Playfair Display',serif}.home-course-body{padding:25px}.home-course-body h3,.blog-body h3{font-family:'Noto Kufi Arabic','Cairo',sans-serif;font-weight:700}.home-course-body p,.blog-body p{font-family:'Tajawal',sans-serif;font-size:11px}
.article-grid .blog-card,.articles-list-grid .blog-card{border-color:var(--fashion-line);transition:.25s;overflow:hidden}.blog-image{height:225px}.blog-body{padding:24px}.blog-body h3{font-size:16px;line-height:1.9}.blog-body>small{font-family:'Playfair Display',serif;letter-spacing:1px}
.join-banner{max-width:1264px;margin:35px auto 90px;padding:58px 62px;background:#eee3da;position:relative;overflow:hidden}.join-banner:before{content:"F";position:absolute;left:35px;top:-50px;font:200px 'Playfair Display',serif;color:#fff;opacity:.35}.join-banner h2{font-size:27px;position:relative}.join-banner p{position:relative}
.public-footer{padding-top:60px;padding-bottom:60px;background:#25211e}.public-footer b{font-family:'Playfair Display',serif}.public-footer p,.public-footer div:nth-child(2){font-family:'Tajawal',sans-serif}
.articles-list-page{max-width:1260px;padding:78px 28px 100px}.articles-list-page>header h1,.article-page h1{font-family:'Noto Kufi Arabic','Cairo',sans-serif;font-weight:700}.articles-list-page>header h1{font-size:38px}.article-page{max-width:1020px;padding-top:75px}.article-page h1{font-size:clamp(30px,4.4vw,52px);line-height:1.75}.article-page .lead{font-family:'Tajawal',sans-serif;font-size:15px}.article-content{font-family:'Tajawal',sans-serif;font-size:16px;line-height:2.25}.article-content h2,.article-content h3{font-family:'Noto Kufi Arabic','Cairo',sans-serif;line-height:1.8}.article-content h2{font-size:25px}.article-toc{border-color:var(--fashion-line);background:#faf5ef;border-radius:4px}.breadcrumbs{font-family:'Tajawal',sans-serif}
.auth-logo-slot{width:270px;max-width:100%;height:72px;display:block;margin-bottom:18px}.auth-logo-slot img{width:100%;height:100%;object-fit:contain;object-position:right center}
@media(max-width:850px){.public-nav{min-height:72px;padding:0 15px}.logo-slot{width:185px;height:54px}.public-actions{gap:6px}.public-actions .text-link{display:none}.home-hero{padding:55px 18px 60px;gap:25px}.hero-copy h1{font-size:36px;line-height:1.65}.hero-copy>p{font-size:13px}.hero-fashion{height:300px}.fashion-circle{width:265px;height:265px}.fashion-silhouette{font-size:145px}.home-section{padding:62px 18px}.section-intro h2,.section-head h2{font-size:24px}.join-banner{margin:10px 15px 60px;padding:38px 25px}.articles-list-page{padding:55px 16px 70px}.article-page{padding:48px 16px 70px}.article-content{font-size:14px}}


/* V10 — Public editorial layout hardening */
.public-site{min-width:0;overflow-x:hidden}
.public-site .public-header{width:100%}
.public-site .public-nav{width:100%;box-sizing:border-box}
.public-site .public-brand{flex:0 0 auto}
.public-site .public-brand .logo-slot{flex:0 0 230px;width:230px;height:62px}
.public-site .public-brand .logo-slot img{display:block;width:100%;height:100%;max-width:100%;object-fit:contain}
.public-site .article-page{display:block;width:min(1020px,calc(100% - 44px));max-width:1020px;margin-inline:auto}
.public-site .article-page>*{max-width:100%}
.public-site .article-page .breadcrumbs{width:100%;max-width:none;padding:0;margin:0 0 28px;justify-content:flex-start}
.public-site .article-page .article-meta{width:100%;text-align:center}
.public-site .article-page h1{display:block;width:100%;max-width:900px;margin:18px auto 20px;text-align:center;overflow-wrap:anywhere}
.public-site .article-page .lead{display:block;width:100%;max-width:760px;margin-inline:auto}
.public-site .article-page .article-featured{display:block;width:100%;max-width:100%;height:auto;max-height:560px;object-fit:cover;margin:34px auto 40px}
.public-site .article-page .article-toc{width:100%;max-width:760px;margin:30px auto}
.public-site .article-page .article-content{display:block;width:100%;max-width:760px;margin-inline:auto;overflow-wrap:anywhere;word-break:normal}
.public-site .article-page .article-content p,.public-site .article-page .article-content li{font-family:'Tajawal','Cairo',sans-serif}
.public-site .article-page .article-content h2,.public-site .article-page .article-content h3,.public-site .article-page .article-content h4{font-family:'Noto Kufi Arabic','Cairo',sans-serif}
.public-site .article-page .article-content h2{font-size:26px;line-height:1.9;margin:46px 0 14px}
.public-site .article-page .article-content h3{font-size:19px;line-height:1.9;margin:32px 0 10px}
.public-site .article-page .article-content a{color:var(--fashion-rose);text-decoration:underline;text-underline-offset:3px}
.public-site .article-page .article-content blockquote{margin:28px 0;padding:20px 24px;border-inline-start:3px solid var(--fashion-rose);background:#faf5ef;color:#665b54}
.public-site .article-page .article-author,.public-site .article-page .article-taxonomy,.public-site .article-page .article-prev-next,.public-site .article-page .related-articles{width:100%;max-width:900px;margin-inline:auto}
.public-site .article-page .article-prev-next{margin-top:42px}
.public-site .article-page .related-articles{margin-top:70px}
.public-site .article-page .related-articles .article-grid{max-width:none}
.public-site .article-page .btn{display:inline-flex;align-items:center;justify-content:center}
@media(max-width:850px){
 .public-site .public-brand .logo-slot{flex-basis:185px;width:185px;height:54px}
 .public-site .article-page{width:calc(100% - 30px);padding-top:45px}
 .public-site .article-page h1{font-size:32px;line-height:1.75}
 .public-site .article-page .article-content{font-size:15px;line-height:2.2}
}