/* The guides are decorative. This section remains in the page's normal flow. */
.page-companion{margin-block:22px 30px;color:#172440}
.page-companion__card{display:grid;grid-template-columns:96px minmax(0,1fr) auto;align-items:center;gap:18px;min-height:124px;padding:10px 24px 10px 14px;border:1px solid #e2e9f4;border-radius:20px;background:linear-gradient(105deg,#f0f6ff 0%,#fff 55%,#fff9ee 100%);box-shadow:0 5px 0 #e9edf5,0 12px 24px #20365b08}
.page-companion__art{display:flex;align-items:center;justify-content:center;align-self:stretch;min-width:0}
.page-companion__art img{display:block;width:76px;height:114px;max-width:100%;object-fit:contain;filter:drop-shadow(0 4px 3px #17325812)}
.page-companion__copy{min-width:0}
.page-companion__copy h2{margin:0 0 6px;font-family:inherit;font-size:21px;font-weight:750;line-height:1.3;letter-spacing:-.3px;color:#172440}
.page-companion__copy p{margin:0;max-width:58ch;font-size:14px;line-height:1.5;color:#576880}
.page-companion__link{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:10px 16px;border:1px solid #2458c6;border-radius:12px;background:#2860d6;box-shadow:0 3px 0 #194aac;color:#fff;font-size:13px;font-weight:700;line-height:1.4;text-decoration:none;text-align:center}
.page-companion__link:visited{color:#fff}
.page-companion__link:hover{background:#1b4fbf;color:#fff}
.page-companion__link:focus-visible{outline:3px solid #df9a26;outline-offset:4px}
.page-companion__link .portal-icon{flex:none;width:15px;height:15px;color:inherit}
.page-companion--no-art .page-companion__card{grid-template-columns:minmax(0,1fr) auto;padding:22px 24px}
@media(max-width:700px){
 .page-companion{margin-block:18px 24px}
 .page-companion__card{grid-template-columns:74px minmax(0,1fr);gap:8px 12px;min-height:142px;padding:14px;border-radius:17px}
 .page-companion__art{grid-row:1 / 3}
 .page-companion__art img{width:72px;height:108px}
 .page-companion__copy h2{margin-bottom:4px;font-size:18px;letter-spacing:-.2px}
 .page-companion__copy p{font-size:12px;line-height:1.5}
 .page-companion__link{grid-column:2;justify-self:start;max-width:100%;font-size:12px;padding:9px 12px}
 .page-companion--no-art .page-companion__card{grid-template-columns:minmax(0,1fr);padding:18px}
 .page-companion--no-art .page-companion__link{grid-column:1}
}
@media print{.page-companion{display:none}}