@layer components{.c-cardlist{margin:0;padding:0;list-style:none}.c-cardlist>li{min-width:0;display:flex}.c-cardlist>li>.s-card{flex:auto;min-width:0}.c-cardlist .s-card:has(.s-card__title a:focus-visible){outline:2px solid var(--hhtl-gold);outline-offset:2px}.c-seq__item:has(.s-card__title a:focus-visible){outline:2px solid var(--hhtl-gold);outline-offset:2px}.c-cardlist .s-card__title a:focus-visible,.c-seq__item .s-card__title a:focus-visible{outline:none}.c-modcard__tool{color:var(--ink-700)}.c-pkglist{gap:24px;display:grid}.c-pkgcard .s-card__body{gap:16px;display:grid}.c-pkgcard__facts{gap:12px;margin:0;display:grid}.c-pkgcard__facts dt{font-size:var(--fs-eyebrow);letter-spacing:var(--tr-eyebrow);text-transform:uppercase;color:var(--ink-500);font-weight:700}.c-pkgcard__facts dd{color:var(--ink-900);margin:2px 0 0;font-size:15px}.c-byo{background:var(--hhtl-navy);color:#fff;border-radius:var(--radius-1);gap:32px;padding:clamp(24px,4vw,48px);display:grid}@media (min-width:900px){.c-byo{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:48px}}.c-byo__main{align-content:start;gap:16px;display:grid}.c-byo .s-eyebrow{color:var(--hhtl-gold)}.c-byo__title{color:#fff;font-size:clamp(26px,3vw,34px);line-height:1.18}.c-byo__body{color:#ffffffe0;max-width:52ch}.c-byo__main .s-actions{margin-top:8px}.c-byo__subtitle{color:#fff;margin-bottom:8px;font-size:18px}.c-byo__examples ul{margin:0;padding:0;list-style:none}.c-byo__examples li{border-top:1px solid #fff3;gap:2px;padding:12px 0;display:grid}.c-byo__examples li:last-child{border-bottom:1px solid #fff3}.c-byo__examples li>span{color:#fffc;font-size:14px}.c-matrix{grid-template-columns:minmax(0,1fr);gap:16px;display:grid}.c-legend{color:var(--ink-700);flex-wrap:wrap;gap:8px 24px;margin:0;padding:0;font-size:14px;list-style:none;display:flex}.c-legend li{align-items:center;gap:8px;display:inline-flex}.c-mark{flex-shrink:0;width:12px;height:12px;display:inline-block}.c-mark--included{background:var(--hhtl-navy)}.c-mark--optional{border:2px solid var(--hhtl-navy)}.c-mark--alternative{background:var(--hhtl-gold);width:10px;height:10px;margin:1px;transform:rotate(45deg)}.c-mark--none{background:var(--ink-300);width:12px;height:2px}.c-matrix .s-table-wrap{position:relative}.c-matrix__table{min-width:480px}.c-matrix__table thead th{vertical-align:bottom}.c-matrix__table tbody th{min-width:150px;font-weight:700}.c-matrix__table th:first-child{z-index:1;background:var(--paper);box-shadow:inset -1px 0 0 var(--line-1);position:sticky;left:0}.c-matrix__table thead th:first-child{background:var(--ink-050)}.c-matrix__table td{color:var(--ink-700);font-size:14px}.c-matrix__cell{align-items:center;gap:8px;display:inline-flex}.c-matrix__none{align-items:center;min-height:20px;display:inline-flex}.c-body{padding-block:clamp(40px,6vw,80px)}.c-main{gap:clamp(48px,6vw,72px);min-width:0;display:grid}.c-block{gap:0;min-width:0;display:grid}.c-block__head{gap:12px;margin-bottom:24px;display:grid}.c-block__meta{color:var(--ink-500);font-size:15px}.c-intro{color:var(--ink-900);max-width:var(--s-text);font-size:18px;line-height:1.6}.c-intro+.s-prose,.c-intro+.c-deflist{margin-top:20px}.c-text{color:var(--ink-700);max-width:var(--s-text)}.c-after{margin-top:28px}.c-main>.c-after{border-top:1px solid var(--line-1);margin-top:0;padding-top:24px;font-size:15px}.c-sub{margin-top:32px}.c-sub__title{margin-bottom:14px;font-size:18px}.c-deflist{max-width:var(--s-text);gap:20px;margin:0;display:grid}.c-deflist dt{font-size:var(--fs-eyebrow);letter-spacing:var(--tr-eyebrow);text-transform:uppercase;color:var(--ink-500);font-weight:700}.c-deflist dd{color:var(--ink-700);margin:6px 0 0}.c-aside{align-self:stretch;min-width:0}.c-aside__inner{gap:28px;display:grid}.c-aside__title{font-size:21px;line-height:1.25}.c-aside__body{color:var(--ink-700);font-size:15px}.c-aside__actions{justify-items:start;gap:12px;display:grid}.c-aside__actions .s-btn--block{justify-self:stretch}.c-aside__link{font-size:15px}.c-aside__toc{display:none}@media (min-width:960px){.c-aside__toc{display:grid}}.c-block .s-timeline__takeaway strong{font-weight:700}.c-outcomes{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.c-outcome{border:1px solid var(--line-1);border-radius:var(--radius-1);align-content:start;gap:8px;padding:20px;display:grid}.c-outcome__title{font-size:18px;line-height:1.3}.c-outcome p{color:var(--ink-700);font-size:16px}.c-included{gap:28px;display:grid}.c-included__title{margin-bottom:8px;font-size:18px}.c-rows{border-top:1px solid var(--line-1);margin:0;padding:0;list-style:none}.c-rows li{border-bottom:1px solid var(--line-1);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;padding:14px 0;display:flex}.c-rows__tag{color:var(--ink-700);background:var(--ink-100);border-radius:var(--radius-1);padding:3px 10px;font-size:13px;font-weight:700}.c-seq{gap:12px;margin:0;padding:0;list-style:none;display:grid}.c-seq__item{background:var(--paper);border:1px solid var(--line-1);border-radius:var(--radius-1);grid-template-columns:auto minmax(0,1fr);gap:20px;padding:20px 24px;transition:border-color .2s ease-out,box-shadow .2s ease-out;display:grid;position:relative}.c-seq__num{letter-spacing:-.03em;color:var(--hhtl-gold-deep);min-width:2ch;font-size:32px;font-weight:700;line-height:1}.c-seq__content{gap:6px;min-width:0;display:grid}.c-seq__meta{color:var(--ink-500);font-size:14px;font-weight:700}.c-seq__title{font-size:19px}.c-seq__body{color:var(--ink-700);font-size:16px}@media (max-width:520px){.c-seq__item{gap:14px;padding:16px}.c-seq__num{font-size:26px}}.c-chips{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.c-chips li>a,.c-chips li>span{min-height:40px;color:var(--hhtl-navy);border:1px solid var(--line-2);border-radius:var(--radius-1);background:var(--paper);align-items:center;padding:6px 12px;font-size:15px;font-weight:700;display:inline-flex}.c-chips li>a:hover{border-color:var(--hhtl-navy)}.c-options{gap:24px;margin-top:32px;display:grid}.c-examples{gap:24px;display:grid}.c-example{border:1px solid var(--line-1);border-top:3px solid var(--hhtl-navy);border-radius:var(--radius-1);gap:12px;padding:clamp(20px,3vw,28px);transition:box-shadow .2s ease-out,border-color .2s ease-out;display:grid}.c-example:target{border-color:var(--hhtl-gold);box-shadow:0 0 0 1px var(--hhtl-gold)}.c-example__title{font-size:22px;line-height:1.25}.c-example__body{color:var(--ink-700);max-width:var(--s-text)}.c-steps{border-top:1px solid var(--line-1);margin:4px 0 0;padding:0;list-style:none}.c-steps li{border-bottom:1px solid var(--line-1);grid-template-columns:auto minmax(0,1fr);gap:14px;padding:12px 0;display:grid}.c-steps__num{color:var(--hhtl-gold-deep);min-width:2ch;font-size:20px;font-weight:700;line-height:1.2}.c-steps__text{gap:2px;min-width:0;display:grid}.c-steps__text>a,.c-steps__text>span:first-child{color:var(--hhtl-navy);font-weight:700}.c-steps__meta{color:var(--ink-500);font-size:14px}.c-example__options{gap:16px;margin:8px 0 0;display:grid}.c-example__options dt{font-size:var(--fs-eyebrow);letter-spacing:var(--tr-eyebrow);text-transform:uppercase;color:var(--ink-500);margin-bottom:8px;font-weight:700}.c-example__options dd{margin:0}}.hhtl .c-rows a,.hhtl .c-steps__text>a{color:var(--hhtl-navy);text-underline-offset:3px;font-weight:700;text-decoration:underline;text-decoration-thickness:1px}.hhtl .c-rows a:hover,.hhtl .c-steps__text>a:hover{text-decoration-thickness:2px}.hhtl .c-chips a,.hhtl .c-chips a:hover,.hhtl .c-matrix a{color:var(--hhtl-navy);text-decoration:none}.hhtl .c-matrix a:hover{text-decoration:underline}.hhtl .c-matrix thead a{color:var(--ink-700)}.hhtl .c-byo__examples a{color:#fff;text-underline-offset:3px;font-weight:700;text-decoration:underline;text-decoration-thickness:1px}.hhtl .c-byo__examples a:hover{color:#fff;text-decoration-thickness:2px}.hhtl .c-byo :focus-visible,.hhtl .s-cta .c-cta-link:focus-visible{outline-color:var(--hhtl-gold)}.hhtl .s-cta .c-cta-link{color:#fff;text-underline-offset:3px;overflow-wrap:anywhere;text-decoration:underline}.hhtl .s-cta .c-cta-link:hover{text-decoration-thickness:2px}.hhtl .c-aside .s-toc a{color:var(--ink-700)}.hhtl .c-aside .s-toc a:hover{color:var(--hhtl-navy)}
