/* Local review prototype; excluded from the current public build (nested folder). */
:root{--paper:#f3f0e9;--ink:#1a1815;--muted:#57534c;--green:#103e32;--green-deep:#092c23;--sand:#e6c891;--line:#d1ccc1;--rust:#a44824;font-family:Tajawal,system-ui,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;font-size:18px;line-height:1.65}a{color:inherit;text-underline-offset:5px}button{font:inherit}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:'El Messiri',serif;font-weight:600}p,h1,h2,h3,figcaption,summary{direction:rtl;text-align:right}a,button,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #ba8b43;outline-offset:6px}.shell{width:min(1240px,100%);padding-inline:clamp(22px,5vw,64px);margin-inline:auto}.review-note{padding:7px 20px;background:#e7e2d7;color:#49473f;text-align:center;font-size:13px;font-weight:500}.national{background:var(--green);color:#f8f4ea;overflow:hidden}.masthead{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:22px;border-bottom:1px solid #577363}.wordmark{font-family:'El Messiri',serif;font-weight:700;font-size:39px;line-height:1;text-decoration:none}.wordmark span{color:var(--sand)}.edition{font-size:14px;color:#e1e4d6}.nav-link{text-decoration:none;font-size:14px;border-bottom:1px solid #94a591;padding-bottom:4px}.nav-link span{margin-inline-start:20px}.hero{display:grid;grid-template-columns:1fr .94fr;gap:36px 52px;align-items:center;padding-block:54px 25px}.eyebrow{font-size:14px;font-weight:700;letter-spacing:.02em;color:var(--rust);margin-bottom:15px}.hero .eyebrow{color:var(--sand)}.small-star{margin-inline-end:8px}.hero h1{font-size:clamp(42px,5.5vw,72px);line-height:1.3;letter-spacing:-.025em}.hero h1 em{font-style:normal;color:var(--sand)}.intro{font-size:19px;line-height:1.7;color:#f4f1e7;margin-top:20px}.price-row{display:flex;align-items:center;gap:20px;margin-top:20px}.price{font-size:53px;font-weight:700;line-height:1.25;white-space:nowrap;letter-spacing:-.04em}.price small{font-size:21px;font-weight:500;letter-spacing:0}.price-note{font-size:14px;line-height:1.5;border-inline-start:1px solid #729080;padding-inline-start:20px;color:#f1efe5}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.button{display:inline-flex;justify-content:center;align-items:center;gap:24px;min-height:50px;padding:12px 19px;text-decoration:none;font-size:16px;font-weight:700;border:1px solid transparent;border-radius:3px}.primary{color:#102e24;background:var(--sand)}.primary:hover{background:#f0d8ac}.secondary{border-color:#93aa9a;background:transparent;color:#e2e9df;cursor:not-allowed}.availability{font-size:13px;color:#d8e1d4;margin-top:9px}.national-art{min-width:0;background:var(--green-deep);box-shadow:0 20px 60px #021c2440;transform:rotate(-2deg);border:1px solid #62795d;padding:9px;position:relative}.national-art:before{content:'';position:absolute;inset:14px -12px -14px 12px;border:1px solid #718263;pointer-events:none}.national-art img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;position:relative;background:#123527}.national-art figcaption{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:16px 11px 9px;color:var(--sand);position:relative;background:var(--green-deep);font-family:'El Messiri',serif;font-size:25px}.national-art .art-date{font-family:Tajawal,sans-serif;font-size:13px;color:#e6e6d6}.essentials{grid-column:1/-1;display:grid;grid-template-columns:1fr 1.35fr;gap:28px;border-top:1px solid #577363;padding-top:20px;font-size:14px;line-height:1.75;color:#e4e9dc}.essentials strong{font-weight:700;color:#f7f5eb}.essentials p+p{padding-inline-start:28px;border-inline-start:1px solid #577363}.example-section{padding-block:62px 36px;scroll-margin-top:20px}.section-heading{display:flex;justify-content:space-between;gap:32px;align-items:end;margin-bottom:30px}.section-heading h2{font-size:clamp(29px,3.8vw,45px);line-height:1.5}.section-intro{font-size:15px;color:var(--muted);max-width:35ch;line-height:1.7}.section-heading .eyebrow{margin-bottom:10px}.mobile-break{display:none}.site-preview{border:1px solid #c8c3b7;border-radius:8px;overflow:hidden;box-shadow:0 22px 55px #312a1610;background:#fffcf4}.browser-bar{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;font-size:12px;line-height:1.5;background:#e9e5dc;color:#655e52;border-bottom:1px solid #cdc8bc}.browser-dots{display:flex;gap:5px}.browser-dots i{width:6px;height:6px;border-radius:50%;background:#928778}.sample-site{padding:26px 36px 0;color:#30291f;background:#faf6ed}.sample-header{display:flex;justify-content:space-between;align-items:center;gap:25px;padding-bottom:20px;border-bottom:1px solid #d7d0c0}.sample-brand{font-family:'El Messiri',serif;font-size:36px;font-weight:700;line-height:1}.sample-brand>span{display:block;font-family:Tajawal,sans-serif;font-size:11px;font-weight:500;margin-top:10px}.sample-nav{display:flex;gap:20px;font-size:13px;color:#635646}.sample-nav .current{color:#9b4829;font-weight:700}.sample-hero{display:grid;grid-template-columns:1fr .85fr;align-items:center;gap:40px;padding-block:25px}.sample-copy{padding-block:15px}.sample-kicker{font-size:13px;color:#95502e;margin-bottom:14px}.sample-copy h3{font-size:clamp(26px,3.8vw,45px);line-height:1.45}.sample-copy>p:not(.sample-kicker){max-width:30ch;font-size:16px;line-height:1.8;color:#64594b;margin-top:18px}.sample-action{display:inline-flex;gap:35px;margin-top:24px;border-bottom:1px solid #a77455;padding-bottom:6px;font-size:14px;color:#8d4224;font-weight:700}.sample-hero>img{display:block;width:100%;height:300px;object-fit:cover;object-position:center 60%}.sample-bottom{display:flex;justify-content:space-between;gap:20px;padding-block:16px;border-top:1px solid #d7d0c0;color:#64594b;font-size:13px}.sample-caption{display:flex;justify-content:space-between;gap:20px;padding:14px 22px;background:#ece7db;font-size:13px;color:#5d5447}.sample-caption>span:first-child{font-weight:700}.page-map{list-style:none;margin:30px 0 0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:20px}.page-map li{border-top:1px solid #b8b5a7;padding-block:15px}.page-number{font-size:12px;color:var(--rust)}.page-map h3{font-size:20px;margin-block:5px}.page-map p{font-size:15px;color:var(--muted)}.scope-details{margin-top:12px;border-block:1px solid var(--line)}.scope-details summary{font-size:16px;font-weight:700;padding:18px 0;cursor:pointer;list-style:none}.scope-details summary::-webkit-details-marker{display:none}.scope-details summary>span{float:left;font-size:24px;line-height:1}.scope-details[open] summary>span{transform:rotate(45deg)}.detail-content{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;font-size:15px;color:var(--muted);padding-block:0 24px}.prototype-footer{display:flex;justify-content:space-between;gap:20px;padding-block:22px 30px;color:var(--muted);font-size:13px}.skip{position:fixed;top:-100px;right:20px;background:#fff;color:#111;padding:12px;z-index:9}.skip:focus{top:12px}
@media(max-width:960px){.hero{gap:30px;padding-block:36px 22px}.national-art{transform:none}.national-art figcaption{font-size:21px}.price{font-size:46px}.price-row{gap:14px}.price-note{padding-inline-start:14px}.button{font-size:15px;padding:11px 15px;gap:15px}.section-heading{display:block}.section-intro{margin-top:14px;max-width:none}.sample-nav{gap:12px}.sample-site{padding-inline:25px}.sample-hero{gap:28px}.sample-hero>img{height:280px}.essentials{font-size:13px}}
@media(max-width:650px){.review-note{font-size:12px;padding:6px 15px}.masthead{padding-block:19px;gap:15px}.wordmark{font-size:32px}.edition{font-size:12px}.nav-link{display:none}.hero{grid-template-columns:1fr;padding-block:28px 20px;gap:22px}.hero-copy{max-width:520px}.hero h1{font-size:46px;line-height:1.3}.hero .eyebrow{margin-bottom:12px}.intro{font-size:18px;margin-top:15px}.desktop-break{display:none}.price-row{margin-top:17px}.price{font-size:48px}.price-note{font-size:13px}.actions{margin-top:19px;gap:9px}.button{font-size:14px;min-height:48px;flex:1;padding:10px 11px;gap:9px;white-space:nowrap}.national-art{padding:6px}.national-art:before{display:none}.national-art figcaption{font-size:20px;padding:10px 7px 4px}.national-art .art-date{font-size:12px}.essentials{grid-template-columns:1fr;gap:11px;font-size:13px;padding-top:17px}.essentials p+p{border-inline-start:0;padding-inline-start:0}.example-section{padding-block:35px 20px}.section-heading{margin-bottom:22px}.section-heading h2{font-size:30px;line-height:1.4}.section-intro{font-size:14px;margin-top:12px}.mobile-break{display:block}.browser-bar{padding:8px 14px;font-size:11px}.sample-site{padding:20px 20px 0}.sample-header{align-items:start;gap:16px}.sample-brand{font-size:29px;flex-shrink:0}.sample-brand>span{font-size:10px}.sample-nav{justify-content:flex-end;flex-wrap:wrap;gap:7px 12px;font-size:11px;max-width:185px}.sample-hero{grid-template-columns:1fr;gap:20px;padding-block:22px}.sample-copy{padding:0}.sample-copy h3{font-size:31px}.sample-kicker{font-size:12px;margin-bottom:9px}.sample-copy>p:not(.sample-kicker){font-size:15px;margin-top:12px;max-width:28ch}.sample-action{margin-top:16px;font-size:13px}.sample-hero>img{height:200px;object-position:center 62%}.sample-bottom{flex-wrap:wrap;gap:8px 16px;font-size:12px}.sample-caption{flex-direction:column;gap:2px;padding:12px 16px;font-size:12px}.page-map{grid-template-columns:repeat(2,1fr);gap:4px 20px;margin-top:22px}.page-map li:last-child{grid-column:1/-1}.page-map h3{font-size:19px;margin-block:3px}.page-map p{font-size:14px}.detail-content{grid-template-columns:1fr;gap:13px;font-size:14px}.scope-details summary{font-size:15px}.prototype-footer{font-size:12px;flex-wrap:wrap;padding-block:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* National Day polish: original GEA assets, SRD-008. */
.masthead{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:30px;padding-block:18px}
.national-lockup{padding:15px 18px;background:#002728;line-height:0}
.national-lockup img{display:block;width:180px;height:auto}
.masthead-center{display:flex;flex-direction:column;align-items:center;gap:7px;min-width:0}
.masthead .wordmark{display:block;width:90px;text-align:left}
.masthead .nav-link{border-color:#718a77;font-size:13px;padding-block:4px;min-height:32px}
.masthead .edition{font-size:13px}
.national-art{box-shadow:0 6px 14px #031d2526,0 25px 60px #021c2440}
.national-art .art-ornament{position:absolute;display:block;inset-inline-end:-22px;top:-25px;width:52px;height:52px;background:var(--green) url('../assets/national96/courage-weave.svg') center/42px 42px no-repeat;z-index:2;pointer-events:none;border:1px solid #607c4f}
.example-section{position:relative}
.section-ornament{position:absolute;top:-18px;inset-inline:0;display:flex;justify-content:center;pointer-events:none}
.section-ornament img{display:block;width:36px;height:36px;background:var(--paper);box-shadow:0 0 0 9px var(--paper);border-radius:50%}
.site-preview{border-color:#c5bca9;box-shadow:0 2px 4px #30231605,0 16px 42px #3023160e}
.page-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:7px}
.page-icon{color:#42664b;flex-shrink:0}
.page-map li{border-top-color:#a9b4a0}
.prototype-footer{position:relative;padding-inline-end:calc(clamp(22px,5vw,64px) + 62px);align-items:center}
.footer-ornament{position:absolute;inset-inline-end:clamp(22px,5vw,64px);top:19px;width:35px;height:35px;background:url('../assets/national96/courage-weave.svg') center/contain no-repeat;pointer-events:none}
.button.primary,.nav-link,.scope-details summary,.prototype-footer a{transition:background-color 180ms ease,color 180ms ease,box-shadow 180ms ease,border-color 180ms ease}
.primary>span,.nav-link>span{transition:transform 180ms ease}
.primary:focus-visible{background:#f0d8ac;box-shadow:0 5px 15px #031d2533}
.nav-link:focus-visible{color:#fff}
.scope-details summary:focus-visible{outline-offset:3px}
.scope-details summary>span{transition:transform 180ms ease}
@media(hover:hover) and (pointer:fine){
 .primary:hover{box-shadow:0 5px 15px #031d2533}
 .primary:hover>span,.nav-link:hover>span{transform:translate(-3px,3px)}
 .nav-link:hover{color:#fff;border-color:var(--sand)}
 .scope-details summary:hover{color:#103e32;background:#e9e6dc}
 .prototype-footer a:hover{color:#103e32}
}
@media(max-width:960px){
 .masthead{gap:20px}
 .national-art .art-ornament{inset-inline-end:-15px;top:-19px;width:42px;height:42px;background-size:34px}
}
@media(max-width:650px){
 .masthead{grid-template-columns:auto 1fr;gap:11px 15px;padding-block:15px}
 .national-lockup{padding:12px 15px}
 .national-lockup img{width:148px}
 .masthead .wordmark{width:74px;justify-self:end}
 .masthead-center{grid-column:1/-1;grid-row:2;align-items:flex-start}
 .masthead .edition{font-size:12px}
 .masthead .nav-link{display:none}
 .national-art .art-ornament{inset-inline-end:-9px;top:-14px;width:34px;height:34px;background-size:27px}
 .section-ornament{top:-14px}
 .section-ornament img{width:28px;height:28px;box-shadow:0 0 0 7px var(--paper)}
 .page-heading{margin-bottom:5px}
 .page-icon{width:22px;height:22px}
 .prototype-footer{gap:10px;padding-inline-end:80px}
 .footer-ornament{width:30px;height:30px}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 .button.primary,.nav-link,.scope-details summary,.prototype-footer a,.primary>span,.nav-link>span,.scope-details summary>span{transition:none}
 .primary:hover>span,.nav-link:hover>span{transform:none}
}

.primary>span,.nav-link>span{display:inline-block}
