/* Sirati identity and governance pages */
.sirati-site:has(.team-page) .sirati-header{background:#fff;border-bottom:1px solid #e3e7e4}
.about-shell{width:min(1160px,calc(100% - 48px));margin-inline:auto}
.about-kicker{margin:0 0 16px;font-size:11px;font-weight:900;letter-spacing:.09em}
.about-action{display:inline-flex;align-items:center;gap:15px;padding:14px 19px;background:#c36343;color:#fff;text-decoration:none;font-weight:900}
.about-action:hover{background:#a84d31}

/* About: brand field notes */
.story-page{background:#f5f0e6;color:#17251f}
.story-hero{padding:105px 0 95px;background:#efe4d1;overflow:hidden}
.story-hero .about-shell{display:grid;grid-template-columns:1.1fr .9fr;gap:85px;align-items:center}
.story-hero .about-kicker{color:#a24b34}
.story-hero h1{max-width:720px;margin:0 0 28px;font:700 69px/1.04 "Amiri",serif;color:#17372d}
.story-hero p:not(.about-kicker){max-width:690px;color:#58645e;font-size:18px;line-height:2}
.story-mark{position:relative;min-height:390px;border:1px solid #c9bca5;background:#f9f5ed}
.story-mark:before{content:"سيرتي";position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%) rotate(-8deg);color:#17372d;font:700 92px "Amiri",serif}
.story-mark:after{content:"ليست سيرة جاهزة عنك؛ إنها مساحة تساعدك على كتابة سيرتك أنت.";position:absolute;right:32px;left:32px;bottom:27px;padding-top:18px;border-top:1px solid #c9bca5;color:#8b4c39;font-size:13px;line-height:1.8}
.story-origin{padding:110px 0}
.story-origin .about-shell{display:grid;grid-template-columns:.55fr 1.45fr;gap:90px}
.story-origin h2{position:sticky;top:110px;margin:0;align-self:start;font-size:45px;line-height:1.2}
.story-origin-copy p{margin:0 0 25px;color:#55615b;font-size:18px;line-height:2}
.story-origin-copy p:first-child{font-size:24px;color:#26342e}
.story-principles{padding:105px 0;background:#17372d;color:#fff}
.story-principles header{display:grid;grid-template-columns:.5fr 1.5fr;gap:45px;margin-bottom:48px}
.story-principles h2{margin:0;font-size:48px}
.story-principles header p{margin:0;color:#bfd0c9;line-height:1.95}
.story-principle-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#49645b}
.story-principle-grid article{min-height:300px;padding:28px;background:#17372d}
.story-principle-grid span{color:#e39b7d;font:900 11px ui-monospace,monospace}
.story-principle-grid h3{margin:55px 0 15px;font-size:22px}
.story-principle-grid p{color:#bfd0c9;line-height:1.85}
.story-offer{padding:110px 0}
.story-offer h2{margin:0 0 42px;font-size:47px}
.story-ledger{border-top:3px solid #17372d}
.story-ledger article{display:grid;grid-template-columns:180px 1fr 1fr;gap:35px;padding:27px 0;border-bottom:1px solid #cbc6ba}
.story-ledger b{color:#a24b34}.story-ledger p{margin:0;color:#58635e;line-height:1.8}
.story-boundary{display:grid;grid-template-columns:1fr 1fr;margin-top:60px}
.story-boundary div{padding:36px}
.story-boundary div:first-child{background:#ded2bd}.story-boundary div:last-child{background:#fff}
.story-boundary h3{margin:0 0 17px;font-size:26px}
.story-boundary ul{margin:0;padding-right:20px;color:#4e5b55;line-height:2}
.story-next{padding:75px 0;background:#c36343;color:#fff}
.story-next .about-shell{display:flex;align-items:center;justify-content:space-between;gap:35px}
.story-next h2{margin:0 0 10px;font-size:39px}.story-next p{margin:0;color:#f7ded4}
.story-next .about-action{background:#fff;color:#9c452f}

/* Team: responsibility dossier */
.team-page{background:#f2f3f1;color:#17221e}
.team-hero{padding:96px 0 82px;background:#111d31;color:#fff}
.team-hero .about-shell{display:grid;grid-template-columns:.7fr 1.3fr;gap:75px;align-items:end}
.team-file-code{padding:22px;border:1px solid #40506a;font:800 11px/1.8 ui-monospace,monospace;color:#8fb5ff}
.team-hero h1{margin:0 0 23px;font-size:61px;line-height:1.08}.team-hero p{margin:0;color:#c3cfdf;font-size:18px;line-height:1.95}
.team-disclosure{padding:32px 0;background:#dae4f1;border-bottom:1px solid #b7c5d6}
.team-disclosure .about-shell{display:grid;grid-template-columns:190px 1fr;gap:36px}
.team-disclosure strong{color:#174d8b}.team-disclosure p{margin:0;color:#47586a;line-height:1.9}
.team-roles{padding:105px 0}
.team-roles-head{display:grid;grid-template-columns:.4fr 1.6fr;gap:45px;margin-bottom:45px}
.team-roles h2{margin:0;font-size:45px}.team-roles-head p{margin:0;color:#58645f;line-height:1.9}
.team-role{display:grid;grid-template-columns:90px .65fr 1.35fr;gap:35px;padding:34px 0;border-top:1px solid #cbd3cf}
.team-role>span{display:grid;width:58px;height:58px;place-items:center;background:#174d8b;color:#fff;font:900 11px ui-monospace,monospace}
.team-role h3{margin:0;font-size:25px}.team-role div p{margin:0 0 13px;color:#596660;line-height:1.85}
.team-role ul{margin:0;padding-right:19px;color:#35413c;line-height:1.9}
.team-accountability{padding:100px 0;background:#e5dfd2}
.team-accountability .about-shell{display:grid;grid-template-columns:1fr 1fr;gap:70px}
.team-accountability h2{margin:0 0 20px;font-size:43px}
.team-accountability p{color:#56615c;line-height:1.95}
.team-accountability ol{margin:0;padding:0;list-style:none;counter-reset:account}
.team-accountability li{counter-increment:account;display:grid;grid-template-columns:45px 1fr;gap:15px;padding:18px 0;border-bottom:1px solid #c6beae}
.team-accountability li:before{content:counter(account,decimal-leading-zero);color:#174d8b;font-weight:900}
.team-identity-note{padding:34px;background:#111d31;color:#fff}
.team-identity-note h3{margin:0 0 14px}.team-identity-note p{margin:0;color:#c8d2df;line-height:1.9}
.team-join{padding:80px 0;text-align:center}.team-join h2{margin:0 0 15px;font-size:40px}.team-join p{max-width:720px;margin:0 auto 25px;color:#59655f;line-height:1.9}

/* Editorial policy: numbered policy document */
.policy-page{background:#fff;color:#202824}
.policy-cover{padding:92px 0 72px;border-bottom:5px solid #202824;background:#faf9f5}
.policy-cover .about-shell{display:grid;grid-template-columns:240px 1fr;gap:65px}
.policy-meta{padding:25px;border:1px solid #cbc9c2;font:800 11px/1.9 ui-monospace,monospace}
.policy-meta span{display:block;color:#a04d36}
.policy-cover h1{margin:0 0 25px;font:700 62px/1.08 "Amiri",serif}
.policy-cover p{max-width:760px;margin:0;color:#59635e;font-size:18px;line-height:2}
.policy-nav{padding:24px 0;background:#202824}
.policy-nav .about-shell{display:flex;gap:12px;flex-wrap:wrap}
.policy-nav a{padding:8px 12px;border:1px solid #4b5550;color:#e7ece9;text-decoration:none;font-size:12px;font-weight:800}
.policy-document{display:grid;grid-template-columns:240px 1fr;gap:65px;padding:90px 0 120px}
.policy-side{position:sticky;top:105px;align-self:start}
.policy-side strong{display:block;margin-bottom:15px}.policy-side p{color:#69736e;font-size:13px;line-height:1.8}
.policy-clause{display:grid;grid-template-columns:70px 1fr;gap:25px;padding:0 0 55px;margin-bottom:55px;border-bottom:1px solid #d7dbd8}
.policy-clause:last-child{border:0}
.policy-clause>span{color:#a04d36;font:900 13px ui-monospace,monospace}
.policy-clause h2{margin:0 0 20px;font-size:34px}
.policy-clause p{color:#56615c;line-height:1.95}
.policy-clause ul{margin:20px 0 0;padding-right:20px;color:#3e4944;line-height:2}
.policy-clause table{width:100%;margin-top:24px;border-collapse:collapse}
.policy-clause th,.policy-clause td{padding:16px;text-align:right;border:1px solid #d7dbd8;vertical-align:top}
.policy-clause th{background:#202824;color:#fff}.policy-clause td{color:#56615c;line-height:1.7}
.policy-correction-box{margin-top:25px;padding:28px;background:#efe7dd;border-right:5px solid #a04d36}
.policy-correction-box strong{display:block;margin-bottom:9px}.policy-correction-box p{margin:0}

/* Methodology: content lab */
.method-page{background:#f4f2ea;color:#17251f}
.method-hero{padding:100px 0 90px;background:#d7dcbf}
.method-hero .about-shell{display:grid;grid-template-columns:1.25fr .75fr;gap:80px}
.method-hero h1{margin:0 0 27px;font-size:62px;line-height:1.07}
.method-hero p{max-width:720px;margin:0;color:#4f5b53;font-size:18px;line-height:2}
.method-board{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;align-self:center}
.method-board div{padding:22px;background:#17372d;color:#fff}
.method-board b{display:block;color:#e5a36f;font:900 11px ui-monospace,monospace}
.method-board span{display:block;margin-top:15px;font-weight:900}
.method-pipeline{padding:110px 0;background:#17372d;color:#fff}
.method-pipeline header{display:grid;grid-template-columns:.45fr 1.55fr;gap:45px;margin-bottom:55px}
.method-pipeline h2{margin:0;font-size:47px}.method-pipeline header p{margin:0;color:#bfd0c8;line-height:1.95}
.method-stage-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;background:#496259}
.method-stage{min-height:280px;padding:24px;background:#17372d}
.method-stage b{color:#e5a36f;font:900 11px ui-monospace,monospace}
.method-stage h3{margin:45px 0 12px;font-size:19px}.method-stage p{color:#bed0c7;font-size:13px;line-height:1.8}
.method-tests{padding:110px 0}
.method-tests .about-shell{display:grid;grid-template-columns:.65fr 1.35fr;gap:85px}
.method-tests h2{margin:0;font-size:45px;line-height:1.2}
.method-test-list article{display:grid;grid-template-columns:160px 1fr;gap:30px;padding:28px 0;border-top:1px solid #cbcfc5}
.method-test-list b{color:#9a5435}.method-test-list p{margin:0;color:#55615a;line-height:1.9}
.method-evidence{padding:105px 0;background:#e7dec9}
.method-evidence header{display:grid;grid-template-columns:1fr 1fr;gap:70px;margin-bottom:40px}
.method-evidence h2{margin:0;font-size:45px}.method-evidence header p{margin:0;color:#58635c;line-height:1.95}
.method-evidence-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.method-evidence-grid article{padding:28px;background:#f8f5ed;border-top:5px solid #9a5435}
.method-evidence-grid h3{margin:0 0 14px}.method-evidence-grid p{margin:0;color:#59645d;line-height:1.85}
.method-review-log{padding:95px 0}
.method-review-log .about-shell{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}
.method-review-log h2{margin:0;font-size:43px}.method-review-log p{color:#59655e;line-height:1.95}
.method-review-log ol{margin:0;padding:0;list-style:none}
.method-review-log li{padding:18px 0;border-bottom:1px dashed #aeb5ab;color:#35413a}

/* Contact: dispatch desk */
.contact-page{background:#edf2f1;color:#15251f}
.contact-hero{padding:95px 0 75px;background:#dce9e6}
.contact-hero .about-shell{display:grid;grid-template-columns:.75fr 1.25fr;gap:80px;align-items:end}
.contact-badge{display:inline-grid;width:150px;height:150px;place-items:center;border-radius:50%;background:#17372d;color:#fff;text-align:center;font:900 12px/1.6 ui-monospace,monospace}
.contact-hero h1{margin:0 0 24px;font-size:64px}.contact-hero p{max-width:750px;margin:0;color:#52635c;font-size:18px;line-height:1.95}
.contact-routing{padding:55px 0}
.contact-routing h2{margin:0 0 28px;font-size:34px}
.contact-route-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.contact-route-grid article{padding:25px;background:#fff;border-top:4px solid #c36343}
.contact-route-grid span{color:#c36343;font:900 11px ui-monospace,monospace}
.contact-route-grid h3{margin:30px 0 10px;font-size:20px}.contact-route-grid p{margin:0;color:#596761;line-height:1.8}
.contact-workspace{padding:45px 0 110px}
.contact-workspace .about-shell{display:grid;grid-template-columns:1.25fr .75fr;gap:65px;align-items:start}
.contact-form-card{padding:40px;background:#fff;box-shadow:0 24px 60px rgba(23,55,45,.1)}
.contact-form-card h2{margin:0 0 12px;font-size:37px}.contact-form-card>p{margin:0 0 30px;color:#60706a;line-height:1.8}
.contact-field{margin-bottom:19px}.contact-field label{display:block;margin-bottom:8px;font-size:13px;font-weight:900}
.contact-field input,.contact-field select,.contact-field textarea{width:100%;padding:13px 15px;border:1px solid #bdc9c4;background:#fafcfb;color:#17251f;font:inherit}
.contact-field textarea{min-height:160px;resize:vertical}.contact-field small{display:block;margin-top:7px;color:#77847e}
.contact-honeypot{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important}
.contact-submit{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:25px}
.contact-submit button{border:0;cursor:pointer}.contact-submit small{max-width:330px;color:#74807a;line-height:1.6}
.contact-alert{margin-bottom:24px;padding:16px 18px;border-right:5px solid}
.contact-alert.success{background:#e4f2e8;border-color:#2d7a49;color:#245f39}
.contact-alert.error{background:#f7e6e2;border-color:#b44735;color:#873729}
.contact-side{display:grid;gap:18px}
.contact-side article{padding:27px;background:#17372d;color:#fff}
.contact-side article:nth-child(2){background:#cf795b}.contact-side article:nth-child(3){background:#fff;color:#17251f;border:1px solid #c9d4cf}
.contact-side h3{margin:0 0 13px;font-size:23px}.contact-side p,.contact-side li{line-height:1.85}
.contact-side p{margin:0;color:#c4d4cd}.contact-side article:nth-child(2) p{color:#fff0eb}.contact-side article:nth-child(3) p{color:#5b6862}
.contact-side ul{margin:0;padding-right:19px}
.contact-privacy{padding:35px 0;background:#17372d;color:#fff}
.contact-privacy .about-shell{display:flex;align-items:center;justify-content:space-between;gap:35px}
.contact-privacy p{max-width:760px;margin:0;color:#c5d5ce;line-height:1.85}
.contact-privacy a{color:#f1b39c;font-weight:900}

@media(max-width:980px){
 .story-hero .about-shell,.story-origin .about-shell,.team-hero .about-shell,.team-accountability .about-shell,.method-hero .about-shell,.method-tests .about-shell,.method-review-log .about-shell,.contact-hero .about-shell,.contact-workspace .about-shell{grid-template-columns:1fr}
 .story-principle-grid{grid-template-columns:1fr 1fr}.story-ledger article{grid-template-columns:140px 1fr}.story-ledger article p:last-child{grid-column:2}
 .team-role{grid-template-columns:70px 1fr}.team-role>div{grid-column:2}
 .policy-cover .about-shell,.policy-document{grid-template-columns:190px 1fr}
 .method-stage-grid{grid-template-columns:repeat(3,1fr)}.method-evidence-grid{grid-template-columns:1fr 1fr}
 .contact-route-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:680px){
 .about-shell{width:min(100% - 32px,1160px)}
 .story-hero,.team-hero,.policy-cover,.method-hero,.contact-hero{padding:72px 0 60px}.story-hero h1,.team-hero h1,.policy-cover h1,.method-hero h1,.contact-hero h1{font-size:46px}
 .story-mark{min-height:300px}.story-mark:before{font-size:68px}.story-origin,.story-principles,.story-offer{padding:75px 0}.story-origin h2{position:static;font-size:36px}.story-principles header,.team-roles-head,.method-pipeline header,.method-evidence header{grid-template-columns:1fr}.story-principle-grid{grid-template-columns:1fr}.story-principle-grid article{min-height:0}.story-ledger article{grid-template-columns:1fr;gap:10px}.story-ledger article p:last-child{grid-column:auto}.story-boundary{grid-template-columns:1fr}.story-next .about-shell{align-items:flex-start;flex-direction:column}
 .team-disclosure .about-shell{grid-template-columns:1fr}.team-roles,.team-accountability{padding:75px 0}.team-accountability .about-shell{gap:35px}.team-role{grid-template-columns:55px 1fr;gap:15px}
 .policy-cover .about-shell,.policy-document{grid-template-columns:1fr}.policy-document{padding:70px 0}.policy-side{position:static}.policy-clause{grid-template-columns:45px 1fr;gap:15px}.policy-clause h2{font-size:29px}.policy-clause table{display:block;overflow-x:auto}
 .method-pipeline,.method-tests,.method-evidence,.method-review-log{padding:75px 0}.method-stage-grid{grid-template-columns:1fr}.method-stage{min-height:0}.method-test-list article{grid-template-columns:1fr;gap:10px}.method-evidence-grid{grid-template-columns:1fr}
 .contact-badge{width:110px;height:110px}.contact-route-grid{grid-template-columns:1fr}.contact-workspace{padding-bottom:75px}.contact-form-card{padding:27px 20px}.contact-submit{align-items:flex-start;flex-direction:column}.contact-privacy .about-shell{align-items:flex-start;flex-direction:column}
}