.youth-council-page{--yc-navy:#071d36;--yc-teal:#087f74;--yc-gold:#c8942d;--yc-line:#d9e4e4;--yc-paper:#fbfcfa;padding:3.4rem 0 4rem;background:radial-gradient(circle at 82% 5%,rgba(8,127,116,.09),transparent 26rem),linear-gradient(#f7faf9,#eef4f4);color:var(--yc-navy)}
.youth-council-page *{box-sizing:border-box}.youth-council-page a{text-decoration:none}.youth-council-hero{min-height:480px;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);overflow:hidden;border:1px solid rgba(7,29,54,.1);border-radius:36px;background:linear-gradient(120deg,rgba(255,255,255,.98),rgba(248,246,237,.93));box-shadow:0 26px 70px rgba(7,29,54,.12);position:relative}.youth-council-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.8%,rgba(8,127,116,.08) 50%,transparent 50.2%),linear-gradient(0deg,transparent 49.8%,rgba(8,127,116,.06) 50%,transparent 50.2%);background-size:92px 92px;opacity:.4;pointer-events:none}.youth-council-hero-copy{padding:clamp(2.2rem,5vw,5rem);align-self:center;position:relative;z-index:1}.youth-council-kicker{display:inline-flex;gap:.65rem;align-items:center;color:var(--yc-teal);font-weight:800}.youth-council-hero h1{margin:1rem 0 .75rem;font-size:clamp(3rem,6vw,6rem);line-height:.91;letter-spacing:-.055em}.youth-council-hero h1 em{display:inline-block;color:var(--yc-teal);font-style:normal}.youth-council-hero-copy>p{max-width:700px;margin:0;color:#536579;font-size:1.08rem;line-height:2}.youth-council-status{display:flex;align-items:center;gap:1rem;margin-top:1.7rem;padding-top:1.4rem;border-top:1px solid var(--yc-line);max-width:620px}.youth-council-status>i{font-size:1.55rem;color:var(--yc-gold)}.youth-council-status span{display:grid;gap:.2rem}.youth-council-status small{color:#72808f}.youth-council-manifesto{position:relative;z-index:1;padding:3.25rem 2.3rem;background:linear-gradient(155deg,#073f48,var(--yc-navy));color:#fff;display:grid;align-content:center;gap:.35rem}.youth-council-manifesto>span{color:#e3b85f;font:800 1rem/1 Cairo,sans-serif;margin-top:1.25rem}.youth-council-manifesto>span:first-child{margin-top:0}.youth-council-manifesto>strong{font-size:1.25rem}.youth-council-manifesto>p{margin:0;color:#b8c8d3;line-height:1.75}.youth-leadership,.youth-committees{margin-top:4.5rem}.youth-section-head{display:flex;align-items:end;justify-content:space-between;gap:2rem;padding-bottom:1.15rem;border-bottom:1px solid var(--yc-line)}.youth-section-head>div>span{color:var(--yc-gold);font-weight:800}.youth-section-head h2{font-size:clamp(2rem,4vw,3.4rem);margin:.25rem 0 0;letter-spacing:-.035em}.youth-section-head>p{max-width:470px;color:#6d7b89;margin:0;line-height:1.8}.youth-leadership-list{display:grid;grid-template-columns:repeat(3,1fr);gap:1.15rem;margin-top:1.5rem}.youth-leadership-list article{min-width:0;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:1.05rem;padding:1.4rem;border-bottom:3px solid var(--yc-navy);background:rgba(255,255,255,.72);border-radius:24px}.youth-symbolic-portrait{width:82px;height:98px;border-radius:45% 45% 38% 38%;display:grid;place-items:center;position:relative;overflow:hidden;background:linear-gradient(155deg,#dbeae7,#f4ead3);color:var(--yc-teal);font-size:2.15rem}.youth-symbolic-portrait:after{content:"";position:absolute;inset:auto -15% -38% -15%;height:65%;border-radius:50% 50% 0 0;background:var(--yc-navy)}.youth-symbolic-portrait b{position:absolute;z-index:2;bottom:8px;left:11px;color:#e9bf68;font-size:.65rem}.youth-leadership-list article>div:nth-child(2){min-width:0}.youth-leadership-list small{color:#7b8995}.youth-leadership-list h3{margin:.2rem 0;font-size:1.3rem}.youth-leadership-list p{margin:0;color:#536579}.youth-leadership-list article>span{grid-column:1/-1;display:flex;gap:.45rem;align-items:center;color:var(--yc-teal);font-size:.83rem;font-weight:800;padding-top:.85rem;border-top:1px solid var(--yc-line)}.youth-committee-list{margin-top:1.4rem;border-top:1px solid var(--yc-navy)}.youth-committee-list article{display:grid;grid-template-columns:48px 42px minmax(0,1fr) minmax(185px,.45fr) 72px;align-items:center;gap:1.15rem;padding:1.35rem .4rem;border-bottom:1px solid var(--yc-line);transition:.2s ease}.youth-committee-list article:hover{padding-inline:.9rem;background:rgba(255,255,255,.72)}.committee-order{font:800 .78rem/1 Cairo,sans-serif;color:#9ba6ae}.youth-committee-list article>i{font-size:1.35rem;color:var(--yc-teal);text-align:center}.committee-copy h3{font-size:1.17rem;margin:0 0 .2rem}.committee-copy p{margin:0;color:#72808f;line-height:1.65}.committee-owner{display:flex;align-items:center;gap:.65rem}.committee-owner img{width:44px;height:44px;border-radius:50%;object-fit:cover}.committee-owner span{display:grid}.committee-owner small{color:#8a97a1}.committee-owner strong{font-size:.9rem}.youth-committee-list article>b{font-size:.78rem;color:var(--yc-teal);text-align:left}.youth-council-callout{margin-top:4rem;padding:2.3rem clamp(1.5rem,4vw,3.5rem);border-radius:28px;background:linear-gradient(110deg,var(--yc-navy),#075b5b);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:2rem}.youth-council-callout span{color:#e8bd65;font-weight:800}.youth-council-callout h2{font-size:clamp(1.7rem,3vw,2.7rem);margin:.25rem 0}.youth-council-callout p{margin:0;color:#c1d1da}.youth-council-callout>div:last-child{display:flex;gap:.65rem}.youth-council-callout a{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;padding:.85rem 1.1rem;border-radius:14px;background:#fff;color:var(--yc-navy);font-weight:800}.youth-council-callout a:first-child{background:#e8bd65}
@media(max-width:900px){.youth-council-page{padding-top:1.25rem}.youth-council-hero{grid-template-columns:1fr;min-height:0;border-radius:26px}.youth-council-manifesto{grid-template-columns:auto 1fr;gap:.3rem .85rem;padding:1.7rem}.youth-council-manifesto>span{grid-row:span 2;margin-top:.35rem}.youth-council-manifesto>p{margin-bottom:.65rem}.youth-leadership-list{grid-template-columns:1fr}.youth-committee-list article{grid-template-columns:34px 34px minmax(0,1fr) auto}.committee-owner{grid-column:3/5}.youth-committee-list article>b{grid-column:4}.youth-council-callout{align-items:stretch;flex-direction:column}.youth-council-callout>div:last-child{width:100%}.youth-council-callout a{flex:1}}
@media(max-width:600px){.youth-council-page{padding-bottom:2rem}.youth-council-page .family-container{width:calc(100% - 22px)}.youth-council-hero-copy{padding:2rem 1.25rem}.youth-council-hero h1{font-size:3.2rem}.youth-council-hero-copy>p{font-size:.95rem;line-height:1.85}.youth-section-head{align-items:start;flex-direction:column;gap:.55rem}.youth-section-head h2{font-size:2.15rem}.youth-leadership,.youth-committees{margin-top:3rem}.youth-leadership-list article{padding:1rem}.youth-symbolic-portrait{width:70px;height:84px}.youth-committee-list article{grid-template-columns:26px 28px minmax(0,1fr);gap:.65rem;padding:1.05rem .15rem}.youth-committee-list article>b{grid-column:3;text-align:right}.committee-owner{grid-column:3}.committee-copy p{font-size:.84rem}.youth-council-callout{margin-top:2.5rem;padding:1.5rem 1.2rem}.youth-council-callout>div:last-child{flex-direction:column}}

/* مجلس ممثلي الحمائل */
.youth-representation-note{display:flex;align-items:center;gap:.85rem;margin-top:1.35rem;padding:1rem 1.15rem;border:1px solid rgba(8,127,116,.16);border-radius:18px;background:linear-gradient(115deg,rgba(8,127,116,.08),rgba(200,148,45,.08));color:var(--yc-navy)}
.youth-representation-note>i{font-size:1.35rem;color:var(--yc-teal)}.youth-representation-note>span{display:grid;gap:.12rem}.youth-representation-note small{color:#697989}
.youth-leadership-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem}
.youth-seat-card{appearance:none;min-width:0;min-height:195px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto 1fr auto;gap:.8rem;text-align:right;padding:1rem;border:1px solid rgba(7,29,54,.11);border-radius:22px;background:rgba(255,255,255,.84);color:var(--yc-navy);font:inherit;cursor:pointer;box-shadow:0 10px 28px rgba(7,29,54,.055);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.youth-seat-card:hover,.youth-seat-card:focus-visible{transform:translateY(-4px);border-color:rgba(8,127,116,.4);box-shadow:0 18px 34px rgba(7,29,54,.12);outline:none}.youth-seat-number{align-self:start;padding:.3rem .46rem;border-radius:9px;background:var(--yc-navy);color:#f0c66d;font:800 .72rem/1 Cairo,sans-serif;direction:ltr}.youth-seat-card .youth-symbolic-portrait{grid-column:2;grid-row:1;width:52px;height:52px;justify-self:end;border-radius:16px;font-size:1.15rem}.youth-seat-card .youth-symbolic-portrait:after{height:55%}.youth-seat-copy{grid-column:1/-1;display:grid;align-content:center;gap:.26rem;min-width:0}.youth-seat-copy small{color:var(--yc-teal);font-size:.76rem;font-weight:800}.youth-seat-copy strong{font-size:1.08rem;line-height:1.55}.youth-seat-copy b{color:#5e6f7e;font-size:.9rem;font-weight:700;line-height:1.55}.youth-seat-action{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;padding-top:.7rem;border-top:1px solid var(--yc-line);color:var(--yc-teal);font-size:.75rem;font-weight:800}.youth-seat-card.is-pending{border-style:dashed;background:linear-gradient(145deg,rgba(255,255,255,.7),rgba(244,237,217,.7))}.youth-seat-card.is-pending .youth-seat-copy b{color:#9a7021}
.youth-seat-dialog{width:min(900px,calc(100% - 28px));padding:0;border:0;border-radius:30px;background:#fff;color:var(--yc-navy);box-shadow:0 35px 110px rgba(7,29,54,.32);overflow:hidden}.youth-seat-dialog::backdrop{background:rgba(5,23,42,.74);backdrop-filter:blur(7px)}.youth-seat-dialog[open]{display:grid;grid-template-columns:minmax(230px,.65fr) minmax(0,1.35fr)}.youth-seat-dialog-close{position:absolute;top:15px;left:15px;z-index:2;width:42px;height:42px;border:0;border-radius:50%;background:rgba(255,255,255,.9);color:var(--yc-navy);cursor:pointer}.youth-seat-dialog-visual{min-height:390px;display:grid;place-items:center;align-content:center;gap:1rem;background:linear-gradient(145deg,#075d59,var(--yc-navy));color:#fff}.youth-seat-dialog-visual>i{font-size:5rem;color:#edc66f}.youth-seat-dialog-visual>span{font:800 2rem/1 Cairo,sans-serif}.youth-seat-dialog-copy{padding:clamp(2rem,5vw,4rem);display:grid;align-content:center;gap:.65rem;text-align:right}.youth-seat-dialog-copy>small{color:var(--yc-teal);font-weight:800}.youth-seat-dialog-copy h2{margin:.25rem 0 0;font-size:clamp(2rem,5vw,3.8rem);line-height:1.15}.youth-seat-dialog-copy h3{margin:0;color:var(--yc-teal);font-size:1.45rem}.youth-seat-dialog-status{width:max-content;max-width:100%;padding:.42rem .7rem;border-radius:999px;background:#eef7f4;color:#176d66;font-size:.8rem;font-weight:800}.youth-seat-dialog-copy p{margin:.5rem 0 0;color:#607182;line-height:1.9}.youth-seat-dialog.is-loading .youth-seat-dialog-copy{opacity:.5}
@media(max-width:1100px) and (min-width:701px){.youth-leadership-list{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.youth-leadership-list{grid-template-columns:repeat(2,minmax(0,1fr))}.youth-seat-card{min-height:180px}}
@media(max-width:600px){.youth-representation-note{align-items:flex-start}.youth-seat-card{padding:.85rem;min-height:172px;border-radius:18px}.youth-seat-copy strong{font-size:.93rem}.youth-seat-copy b{font-size:.78rem}.youth-seat-card .youth-symbolic-portrait{width:45px;height:45px}.youth-seat-dialog[open]{grid-template-columns:1fr}.youth-seat-dialog-visual{min-height:145px}.youth-seat-dialog-visual>i{font-size:3rem}.youth-seat-dialog-copy{padding:1.5rem}.youth-seat-dialog-copy h2{font-size:2rem}}