
.hss-pblock{margin:2em 0;padding:1.25em;background:#f2f7fa;border-radius:12px}
.hss-pblock-title{margin:0 0 .15em;font-size:1.25em;font-weight:700;color:#1f2933}
.hss-pblock-note{margin:0;font-size:.75em;color:#6b7280}
.hss-pblock-grid{display:grid;gap:14px;margin-top:.9em;grid-template-columns:repeat(3,minmax(0,1fr))}
.hss-pblock-2 .hss-pblock-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.hss-pcard{display:flex;flex-direction:column;background:#fff;border:1px solid #e8e2d9;border-radius:10px;overflow:hidden;transition:box-shadow .15s,transform .15s}
.hss-pcard:hover{box-shadow:0 6px 18px rgba(31,41,51,.12);transform:translateY(-2px)}
.hss-pcard-img{display:block;background:#fff}
.hss-pcard-img img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;margin:0}
.hss-pcard-body{display:flex;flex-direction:column;flex:1;padding:.8em .85em .9em}
.hss-pcard-name{margin:0 0 .3em;font-size:1em;font-weight:700;line-height:1.3}
.hss-pcard-name a{color:#1f2933;text-decoration:none}
.hss-pcard-name a:hover{text-decoration:underline}
.hss-pcard-why{margin:0 0 .8em;font-size:.9em;line-height:1.4;color:#4b5563}
.hss-pcard-btn{display:block;margin-top:auto;padding:.65em .5em;border-radius:7px;background:#23759d;color:#fff!important;font-weight:700;font-size:.92em;line-height:1.2;text-align:center;text-decoration:none}
.hss-pcard-btn:hover,.hss-pcard-btn:focus{background:#185675}
.hss-pblock-1 .hss-pcard{flex-direction:row}
.hss-pblock-1 .hss-pblock-grid{grid-template-columns:1fr}
.hss-pblock-1 .hss-pcard-img{flex:0 0 42%}
.hss-pblock-1 .hss-pcard-body{justify-content:center}
.hss-pblock-1 .hss-pcard-btn{margin-top:0}
@media (max-width:600px){
 .hss-pblock{padding:1em}
 .hss-pblock-grid,.hss-pblock-2 .hss-pblock-grid{grid-template-columns:1fr}
 .hss-pblock:not(.hss-pblock-1) .hss-pcard{flex-direction:row}
 .hss-pblock:not(.hss-pblock-1) .hss-pcard-img{flex:0 0 38%}
 .hss-pcard-img{align-self:center}
 .hss-pblock-1 .hss-pcard-img{flex:0 0 38%}
 .hss-pcard-name{font-size:.95em}
 .hss-pcard-why{font-size:.85em;margin-bottom:.6em}
 .hss-pcard-btn{font-size:.88em;margin-top:0}
}

.hss-home-hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:32px;margin:0 0 36px;padding:24px;background:#f2f7fa;border-radius:12px}
.hss-home-hero img{display:block;width:100%;height:100%;max-height:300px;object-fit:cover;border-radius:10px}
.hss-home-hero h2{margin:0 0 .3em;font-size:2.1em;line-height:1.15;color:#1f2933}
.hss-home-hero p{margin:0 0 1.1em;color:#4b5563;font-size:1.1em}
.hss-home-actions{display:flex;flex-wrap:wrap;gap:10px}
.hss-home-actions a{padding:.7em 1.2em;border-radius:8px;font-weight:600;text-decoration:none}
.hss-home-primary{background:#23759d;color:#fff}
.hss-home-primary:hover{background:#185675;color:#fff}
.hss-home-secondary{border:1px solid #23759d;color:#23759d}
.hss-home-secondary:hover{background:#fff;color:#185675}
.hss-home-pieces,.hss-home-section{margin:0 0 40px;scroll-margin-top:16px}
.hss-home-pieces h2,.hss-home-section h2{margin:0 0 .3em;font-size:1.6em;color:#1f2933}
.hss-home-piece-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:1em}
.hss-home-piece{display:flex;flex-direction:column;padding:12px;background:#fff;border:1px solid #ece6df;border-radius:10px}
.hss-home-piece-img img{display:block;width:100%;height:auto;border-radius:6px}
.hss-home-room{margin:.7em 0 .1em;font-size:.75em;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#6b7280}
.hss-home-piece-name{margin:0 0 .8em;font-weight:600;line-height:1.3}
.hss-home-piece-name a{color:#1f2933;text-decoration:none}
.hss-home-piece .hss-pcard-btn{margin-top:auto}
.hss-home-rooms,.hss-home-guides{display:grid;gap:18px;margin-top:1em}
.hss-home-rooms{grid-template-columns:repeat(4,minmax(0,1fr))}
.hss-home-guides{grid-template-columns:repeat(3,minmax(0,1fr))}
.hss-home-tile{display:block;color:#1f2933;font-weight:600;line-height:1.3;text-decoration:none}
.hss-home-tile:hover{color:#23759d}
.hss-home-tile img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:10px;margin-bottom:.5em}
.hss-home-tile small{display:block;font-size:.75em;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#6b7280}
.hss-home-more{margin:1.4em 0 0;text-align:center}
.hss-home-more a{color:#23759d;font-weight:600}
@media (max-width:768px){
.hss-home-hero{grid-template-columns:1fr;gap:16px;padding:16px;margin-bottom:28px}
.hss-home-hero img{max-height:200px;order:-1}
.hss-home-hero h2{font-size:1.7em}
.hss-home-piece-grid,.hss-home-rooms{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.hss-home-guides{grid-template-columns:1fr 1fr;gap:12px}
.hss-home-piece{padding:8px}
}

.ts-home{background:white;padding:24px;max-width:1200px;margin:0 auto}.ts-home h1{font-size:2.2rem;line-height:1.2;margin:0}.ts-home-intro{font-size:1.12rem;max-width:58ch;margin:0 0 1.5rem}.hss-home-piece-img img{aspect-ratio:1;object-fit:contain}.hss-home-piece-why{font-size:.9rem;line-height:1.4;margin:0 0 1rem}.hss-home-room{text-transform:none;letter-spacing:0}.hss-home-section{clear:both}.hss-home-hero h2{font-size:1.8rem}.hss-home-hero p{margin:0}.hss-home-hero{margin-bottom:2rem}.hss-home-hero img{height:auto;aspect-ratio:16/10}.ts-home nav{background:transparent}.hss-pcard-body,.hss-home-piece{min-width:0}.hss-pcard-name{overflow-wrap:anywhere}.hss-pcard-img img{box-sizing:border-box;padding:8px}.hss-home-tile img{margin:0 0 .5rem}.hss-home-piece-why{color:#4b5563}@media(max-width:600px){.ts-home{padding:16px}.ts-home h1{font-size:1.8rem}.hss-home-hero h2{font-size:1.45rem}.hss-home-piece-grid{grid-template-columns:1fr}.hss-home-piece{display:grid;grid-template-columns:36% 1fr;column-gap:12px;padding:12px}.hss-home-piece-img{grid-row:1/5;align-self:center}.hss-home-room{margin:0}.hss-home-piece-name{margin:.2rem 0 .5rem}.hss-home-piece .hss-pcard-btn{font-size:.86rem}.hss-home-rooms,.hss-home-guides{grid-template-columns:1fr 1fr}.hss-home-tile{font-size:.9rem}}
