/* Reuse the orchard's illustrated hanging sign and navigation arrows. List page only. */
body.farm-plan-list-page .orchard-plan-header {
    /* Equal side tracks center the sign without changing its size or list spacing. */
    grid-template-columns:56px minmax(0,1fr) 56px;
    gap:4px;
    width:min(calc(100% - 14px),416px);
    min-height:0;
    margin:env(safe-area-inset-top,0px) auto 0;
    align-items:center;
}
body.farm-plan-list-page .orchard-plan-header::before,
body.farm-plan-list-page .orchard-plan-header::after,
body.farm-plan-list-page .orchard-plan-header .farm-plan-sign::before,
body.farm-plan-list-page .orchard-plan-header .farm-plan-sign::after { content:none; }
body.farm-plan-list-page .orchard-plan-header .farm-plan-sign {
    aspect-ratio:2 / 1;
    min-height:0;
    padding:14% 10% 9%;
    border:0;
    border-radius:0;
    background:url('../images/farm/orchard-shop-sign-v1.webp') center / contain no-repeat;
    box-shadow:none;
    filter:drop-shadow(0 4px 3px #061f2433);
}
body.farm-plan-list-page .orchard-plan-header .farm-plan-sign span {
    font:800 6px/1.2 Arial,sans-serif;
    letter-spacing:.1em;
    color:#ffdda0;
    text-shadow:0 1px 1px #603010;
}
body.farm-plan-list-page .orchard-plan-header .farm-plan-sign h1 {
    margin:4px 0 0;
    font:900 clamp(13px,4.4vw,18px)/1.15 Arial,"Microsoft YaHei",sans-serif;
    letter-spacing:-.02em;
    color:#fff3bc;
    text-shadow:0 2px 0 #733b16;
}
body.farm-plan-list-page .orchard-plan-header .farm-plan-back {
    width:44px;
    height:48px;
    margin-top:10px;
    border:0;
    border-radius:12px;
    background:none;
    box-shadow:none;
}
body.farm-plan-list-page .orchard-plan-header .farm-plan-back > span {
    width:36px;
    height:28px;
    background:url('../images/farm/orchard-arrow-left-v1.webp') center / contain no-repeat;
}
body.farm-plan-list-page .orchard-plan-header .farm-plan-mine {
    width:68px;
    height:auto;
    min-height:62px;
    margin-top:12px;
    padding:5px 5px 6px;
    gap:2px;
    border:2px solid #ffdb72;
    border-radius:16px;
    background:linear-gradient(155deg,#fff5c2,#ffd777 64%,#efaf3e);
    color:#754016;
    box-shadow:inset 0 2px 0 #fff9df,0 3px 0 #9a581e,0 5px 8px #051c2433;
    text-decoration:none;
}
body.farm-plan-list-page .orchard-plan-header .farm-plan-mine svg { width:29px; height:29px; stroke:#945322; stroke-width:2; }
body.farm-plan-list-page .orchard-plan-header .plan-record-paper { fill:#fff9df; }
body.farm-plan-list-page .orchard-plan-header .plan-mine-label { display:flex; align-items:center; justify-content:center; gap:3px; width:100%; }
body.farm-plan-list-page .orchard-plan-header .farm-plan-mine small {
    max-width:none;
    min-width:0;
    color:#754016;
    font:800 10px/1.15 Arial,"Microsoft YaHei",sans-serif;
    white-space:normal;
    text-align:center;
    overflow-wrap:anywhere;
    overflow:visible;
    text-overflow:clip;
}
body.farm-plan-list-page .orchard-plan-header .plan-mine-label i { flex:0 0 10px; height:12px; background:url('../images/farm/orchard-arrow-right-v1.webp') center / contain no-repeat; }
body.farm-plan-list-page .orchard-plan-header a:active { transform:translateY(2px); }
body.farm-plan-list-page .orchard-plan-header a:focus-visible { outline:3px solid #fff3a5; outline-offset:3px; }
/* The taller illustrated ropes must not push the first plan farther down the screen. */
body.farm-plan-list-page .plan-catalog-stream {
    margin-top:max(12px,calc(159px - (min(calc(100vw - 14px),416px) - 120px) / 2));
}