/* Center the title and all visible choices below the header. Keep natural
   document height so short screens and larger text remain scrollable. */
.start{--start-header-height:57px;min-height:calc(100vh - var(--start-header-height) - env(safe-area-inset-top,0px));padding-top:var(--s5);padding-bottom:calc(var(--s5) + env(safe-area-inset-bottom,0px))}
@supports (height:100dvh){.start{min-height:calc(100dvh - var(--start-header-height) - env(safe-area-inset-top,0px))}}
@media(min-width:769px){.start{--start-header-height:73px}}
.start .pick{margin-bottom:0}
.start .pcard:hover:not(:disabled){border-color:var(--c-btn-point-bg)}
.start .pcard:hover:not(:disabled)>b{color:var(--c-btn-point-bg)}
.start .pcard:focus-visible{outline:3px solid var(--c-btn-point-bg);outline-offset:2px;border-color:var(--c-btn-point-bg)}
.start .shared-start-entry{display:contents}
.start .shared-start-entry>button,.start .shared-start-entry>p{grid-column:1/-1}
.start .pcard[data-share-start]{width:100%;display:grid;grid-template-columns:80px minmax(0,1fr);grid-template-areas:"img title" "img sub" "steps steps";text-align:left;column-gap:var(--s3);row-gap:var(--s2);word-break:keep-all;overflow-wrap:anywhere}
.start .pcard[data-share-start][hidden],#shared-start-status[hidden]{display:none!important}
.start [data-share-start] .pimg{grid-area:img;width:100%;max-width:80px;margin:0}
.start [data-share-start]>b{grid-area:title;align-self:end}
.start .shared-start-lead{grid-area:sub;align-self:start;font-weight:600;line-height:1.55}
.start .shared-start-steps{grid-area:steps;display:flex;align-items:center;justify-content:center;gap:var(--s2);padding:var(--s3) var(--s2);margin-top:var(--s1);border-radius:var(--r-md);background:var(--c-bg);font-size:var(--t-sm);font-weight:600;line-height:1.5;text-align:center}
.start .shared-start-steps>span:not(.shared-start-arrow){flex:1;min-width:0}
.start .shared-start-arrow{flex:none;color:var(--c-text-sub)}
@media(max-width:559px){.start .pcard[data-share-start]{grid-template-columns:64px minmax(0,1fr)}}
/* On desktop, place the short sequence beside the introduction. */
@media(min-width:1024px){
  .start .pcard[data-share-start]{grid-template-columns:80px minmax(0,1fr) minmax(0,1.2fr);grid-template-areas:"img title steps" "img sub steps";column-gap:var(--s4)}
  .start .shared-start-steps{align-self:center;margin-top:0}
}