:root{--arch-navy:#163b53;--arch-ink:#12354d;--arch-copy:#47708a;--arch-blue:#216886;--arch-line:#d4bda6;--arch-card:#fffaf3}
.architecture-page{font-family:'DM Sans',sans-serif;color:var(--arch-ink)}.architecture-page h1,.architecture-page h2,.architecture-page h3,.architecture-page h4{font-family:'Newsreader',serif;color:var(--arch-navy)}
.architecture-page .architecture-hero{background:#f8f2e8}.architecture-hero .aws-hero-grid{align-items:center}.architecture-intro{max-width:720px;margin:0 0 18px;color:#647584;font:400 17px/1.65 "DM Sans",sans-serif}.architecture-delivery{margin:20px 0 0;color:var(--arch-blue);font:500 11px/1.5 'DM Mono',monospace;letter-spacing:.08em;text-transform:uppercase}
.architecture-visual{position:relative;min-height:465px;overflow:hidden;border:1px solid #dfbd98;border-radius:28px;background-color:#fffaf3;background-image:linear-gradient(rgba(22,59,83,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(22,59,83,.04) 1px,transparent 1px);background-size:28px 28px}.architecture-visual:before,.architecture-visual:after{content:"";position:absolute;left:50%;top:50%;border-radius:50%;transform:translate(-50%,-50%)}.architecture-visual:before{width:300px;height:300px;border:1px solid rgba(33,104,134,.28)}.architecture-visual:after{width:210px;height:210px;border:1px dashed rgba(255,96,5,.45)}
.architecture-core{position:absolute;z-index:2;left:50%;top:50%;width:142px;height:142px;display:grid;place-items:center;text-align:center;border:1px solid #dfbd98;border-radius:50%;transform:translate(-50%,-50%);background:#fffdf9;color:var(--arch-navy);font:600 27px/1.02 'Newsreader',serif;box-shadow:0 14px 30px rgba(22,59,83,.08)}.architecture-visual article{position:absolute;z-index:3;width:146px;padding:15px 16px;border-radius:12px;background:var(--arch-navy);color:#fff;box-shadow:0 10px 20px rgba(22,59,83,.13)}.architecture-visual article:nth-of-type(1){left:6%;top:14%}.architecture-visual article:nth-of-type(2){right:6%;top:18%}.architecture-visual article:nth-of-type(3){right:9%;bottom:13%}.architecture-visual article span{display:block;margin-bottom:7px;color:#ff9d5e;font:500 10px 'DM Mono',monospace}.architecture-visual article strong{display:block;font-size:13px}.architecture-visual article small{display:block;margin-top:4px;color:#c8dce7;font-size:10px;text-transform:uppercase;letter-spacing:.06em}
.architecture-page .section{padding:76px 0}.architecture-beyond{background:#fbfaf6}.architecture-areas{background:#eff9fb}.architecture-principles{background:#f8f2e8}.architecture-workshops{background:#edf7f1}.architecture-audience{background:#fbfaf6}.architecture-custom{background:#edf8fb}.architecture-trainer{background:#f8f2e8}.architecture-delivery-section{background:#c5e2ed}.architecture-outcomes{background:#f0f4f0}.architecture-faq{background:#fbf8f1}.architecture-cta{background:#edf8fb!important}
.architecture-track-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:38px}.architecture-track-grid>article{display:flex;flex-direction:column;min-height:100%;padding:28px 26px;border:1px solid #c9d7d7;border-radius:18px;background:#fffdf9;box-shadow:0 8px 22px rgba(22,59,83,.04)}.architecture-track-head{display:flex;gap:15px;align-items:flex-start;margin-bottom:18px}.architecture-track-icon{flex:0 0 48px;width:48px;height:48px;display:grid;place-items:center;border:1px solid #dfbd98;border-radius:50%;background:#f8f2e8;color:var(--arch-blue);font:500 11px 'DM Mono',monospace}.architecture-track-grid h3{margin:0 0 7px;font-size:25px;line-height:1.05}.architecture-track-grid h4{margin:22px 0 8px;font-size:17px}.architecture-track-grid p,.architecture-track-grid li{color:var(--arch-copy);font-size:13.5px;line-height:1.6}.architecture-track-grid ul{margin:0;padding-left:18px}.architecture-track-grid li+li{margin-top:5px}.architecture-focus{margin-top:auto;padding:18px 0 0;border-top:1px solid #dbe4e4}.architecture-focus b{color:var(--arch-blue);font:500 10px 'DM Mono',monospace;letter-spacing:.08em;text-transform:uppercase}.architecture-focus p{margin:8px 0 0}
.architecture-table-wrap{margin-top:34px;overflow-x:auto;border:1px solid #dfbd98;border-radius:18px;background:#fffaf3}.architecture-table{width:100%;border-collapse:collapse;min-width:680px}.architecture-table th,.architecture-table td{padding:18px 22px;text-align:left;border-bottom:1px solid #ead9c8;font-size:14px;line-height:1.55}.architecture-table thead th{background:var(--arch-navy);color:#fff;font:500 11px 'DM Mono',monospace;letter-spacing:.06em;text-transform:uppercase}.architecture-table tbody th{width:31%;color:var(--arch-navy);font-weight:600}.architecture-table tbody td{color:var(--arch-copy)}.architecture-table tbody tr:last-child>*{border-bottom:0}
.architecture-workshop-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:36px}.architecture-workshop-grid article,.architecture-delivery-grid article{padding:27px 26px;border:1px solid var(--arch-line);border-radius:16px;background:#fffaf3}.architecture-workshop-grid h3,.architecture-delivery-grid h3{margin:0 0 12px;font-size:21px;line-height:1.12}.architecture-workshop-grid p,.architecture-delivery-grid p{margin:0;color:var(--arch-copy);font-size:14px;line-height:1.65}.architecture-note{margin:24px 0 0;color:var(--arch-copy);font-size:13px;font-style:italic}
.architecture-checks,.architecture-outcome-list{display:grid;gap:9px;margin:18px 0;padding:0;list-style:none}.architecture-checks li,.architecture-outcome-list li{position:relative;padding-left:28px;color:var(--arch-copy);line-height:1.55}.architecture-checks li:before,.architecture-outcome-list li:before{content:"✓";position:absolute;left:0;top:0;width:19px;height:19px;display:grid;place-items:center;border-radius:50%;background:var(--arch-navy);color:#fff;font-size:11px}
.architecture-delivery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:36px}.architecture-delivery-grid article{min-height:190px;border-color:rgba(255,255,255,.94);box-shadow:0 14px 30px rgba(22,59,83,.08)}.architecture-delivery-grid article:before{display:grid;place-content:center;width:48px;height:48px;margin-bottom:24px;border:1px solid #dfbd98;border-radius:50%;background:#f8f2e8;color:var(--arch-navy)}.architecture-delivery-grid article:nth-child(1):before{content:"▶";font-size:14px}.architecture-delivery-grid article:nth-child(2):before{content:"⌂";font-size:20px}.architecture-delivery-grid article:nth-child(3):before{content:"↔";font-size:18px}.architecture-faq .aws-faq{background:#fffdf9}.architecture-cta .button.light{background:#fff;color:var(--arch-ink);border-color:#aeb7b4}
@media(max-width:1000px){.architecture-track-grid{grid-template-columns:1fr}.architecture-workshop-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.architecture-visual{min-height:420px}}@media(max-width:700px){.architecture-page .section{padding:58px 0}.architecture-visual{min-height:390px}.architecture-core{width:122px;height:122px;font-size:24px}.architecture-visual:before{width:260px;height:260px}.architecture-visual:after{width:180px;height:180px}.architecture-visual article{width:126px;padding:12px}.architecture-visual article:nth-of-type(1){left:3%;top:10%}.architecture-visual article:nth-of-type(2){right:3%;top:14%}.architecture-visual article:nth-of-type(3){right:5%;bottom:10%}.architecture-workshop-grid,.architecture-delivery-grid{grid-template-columns:1fr}.architecture-track-grid>article{padding:24px 20px}.architecture-table th,.architecture-table td{padding:15px 16px}}

/* Your Trainer section copied from IBM Training */
.architecture-page main > .alibaba-trainer{background:#fbfaf6!important}
.architecture-page main > .alibaba-trainer + .architecture-beyond{background:#f8f2e8!important}

/* System Design section palette from training.html */
.architecture-page main > .architecture-hero{background:#f0e6d6!important}
.architecture-page main > .alibaba-trainer{background:#fbf8f1!important}
.architecture-page main > .architecture-beyond{background:#eff9fb!important}
.architecture-page main > .architecture-areas{background:#edf7f1!important}
.architecture-page main > .architecture-principles{background:#f8f2e8!important}
.architecture-page main > .architecture-workshops{background:#f0f4f0!important}
.architecture-page main > .architecture-audience{background:#f5e7d8!important}
.architecture-page main > .architecture-custom{background:#edf8fb!important}
.architecture-page main > .architecture-trainer{background:#f8f2e8!important}
.architecture-page main > .architecture-delivery-section{background:#c5e2ed!important}
.architecture-page main > .architecture-outcomes{background:#fffdfa!important}
.architecture-page main > .architecture-faq{background:#fbf8f1!important}
.architecture-page main > .architecture-cta{background:#f8f2e8!important}
/* End System Design section palette */
.architecture-hero .aws-lead{margin-bottom:18px}
.architecture-hero .aws-actions{margin-top:12px}


/* Architecture Beyond Diagrams icon cards */
.architecture-beyond-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:42px}
.architecture-beyond-grid article{min-height:205px;padding:27px 25px;border:1px solid #c9d7d7;border-radius:18px;background:#fffdf9;box-shadow:0 8px 20px rgba(22,59,83,.045)}
.architecture-beyond-icon{width:54px;height:54px;display:grid;place-items:center;margin-bottom:22px;border:1px solid #dfbd98;border-radius:50%;background:#f8f2e8;color:#163b53}
.architecture-beyond-icon svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.architecture-beyond-grid h3{margin:0 0 11px;font-size:22px;line-height:1.1}
.architecture-beyond-grid p{margin:0;color:#647584;font:400 14px/1.65 "DM Sans",sans-serif}
@media(max-width:850px){.architecture-beyond-grid{grid-template-columns:1fr}.architecture-beyond-grid article{min-height:0}}

/* Top hero secondary CTA hover */
.architecture-hero .aws-actions .button.light:hover{background:#17354a!important;border-color:#17354a!important;color:#fff!important}

/* System Design hero image */
.architecture-image-panel{min-height:465px;overflow:hidden;border:1px solid #dfbd98;border-radius:28px;background:#fffaf3}
.architecture-image-panel img{display:block;width:100%;height:100%;min-height:465px;padding:18px;box-sizing:border-box;object-fit:contain;border-radius:27px}
@media(max-width:900px){.architecture-image-panel,.architecture-image-panel img{min-height:420px}}
@media(max-width:600px){.architecture-image-panel,.architecture-image-panel img{min-height:360px}.architecture-image-panel img{padding:12px}}

/* Designer System Design training-area subsections */
.architecture-page .architecture-track-grid{grid-template-columns:1fr;gap:22px;margin-top:42px}
.architecture-page .architecture-track-grid>.architecture-track-card{position:relative;display:block;min-height:0;padding:0;overflow:hidden;border:1px solid #c9d7d7;border-radius:22px;background:#fffdfa;box-shadow:0 14px 34px rgba(22,59,83,.065)}
.architecture-track-card:before{content:"";position:absolute;z-index:2;left:0;top:0;bottom:0;width:6px;background:#216886}
.architecture-track-applications:before{background:#ff6005}.architecture-track-ai:before{background:#2d5c46}
.architecture-track-banner{display:grid;grid-template-columns:68px 1fr;gap:20px;align-items:start;padding:30px 32px 27px;border-bottom:1px solid #dbe4e4;background:#fbfaf6}
.architecture-track-banner .architecture-track-icon{width:62px;height:62px;margin:0;background:#f8f2e8}
.architecture-track-banner .architecture-track-icon svg{width:31px;height:31px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.architecture-track-label{display:block;margin:1px 0 8px;color:#216886;font:500 10px/1.3 "DM Mono",monospace;letter-spacing:.09em;text-transform:uppercase}
.architecture-track-applications .architecture-track-label{color:#d94f00}.architecture-track-ai .architecture-track-label{color:#2d5c46}
.architecture-page .architecture-track-banner h3{margin:0 0 8px;font-size:31px;line-height:1.05}
.architecture-page .architecture-track-banner p{margin:0;color:#647584;font-size:15px;line-height:1.55}
.architecture-track-layout{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:0}
.architecture-track-summary,.architecture-track-topics{padding:30px 32px}
.architecture-track-summary{display:flex;flex-direction:column;border-right:1px solid #dbe4e4;background:#fffdfa}
.architecture-track-topics{background:#f8f4ed}
.architecture-page .architecture-track-layout h4{margin:0 0 15px;color:#17354a;font-size:18px}
.architecture-page .architecture-track-layout p{margin:0;color:#647584;font-size:14px;line-height:1.7}
.architecture-track-topics ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:0;padding:0;list-style:none}
.architecture-page .architecture-track-topics li{position:relative;margin:0;padding:11px 12px 11px 30px;border:1px solid #e2d6c8;border-radius:10px;background:#fffdfa;color:#526b7d;font-size:12.5px;line-height:1.45}
.architecture-track-topics li:before{content:"";position:absolute;left:13px;top:17px;width:6px;height:6px;border-radius:50%;background:#216886}
.architecture-track-applications .architecture-track-topics li:before{background:#ff6005}.architecture-track-ai .architecture-track-topics li:before{background:#2d5c46}
.architecture-page .architecture-track-card .architecture-focus{margin-top:auto;padding:24px 0 0;border-top:0}
.architecture-page .architecture-track-card .architecture-focus b{display:block;margin-bottom:9px;color:#216886}
.architecture-track-applications .architecture-focus b{color:#d94f00!important}.architecture-track-ai .architecture-focus b{color:#2d5c46!important}
@media(max-width:900px){.architecture-track-layout{grid-template-columns:1fr}.architecture-track-summary{border-right:0;border-bottom:1px solid #dbe4e4}.architecture-track-topics ul{grid-template-columns:1fr}}
@media(max-width:600px){.architecture-track-banner{grid-template-columns:1fr;padding:25px 22px 23px}.architecture-track-summary,.architecture-track-topics{padding:24px 22px}.architecture-page .architecture-track-banner h3{font-size:27px}}


/* Training Area 01 navy accent */
.architecture-page .architecture-track-infrastructure:before{background:#17354a!important}
.architecture-page .architecture-track-infrastructure .architecture-track-icon{color:#17354a!important}
.architecture-page .architecture-track-infrastructure .architecture-track-label{color:#17354a!important}
.architecture-page .architecture-track-infrastructure .architecture-track-topics li:before{background:#17354a!important}
.architecture-page .architecture-track-infrastructure .architecture-focus b{color:#17354a!important}

/* Training Area 03 brown accent */
.architecture-page .architecture-track-ai:before{background:#5b4032!important}
.architecture-page .architecture-track-ai .architecture-track-icon{color:#5b4032!important}
.architecture-page .architecture-track-ai .architecture-track-label{color:#5b4032!important}
.architecture-page .architecture-track-ai .architecture-track-topics li:before{background:#5b4032!important}
.architecture-page .architecture-track-ai .architecture-focus b{color:#5b4032!important}



/* Final architecture CTA spacing */
.architecture-cta .aws-actions{margin-top:28px}



/* Final System Design training CTA button */
.architecture-cta .aws-actions .button.light{background:#17354a!important;border-color:#17354a!important;color:#fff!important}


/* Enhanced Training Delivery icons */
.architecture-delivery-grid article:before{display:none!important}
.architecture-delivery-icon{width:58px;height:58px;display:grid;place-items:center;margin-bottom:24px;border:1px solid #dfbd98;border-radius:50%;background:linear-gradient(145deg,#fffdfa,#f0e2d0);color:#17354a;box-shadow:inset 0 0 0 4px rgba(255,255,255,.45)}
.architecture-delivery-icon svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.architecture-delivery-grid article:nth-child(2) .architecture-delivery-icon{background:linear-gradient(145deg,#fffdfa,#edf7f1)}
.architecture-delivery-grid article:nth-child(3) .architecture-delivery-icon{background:linear-gradient(145deg,#fffdfa,#eaf7fc)}

/* Unified Training Delivery icon colors */
.architecture-delivery-grid article .architecture-delivery-icon{background:linear-gradient(145deg,#fffdfa,#f0e2d0)!important;border-color:#dfbd98!important;color:#17354a!important}


/* Customized training design-input cards */
.architecture-design-inputs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin:22px 0 24px}
.architecture-design-inputs li{display:flex;align-items:center;gap:13px;min-height:92px;padding:16px!important;border:1px solid #d4bda6;border-radius:14px;background:#fffdfa;color:#526b7d;font-size:13px;line-height:1.45;box-shadow:0 6px 16px rgba(22,59,83,.035)}
.architecture-design-inputs li:before{display:none!important}
.architecture-design-inputs li:last-child{grid-column:1/-1}
.architecture-input-icon{flex:0 0 46px;width:46px;height:46px;display:grid;place-items:center;border:1px solid #dfbd98;border-radius:50%;background:#f8f2e8;color:#17354a}
.architecture-input-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.architecture-design-inputs li>span:last-child{display:block}
@media(max-width:700px){.architecture-design-inputs{grid-template-columns:1fr}.architecture-design-inputs li:last-child{grid-column:auto}}


/* Side-by-side Training Delivery title alignment */
.architecture-delivery-section .aws-section-head{align-items:start}
.architecture-delivery-section .aws-section-head>.copy{align-self:start;margin-top:34px}


/* Scenario workshop card icons */
.architecture-workshop-icon{width:52px;height:52px;display:grid;place-items:center;margin-bottom:21px;border:1px solid #dfbd98;border-radius:50%;background:linear-gradient(145deg,#fffdfa,#f0e2d0);color:#17354a;box-shadow:inset 0 0 0 4px rgba(255,255,255,.45)}
.architecture-workshop-icon svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.architecture-workshop-grid article{display:flex;flex-direction:column;align-items:flex-start}


/* System Design FAQ question sizing. */
.architecture-page .aws-faq summary{font-size:14px}

/* Consistent card headline sizing across System Design sections. */
.architecture-beyond-grid h3,.architecture-workshop-grid h3,.architecture-delivery-grid h3{font-size:21px!important}

/* Natural mobile hero image sizing. */
@media(max-width:600px){.architecture-image-panel{min-height:0!important;padding:12px!important}.architecture-image-panel img{width:100%!important;height:auto!important;min-height:0!important;object-fit:contain!important;object-position:center!important;border-radius:18px}}