/* GOLD EDITING NOTE — CA48 preserves the approved Careers photograph/navy spread. Its dimensions and crops remain separate from the content-reading layout below. */
.af-inst7-page--careers .af-cr46-feature{grid-template-columns:1.1fr .9fr;border:0;background:#072a44;margin:24px 0 0}
.af-inst7-page--careers .af-cr46-feature>img{min-height:0;height:100%;object-position:57% center}
.af-inst7-page--careers .af-cr46-feature article{position:relative;display:flex;flex-direction:column;justify-content:center;min-height:365px;padding:38px 40px;border-top:2px solid #d5b474}
.af-inst7-page--careers .af-cr46-feature article::after{content:"";position:absolute;bottom:0;right:0;width:90px;height:1px;background:#6c94b0}
.af-inst7-page--careers .af-cr46-feature h2{color:#fff;font-size:clamp(28px,2.3vw,34px);line-height:1.18;letter-spacing:-.025em;margin:0 0 21px}
.af-inst7-page--careers .af-cr46-feature article>p:not(.af-content-label){color:#c4d4e1;font-size:15px;line-height:1.8;margin:0}
.af-inst7-page--careers .af-cr46-feature .af-content-label{color:#e3bd77;font-size:11px;margin-bottom:21px}
.af-inst7-page--careers .af-cr46-feature .af-inst7-feature-tags{gap:8px 15px;margin-top:26px;padding-top:17px;border-top:1px solid #ffffff25}
.af-inst7-page--careers .af-cr46-feature .af-inst7-feature-tags span{padding:0;border:0;background:none;color:#a8c5da;font-size:11px;line-height:1.6}
/* GOLD EDITING NOTE — CA48 follows inspected AF references: Opportunities, Technical Work Process, Expert Working Groups and How We Work. White reading paper, 27–34px content headings, quiet blue information surfaces and standard AF links replace the independent manifesto/index design. */
.af-ca48{--ca-line:#d1e0e9;--ca-ink:#0b3552;color:#4d697d}
.af-ca48 h2{color:var(--ca-ink);font:var(--af-font-panel-title);font-size:clamp(26px,2.4vw,34px);font-weight:650;line-height:1.2;letter-spacing:-.025em;margin:0 0 18px}
.af-ca48 h3{color:var(--ca-ink);font-size:20px;line-height:1.4;font-weight:650;letter-spacing:-.02em;margin:0 0 11px}
.af-inst7-page--careers .af-ca48 p:not(.af-content-label){font-size:var(--ca-body-size,16px);line-height:1.75;margin:var(--ca-paragraph-gap,0) 0 0}
.af-ca48 .af-content-label{font-size:11px;margin:0 0 13px}
.af-ca48 a:focus-visible,.af-ca48 summary:focus-visible{outline:2px solid #0b6ecc;outline-offset:4px}
/* GOLD EDITING NOTE — CA48 current vacancy information remains prominent but is not a job advert or a call to submit CVs. One compact band, using the same blue-left-rule vocabulary as AF technical explainers. */
.af-ca48-status{--ca-body-size:15px;display:grid;grid-template-columns:190px minmax(0,1fr);gap:27px;align-items:start;padding:23px 26px;margin-top:22px;background:#e6eff5;border-left:3px solid #0b6ecc}
.af-ca48 .af-ca48-status h2{font-size:22px;line-height:1.45;margin:0}
.af-ca48-status strong{color:#173f5a;font-weight:650}
.af-ca48-status-note{--ca-body-size:14px;--ca-paragraph-gap:7px;color:#5d7689}
/* GOLD EDITING NOTE — CA48 one reading canvas, not a new page-shell or sidebar navigation system. The contextual column contains useful employment information, never unrelated calls to action. It stacks after the main context on mobile and is deliberately not sticky. */
.af-ca48-paper{padding:32px;margin-top:23px;background:#fff;border:1px solid var(--ca-line)}
.af-ca48-reading{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:35px;align-items:start}
.af-ca48-main{min-width:0}
.af-ca48-disciplines{margin:23px 0 0;border-top:1px solid #aec6d7}
.af-ca48-disciplines>div{display:grid;grid-template-columns:210px minmax(0,1fr);gap:22px;padding:17px 18px;border-bottom:1px solid var(--ca-line);background:#f2f7fa}
.af-ca48-disciplines>div:nth-child(even){background:#fff}
.af-ca48-disciplines dt{color:#164f78;font-size:17px;font-weight:650;line-height:1.5}
.af-ca48-disciplines dd{color:#567386;font-size:15.5px;line-height:1.75;margin:0}
.af-ca48-principles{border-top:1px solid var(--ca-line);padding-top:27px;margin-top:29px}
.af-ca48 .af-ca48-principles h2{font-size:27px}
.af-ca48-principles ul{list-style:none;margin:16px 0 0;padding:0}
.af-ca48-principles li{font-size:15.5px;line-height:1.75;padding:7px 0}
.af-ca48-principles strong{color:#123e5b;font-weight:650}
/* GOLD EDITING NOTE — CA48 employment explainer uses the same pale information tone as existing technical pages. No speculative recruitment promises, staged application portal or decorative numbering. */
.af-ca48-notices{--ca-body-size:15px;min-width:0;padding:25px;background:#edf4f8;border-top:2px solid #9bbacf}
.af-ca48 .af-ca48-notices h2{font-size:24px;line-height:1.3;margin-bottom:14px}
.af-ca48-notices dl{margin:19px 0 0}
.af-ca48-notices dl>div{padding:14px 0;border-top:1px solid #cbdde9}
.af-ca48-notices dt{color:#153e5b;font-size:17px;line-height:1.5;font-weight:650;margin-bottom:5px}
.af-ca48-notices dd{font-size:14.5px;line-height:1.75;margin:0}
.af-ca48-application-note{padding-top:21px;margin-top:6px;border-top:1px solid #b9d0e0}
.af-ca48 .af-ca48-application-note h3{font-size:18px;margin-bottom:11px}
.af-ca48-application-note p{--ca-body-size:14.5px}
/* GOLD EDITING NOTE — CA48 FAQ belongs to the same white reading canvas. Reuse the native AF details/summary interaction and local Bootstrap plus icon; no new JavaScript or animation. */
.af-ca48-questions{margin-top:29px;padding-top:28px;border-top:1px solid var(--ca-line)}
.af-ca48 .af-ca48-questions h2{font-size:27px;margin-bottom:20px}
.af-ca48-faq{border-top:1px solid #c5d8e5}
.af-ca48-faq details{border-bottom:1px solid #c5d8e5}
.af-ca48-faq summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:61px;padding:16px 0;cursor:pointer;color:#123e5b;font-size:16px;line-height:1.6;font-weight:650}
.af-ca48-faq summary::-webkit-details-marker{display:none}.af-ca48-faq summary::marker{content:""}
.af-ca48-faq summary>i{flex:none;font-size:13px;color:#0b6ecc}
.af-ca48-faq summary:hover{color:#0b6ecc}
.af-ca48-faq details[open] summary>i{transform:rotate(45deg)}
.af-ca48-faq details>div{padding:0 30px 21px 0}
.af-ca48-faq details p{--ca-body-size:15.5px}
/* GOLD EDITING NOTE — CA48 closing uses the actual AF institutional employment-route component and shared link set, with no three-card replacement. */
.af-ca48 .af-ca48-more{margin-top:23px;background:#e5eef4;border:1px solid #cfdee8;padding:27px 30px;gap:40px}
.af-ca48-more>div{max-width:790px}
.af-ca48 .af-ca48-more h2{font-size:28px;margin-bottom:14px}
.af-ca48-more .af-inst7-links{min-width:210px;flex:none;flex-direction:column;align-items:flex-start;gap:5px;margin:0}
.af-ca48-more .af-inst7-links a{min-height:39px}
.af-ca48-more p{--ca-body-size:15.5px}
/* GOLD EDITING NOTE — CA48 responsive reading: stop squeezing the employment column at tablet widths. Keep comfortable copy, natural definition rows and ordinary document scrolling. */
@media(max-width:1199.98px){.af-inst7-page--careers .af-cr46-feature article{padding:30px;min-height:350px}.af-ca48-paper{padding:28px}.af-ca48-reading{grid-template-columns:minmax(0,1fr) 285px;gap:25px}.af-ca48-disciplines>div{grid-template-columns:minmax(0,1fr);gap:7px;padding:16px}.af-ca48-notices{padding:23px}}
@media(max-width:991.98px){.af-inst7-page--careers .af-cr46-feature{grid-template-columns:1fr}.af-inst7-page--careers .af-cr46-feature>img{height:300px;object-position:center 48%}.af-inst7-page--careers .af-cr46-feature article{min-height:0;padding:30px}.af-ca48-reading{grid-template-columns:minmax(0,1fr);gap:28px}.af-ca48-disciplines>div{grid-template-columns:220px minmax(0,1fr);gap:20px}.af-ca48-notices dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:27px}.af-ca48 .af-ca48-more{display:block}.af-ca48-more .af-inst7-links{flex-direction:row;flex-wrap:wrap;gap:5px 24px;margin-top:18px}}
@media(max-width:767.98px){.af-inst7-page--careers .af-cr46-feature>img{height:240px}.af-inst7-page--careers .af-cr46-feature article{padding:27px 24px}.af-inst7-page--careers .af-cr46-feature h2{font-size:29px}.af-ca48-status{grid-template-columns:minmax(0,1fr);gap:12px;padding:21px}.af-ca48-paper{padding:23px 21px}.af-ca48 .af-ca48-main h2{font-size:27px}.af-ca48-disciplines>div{grid-template-columns:minmax(0,1fr);gap:7px;padding:16px}.af-ca48-notices{padding:22px}.af-ca48-notices dl{display:block}.af-ca48 .af-ca48-notices h2{font-size:23px}.af-ca48 .af-ca48-questions h2{font-size:25px}.af-ca48-faq summary{font-size:15px;gap:14px}.af-ca48-faq details>div{padding-right:12px}.af-ca48 .af-ca48-more{padding:24px 22px}.af-ca48 .af-ca48-more h2{font-size:26px}.af-ca48-more .af-inst7-links{flex-direction:column;gap:4px}}
