/* Only the homepage guide and the three approved style cards. */
.hsp-page .hst-toc-wrap{padding:24px 0 0}
.hsp-page .hst-toc{background:#fff;border:1px solid #c7dacf;border-radius:10px;margin:0;padding:20px 22px;color:#294b3c;box-shadow:none}
.hsp-page .hst-toc summary{display:flex;justify-content:space-between;align-items:center;gap:12px;list-style:none;cursor:pointer;font-weight:700;min-height:44px;padding:0;font-size:18px;line-height:1.5}
.hsp-page .hst-toc summary::-webkit-details-marker{display:none}
.hsp-page .hst-toc-heading{display:flex;align-items:center;gap:10px;min-width:0}
.hsp-page .hst-list-icon{font-size:19px;line-height:1;flex:none}
.hsp-page .hst-toc-state{display:flex;align-items:center;font-size:20px;font-weight:500;line-height:1;white-space:nowrap;flex:none}
.hsp-page .hst-close-label,.hsp-page .hst-minus{display:none}
.hsp-page .hst-toc[open] .hst-open-label,.hsp-page .hst-toc[open] .hst-plus{display:none}
.hsp-page .hst-toc[open] .hst-close-label,.hsp-page .hst-toc[open] .hst-minus{display:inline}
.hsp-page .hst-toc nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px}
.hsp-page .hst-toc nav a{display:flex;justify-content:space-between;align-items:center;gap:10px;min-width:0;min-height:52px;padding:12px;background:#eef5ef;border:1px solid #cbded1;border-radius:6px;color:#294b3c;text-decoration:none;font-size:16px;font-weight:600;line-height:1.5;text-align:left;overflow-wrap:anywhere;box-sizing:border-box}
.hsp-page .hst-toc nav a::after{content:'↓';flex:none;font-size:14px;color:#6a8678}
.hsp-page .hst-toc nav a:hover,.hsp-page .hst-toc nav a:focus-visible{background:#e1ede4;border-color:#648c73;text-decoration:underline;text-underline-offset:3px}
.hsp-page .hst-toc summary:hover{color:#14664c}
.hsp-page .hst-toc :is(summary,a):focus-visible,.hsp-page #choose-length .hsp-path-card:focus-visible{outline:3px solid #4b775c;outline-offset:4px}
.hsp-page .hst-anchor{scroll-margin-top:var(--hst-anchor-offset,140px)}
.hsp-page .hst-anchor:focus-visible{outline:2px solid #4b775c;outline-offset:-3px}
.hsp-page #choose-length .hsp-path-card.hst-photo-card{padding:0;overflow:hidden;display:flex;flex-direction:column;align-items:stretch;gap:0}
.hsp-page #choose-length .hst-path-head{display:block}
.hsp-page #choose-length .hst-path-photo{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;object-position:50% 50%;margin:0;border-radius:0}
.hsp-page #choose-length .hst-photo-card:nth-child(2) .hst-path-photo{object-position:50% 43%}
.hsp-page #choose-length .hst-photo-card:nth-child(3) .hst-path-photo{object-position:50% 35%}
.hsp-page #choose-length .hst-path-labels{padding:22px 22px 0}
.hsp-page #choose-length .hst-path-labels .hsp-kicker{min-height:2.8em;line-height:1.4;margin:0 0 8px}
.hsp-page #choose-length .hst-path-labels h3{margin:0 0 12px}
.hsp-page #choose-length .hst-path-copy{padding:0 22px 22px;flex:1;display:flex;flex-direction:column}
.hsp-page #choose-length .hst-path-copy p{margin:0 0 16px}
.hsp-page #choose-length .hst-path-copy>span{margin-top:auto;font-size:15px;font-weight:700;color:#14704e}
@media(min-width:761px){.hsp-page #choose-length .hst-photo-card:nth-child(3) .hst-path-photo{object-fit:contain;object-position:center;background:#f5f1e9}}
@media(max-width:1000px){.hsp-page .hst-toc nav{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
 .hsp-page .hst-toc-wrap{padding-top:18px}
 .hsp-page .hst-toc{padding:16px;border-radius:8px}
 .hsp-page .hst-toc summary{font-size:16px;gap:8px}
 .hsp-page .hst-toc-heading{gap:8px}
 .hsp-page .hst-toc nav{gap:8px;margin-top:9px;padding-bottom:4px}
 .hsp-page .hst-toc nav a{font-size:16px;padding:10px 8px;min-height:52px;gap:6px}
 .hsp-page #choose-length .hsp-path-grid{grid-template-columns:1fr}
 .hsp-page #choose-length .hsp-path-card.hst-photo-card{padding:16px}
 .hsp-page #choose-length .hst-path-head{display:grid;grid-template-columns:108px minmax(0,1fr);gap:14px;align-items:center;margin-bottom:14px}
 .hsp-page #choose-length .hst-path-photo{width:108px;height:81px;aspect-ratio:4/3;border-radius:8px}
 .hsp-page #choose-length .hst-photo-card:first-child .hst-path-photo{object-position:63% 50%}
 .hsp-page #choose-length .hst-path-labels{padding:0;min-width:0}
 .hsp-page #choose-length .hst-path-labels .hsp-kicker{min-height:0;font-size:12px;line-height:1.6;margin:0 0 6px}
 .hsp-page #choose-length .hst-path-labels h3{font-size:20px;line-height:1.4;margin:0}
 .hsp-page #choose-length .hst-path-copy{padding:0;display:block}
 .hsp-page #choose-length .hst-path-copy p{margin:0 0 12px}
}
@media(max-width:350px){
 .hsp-page #choose-length .hsp-path-card.hst-photo-card{padding:14px}
 .hsp-page #choose-length .hst-path-head{grid-template-columns:100px minmax(0,1fr);gap:10px}
 .hsp-page #choose-length .hst-path-photo{width:100px;height:80px;aspect-ratio:5/4}
 .hsp-page #choose-length .hst-path-labels h3{font-size:19px}
}
@media(prefers-reduced-motion:reduce){html:has(#hst-page-toc){scroll-behavior:auto!important}.hsp-page .hst-toc *,.hsp-page #choose-length .hst-photo-card{transition:none!important;animation:none!important}}