.hpc{border:1px solid var(--line);border-radius:var(--r);background:var(--surface);margin:0 0 12px;overflow:hidden;box-shadow:var(--sh-1)}
.hpc>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:12px;min-height:64px;padding:14px 18px;-webkit-tap-highlight-color:transparent;user-select:none}
.hpc>summary::-webkit-details-marker{display:none}
.hpc>summary:focus-visible{outline:3px solid #f0873f;outline-offset:-3px;border-radius:14px}
.hpc>summary:hover{background:rgba(240,135,63,.06)}
.hpc-t{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}
.hpc-t b{font-size:1.08rem;line-height:1.3}
.hpc-t small{font-size:.9rem;color:var(--m);line-height:1.35}
.hpc-ch{flex:none;width:28px;height:28px;padding:4px;border-radius:50%;background:rgba(240,135,63,.14);fill:none;stroke:#d9682a;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s ease}
.hpc[open]>summary .hpc-ch{transform:rotate(180deg)}
.hpc[open]>summary{border-bottom:1px solid var(--line)}
.hpc-body{padding:16px 16px 18px;animation:hpcIn .25s ease}
.hpc-body>.sec-h:first-child{margin-top:0}
@keyframes hpcIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.hpc-ch,.hpc-body{transition:none;animation:none}}
main.wide>section.hp-feat>.hpc{grid-column:1/-1}
.hp-feat .hpc-body{display:grid;grid-template-columns:1fr;gap:12px}
@media(min-width:760px){.hp-feat .hpc-body{grid-template-columns:1fr 1fr;gap:16px}}
/* site-wide auto sections */
.hpc.auto{margin:18px 0 12px}
.hpc.auto>summary>h2,.hpc.auto>summary>.hpc-h{flex:1;margin:0!important;min-width:0}
.hpc.auto>summary>.hpc-h h2{margin:0!important}
.hpc.auto>.hpc-body>:first-child{margin-top:0}