/* Shared page design for the self-contained prototype. */
.framework-rights{margin-top:28px;padding-top:23px;border-top:1px solid #ffffff26;color:#c8c4d7;font-size:var(--text-caption);line-height:1.8}.framework-rights p:first-child{color:var(--value);font-weight:500;font-size:var(--text-caption)}.framework-rights p+p{margin-top:6px}.trademark{font-size:.65em;line-height:0;vertical-align:super;margin-inline-start:2px}.art-copyright{font-size:var(--text-caption);letter-spacing:.025em;line-height:1.8;color:#b9b5cc;text-align:center;margin-top:17px}.page-hero-visual .art-copyright{margin-top:15px;font-size:var(--text-caption)}.framework-rights~.footer-bottom{margin-top:20px}html[lang=ar] .framework-rights{font-family:'Noto Sans Arabic',sans-serif;line-height:2}.framework-rights span[lang=en],.art-copyright span[lang=en]{font-family:'IBM Plex Sans',Arial,sans-serif;display:inline-block}
.site-header nav a[aria-current=page]{color:var(--value)}.site-header nav a[aria-current=page]::after{width:100%}.page-hero{background:var(--ink);color:var(--paper);padding-block:46px 65px}.page-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:75px;align-items:center}.breadcrumb{font-size:var(--text-caption);color:#b7b4c5;display:block;margin-bottom:36px}.breadcrumb span{padding-inline:12px;color:#817c99}.page-hero .eyebrow{color:var(--value);margin-bottom:14px}.page-hero h1{font-size:clamp(40px,4.4vw,61px);letter-spacing:-.035em;line-height:1.17}.page-hero h1 em{color:var(--trust);font-weight:400}.page-lede{font-size:var(--text-body);color:#c8c6d1;max-width:620px;margin-top:23px;line-height:1.85}.page-hero-visual{position:relative;border-block:1px solid #ffffff26;padding-block:28px}.page-hero-visual img{width:100%;mix-blend-mode:lighten}.page-hero-visual:has(img[src*="portrait"]){width:245px;justify-self:center;padding:12px;border:1px solid #b08d5760;background:#ffffff09}.page-hero-visual img[src*="portrait"]{height:290px;object-fit:cover;object-position:center 25%;mix-blend-mode:normal;filter:none}.footer-navigation{display:flex;gap:28px;flex-wrap:wrap;border-top:1px solid #ffffff26;padding-top:25px;font-size:var(--text-caption);color:#c8c4d7}.inner-footer .footer-bottom{margin-top:25px}.inner-footer .contact-top{padding-bottom:35px}.inner-footer small{font-size:var(--text-caption);color:#aaa6bb}.cdmp-feature{display:grid;grid-template-columns:1fr 1fr;gap:60px;border:1px solid var(--rule);border-top:3px solid var(--brass);padding:42px;background:var(--surface);align-items:center;scroll-margin-top:28px}.cdmp-feature .eyebrow{color:#82653a}.cdmp-feature h2{font-size:33px;letter-spacing:-.02em;margin-top:14px}.cdmp-feature p:not(.eyebrow){color:var(--muted);font-size:var(--text-support);margin-top:17px;line-height:1.8}.cdmp-feature .button{margin-top:25px;font-size:var(--text-caption);gap:15px;flex-wrap:wrap}.cdmp-feature .button small{font-size:var(--text-caption);opacity:.75}.badge-gallery{display:grid;grid-template-columns:1fr 1fr;gap:25px}.badge-gallery figure{text-align:center}.badge-gallery img{width:100px;height:100px;object-fit:contain;margin:auto}.badge-gallery figcaption{font-size:var(--text-caption);color:var(--muted);margin-top:10px}.qualification-heading{margin-top:65px}.qualification-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.qualification-card{position:relative;border:1px solid var(--rule);background:var(--surface);padding:29px;display:flex;flex-direction:column;scroll-margin-top:28px}.qualification-number{position:absolute;inset-inline-end:25px;top:23px;font-size:var(--text-caption);color:#8b8376}.qualification-card .eyebrow{font-size:var(--text-caption);color:#82653a;padding-inline-end:25px}.qualification-card h3{font-size:24px;line-height:1.4;margin-top:15px;margin-bottom:25px;max-width:470px}.qualification-card .text-link{margin-top:auto;font-size:var(--text-caption);flex-wrap:wrap;gap:13px}.qualification-card .text-link small{font-size:var(--text-caption);font-weight:400;color:var(--muted)}.education-panel{padding:35px 40px;background:#e7ede8;border-inline-start:3px solid var(--green);margin-top:50px}.education-panel .eyebrow{color:var(--green);margin-bottom:14px}.education-panel h2{font-size:29px}.education-panel p{color:#5b675e;font-size:var(--text-support);margin-top:15px}.education-panel>span{display:block;color:var(--green);font-size:var(--text-caption);margin-top:13px}.education-panel .text-link{margin-top:22px}.reading-layout{display:grid;grid-template-columns:220px 1fr;gap:85px;align-items:start}.reading-sidebar{position:sticky;top:28px;padding-top:5px;display:flex;flex-direction:column;gap:0;border-top:2px solid var(--brass)}.reading-sidebar .eyebrow{color:#82653a;margin-block:15px}.reading-sidebar a{padding-block:13px;border-bottom:1px solid var(--rule);font-size:var(--text-caption);line-height:1.7}.reading-sidebar a:hover{color:var(--green)}.reading-prose{max-width:790px}.reading-prose>section{margin-bottom:50px;scroll-margin-top:25px}.reading-prose h2{font-size:32px;letter-spacing:-.02em;margin-bottom:23px}.reading-prose p{font-size:var(--text-body);color:#5e5b60;line-height:1.95;margin-bottom:20px}.reading-prose p a{color:var(--green);text-decoration:underline;text-underline-offset:4px}.record-grid{display:grid;grid-template-columns:1fr;gap:15px;margin-top:25px}.record-card{padding:24px;background:var(--surface);border:1px solid var(--rule)}.record-card>span{font-size:var(--text-caption);color:var(--brass)}.record-card h3{font-size:22px;margin-top:8px}.record-card p{font-size:var(--text-support);margin-top:12px;margin-bottom:0}.article-prose>h2{margin-top:45px;scroll-margin-top:25px}.article-prose strong{color:var(--ink);font-weight:600}.article-next{margin-top:40px;padding-top:25px;border-top:1px solid var(--rule)}.article-next .eyebrow{color:#82653a;font-size:var(--text-caption)}.article-next a{display:block;font-family:var(--serif);font-size:27px;margin-top:13px;color:var(--green)}.writing-index .featured-writing{grid-template-columns:.8fr 1.2fr 35px}.writing-index .writing-copy p{max-width:none}.writing-index .writing-visual{height:300px}.framework-summary{max-width:800px;margin-inline:auto;text-align:center}.framework-summary h2{font-size:36px;margin-bottom:20px}.framework-summary p{color:var(--muted);line-height:1.95}.document-jumps{display:flex;justify-content:center;flex-wrap:wrap;gap:14px;margin-block:35px 55px}.document-jumps a{border:1px solid var(--rule);padding:10px 16px;font-size:var(--text-caption);background:var(--surface)}.document-jumps a:hover{border-color:var(--brass)}.layers-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.layer-column{padding:30px;background:var(--surface);border:1px solid var(--rule);border-top:3px solid #a76f2b;scroll-margin-top:25px}.layer-column.trust{border-top-color:var(--green)}.layer-column .eyebrow{color:#806034}.layer-column.trust .eyebrow{color:var(--green)}.layer-column h2{font-size:28px;line-height:1.3;margin-top:15px}.layer-column>p:not(.eyebrow){font-size:var(--text-support);color:var(--muted);margin-top:16px;line-height:1.85}.layer-column details{border-top:1px solid var(--rule)}.layer-column details:first-of-type{margin-top:24px}.layer-column summary{padding-block:17px;font-size:var(--text-support);font-weight:500;cursor:pointer;display:flex;align-items:center;gap:15px;list-style:none}.layer-column summary::-webkit-details-marker{display:none}.layer-column summary::after{content:'+';margin-inline-start:auto;color:#806034;font-size:20px}.layer-column details[open] summary::after{content:'−'}.layer-column summary>span{color:#8a6b3b;font-size:var(--text-caption)}.layer-column.trust summary>span,.layer-column.trust summary::after{color:var(--green)}.layer-column details p{font-size:var(--text-support);line-height:1.9;color:var(--muted);padding-bottom:20px}.layer-column .layer-ground{padding-top:20px;border-top:1px solid var(--rule);font-size:var(--text-caption)!important}.gd-fw__apply{margin-top:65px}.gd-fw__apply>h2{font-size:34px;margin-bottom:30px}.gd-fw__apply-row{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:start}.gd-fw__quad{display:grid;grid-template-columns:35px 1fr;grid-template-rows:1fr 30px;gap:12px}.q-y{writing-mode:vertical-rl;transform:rotate(180deg);text-align:center;font-size:var(--text-caption);color:var(--muted)}.q-x{grid-column:2;font-size:var(--text-caption);text-align:center;color:var(--muted)}.q-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.q-cell{padding:25px 15px;min-height:130px;display:flex;flex-direction:column;justify-content:center;border:1px solid #d1c9b9;line-height:1.6}.q-cell b{font-family:var(--serif);font-size:22px;font-weight:600}.q-cell span{font-size:var(--text-caption);margin-top:12px;color:#5b575b}.q-cell.waste{background:#f3e9d8}.q-cell.ship{background:#d7ebe2;border-color:#b2d2c4;color:#0a5e4f}.q-cell.drop{background:#e8e5e3}.q-cell.demo{background:#f3dfd0;color:#7b4934}.gd-fw__notes>div{margin-bottom:20px}.gd-fw__notes h4{font-family:var(--sans);font-size:var(--text-support);font-weight:600;margin:0 0 7px}.gd-fw__notes p{font-size:var(--text-support);color:var(--muted);line-height:1.8}.gd-fw__notes .ship{color:var(--green)}.gd-fw__notes .warn{color:#8b5034}.provenance{margin-top:60px;padding:35px;background:#e9e8ef;border:1px solid #d8d6e0}.provenance .eyebrow{color:#6260a3;margin-bottom:15px}.provenance h2{font-size:31px;margin-bottom:20px}.provenance p:not(.eyebrow){font-size:var(--text-support);color:#595665;line-height:1.9}.provenance p a{color:var(--green);text-decoration:underline;text-underline-offset:4px}.provenance .text-link{margin-top:22px}.dimension-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.dimension-card{background:var(--surface);border:1px solid var(--rule);padding:28px;position:relative}.dimension-number{display:block;font-size:var(--text-caption);color:var(--green);margin-bottom:20px}.dimension-card h3{font-size:23px;line-height:1.3}.dimension-card p{color:var(--muted);font-size:var(--text-support);line-height:1.85;margin-top:15px}.maturity-section{margin-top:60px;padding:35px;background:#e7ede8}.maturity-section>.eyebrow{color:var(--green);margin-bottom:15px}.maturity-section>h2{font-size:30px}.maturity-scale{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-top:28px}.maturity-scale>div{border-top:2px solid #9cad9f;padding-top:12px}.maturity-scale strong{display:block;font-family:var(--serif);font-size:38px;color:var(--green)}.maturity-scale span{display:block;font-size:var(--text-caption);margin-top:5px}.maturity-section>p:not(.eyebrow){font-size:var(--text-caption);color:#5b675e;margin-top:25px}.reading-prose a,.qualification-card h3{overflow-wrap:anywhere}.inner-page .page-hero:has(+.reading-layout) h1{font-size:clamp(35px,4vw,56px)}
/* Arabic pages use the local Arabic font and matching logical layouts. */
html[lang=ar] body,html[lang=ar] h1,html[lang=ar] h2,html[lang=ar] h3,html[lang=ar] .hero-statement{font-family:'Noto Sans Arabic',sans-serif}html[lang=ar] h1,html[lang=ar] h2,html[lang=ar] h3{line-height:1.65;letter-spacing:0}html[lang=ar] .eyebrow{letter-spacing:0}html[lang=ar] .wordmark-sub{letter-spacing:0;white-space:normal;max-width:180px;font-size:var(--text-caption)}html[lang=ar] .wordmark{font-size:var(--text-support)}html[lang=ar] .monogram{font-family:var(--serif);direction:ltr}html[lang=ar] .arabic-name{font-size:58px;white-space:normal;letter-spacing:0}html[lang=ar] .hero-statement{font-size:30px;line-height:1.8}html[lang=ar] .hero-intro{line-height:2.1}html[lang=ar] .site-header nav{gap:23px;font-size:var(--text-caption)}html[lang=ar] .page-hero h1{font-size:42px;line-height:1.7}html[lang=ar] .page-lede{line-height:2}html[lang=ar] .reading-prose p{line-height:2.2}html[lang=ar] .capability-card h3{font-size:22px;min-height:0}html[lang=ar] .capability-card p{line-height:2}html[lang=ar] .writing-copy h3{font-size:25px}html[lang=ar] .contact-top h2{font-size:37px;line-height:1.9}html[lang=ar] .breadcrumb span{display:inline-block}html[lang=ar] .text-link span{transform:scaleX(-1)}html[lang=ar] .layer-column summary{font-size:var(--text-caption)}html[lang=ar] .dimension-card h3{font-size:21px}
@media(max-width:1000px){.page-hero-grid{gap:35px}.page-hero h1{font-size:46px}.reading-layout{grid-template-columns:180px 1fr;gap:40px}.cdmp-feature{padding:30px;gap:30px}.cdmp-feature h2{font-size:29px}.qualification-card h3{font-size:21px}.layers-grid{gap:18px}.layer-column{padding:24px}.layer-column h2{font-size:23px}.gd-fw__apply-row{gap:30px}.q-cell b{font-size:19px}.dimension-grid{gap:15px}.dimension-card{padding:22px}.dimension-card h3{font-size:21px}.page-hero-visual:has(img[src*="portrait"]){width:210px}.page-hero-visual img[src*="portrait"]{height:260px}}
@media(max-width:760px){.page-hero{padding-block:28px 40px}.page-hero-grid{grid-template-columns:1fr;gap:30px}.breadcrumb{margin-bottom:25px}.page-hero h1{font-size:40px}.page-lede{font-size:var(--text-support);margin-top:20px}.page-hero-visual{max-width:540px;width:100%;justify-self:center;padding-block:18px}.page-hero-visual:has(img[src*="portrait"]){width:260px}.page-hero-visual img[src*="portrait"]{height:285px}.cdmp-feature{grid-template-columns:1fr;padding:27px;gap:30px}.cdmp-feature h2{font-size:28px}.badge-gallery{gap:22px}.badge-gallery img{width:85px;height:85px}.qualification-grid{grid-template-columns:1fr;gap:15px}.qualification-heading{margin-top:45px}.qualification-card h3{font-size:23px}.education-panel{padding:27px;margin-top:35px}.education-panel h2{font-size:26px}.reading-layout{grid-template-columns:1fr;gap:30px}.reading-sidebar{position:static;gap:0;display:grid;grid-template-columns:1fr 1fr;column-gap:15px}.reading-sidebar>.eyebrow{grid-column:1/-1}.reading-sidebar a{font-size:var(--text-caption);padding-block:10px}.reading-prose h2{font-size:28px}.reading-prose p{font-size:var(--text-support)}.writing-index .featured-writing{grid-template-columns:1fr}.writing-index .writing-visual{height:220px}.layers-grid{grid-template-columns:1fr;gap:25px}.framework-summary{text-align:start}.framework-summary h2{font-size:30px}.document-jumps{justify-content:flex-start;margin-block:30px}.document-jumps a{font-size:var(--text-caption);padding:9px 12px}.layer-column h2{font-size:26px}.gd-fw__apply-row{grid-template-columns:1fr;gap:30px}.gd-fw__apply>h2{font-size:29px}.q-cell{padding:23px 13px;min-height:120px}.q-cell b{font-size:19px}.q-cell span{font-size:var(--text-caption)}.provenance{padding:26px;margin-top:40px}.provenance h2{font-size:27px}.dimension-grid{grid-template-columns:1fr}.dimension-card h3{font-size:25px}.dimension-number{margin-bottom:12px}.maturity-section{padding:26px;margin-top:40px}.maturity-section h2{font-size:27px}.maturity-scale{grid-template-columns:repeat(3,1fr);gap:20px 13px}.footer-navigation{gap:15px 23px;font-size:var(--text-caption)}html[lang=ar] .page-hero h1{font-size:32px}html[lang=ar] .arabic-name{font-size:43px}html[lang=ar] .hero-statement{font-size:28px}html[lang=ar] .site-header .language{direction:ltr;text-align:right}html[lang=ar] .contact-top h2{font-size:30px}html[lang=ar] .reading-prose h2{font-size:25px}.qualification-card .text-link{gap:9px}.qualification-card .text-link small{width:100%}}
/* Writing imagery keeps the original photo colors and transparent artwork. */
.page-hero-visual.writing-portrait {
  padding: 10px;
  border: 1px solid #b08d5760;
  background: #ffffff09;
}
.page-hero-visual.writing-portrait img {
  width: 100%;
  height: auto;
  object-fit: contain;
  filter: none;
  mix-blend-mode: normal;
}
.writing-visual.twaf-cutout { background: transparent; }
.writing-visual.twaf-cutout img {
  width: 100%;
  height: auto;
  filter: none;
  opacity: 1;
  mix-blend-mode: normal;
}
/* ARDD has its own visual identity and attribution, separate from TWAF. */
.page-hero-visual:has(img[src*="ardd-logo"]) {
  background: var(--paper);
  border: 1px solid #b08d5760;
  padding: 28px;
}
.page-hero-visual img[src*="ardd-logo"] {
  max-width: 340px;
  margin-inline: auto;
  mix-blend-mode: normal;
}
.writing-visual.ardd-visual { background: var(--paper); }
.writing-visual.ardd-visual img {
  width: auto;
  height: 230px;
  max-height: 100%;
  object-fit: contain;
  opacity: 1;
  filter: none;
  mix-blend-mode: normal;
}
.writing-index .featured-writing + .featured-writing { margin-top: 36px; }
.ardd-context { margin-top: 60px; }
.ardd-context .section-heading > p {
  max-width: 460px;
  font-size: var(--text-body);
  line-height: 1.8;
}
.context-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.ardd-rights {
  margin-top: 24px;
  padding-top: 23px;
  border-top: 1px solid #ffffff26;
  color: #c8c4d7;
  font-size: var(--text-support);
  line-height: 1.8;
}
.ardd-rights p:first-child { color: var(--trust); font-weight: 500; }
.ardd-rights p + p { margin-top: 6px; }
.ardd-rights a { text-decoration: underline; text-underline-offset: 4px; }
.ardd-rights span[lang=en] { display: inline-block; font-family: var(--sans); }
@media (max-width: 760px) {
  .context-grid { grid-template-columns: 1fr; }
  .ardd-context { margin-top: 40px; }
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}