/* Every page uses the homepage container and the same responsive side margins. */
.simple-page,.choice-page{max-width:none;margin-inline:0}
.page-heading,.page-heading .lead,.quiz-shell{max-width:none}
.page-heading{overflow-wrap:anywhere}
@media(min-width:1101px){.guide-layout{grid-template-columns:minmax(0,1fr) 300px}}
.choice-page .quiz-options{gap:18px}
.choice-page .quiz-option{min-height:96px}
.breadcrumb-wrap{padding-block:22px 0;font-size:13px}
.breadcrumb-wrap ol{align-items:center;gap:10px}
.breadcrumb-wrap a{display:inline-block;padding-block:5px;color:#536b76}
.breadcrumb-wrap a:hover{color:#007780;text-decoration:underline;text-underline-offset:3px}
.breadcrumb-wrap [aria-current=page]{color:var(--ink);font-weight:600}
.quiz-buttons .btn:disabled{opacity:.55;cursor:default;transform:none}
.author-mark img{width:21px;height:21px;object-fit:contain}
.blog-hero-photo{margin:0}
.blog-hero-photo figcaption{margin-top:10px;font-size:12px;line-height:1.7;color:var(--muted)}
.blog-hero-photo figcaption a{color:#007780;text-decoration:underline;text-underline-offset:3px}
@media(max-width:800px){.choice-page .quiz-option{min-height:86px}.breadcrumb-wrap{font-size:12px}}
@media(max-width:520px){.choice-page .quiz-options{gap:12px}.choice-page .quiz-step h2{font-size:27px}.breadcrumb-wrap{padding-top:16px;font-size:11px}.breadcrumb-wrap ol{gap:5px}.breadcrumb-wrap li+li:before{padding-right:5px}}
@media(max-width:360px){.page-heading h1{font-size:35px}}