/* Direction 17: a single training narrative and one optional cost comparison. */
.oci-direction .o-legal-training{background:#111214;color:#e8e7e1;padding-top:76px;padding-bottom:54px}
.oci-direction .o-legal-training-head{display:grid;grid-template-columns:1.2fr 1fr;gap:32px 7vw;align-items:end;margin-bottom:52px}
.oci-direction .o-legal-training-head .o-label{color:#c7c8ed;font-size:1rem}
.oci-direction .o-legal-training-head h2{font-size:clamp(2.65rem,4.3vw,5rem);line-height:1.04;margin:24px 0 0;max-width:18ch}
.oci-direction .o-legal-training-head>p{font-size:clamp(1.125rem,1.45vw,1.4rem);line-height:1.55;margin:0;max-width:45ch;color:#d6d6d0}
.oci-direction .o-training-path{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4vw;padding:0;margin:0;list-style:none}
.oci-direction .o-training-path>li{border-top:1px solid #737478;padding-top:22px;min-width:0}
.oci-direction .o-training-step{display:block;font:1rem/1.5 ui-monospace,monospace;color:#c7c8ed;margin-bottom:30px}
.oci-direction .o-training-path h3{font-size:clamp(1.65rem,2.25vw,2.5rem);line-height:1.12;letter-spacing:-.04em;margin:0 0 20px}
.oci-direction .o-training-path p{font-size:1.125rem;line-height:1.55;color:#d6d6d0;max-width:37ch;margin:0}
.oci-direction .o-training-takeaway{display:grid;grid-template-columns:1.4fr 1fr;align-items:center;gap:28px 6vw;border-top:1px solid #737478;margin-top:44px;padding-top:30px}
.oci-direction .o-training-takeaway p{font-size:1.125rem;line-height:1.55;margin:0;max-width:60ch}
.oci-direction .o-training-takeaway strong{font-weight:550;display:block;margin-bottom:6px}
.oci-direction .o-training-takeaway .o-action{justify-self:end;font-size:1rem}
.oci-direction .o-training-details{margin-top:26px;border-top:1px solid #737478;color:#e8e7e1}
.oci-direction .o-training-details>summary,.oci-direction .o-cost-footnotes>summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:22px 0;font-size:1.125rem;line-height:1.4;cursor:pointer;min-height:48px}
.oci-direction .o-training-details>summary::-webkit-details-marker,.oci-direction .o-cost-disclosure>summary::-webkit-details-marker,.oci-direction .o-cost-footnotes>summary::-webkit-details-marker{display:none}
.oci-direction .o-training-details>summary>span,.oci-direction .o-cost-footnotes>summary>span{font-size:1.5rem;font-weight:400;flex:none;transition:transform .2s}
.oci-direction .o-training-details[open]>summary>span,.oci-direction .o-cost-footnotes[open]>summary>span{transform:rotate(45deg)}
.oci-direction .o-training-details>div{max-width:1000px;padding:0 0 20px}
.oci-direction .o-training-details dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin:8px 0 24px}
.oci-direction .o-training-details dt{font-size:1.125rem;font-weight:550;margin:0 0 10px}
.oci-direction .o-training-details dd{font-size:1rem;line-height:1.6;margin:0;color:#d6d6d0}
.oci-direction .o-training-details p{font-size:1rem;line-height:1.6;max-width:90ch;color:#d6d6d0}
.oci-direction .o-training-details a{text-decoration:underline;text-underline-offset:4px;color:#e8e7e1}
.oci-direction .o-training-details .o-link{font-size:1rem}
.oci-direction .o-cost-compact{padding-top:34px;padding-bottom:34px;background:var(--o-paper);border-bottom:1px solid var(--o-line)}
.oci-direction .o-cost-disclosure>summary{display:flex;justify-content:space-between;align-items:center;gap:32px;list-style:none;padding:12px 0;cursor:pointer}
.oci-direction .o-cost-kicker{display:block;font:1rem/1.5 ui-monospace,monospace;text-transform:uppercase;letter-spacing:.035em;margin-bottom:12px}
.oci-direction .o-cost-title{display:block;font-size:clamp(1.8rem,2.5vw,2.8rem);line-height:1.15;letter-spacing:-.045em}
.oci-direction .o-cost-preview{display:block;font-size:1.125rem;line-height:1.5;margin-top:10px}
.oci-direction .o-disclosure-mark{display:grid;place-items:center;flex:none;width:50px;height:50px;border:1px solid currentColor;font-size:2rem;font-weight:400;line-height:1;transition:transform .2s}
.oci-direction .o-cost-disclosure[open]>summary .o-disclosure-mark{transform:rotate(45deg);border-color:transparent}
.oci-direction .o-cost-content{padding-top:30px}
.oci-direction .o-annual-table-wrap{width:100%;overflow-x:auto;overscroll-behavior-x:contain}
.oci-direction .o-annual-table{border-collapse:collapse;width:100%;min-width:780px;font-size:1.0625rem;line-height:1.4;font-variant-numeric:tabular-nums;color:#111214}
.oci-direction .o-annual-table caption{text-align:left;color:var(--o-blue);padding:0 0 20px;font-size:1.125rem;font-weight:500}
.oci-direction .o-annual-table th,.oci-direction .o-annual-table td{padding:23px 18px;vertical-align:top;text-align:left;border-bottom:1px solid #99999f;font-weight:400}
.oci-direction .o-annual-table th:first-child{padding-left:22px;width:37%}
.oci-direction .o-annual-table td{width:21%;white-space:nowrap;letter-spacing:-.02em}
.oci-direction .o-annual-table thead{background:#111214;color:#e8e7e1}
.oci-direction .o-annual-table thead th{font-weight:550;padding-top:17px;padding-bottom:17px;white-space:nowrap;border:0}
.oci-direction .o-annual-table tbody th{font-size:1.125rem;font-weight:550}
.oci-direction .o-annual-table tbody th>span{display:block;font-weight:400;font-size:1rem;line-height:1.5;letter-spacing:0;margin-top:6px;max-width:34ch}
.oci-direction .o-annual-table .o-own-workflow{background:#d4d5eb;color:#1e2099}
.oci-direction .o-annual-table .o-own-workflow td{font-weight:550}
.oci-direction .o-annual-table sup{font-size:.75em;margin-left:3px;line-height:1}
.oci-direction .o-cost-scope{font-size:1rem!important;line-height:1.6;margin:22px 0!important;max-width:110ch}
.oci-direction .o-cost-footnotes{border-top:1px solid var(--o-line)}
.oci-direction .o-cost-footnotes>div{max-width:105ch;padding-bottom:16px}
.oci-direction .o-cost-footnotes ol{padding-left:24px;margin:0}
.oci-direction .o-cost-footnotes li,.oci-direction .o-cost-footnotes p{font-size:1rem;line-height:1.65;margin:0 0 20px}
.oci-direction .o-cost-footnotes li{padding-left:8px}
.oci-direction .o-cost-footnotes a{text-decoration:underline;text-underline-offset:3px}
.oci-direction .o-cost-compact summary:focus-visible,.oci-direction .o-legal-training summary:focus-visible,.oci-direction .o-annual-table-wrap:focus-visible{outline:3px solid currentColor;outline-offset:6px}
@media(max-width:1000px){.oci-direction .o-legal-training-head{grid-template-columns:1fr 1fr;gap:32px}.oci-direction .o-training-path{gap:26px}.oci-direction .o-training-takeaway{grid-template-columns:1fr;gap:22px}.oci-direction .o-training-takeaway .o-action{justify-self:start}}
@media(max-width:700px){.oci-direction .o-legal-training{padding-top:52px;padding-bottom:32px}.oci-direction .o-legal-training-head{grid-template-columns:1fr;margin-bottom:36px;gap:24px}.oci-direction .o-legal-training-head h2{font-size:clamp(2.2rem,8.5vw,3.4rem)}.oci-direction .o-training-path,.oci-direction .o-training-details dl{grid-template-columns:1fr;gap:28px}.oci-direction .o-training-step{margin-bottom:16px}.oci-direction .o-training-path h3{font-size:1.8rem;margin-bottom:14px}.oci-direction .o-training-path p{max-width:60ch}.oci-direction .o-training-takeaway{margin-top:30px}.oci-direction .o-cost-title{font-size:1.8rem}.oci-direction .o-cost-disclosure>summary{gap:18px}.oci-direction .o-disclosure-mark{width:44px;height:44px}.oci-direction .o-annual-table{min-width:750px}.oci-direction .o-annual-table th,.oci-direction .o-annual-table td{padding:20px 14px}.oci-direction .o-cost-compact{padding-top:28px;padding-bottom:28px}}
@media(prefers-reduced-motion:reduce){.oci-direction .o-disclosure-mark,.oci-direction .o-training-details>summary>span,.oci-direction .o-cost-footnotes>summary>span{transition:none}}
