/* Business Architecture: readable editorial chapters, native document scrolling. */
body[data-yamar-page="business-architecture"] {
  --ed-ink:#302b26; --ed-accent:#876441; --ed-soft:#f5f0e8;
  --ed-hero:#f5f0e8; --ed-hero-text:#302b26; --ed-hero-muted:#655d54;
}
body[data-yamar-page="business-architecture"] main { overflow:clip; }
.yamar-editorial .architecture-hero { padding-block:clamp(42px,5vw,76px); }
.yamar-editorial .architecture-hero .page-hero-grid { grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); gap:5vw; }
.yamar-editorial .architecture-hero .display-title { font-size:clamp(2.45rem,4.2vw,4.6rem); line-height:1.1; max-width:17ch; margin-block:22px; overflow-wrap:normal; }
.architecture-promise { font-size:clamp(1.1rem,1.6vw,1.4rem); margin:0 0 14px; line-height:1.5; color:#876441; }
.architecture-note,.yamar-editorial .section .architecture-note { color:#6c6359; font-size:.875rem; line-height:1.7; }
.architecture-hero .architecture-note { margin-top:20px; }
.architecture-visual { min-width:0; padding:0 0 22px 22px; position:relative; }
.architecture-visual::before { content:''; position:absolute; inset:24px 24px 0 0; background:#dfcfb9; }
.architecture-visual .editorial-hero-media { aspect-ratio:1.15; background:#ded6ca; }
.architecture-visual-note { position:relative; display:flex; gap:24px; align-items:center; padding:20px 24px; background:#fffdf8; margin-inline:0 24px; }
.architecture-visual-note p { margin:0; font-size:.875rem; line-height:1.7; }
.architecture-index { display:block; color:#876441; font:400 1rem/1.5 'Montserrat',Arial,sans-serif; white-space:nowrap; }
.architecture-jump { display:flex; flex-wrap:wrap; gap:0; padding-block:14px; border-bottom:1px solid #d9cebf; }
.architecture-jump a { display:flex; gap:25px; justify-content:space-between; padding:15px 22px; font-size:.875rem; color:#514538; text-decoration:none; flex:1 1 165px; border-inline-end:1px solid #e5ddd0; }
.architecture-jump a:hover { background:#f5f0e8; }
.architecture-jump a:last-child { border:0; }
.yamar-editorial .architecture-analysis { background:#fffdf9; }
body[data-yamar-page="business-architecture"] .section-head { gap:4vw; margin-bottom:38px; }
body[data-yamar-page="business-architecture"] .section-copy { color:#655d54; }
.architecture-analysis-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0; border:1px solid #ded5c7; }
.architecture-analysis-card { padding:30px; border-inline-end:1px solid #ded5c7; border-bottom:1px solid #ded5c7; }
.architecture-analysis-card:nth-child(3n) { border-inline-end:0; }
.architecture-analysis-card:nth-last-child(-n+3) { border-bottom:0; }
.yamar-editorial .architecture-analysis-card h3 { font:400 1.6rem/1.3 Georgia,serif; margin:14px 0; color:#302b26; }
.yamar-editorial .architecture-analysis-card .architecture-question { min-height:3.5em; color:#4b4238; font-size:1rem; line-height:1.65; }
.architecture-analysis-card dl { margin:22px 0 0; }
.architecture-analysis-card dt { font-size:.75rem; color:#876441; margin-top:16px; letter-spacing:.04em; }
.architecture-analysis-card dd { margin:6px 0 0; font-size:.875rem; line-height:1.75; color:#655d54; }
.yamar-editorial .architecture-map-section { background:#ebe0ce; padding-block:68px; }
.architecture-map-intro { max-width:65ch; color:#655d54; }
.architecture-map { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); list-style:none; padding:0; margin:44px 0 0; }
.architecture-map li { position:relative; padding-inline:12px; text-align:center; }
.architecture-map li::before { content:''; position:absolute; height:1px; background:#ac9271; top:29px; inset-inline:0; }
.architecture-map li:first-child::before { inset-inline-start:50%; }
.architecture-map li:last-child::before { inset-inline-end:50%; }
.architecture-node { position:relative; display:grid; place-items:center; width:58px; height:58px; border-radius:50%; background:#fffaf1; border:1px solid #aa8e69; margin:auto; color:#735334; }
.architecture-map h3 { margin:20px 0 8px; }
.yamar-editorial .architecture-map p { font-size:.875rem; color:#655d54; }
.architecture-loop { text-align:center; margin:32px 0 0; padding-top:20px; border-top:1px dashed #b5a084; color:#624d36; }
.architecture-loop span { font-size:1.6rem; vertical-align:middle; margin-inline-end:8px; }
.architecture-disciplines article { display:grid; grid-template-columns:55px minmax(0,.8fr) minmax(0,1.2fr); gap:24px; border-top:1px solid #ded5c7; padding-block:28px; }
.yamar-editorial .architecture-disciplines h3 { font:400 1.55rem/1.4 Georgia,serif; margin:0; }
.architecture-disciplines p { margin:0; }
.architecture-disciplines .architecture-note { margin-top:10px; }
.architecture-photo { display:grid; grid-template-columns:1.1fr 1fr; margin:0; background:#e2d1b9; }
.architecture-photo img { display:block; width:100%; height:100%; max-height:400px; min-height:300px; object-fit:cover; }
.architecture-photo figcaption { padding:clamp(30px,5vw,70px); display:flex; flex-direction:column; justify-content:center; }
.architecture-photo figcaption>span { font-size:.8rem; letter-spacing:.04em; color:#685238; }
.architecture-photo figcaption p { font:400 clamp(1.8rem,3vw,3rem)/1.2 Georgia,serif; margin:20px 0; }
.architecture-photo small { font-size:.7rem; color:#655740; }
.yamar-editorial .architecture-blueprint { background:#f7f4ef; }
.architecture-deliverables { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.architecture-deliverables article { background:#fffdf9; border:1px solid #ddd4c7; padding:26px; }
.architecture-deliverables article:first-child { grid-row:span 2; display:flex; flex-direction:column; justify-content:center; background:#e9dfcf; }
.architecture-deliverables h3 { margin:16px 0 12px; }
.architecture-deliverables p { margin:0; color:#655d54; }
.architecture-handoff { display:grid; grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr); align-items:start; gap:30px; border-top:1px solid #ded5c7; margin-top:34px; padding-top:28px; }
.architecture-handoff h3,.architecture-handoff p { margin:0; }
.yamar-editorial .architecture-example { background:#f4e5d9; }
.architecture-example-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:22px; }
.architecture-example-grid article { border-top:1px solid #ae9175; padding-block:24px 0; }
.architecture-example-grid h3 { margin:15px 0; }
.architecture-example-grid p { color:#655348; }
.architecture-measure-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:30px; }
.architecture-measure-grid article { border-inline-start:2px solid #c0a27a; padding-inline-start:24px; }
.architecture-measure-grid h3 { margin-top:0; }
.architecture-measure-grid p { color:#655d54; }
.architecture-related { margin-top:42px; padding:30px; border:1px solid #ded5c7; background:#faf7f1; }
.architecture-related h3 { margin:0 0 18px; }
.architecture-related a { color:#705333; display:inline-block; padding-block:9px; margin-inline-end:30px; text-underline-offset:5px; line-height:1.7; }
.architecture-related p { margin-bottom:0; }
.yamar-editorial .architecture-faq { background:#f7f4ef; }
.architecture-questions details { border-top:1px solid #d8cdbc; padding-block:22px; }
.architecture-questions details:last-child { border-bottom:1px solid #d8cdbc; }
.architecture-questions summary { cursor:pointer; font-size:1.0625rem; line-height:1.6; padding-inline-end:20px; }
.architecture-questions p { max-width:85ch; color:#655d54; margin:16px 0 0; }
.yamar-editorial .architecture-final { background:#e8dbc5; padding-block:60px; }
.architecture-final .section-copy { max-width:65ch; margin:20px 0 26px; }
body[data-yamar-page="business-architecture"] :is(.architecture-jump a,summary):focus-visible { outline:2px solid #876441; outline-offset:4px; }
html[dir="rtl"] body[data-yamar-page="business-architecture"] :is(.display-title,.section-title,.architecture-analysis-card h3,.architecture-disciplines h3,.architecture-photo figcaption p) { font-family:'Noto Sans Arabic',Tahoma,Arial,sans-serif; letter-spacing:0; line-height:1.55; }
html[dir="rtl"] .architecture-hero .display-title { max-width:none; font-size:clamp(2.1rem,3.6vw,3.8rem); }
html[lang="ar"] body[data-yamar-page="business-architecture"] .architecture-map { padding-inline:0; }
@media(max-width:1000px) {
  .architecture-analysis-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .architecture-analysis-card:nth-child(3n) { border-inline-end:1px solid #ded5c7; }
  .architecture-analysis-card:nth-child(2n) { border-inline-end:0; }
  .architecture-analysis-card:nth-last-child(3) { border-bottom:1px solid #ded5c7; }
  .architecture-example-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .architecture-measure-grid { gap:20px; }
}
@media(max-width:760px) {
  .yamar-editorial .architecture-hero .page-hero-grid { grid-template-columns:minmax(0,1fr); gap:35px; }
  .yamar-editorial .architecture-hero .display-title { max-width:22ch; }
  .architecture-visual .editorial-hero-media { aspect-ratio:1.65; }
  .architecture-visual-note { padding:16px; }
  .architecture-jump a { flex-basis:45%; padding:13px; }
  .architecture-jump a:nth-child(even) { border-inline-end:0; }
  .architecture-analysis-card { padding:24px; }
  .architecture-map { grid-template-columns:1fr; gap:0; margin-top:28px; }
  .architecture-map li { display:grid; grid-template-columns:58px 1fr; gap:0 22px; text-align:start; padding:0 0 24px; }
  .architecture-map li::before,.architecture-map li:first-child::before,.architecture-map li:last-child::before { width:1px; height:auto; top:0; bottom:0; inset-inline-start:29px; inset-inline-end:auto; }
  .architecture-map li:last-child::before { display:none; }
  .architecture-node { grid-row:span 2; }
  .architecture-map h3 { margin:3px 0 4px; }
  .architecture-map p { margin:0; }
  .architecture-loop { margin-top:0; text-align:start; }
  .architecture-disciplines article { grid-template-columns:34px minmax(0,1fr); gap:12px; }
  .architecture-disciplines article>div { grid-column:2; }
  .architecture-deliverables { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .architecture-deliverables article:first-child { grid-row:auto; grid-column:1 / -1; }
  .architecture-photo { grid-template-columns:1fr; }
  .architecture-photo img { min-height:0; height:280px; }
  .architecture-handoff,.architecture-measure-grid { grid-template-columns:1fr; gap:24px; }
  .architecture-related { padding:24px; }
  .architecture-related a { display:block; margin-inline-end:0; }
}
@media(max-width:480px) {
  .architecture-analysis-grid,.architecture-deliverables,.architecture-example-grid { grid-template-columns:minmax(0,1fr); }
  .architecture-analysis-card,.architecture-analysis-card:nth-child(3n) { border-inline-end:0; border-bottom:1px solid #ded5c7; }
  .architecture-analysis-card:nth-last-child(-n+3) { border-bottom:1px solid #ded5c7; }
  .architecture-analysis-card:last-child { border-bottom:0; }
  .yamar-editorial .architecture-analysis-card .architecture-question { min-height:0; }
  .architecture-visual { padding-inline-start:12px; }
  .architecture-visual-note { gap:12px; margin-inline-end:12px; }
}

/* Visual storytelling: six images and four substantial, readable diagrams. */
.yamar-editorial .architecture-hero .page-hero-grid { grid-template-columns:minmax(0,1fr) minmax(0,1.2fr); gap:4vw; }
.yamar-editorial .architecture-hero .display-title { font-size:clamp(2.3rem,3.75vw,4rem); }
.architecture-visual { padding:0; }
.architecture-visual::before { display:none; }
.architecture-visual .editorial-hero-media { aspect-ratio:1.25; border-radius:3px; }
.architecture-visual-note { margin:0; padding:20px 25px; background:#e5d6bf; }
.architecture-visual-note p { font-size:1rem; }
.yamar-editorial .architecture-system { background:#ebe6dd; padding-block:65px 56px; }
.architecture-system .section-head { margin-bottom:10px; }
.architecture-orbit { position:relative; height:470px; background-image:radial-gradient(#aa958450 .8px,transparent .8px); background-size:20px 20px; margin-top:25px; border:1px solid #d7ccbc; border-radius:8px; }
.architecture-connectors { position:absolute; width:100%; height:100%; inset:0; stroke:#9a7c54; stroke-width:1.5; }
.architecture-orbit-core,.architecture-orbit-node { position:absolute; transform:translate(-50%,-50%); left:50%; top:50%; border:1px solid #cbb69a; border-radius:7px; }
.architecture-orbit-core { width:205px; padding:25px 18px; background:#3c332b; color:#fff6e7; text-align:center; box-shadow:0 10px 25px #4c38231a; z-index:1; }
.architecture-core-label { color:#dcc29b; letter-spacing:.22em; font-size:.8rem; }
.yamar-editorial .architecture-orbit-core p { font:400 1.65rem/1.25 Georgia,serif; margin:12px 0 0; }
.architecture-orbit-node { width:195px; min-height:116px; background:#fffdf8; padding:16px 12px; cursor:pointer; color:#4e4234; font-family:inherit; box-shadow:0 5px 20px #3e302008; }
.architecture-orbit-node>span { display:block; font-size:1rem; line-height:1.4; margin-top:6px; }
.architecture-orbit-node>small { display:block; font-size:.875rem; line-height:1.5; margin-top:5px; color:#706356; }
.architecture-orbit-node[aria-pressed="true"] { background:#f3dfbb; border-color:#96703d; box-shadow:0 0 0 2px #96703d25; }
.architecture-orbit-node:hover { border-color:#816039; }
.architecture-icon { width:38px; height:38px; display:block; color:#8c663d; flex-shrink:0; }
.architecture-orbit-node .architecture-icon { width:30px; height:30px; margin:auto; }
.architecture-orbit-node.orbit-1 { left:16%; top:20%; }
.architecture-orbit-node.orbit-2 { left:84%; top:20%; }
.architecture-orbit-node.orbit-3 { left:84%; top:78%; }
.architecture-orbit-node.orbit-4 { left:50%; top:84%; }
.architecture-orbit-node.orbit-5 { left:16%; top:78%; }
.architecture-map-detail { padding:28px 30px; background:#fffdf8; border:1px solid #d7ccbc; border-top:0; border-radius:0 0 8px 8px; }
.architecture-map-detail>div { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); gap:40px; align-items:center; }
.architecture-detail-label { display:block; font-size:.875rem; color:#80603d; margin-bottom:10px; }
.yamar-editorial .architecture-map-detail h3 { font-size:1.25rem; margin:0; line-height:1.5; }
.architecture-map-detail p { margin:0; }
.architecture-evidence-story { display:grid; grid-template-columns:1.1fr 1fr; margin:0 0 44px; border:1px solid #d8cabb; background:#f3e9dd; }
.architecture-feature-photo { margin:0; min-width:0; }
.architecture-feature-photo img { display:block; width:100%; height:100%; min-height:380px; object-fit:cover; }
.architecture-feature-photo figcaption,.architecture-brand-photo figcaption,.architecture-closing-photo figcaption { background:#3c332b; color:#f5ead9; padding:12px 18px; font-size:.8125rem; line-height:1.6; }
.architecture-evidence-story>.architecture-feature-photo { display:grid; grid-template-rows:minmax(0,1fr) auto; }
.architecture-evidence-diagram { padding:32px; }
.yamar-editorial .architecture-evidence-diagram h3 { font:400 1.7rem/1.3 Georgia,serif; margin:15px 0 25px; }
.architecture-evidence-diagram ol { list-style:none; padding:0; margin:0; }
.architecture-evidence-diagram li { position:relative; padding:0 0 28px 28px; border-inline-start:1px solid #b8996e; }
.architecture-evidence-diagram li::before { content:''; position:absolute; width:9px; height:9px; background:#997448; border-radius:50%; top:6px; inset-inline-start:-5px; }
.architecture-evidence-diagram li:last-child { border-color:transparent; padding-bottom:0; }
.architecture-evidence-diagram li>span { font-size:.875rem; color:#8c663d; }
.yamar-editorial .architecture-evidence-diagram li>p { margin:7px 0 0; font-size:1rem; line-height:1.65; color:#40362d; }
.architecture-analysis-grid { gap:16px; border:0; }
.architecture-analysis-card,.architecture-analysis-card:nth-child(3n),.architecture-analysis-card:nth-last-child(-n+3) { border:1px solid #ddd3c5; padding:26px; background:#fffdf8; border-radius:3px; }
.architecture-card-top { display:flex; align-items:center; justify-content:space-between; gap:20px; }
.architecture-card-top .architecture-index { font-size:.875rem; color:#8d8171; }
.yamar-editorial .architecture-analysis-card h3 { font-size:1.4rem; }
.architecture-card-detail { margin-top:18px; border-top:1px solid #e1d7ca; padding-top:15px; }
.architecture-card-detail summary { font-size:.875rem; color:#755536; cursor:pointer; }
.architecture-card-detail dl { margin-top:16px; }
.architecture-discipline-layout { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.25fr); gap:40px; align-items:start; }
.architecture-brand-photo { margin:0; }
.architecture-brand-photo img { width:100%; display:block; aspect-ratio:.8; object-fit:cover; }
.architecture-disciplines article { grid-template-columns:28px minmax(0,1fr); gap:12px 18px; padding-block:24px; }
.architecture-disciplines article>div { grid-column:2; }
.yamar-editorial .architecture-disciplines h3 { font-size:1.3rem; }
.architecture-disciplines .architecture-note { font-size:.875rem; }
.architecture-photo { margin-top:0; }
.architecture-priority-layout { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:42px; align-items:start; margin-top:50px; padding-top:45px; border-top:1px solid #d1c1ab; }
.architecture-priority-copy .architecture-feature-photo img { min-height:0; height:255px; }
.architecture-priority-copy h3 { margin:25px 0 10px; }
.architecture-priority-copy p { color:#65594c; margin:0; }
.architecture-priority-chart { position:relative; margin:0; padding:0 0 0 38px; }
.architecture-priority-chart>figcaption { font-size:1.1rem; color:#4c3c2b; padding-bottom:24px; }
.architecture-quadrants { display:grid; grid-template-columns:1fr 1fr; border-inline-start:1px solid #7c6446; border-bottom:1px solid #7c6446; direction:ltr; }
.architecture-quadrants>div { padding:20px; min-height:185px; border:1px dashed #bcad974d; background:#ede7db; }
.architecture-quadrants>div:nth-child(1) { background:#dfc59f; }
.architecture-quadrants>div:nth-child(2) { background:#e8ddd0; }
.architecture-quadrants>div:nth-child(3) { background:#f6f1e8; }
.architecture-quadrants>div>span { display:block; color:#604726; font-size:.875rem; }
.yamar-editorial .architecture-quadrants p { display:flex; align-items:start; gap:8px; font-size:1rem; line-height:1.55; margin:24px 0 0; color:#413429; }
.architecture-quadrants i { display:block; width:9px; height:9px; flex-shrink:0; background:#85623a; border-radius:50%; margin-top:7px; }
.architecture-axis-y { position:absolute; top:53%; left:0; transform:translate(-40%,-50%) rotate(-90deg); white-space:nowrap; font-size:.875rem; color:#65543d; }
.architecture-axis-x { text-align:center; padding-top:10px; font-size:.875rem; color:#65543d; direction:ltr; }
.yamar-editorial .architecture-priority-chart>.architecture-note { margin:20px 0 0; font-size:.875rem; }
.architecture-journey-comparison { display:grid; grid-template-columns:1fr 1.2fr; gap:25px; margin-bottom:36px; }
.architecture-journey-comparison>div { padding:32px; border:1px solid #bca386; border-radius:4px; }
.architecture-journey-current { background:#f1e8dd; }
.architecture-journey-proposed { background:#fffdf8; }
.yamar-editorial .architecture-journey-comparison h3 { font:400 1.5rem/1.4 Georgia,serif; margin:15px 0 25px; }
.architecture-journey-comparison ol { list-style:none; padding:0; margin:0; }
.architecture-journey-comparison li { position:relative; padding:15px 18px; margin-bottom:26px; border:1px solid #c6b79f; border-radius:4px; text-align:center; font-size:1rem; }
.architecture-journey-comparison li:not(:last-child)::after { content:'↓'; position:absolute; top:100%; left:50%; transform:translateX(-50%); color:#8e704c; height:26px; line-height:26px; }
.architecture-journey-current li { border-style:dashed; max-width:90%; background:#e6dbcf; }
.architecture-journey-current li:nth-child(2) { margin-inline-start:10%; }
.architecture-journey-current li:nth-child(2)::after { content:'↙'; }
.architecture-journey-current li:first-child::after { content:'↘'; }
.architecture-journey-proposed li { background:#f4e6cb; border-color:#b99a6c; }
.yamar-editorial .architecture-journey-comparison>div>p { font-size:.875rem; color:#6b5b48; margin:15px 0 0; }
.architecture-final-layout { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:50px; align-items:center; }
.architecture-closing-photo { margin:0; }
.architecture-closing-photo img { display:block; width:100%; aspect-ratio:1.05; object-fit:cover; }
.architecture-final-layout .section-title { font-size:clamp(2rem,3.5vw,3.5rem); }
@media(prefers-reduced-motion:no-preference) {
  body.motion-on .architecture-connectors path { stroke-dasharray:7 7; animation:architecture-signal 12s linear infinite; }
  body.motion-on .architecture-orbit-node { transition:background .25s,border-color .25s,box-shadow .25s; }
}
@keyframes architecture-signal { to { stroke-dashoffset:-140; } }
html[lang="ar"] .architecture-orbit-core p,html[lang="ar"] .architecture-evidence-diagram h3,html[lang="ar"] .architecture-journey-comparison h3 { font-family:'Noto Sans Arabic',Tahoma,Arial,sans-serif; }
html[lang="ar"] .architecture-orbit { direction:rtl; }
html[lang="ar"] .architecture-orbit-core p { line-height:1.7; }
html[lang="ar"] body[data-yamar-page="business-architecture"] :is(.architecture-evidence-diagram ol,.architecture-journey-comparison ol) { padding:0; }
html[lang="ar"] .architecture-evidence-diagram li { padding-left:0; padding-inline-start:28px; }
html[lang="ar"] .architecture-quadrants>div { direction:rtl; }
html[lang="ar"] .architecture-axis-y,html[lang="ar"] .architecture-axis-x { font-size:.8125rem; }
html[lang="ar"] .architecture-journey-current li:first-child::after { content:'↙'; }
html[lang="ar"] .architecture-journey-current li:nth-child(2)::after { content:'↘'; }
@media(max-width:1050px) {
  .architecture-orbit-node { width:170px; }
  .architecture-orbit-core { width:180px; }
  .architecture-discipline-layout { grid-template-columns:.8fr 1.2fr; gap:26px; }
  .architecture-priority-layout { gap:24px; }
  .architecture-quadrants>div { padding:17px; }
  .architecture-final-layout { gap:30px; }
}
@media(max-width:760px) {
  .yamar-editorial .architecture-hero .page-hero-grid { grid-template-columns:1fr; }
  .architecture-visual .editorial-hero-media { aspect-ratio:1.5; }
  .architecture-orbit { height:auto; padding:26px 20px; display:grid; grid-template-columns:1fr 1fr; gap:18px; }
  .architecture-orbit::before { content:''; position:absolute; top:90px; bottom:80px; left:50%; width:1px; background:#b69a73; }
  .architecture-connectors { display:none; }
  .architecture-orbit-core,.architecture-orbit-node { position:static; transform:none; width:auto; }
  .architecture-orbit-core { grid-column:1 / -1; padding:20px; }
  .architecture-orbit-core p { margin-top:8px; }
  .architecture-orbit-node { position:relative; min-height:135px; z-index:1; }
  .architecture-orbit-node.orbit-1,.architecture-orbit-node.orbit-2,.architecture-orbit-node.orbit-3,.architecture-orbit-node.orbit-4,.architecture-orbit-node.orbit-5 { left:auto; top:auto; }
  .architecture-orbit-node::before { content:''; position:absolute; width:18px; height:1px; top:50%; right:100%; background:#b69a73; }
  .architecture-orbit-node:nth-of-type(odd)::before { right:auto; left:100%; }
  .architecture-orbit-node:last-child::before { width:1px; height:18px; top:auto; bottom:100%; left:50%; }
  .architecture-orbit-node:last-child { grid-column:1 / -1; }
  .architecture-map-detail>div { grid-template-columns:1fr; gap:20px; }
  .architecture-map-detail { padding:24px; }
  .architecture-evidence-story,.architecture-discipline-layout,.architecture-priority-layout,.architecture-journey-comparison,.architecture-final-layout { grid-template-columns:1fr; }
  .architecture-feature-photo img { min-height:0; height:320px; }
  .architecture-brand-photo img { aspect-ratio:1.7; }
  .architecture-evidence-diagram { padding:28px; }
  .architecture-analysis-card,.architecture-analysis-card:nth-child(3n),.architecture-analysis-card:nth-last-child(-n+3) { border:1px solid #ddd3c5; }
  .architecture-discipline-layout { gap:28px; }
  .architecture-priority-layout { gap:32px; }
  .architecture-journey-comparison { gap:20px; }
  .architecture-journey-comparison>div { padding:24px; }
  .architecture-final-layout { gap:30px; }
  .architecture-closing-photo img { aspect-ratio:1.7; }
}
@media(max-width:420px) {
  .architecture-orbit { padding:20px 14px; gap:12px; }
  .architecture-orbit-node { padding:15px 10px; }
  .architecture-orbit-node>span { font-size:.9375rem; }
  .architecture-priority-chart { padding-inline-start:26px; }
  .architecture-quadrants>div { padding:15px 12px; min-height:190px; }
  .yamar-editorial .architecture-quadrants p { font-size:.9375rem; }
  .architecture-axis-y { font-size:.8125rem; }
}