/* Tagmanya.tn TN-0: directional layer. Source layout stays shared; only proven
   direction-sensitive rules are overridden with logical properties here. */
:root { font-family: Tahoma, Arial, "Noto Sans Arabic", sans-serif; }
html { direction: rtl; }
body { text-align: start; letter-spacing: 0; overflow-x: clip; }
:where(h1,h2,h3,p,li,label,button,a) { letter-spacing: normal; }
:where([dir="ltr"], code) { unicode-bidi: isolate; direction: ltr; text-align: left; }
:where([dir="auto"]) { unicode-bidi: plaintext; text-align: start; }

.site-header { padding-inline: clamp(1rem, 4vw, 4.5rem); }
.desktop-nav { margin-inline-start: auto; margin-left: 0; }
.header-actions { margin-inline-start: 1rem; margin-left: 0; }
.mobile-nav-row small { margin-inline-end: 1rem; }
.mobile-nav-row b, .project-entry > b, .insight-entry > b { transform: scaleX(-1); }
.brand img, .footer-logo img { transform: none; }

.tn-hero { padding-block: clamp(5rem, 10vw, 10rem); }
.tn-hero h1 { max-inline-size: 18ch; font-size: clamp(2.5rem, 7vw, 6.5rem); line-height: 1.08; }
.tn-hero .lead { max-inline-size: 52rem; }
.tn-panel { padding-block: clamp(3rem, 7vw, 7rem); border-block-start: 1px solid var(--line, #d9dbe1); }
.tn-panel h2 { max-inline-size: 22ch; }
.bidi-fixtures { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem 2rem; padding-inline-start: 1.25rem; }
.bidi-fixtures li { min-inline-size: 0; overflow-wrap: anywhere; }

.fixture-block { margin-block-start: 3rem; }
.fixture-list > a { display: grid; grid-template-columns: 3rem minmax(0, 1fr) 2rem; align-items: center; gap: 1rem; padding-block: 1rem; border-block-end: 1px solid var(--line, #d9dbe1); text-decoration: none; }
.fixture-list > a[hidden] { display: none; }
.progressive-load-more-controls { margin-block-start: 1.5rem; }

.contact-foundation { padding-block-end: 6rem; }
.contact-foundation form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.25rem; max-inline-size: 60rem; }
.contact-foundation label { display: grid; gap: .45rem; }
.contact-foundation label:has(textarea), .contact-foundation .check-label, .contact-foundation .button, .contact-foundation .form-note, .contact-foundation .form-error { grid-column: 1 / -1; }
.contact-foundation input, .contact-foundation select, .contact-foundation textarea { inline-size: 100%; min-block-size: 3rem; border: 1px solid var(--line, #b8bdc7); padding: .75rem; font: inherit; text-align: start; }
.contact-foundation input[dir="ltr"] { text-align: left; }
.contact-foundation .check-label { display: flex; align-items: center; gap: .6rem; }
.contact-foundation .check-label input { inline-size: auto; min-block-size: auto; }
.honeypot { position: absolute; inset-inline-start: -10000px; inline-size: 1px; block-size: 1px; overflow: hidden; }

.footer-grid { direction: rtl; }
.footer-bottom { display: flex; justify-content: space-between; gap: 1rem; }
.consent { direction: rtl; text-align: start; }

@media (max-width: 760px) {
  .bidi-fixtures, .contact-foundation form { grid-template-columns: 1fr; }
  .desktop-nav { display: none; }
  .tn-hero { padding-block-start: 4rem; }
  .fixture-list > a { grid-template-columns: 2.2rem minmax(0,1fr) 1.5rem; }
}

/* TN-1 real Arabic content */
.tn1-hero { padding-block: clamp(5rem, 10vw, 9rem); }
.tn1-hero h1 { max-inline-size: 15ch; font-size: clamp(3rem, 7vw, 6.8rem); line-height: 1.04; text-wrap: balance; }
.tn1-hero .hero-copy { max-inline-size: 48rem; font-size: clamp(1.15rem, 2vw, 1.55rem); line-height: 1.8; }
.understand-grid { display: grid; grid-template-columns: minmax(6rem, .35fr) minmax(0, 1.65fr); gap: clamp(2rem, 6vw, 7rem); padding-block: clamp(5rem, 10vw, 9rem); }
.understand-grid h2 { max-inline-size: 16ch; }
.understand-grid .lead { max-inline-size: 50rem; }
.capability-section { padding-block: clamp(5rem, 9vw, 8rem); }
.capability-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-block-start: 1px solid var(--line, #d9dbe1); }
.capability-grid > a { position: relative; min-block-size: 15rem; padding: clamp(1.4rem, 3vw, 2.5rem); border-block-end: 1px solid var(--line, #d9dbe1); border-inline-end: 1px solid var(--line, #d9dbe1); color: inherit; text-decoration: none; }
.capability-grid > a:nth-child(3n) { border-inline-end: 0; }
.capability-grid h3 { max-inline-size: 16ch; }
.capability-grid p { color: var(--muted, #646b78); line-height: 1.75; }
.capability-grid a > span { position: absolute; inset-inline-end: 1.5rem; inset-block-end: 1.25rem; }

.detail-page .page-hero, .about-page .page-hero { padding-block-end: clamp(4rem, 8vw, 8rem); }
.detail-page .page-hero h1, .about-page .page-hero h1 { max-inline-size: 18ch; text-wrap: balance; }
.detail-page .page-hero .lead, .about-page .page-hero .lead { max-inline-size: 54rem; }
.outcome { font-weight: 650; font-size: 1.2rem; line-height: 1.75; }
.detail-split { display: grid; grid-template-columns: minmax(15rem, .8fr) minmax(0, 1.2fr); gap: clamp(2rem, 7vw, 8rem); padding-block: clamp(4rem, 8vw, 7rem); border-block-start: 1px solid var(--line, #d9dbe1); }
.detail-split p, .detail-split li { font-size: 1.1rem; line-height: 1.85; }
.detail-band { background: var(--surface-dark, #17191e); color: #fff; padding-block: clamp(5rem, 9vw, 8rem); }
.detail-band .eyebrow { color: var(--accent, #1c8bff); }
.detail-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-block-start: 3rem; border-block-start: 1px solid rgb(7 20 38 / .18); }
.detail-cards article { padding: 2rem; border-block-end: 1px solid rgb(7 20 38 / .18); border-inline-end: 1px solid rgb(7 20 38 / .18); }
.detail-cards article:nth-child(3n) { border-inline-end: 0; }
.detail-cards p { color: var(--text-muted, #536172); line-height: 1.75; }
.detail-band .detail-cards { border-block-start-color: rgb(255 255 255 / .2); }
.detail-band .detail-cards article { border-block-end-color: rgb(255 255 255 / .2); border-inline-end-color: rgb(255 255 255 / .2); }
.detail-band .detail-cards p { color: rgb(255 255 255 / .78); }
.detail-section, .related-section, .faq-section, .about-closing { padding-block: clamp(5rem, 9vw, 8rem); }
.process-list { list-style: none; padding: 0; margin: 3rem 0 0; }
.process-list li { display: grid; grid-template-columns: 4rem minmax(0,1fr); gap: 1.5rem; padding-block: 1.5rem; border-block-start: 1px solid var(--line, #d9dbe1); }
.process-list li > span { direction: ltr; unicode-bidi: isolate; color: var(--accent, #087ee6); }
.process-list h3 { margin-block-start: 0; }
.process-list p { max-inline-size: 52rem; line-height: 1.75; }
.check-list { margin: 0; padding-inline-start: 1.2rem; }
.check-list li { padding-block: .5rem; }
.included-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: clamp(2rem,6vw,6rem); }
.included-grid li { margin-block: .75rem; line-height: 1.65; }
.related-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); border-block-start: 1px solid var(--line, #d9dbe1); margin-block-start: 2rem; }
.related-grid a { display: flex; justify-content: space-between; align-items: center; gap: 1rem; padding: 1.5rem; border-block-end: 1px solid var(--line, #d9dbe1); color: inherit; text-decoration: none; }
.related-grid a:nth-child(odd) { border-inline-end: 1px solid var(--line, #d9dbe1); }
.faq-section details { border-block-start: 1px solid var(--line, #d9dbe1); padding-block: 1.25rem; }
.faq-section details:last-child { border-block-end: 1px solid var(--line, #d9dbe1); }
.faq-section summary { cursor: pointer; font-weight: 650; font-size: 1.08rem; }
.faq-section details p { max-inline-size: 55rem; line-height: 1.75; }
.about-closing { display: grid; grid-template-columns: .8fr 1.2fr; gap: 4rem; border-block-start: 1px solid var(--line, #d9dbe1); }
.about-closing p { font-size: 1.2rem; line-height: 1.8; }
.contact-real form { align-items: start; }
.contact-real .form-wide { grid-column: 1 / -1; }
.contact-real .button { inline-size: fit-content; min-inline-size: 10rem; }
.contact-real .field-error { color: #a72727; font-size: .9rem; }
.footer-grid-production { grid-template-columns: 1.4fr repeat(3,minmax(0,1fr)); }
.footer-nav-group button { color: inherit; background: none; border: 0; padding: 0; font: inherit; text-align: start; text-decoration: underline; cursor: pointer; }

@media (max-width: 1120px) {
  .desktop-nav { gap: 1rem; }
  .desktop-nav a { font-size: .9rem; }
  .desktop-cta { display: none; }
  .capability-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .capability-grid > a:nth-child(3n) { border-inline-end: 1px solid var(--line, #d9dbe1); }
  .capability-grid > a:nth-child(2n) { border-inline-end: 0; }
  .footer-grid-production { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 760px) {
  .tn1-hero h1 { font-size: clamp(2.7rem, 14vw, 4.2rem); line-height: 1.08; }
  .understand-grid, .detail-split, .about-closing { grid-template-columns: 1fr; }
  .capability-grid, .detail-cards, .included-grid, .related-grid { grid-template-columns: 1fr; }
  .capability-grid > a, .capability-grid > a:nth-child(2n), .capability-grid > a:nth-child(3n), .detail-cards article, .detail-cards article:nth-child(3n), .related-grid a:nth-child(odd) { border-inline-end: 0; }
  .process-list li { grid-template-columns: 2.6rem minmax(0,1fr); gap: .75rem; }
  .footer-grid-production { grid-template-columns: 1fr; }
  .contact-real .form-wide { grid-column: 1; }
}