.ho-popular-page{min-width:0}.ho-popular-header{grid-template-columns:minmax(0,1fr) 272px;align-items:center;gap:3.5rem;margin-bottom:.75rem;padding:2rem 0;display:grid}.ho-popular-header-copy{min-width:0}.ho-popular-header-copy>nav{flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;font-weight:400;line-height:1.65;display:flex}.ho-popular-header-copy>nav>:last-child{overflow-wrap:anywhere;min-width:0}.ho-popular-header-copy>span{color:#236548;letter-spacing:.07em;background:#e9f2e9;border-radius:.375rem;padding:.375rem .625rem;font-weight:600}.ho-popular-header h1{letter-spacing:-.045em;text-wrap:balance;max-width:850px;margin-bottom:1rem;font-size:clamp(2rem,3.2vw,2.875rem);font-weight:600;line-height:1.12}.ho-popular-header-copy>p{line-height:1.7}.ho-popular-header-copy>p:first-of-type{letter-spacing:.04em;margin-bottom:.75rem;font-size:.6875rem;font-weight:500}.ho-popular-header-art{background:#edf4ed;border-radius:1.5rem;overflow:hidden}.ho-popular-header-art img{object-fit:cover;width:100%;height:230px;display:block}.ho-popular-header .ho-yks-intro-layout{display:block}.ho-popular-header .ho-yks-intro{box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}.ho-popular-header .ho-yks-intro>p{max-width:68ch;font-size:1rem;line-height:1.75}.ho-popular-header .ho-yks-intro strong{font-weight:500}.ho-popular-header .ho-yks-intro-details{margin-top:1rem}.ho-popular-header .ho-yks-intro-details>summary{cursor:pointer;color:#236548;align-items:center;gap:.5rem;width:fit-content;min-height:44px;font-size:.875rem;font-weight:500;display:flex}.ho-popular-header .ho-yks-intro-details>summary:focus-visible{outline-offset:3px;border-radius:.25rem;outline:2px solid #236548}.ho-popular-header .ho-yks-intro-features>div{color:#324d3e;box-shadow:none;--tw-ring-shadow:0 0 #0000;background:#f0f5ed;border:1px solid #dfe8dd;border-radius:.875rem;padding:1rem}.ho-popular-header .ho-yks-intro-features p,.ho-popular-header .ho-yks-intro-features strong{color:#324d3e}.ho-popular-header .ho-yks-intro-features p{font-weight:400;line-height:1.7}.ho-popular-header .ho-yks-intro-features p:first-child{letter-spacing:.025em;font-size:.75rem;font-weight:600}.ho-popular-header .ho-yks-start{margin-top:1.25rem}.ho-popular-header .ho-yks-start a{min-height:48px;box-shadow:none;background:#236548;border-radius:.75rem;font-size:.9375rem;font-weight:500;animation:none}.ho-popular-header .ho-yks-start a:hover{background:#1b5139}.ho-popular-header .ho-yks-start span{box-shadow:none;background:0 0;border-radius:0;padding:0;font-weight:400;line-height:1.65}.ho-popular-page .ho-popular-faq details{box-shadow:none;border-color:#dfe8dd;border-radius:1rem}.ho-popular-page .ho-popular-faq summary{gap:.875rem;min-height:44px;line-height:1.6}.ho-popular-page .ho-popular-faq summary>span{flex-shrink:0}.ho-popular-page .ho-popular-related a{overflow-wrap:anywhere;background:#fff;border:1px solid #dfe8dd;border-radius:.75rem;justify-content:center;align-items:center;min-height:48px;line-height:1.5;display:flex}.ho-popular-page .ho-popular-related a:hover{background:#edf4ed;border-color:#a4bea9}.ho-popular-page .ho-popular-sources{border-radius:1rem;line-height:1.7}@media (max-width:1023px){.ho-popular-header{grid-template-columns:minmax(0,1fr) 220px;gap:2rem}.ho-popular-header-art img{height:220px}}@media (max-width:767px){.ho-popular-header{grid-template-columns:minmax(0,1fr);gap:0;padding-top:1.5rem}.ho-popular-header-art{display:none}.ho-popular-header h1{font-size:2rem}.ho-popular-header .ho-yks-start{align-items:flex-start}.ho-popular-header .ho-yks-start a{width:100%}.ho-popular-page .ho-popular-faq details{padding:1.25rem}}
