/* Matching cards share column widths and row heights without clipping content. */
:is(.grid,.hp-scenarios,.hp-costs,.hp-disciplines-grid,.hp-dual-grid,.hp-pillars,.hp-steps,.principles-grid,.mission-grid,.sp-two,.sp-patterns,.sp-tabs,.sp-steps,.blueprint-grid,.assessment-choice-grid,.source-grid,.proposed-grid,.mistake-grid,.benefits,.di-ripple,.di-inboxes){align-items:stretch;grid-auto-rows:1fr}
:is(.grid,.hp-scenarios,.hp-costs,.hp-disciplines-grid,.hp-dual-grid,.hp-pillars,.hp-steps,.principles-grid,.mission-grid,.sp-two,.sp-patterns,.sp-tabs,.sp-steps,.blueprint-grid,.assessment-choice-grid,.source-grid,.proposed-grid,.mistake-grid,.benefits,.di-ripple,.di-inboxes)>*{min-width:0;align-self:stretch}
.grid:not(.two)>.card:last-child{grid-column:auto}
.principles-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.principles-grid>article,.principles-grid>article:nth-child(n+4),.principles-grid>article:last-child{grid-column:auto}
.hp-scenario{display:flex;flex-direction:column}
.hp-scenario summary{display:flex;flex-direction:column;min-height:0}
.hp-scenario:not([open]) summary{flex:1}
.hp-scenario-toggle{margin-top:auto}
.sp-patterns{align-items:stretch}
.sp-pattern{height:100%}
.sp-pattern summary{height:auto;min-height:225px}
.sp-pattern[open] summary{height:auto}
:is(.grid>.card,.hp-pillars>article,.hp-disciplines-grid>article,.sp-audience){display:flex;flex-direction:column}
:is(.grid>.card,.hp-pillars>article,.hp-disciplines-grid>article,.sp-audience)>:is(a,details):last-child{margin-top:auto}
[hidden]{display:none!important}
@media(max-width:900px){.principles-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.principles-grid{grid-template-columns:1fr}.sp-pattern summary{min-height:0}.hp-scenario summary{min-height:0}}