.m21-hero{padding:70px 0 36px;background:linear-gradient(180deg,#f7fbff 0,#fff 100%)}
.m21-hero-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,.75fr);gap:34px;align-items:stretch}.m21-hero h1{max-width:880px}.m21-hero h1 em{font-style:normal;color:var(--brand,#0a64c9)}
.m21-hero aside,.m21-summary aside{border:1px solid #dce7f3;border-radius:22px;padding:28px;background:#fff;box-shadow:0 16px 44px rgba(17,43,76,.07)}.m21-hero aside strong{font-size:1.2rem}.m21-hero aside p{margin:12px 0}.m21-hero aside small{color:#5e6b78}
.m21-proof{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.m21-proof span,.m21-area-meta span{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:999px;background:#eef5fb;color:#28465f;font-size:.9rem}.m21-proof b{font-size:1.12rem;color:#0b5ea8}
.m21-context{display:flex;justify-content:space-between;gap:28px;align-items:center;padding-top:34px}.m21-context h2{margin:.25rem 0}.m21-section-head{max-width:850px;margin-bottom:22px}.m21-section-head h2{margin:.25rem 0 .55rem}
.m21-priority,.m21-rules,.m21-library,.m21-boundary,.m21-next{padding-top:34px;padding-bottom:34px}.m21-priority-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.m21-priority-grid article{display:flex;gap:15px;padding:22px;border:1px solid #dce7f3;border-radius:20px;background:#fff}.m21-rank{display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:50%;background:#0b5ea8;color:#fff;font-weight:800}.m21-priority-grid h3{margin:3px 0}.m21-priority-grid p{margin:.35rem 0 .5rem}.m21-priority-grid a{font-weight:700}
.m21-rule-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.m21-rule-grid article{padding:18px;border-radius:18px;background:#f4f8fc;border:1px solid #e0e8ef}.m21-rule-grid article>span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#fff;border:1px solid #cedbea;font-weight:800}.m21-rule-grid p{margin:12px 0 0}
.m21-area-list{display:grid;gap:22px}.m21-area{scroll-margin-top:90px;padding:26px;border-radius:24px;border:1px solid #dce7f3;background:#fff;box-shadow:0 12px 38px rgba(17,43,76,.05)}.m21-area>header{display:flex;justify-content:space-between;gap:24px}.m21-area>header h3{margin:.2rem 0}.m21-area-score{display:flex;flex-direction:column;text-align:right;min-width:120px}.m21-area-score strong{font-size:2rem;color:#0b5ea8}.m21-area-score span{font-weight:700}.m21-area-score small{color:#647381}.m21-area-meta{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.m21-top-action{display:grid;gap:3px;padding:15px 18px;border-left:4px solid #2d81c9;background:#f5f9fd;border-radius:0 14px 14px 0}.m21-top-action small{color:#647381}
.m21-timeline{display:grid;gap:10px;margin-top:18px}.m21-pattern{border:1px solid #dae4ed;border-radius:16px;overflow:hidden;background:#fff}.m21-pattern summary{display:flex;align-items:center;gap:14px;cursor:pointer;padding:16px 18px;list-style:none}.m21-pattern summary::-webkit-details-marker{display:none}.m21-pattern summary:after{content:'+';margin-left:auto;font-size:1.35rem;font-weight:800;color:#668}.m21-pattern[open] summary:after{content:'−'}.m21-pattern.current{border-color:#78b4df;box-shadow:0 0 0 3px rgba(46,129,201,.08)}.m21-pattern.current summary{background:#eff7fd}.m21-pattern.done summary{background:#f7faf8}.m21-pattern.future{opacity:.92}.m21-step{display:inline-grid;place-items:center;min-width:74px;padding:7px 10px;border-radius:999px;background:#eaf2f8;font-weight:800;color:#234d70}.m21-pattern.current .m21-step{background:#0b5ea8;color:#fff}.m21-pattern summary div{display:grid}.m21-pattern summary small{color:#657482}.m21-pattern-body{padding:0 18px 20px}.m21-outcome{padding:14px 16px;border-radius:14px;background:#f7f9fb;margin-bottom:16px}.m21-outcome span{font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;font-weight:800;color:#5d6d7c}.m21-outcome p{margin:5px 0 0}.m21-pattern-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.m21-pattern-grid>div{padding:16px;border:1px solid #e2e9ef;border-radius:14px}.m21-pattern-grid h4{margin:0 0 8px}.m21-pattern-grid ul,.m21-pattern-grid ol{margin:0;padding-left:20px}.m21-pattern-grid li+li{margin-top:5px}.m21-traps{background:#fff9f4}.m21-principle{margin:14px 0 0;color:#4a5b69}
.m21-boundary{display:grid;grid-template-columns:minmax(0,1.35fr) auto;gap:24px;align-items:center;border-top:1px solid #e3e9ef}.m21-next{text-align:center;max-width:900px}.m21-access{padding-top:40px;padding-bottom:50px}
@media(max-width:920px){.m21-hero-grid,.m21-boundary{grid-template-columns:1fr}.m21-priority-grid{grid-template-columns:1fr}.m21-rule-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.m21-context,.m21-area>header{align-items:flex-start;flex-direction:column}.m21-area-score{text-align:left}.m21-pattern-grid{grid-template-columns:1fr}}
@media(max-width:560px){.m21-rule-grid{grid-template-columns:1fr}.m21-area{padding:18px}.m21-pattern summary{align-items:flex-start}.m21-step{min-width:66px}.m21-proof span{font-size:.82rem}}
@media print{.critical-nav,.portal-footer,[data-customer-assistant],.m21-context .actions,.m21-boundary .actions{display:none!important}.m21-pattern{break-inside:avoid}.m21-pattern>div{display:block!important}.m21-area{box-shadow:none}}