.cra-page .cra-process-visual { padding: 1.5rem 1.7rem 1.3rem; }
.cra-page .cra-process-title { align-items: center; display: flex; gap: 1rem; margin: 2.3rem 0; }
.cra-page .cra-process-title > i { color: #d5a9ff; font-size: 3.5rem; }
.cra-page .cra-process-title p { color: #c5b1d9; font-size: 1.3rem; letter-spacing: -.03em; line-height: 1.45; margin: 0; }
.cra-page .cra-process-title strong { color: #f1e6fc; font-weight: 600; }
.cra-page .cra-process-path { display: grid; gap: 1.6rem; list-style: none; margin: 0; padding: 0; }
.cra-page .cra-process-path li { align-items: center; display: grid; gap: 1rem; grid-template-columns: 2.7rem 1fr; position: relative; }
.cra-page .cra-process-path li > span { align-items: center; background: #2a1740; border: 1px solid rgba(195, 138, 249, .22); border-radius: .7rem; color: #d1a4f8; display: flex; font-size: 1.45rem; height: 2.7rem; justify-content: center; position: relative; z-index: 1; }
.cra-page .cra-process-path li:not(:last-child)::after { background: linear-gradient(#a869d8, rgba(168, 105, 216, .12)); bottom: -1.7rem; content: ""; height: 1.7rem; left: 1.35rem; position: absolute; width: 1px; }
.cra-page .cra-process-path strong { color: #f0e4fb; display: block; font-size: .91rem; line-height: 1.5; margin-bottom: .2rem; }
.cra-page .cra-process-path p { color: #bcaecc; font-size: .76rem; line-height: 1.6; margin: 0; }
.cra-page .cra-process-note { border-top: 1px solid var(--bb-line); color: #a692b9; font: .48rem/1.7 ui-monospace, monospace; letter-spacing: .04em; margin: 2rem 0 0; padding-top: 1rem; }
.cra-page .cra-source-note { color: #ab9bbd; font-size: .77rem; line-height: 1.8; margin: 1.3rem 0 0; }
.cra-page .cra-source-note a, .cra-page .cra-scope-note a, .cra-page .cra-channel-note a { color: #d4b4f1; text-decoration: underline; text-underline-offset: .2em; }
.cra-page .bb-prose .cra-source-note { color: #ab9bbd; font-size: .77rem; line-height: 1.8; }
.cra-page .cra-mapping { background: radial-gradient(ellipse at 90% 15%, rgba(114, 40, 172, .15), transparent 65%), #0e091a; }
.cra-page .cra-mapping-grid { display: grid; gap: 1.5rem; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.cra-page .cra-mapping-card { background: linear-gradient(135deg, #21152f, #110b1d); border: 1px solid var(--bb-line); border-radius: 1rem; padding: 2rem; }
.cra-page .cra-mapping-card > i { color: #d0a0f7; display: block; font-size: 2rem; margin-bottom: 1.5rem; }
.cra-page .cra-mapping-card h3 { font-size: 1.3rem; letter-spacing: -.02em; line-height: 1.35; margin-bottom: .8rem; }
.cra-page .cra-mapping-context { color: #b6a8c5; font-size: .9rem; line-height: 1.8; margin-bottom: 1.5rem; }
.cra-page .cra-mapping-card > div { border-top: 1px solid var(--bb-line); margin-top: 1.2rem; padding-top: 1.2rem; }
.cra-page .cra-mapping-card h4 { color: #dab5f8; font: 600 .64rem/1.6 ui-monospace, monospace; letter-spacing: .08em; margin-bottom: .55rem; text-transform: uppercase; }
.cra-page .cra-mapping-card > div:last-child h4 { color: #a7d5e7; }
.cra-page .cra-mapping-card > div > p { color: #c7bbd4; font-size: .9rem; line-height: 1.8; margin: 0; }
.cra-page .cra-workflow-grid { gap: 2.2rem; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.cra-page .cra-deadlines { background: radial-gradient(ellipse at 80% 20%, rgba(126, 54, 184, .13), transparent 60%), #0a0713; }
.cra-page .cra-deadlines .bb-intro strong { color: #e4d1f5; font-weight: 600; }
.cra-page .cra-date-grid { display: grid; gap: 1.25rem; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.cra-page .cra-date-card { background: linear-gradient(145deg, #29163c, #130c20); border: 1px solid rgba(195, 133, 242, .31); border-radius: 1rem; padding: 1.7rem; }
.cra-page .cra-date-card > span { color: #cf9cf5; display: block; font: .59rem/1.6 ui-monospace, monospace; letter-spacing: .08em; margin-bottom: 1.5rem; }
.cra-page .cra-date-card > strong { color: #ead4ff; display: block; font-size: 1.5rem; font-weight: 500; letter-spacing: -.035em; line-height: 1.2; }
.cra-page .cra-date-card > strong > b { color: #fff5ff; font-size: 3.3rem; font-weight: 600; }
.cra-page .cra-date-card > p { color: #bcadcb; font-size: .85rem; line-height: 1.7; margin: 1.2rem 0 0; }
.cra-page .cra-date-next { background: linear-gradient(145deg, #151526, #0d0c1a); border-color: rgba(150, 174, 226, .22); }
.cra-page .cra-date-next > span { color: #a3c7e9; }
.cra-page .cra-reporting-panel { background: linear-gradient(135deg, #1a1128, #110c1b); border: 1px solid var(--bb-line); border-radius: 1rem; margin-top: 3.8rem; padding: 2.2rem; }
.cra-page .cra-reporting-heading { align-items: flex-start; display: flex; gap: 1.2rem; margin-bottom: 2rem; }
.cra-page .cra-reporting-heading > i { color: #ce99f7; flex-shrink: 0; font-size: 2rem; }
.cra-page .cra-reporting-heading h3 { font-size: 1.35rem; letter-spacing: -.02em; line-height: 1.4; margin: 0 0 .8rem; }
.cra-page .cra-reporting-heading p { color: #bfb0cd; font-size: .91rem; line-height: 1.85; margin: 0; max-width: 52rem; }
.cra-page .cra-clock-grid { border-bottom: 1px solid var(--bb-line); border-top: 1px solid var(--bb-line); display: grid; gap: 2rem; grid-template-columns: .7fr .7fr 1.6fr; padding: 2rem 0; }
.cra-page .cra-clock-grid > div > strong { color: #e7c6ff; display: block; font-size: 2.8rem; font-weight: 600; letter-spacing: -.045em; line-height: 1.2; margin-bottom: .7rem; }
.cra-page .cra-clock-grid h4 { color: #e6d6f2; font-size: 1rem; margin-bottom: .6rem; }
.cra-page .cra-clock-grid p { color: #b6a6c7; font-size: .85rem; line-height: 1.8; margin-bottom: .8rem; }
.cra-page .cra-clock-grid p:last-child { margin-bottom: 0; }
.cra-page .cra-clock-grid .cra-final-reports > strong { font-size: 1.3rem; letter-spacing: -.02em; margin-bottom: 1rem; }
.cra-page .cra-final-reports b { color: #ddcaec; font-weight: 500; }
.cra-page .cra-channel-note { align-items: flex-start; display: flex; gap: 1.3rem; margin-top: 2rem; padding: .3rem; }
.cra-page .cra-channel-note > i { color: #c792ed; flex-shrink: 0; font-size: 2rem; }
.cra-page .cra-channel-note h3 { font-size: 1.15rem; margin-bottom: .7rem; }
.cra-page .cra-channel-note p { color: #b5a7c2; font-size: .9rem; line-height: 1.9; margin: 0; }
.cra-page .cra-scope-note { color: #bcaec9; font-size: .88rem; line-height: 1.9; margin: 2rem 0 0; max-width: 63rem; }
.cra-page .cra-preparation { background: #0d0917; }
.cra-page .cra-preparation-grid { display: grid; gap: 2rem; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.cra-page .cra-preparation-grid > div { border-top: 1px solid rgba(179, 122, 225, .27); padding-top: 1.4rem; }
.cra-page .cra-preparation-grid span { color: #bd8edc; display: block; font: .7rem ui-monospace, monospace; margin-bottom: 1rem; }
.cra-page .cra-preparation-grid h3 { font-size: 1.1rem; line-height: 1.4; margin-bottom: .8rem; }
.cra-page .cra-preparation-grid p { color: #bcaec9; font-size: .9rem; line-height: 1.85; margin: 0; }
.cra-page .cra-related-grid { border-top: 1px solid var(--bb-line); display: grid; gap: 3rem; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 4rem; padding-top: 3rem; }
.cra-page .cra-related-grid > div > i { color: #d2a3f4; display: block; font-size: 2rem; margin-bottom: 1.2rem; }
.cra-page .cra-related-grid h3 { font-size: 1.3rem; letter-spacing: -.02em; line-height: 1.4; margin-bottom: .8rem; }
.cra-page .cra-related-grid p { color: #bcaec9; font-size: .93rem; line-height: 1.85; margin: 0; }
.cra-page .cra-sources { background: #110b1d; border-top: 1px solid var(--bb-line); }
.cra-page .cra-reviewed { color: #a995bb; font: .68rem/1.8 ui-monospace, monospace; margin-top: 1.6rem; }
.cra-page .cra-source-list { list-style: none; margin: 0; padding: 0; }
.cra-page .cra-source-list li { border-top: 1px solid var(--bb-line); padding: 1.25rem 0; }
.cra-page .cra-source-list li:first-child { padding-top: 0; border-top: 0; }
.cra-page .cra-source-list a { color: #e0c0f8; display: flex; font-size: .96rem; gap: 1rem; justify-content: space-between; line-height: 1.7; }
.cra-page .cra-source-list a > span { color: #b487d2; }
.cra-page .cra-source-list li > span { color: #b0a0c1; display: block; font-size: .81rem; line-height: 1.8; margin-top: .4rem; }
@media (max-width: 1199.98px) {
    .cra-page .cra-process-visual { padding: 1.4rem; }
    .cra-page .cra-process-title { font-size: 1.1rem; gap: .8rem; }
    .cra-page .cra-process-title > i { font-size: 3rem; }
    .cra-page .cra-process-title p { font-size: 1.1rem; }
    .cra-page .cra-process-path li { gap: .8rem; }
    .cra-page .cra-process-path strong { font-size: .81rem; }
    .cra-page .cra-process-path p { font-size: .7rem; }
    .cra-page .cra-date-card { padding: 1.35rem; }
}
@media (max-width: 991.98px) {
    .cra-page .cra-process-visual { padding: 1.7rem; }
    .cra-page .cra-process-title p { font-size: 1.4rem; }
    .cra-page .cra-process-path strong { font-size: .94rem; }
    .cra-page .cra-process-path p { font-size: .81rem; }
    .cra-page .cra-workflow-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .cra-page .cra-date-grid { max-width: 39rem; }
    .cra-page .cra-clock-grid { gap: 1.5rem; grid-template-columns: 1fr 1fr; }
    .cra-page .cra-final-reports { border-top: 1px solid var(--bb-line); grid-column: 1 / -1; padding-top: 1.5rem; }
    .cra-page .cra-related-grid { gap: 2rem; }
}
@media (max-width: 575.98px) {
    .cra-page .bb-hero h1 { font-size: clamp(2.35rem, 11.8vw, 2.9rem); }
    .cra-page .bb-actions .btn { font-size: .81rem; max-width: 100%; padding-left: 1.1rem; padding-right: 1.1rem; white-space: normal; }
    .cra-page .cra-process-visual { padding: 1.4rem; }
    .cra-page .cra-process-title p { font-size: 1.2rem; }
    .cra-page .cra-process-note { font-size: .42rem; letter-spacing: .02em; }
    .cra-page .cra-mapping-grid, .cra-page .cra-workflow-grid, .cra-page .cra-preparation-grid, .cra-page .cra-related-grid { grid-template-columns: 1fr; }
    .cra-page .cra-mapping-card { padding: 1.5rem; }
    .cra-page .cra-mapping-card h3 { font-size: 1.3rem; }
    .cra-page .cra-date-grid { gap: .8rem; }
    .cra-page .cra-date-card { padding: 1.15rem; }
    .cra-page .cra-date-card > span { font-size: .48rem; letter-spacing: .025em; }
    .cra-page .cra-date-card > strong { font-size: 1.15rem; }
    .cra-page .cra-date-card > strong > b { font-size: clamp(2.25rem, 10.6vw, 2.6rem); }
    .cra-page .cra-date-card > p { font-size: .75rem; }
    .cra-page .cra-reporting-panel { margin-top: 2.5rem; padding: 1.5rem; }
    .cra-page .cra-reporting-heading { gap: .8rem; }
    .cra-page .cra-reporting-heading > i { font-size: 1.6rem; }
    .cra-page .cra-reporting-heading h3 { font-size: 1.2rem; }
    .cra-page .cra-clock-grid { gap: 1.2rem; padding: 1.5rem 0; }
    .cra-page .cra-clock-grid > div > strong { font-size: 2.5rem; }
    .cra-page .cra-channel-note { gap: .8rem; padding: 0; }
    .cra-page .cra-channel-note > i { font-size: 1.6rem; }
    .cra-page .cra-related-grid { margin-top: 2.8rem; padding-top: 2.3rem; }
    .cra-page .cra-sources .bb-heading { font-size: 1.9rem; }
}