/* Home composition: a sourced thought, personal check-in, then a few clear choices. */
.home {max-width:1440px;margin-inline:auto;container-type:inline-size}
.home-heading {display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:8px 24px;margin-bottom:24px}
.home-heading h1 {font-size:clamp(1.8rem,2.7vw,2.35rem)}
.home .sky-date {font-size:.86rem;font-weight:650}
.home-arrival {display:grid;gap:18px;min-width:0;container-type:inline-size}
.home-moment {border:1px solid var(--line);border-radius:28px;background:var(--surface);overflow:clip}
.home-moment-top {display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:24px;align-items:start;padding:22px}
.home .mood-scene {width:100%;margin:0;border:0;border-radius:18px;box-shadow:none}
.home .mood-scene img,.home .separated-weather {aspect-ratio:16/9}
.home .mood-scene .separated-weather img {aspect-ratio:auto}
.home .mood-scene figcaption {padding:5px 12px}
.home .checkin {margin:0;padding:0;border:0;gap:18px}
.home .checkin h2 {font-size:1.65rem;max-width:28ch;line-height:1.2}
.home .mood-chips {grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.home .mood-chips .chip {min-width:0;min-height:44px;background:var(--paper);border:1px solid transparent;font-size:.88rem;padding:10px 12px}
.home .mood-chips .chip:hover {border-color:var(--chip)}
.home .mood-chips .chip[aria-checked=true] {background:var(--chip);color:#fff}
.home .checkin-note {font-size:.8rem;max-width:52ch}
.home-moment>.animal-task {display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:7px 24px;border:0;border-top:1px solid var(--line);border-radius:0;padding:24px 28px;background:#f0f4e9}
.home-moment>.animal-task>* {grid-column:1}
.home-moment>.animal-task h2 {font-family:var(--body);font-size:.84rem;font-weight:800;color:var(--fern)}
.home-moment>.animal-task h3 {font-family:var(--display);font-size:1.4rem;font-weight:500;line-height:1.2;margin-top:7px}
.home-moment>.animal-task .animal-task-meta {font-size:.75rem;color:var(--ink-3)}
.home-moment>.animal-task .animal-task-instruction {max-width:84ch;font-size:.91rem}
.home-moment>.animal-task .animal-task-footer {grid-column:2;grid-row:1/span 4;align-self:center;display:flex;flex-direction:column;align-items:stretch;gap:10px;text-align:center;padding:0}
.home-moment>.animal-task .animal-task-footer .btn {justify-content:center}
.home-moment>.animal-task .animal-task-status {grid-column:1/-1}
.home .home-quote {display:grid;grid-template-columns:minmax(0,1fr);gap:8px;align-items:start;padding:0 4px 8px;border:0}
.home .home-quote .mini-h {font-family:var(--body);font-size:.72rem;font-weight:800;margin-bottom:10px}
.home .quote {gap:8px}
.home .quote blockquote p {font-size:clamp(1.65rem,2.7vw,2.35rem);max-width:44ch;line-height:1.3;text-wrap:pretty}
.home .quote figcaption {font-size:.8rem}
.home .quote figcaption::before {width:18px}
.home .quote-actions {flex-direction:row;flex-wrap:wrap;align-items:flex-start;gap:4px}
.home .quote-actions .btn {min-height:40px;font-size:.82rem;padding:10px}
.home-explore {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:24px}
.home-explore>* {min-width:0;margin:0}
.home-explore .ws-home-card {display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:12px;padding:26px}
.home-explore .ws-home-card h2 {font-size:1.6rem;margin:5px 0 10px}
.home-explore .ws-home-card p {line-height:1.6}
.home-daily-grid {display:grid;margin-top:24px;gap:24px;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:start}
.home-daily-grid>* {min-width:0;margin:0}
.home-daily-grid>:only-child {grid-column:1/-1}
.home-secondary {display:grid;gap:12px;margin-top:24px}
.home-fold {min-width:0;border:1px solid var(--line);border-radius:18px;background:var(--surface);overflow:clip}
.home-fold-summary {display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:78px;padding:18px 24px;cursor:pointer;list-style:none;border-radius:17px}
.home-fold-summary::-webkit-details-marker {display:none}
.home-fold-summary::marker {content:''}
.home-fold-summary:hover {background:var(--paper)}
.home-fold-summary:focus-visible {outline:3px solid var(--fern);outline-offset:-4px}
.home-fold-title {display:grid;gap:4px;min-width:0}
.home-fold-title strong {font-family:var(--display);font-size:1.3rem;font-weight:500;line-height:1.25}
.home-fold-title>span {font-size:.82rem;color:var(--ink-3);line-height:1.45;overflow-wrap:anywhere}
.home-fold-indicator {display:flex;align-items:center;justify-content:center;flex-shrink:0;width:30px;height:30px;border-radius:50%;color:var(--fern);background:var(--paper)}
.home-fold[open]>.home-fold-summary {border-bottom:1px solid var(--line);border-radius:17px 17px 0 0}
.home-fold[open] .home-fold-indicator {transform:rotate(45deg)}
.home-fold-body {padding:24px}
.home-fold-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;align-items:start}
.home-fold-grid>* {min-width:0;margin:0}
.home-fold-grid>:only-child {grid-column:1/-1}
.home-fold-grid>section,.home-fold-grid>.home-today>.trail-card {border:0;border-radius:0;box-shadow:none;padding:0;background:transparent}
.home-fold-grid .sec-head {align-items:baseline;flex-wrap:wrap;gap:8px 16px}
.home-today .trail {grid-template-columns:repeat(7,minmax(0,1fr))}
.home-today .step {min-width:0}
.home-today .paw {width:min(38px,100%);height:auto;aspect-ratio:1}
.home-today .paw svg {width:22px;height:22px}
.home-today .trail::before {top:20px}
.home-today .stats {grid-template-columns:repeat(4,minmax(0,1fr))}
.home-today .stats dd {font-size:1.35rem}
@container(max-width:1050px) {
 .home-moment-top {gap:24px}
 .home .mood-chips {grid-template-columns:repeat(2,minmax(0,1fr))}
 .home .checkin h2 {font-size:1.4rem}
 .home .mood-scene img,.home .separated-weather {aspect-ratio:4/3}
 .home .mood-scene .separated-weather img {aspect-ratio:auto}
 .home-today .stats {grid-template-columns:repeat(2,minmax(0,1fr))}
}
@container(max-width:560px) {
 .home-moment-top {grid-template-columns:minmax(0,1fr);gap:24px;padding:18px}
 .home .mood-scene img,.home .separated-weather {aspect-ratio:16/9}
 .home .mood-scene .separated-weather img {aspect-ratio:auto}
 .home-moment>.animal-task {grid-template-columns:minmax(0,1fr);padding:22px 20px;gap:9px}
 .home-moment>.animal-task .animal-task-footer {grid-column:1;grid-row:auto;align-items:flex-start;text-align:left;margin-top:8px}
 .home .home-quote {grid-template-columns:minmax(0,1fr);gap:10px;padding:0 2px 6px}
 .home .quote-actions {flex-direction:row;flex-wrap:wrap}
 .home-explore,.home-daily-grid,.home-fold-grid {grid-template-columns:minmax(0,1fr);gap:18px}
 .home-fold-summary {padding:16px 18px;gap:14px}
 .home-fold-body {padding:20px 18px}
 .home-fold-title strong {font-size:1.2rem}
 .home .mood-chips .chip {font-size:.84rem;padding:9px 10px}
 .home .checkin h2 {font-size:1.5rem}
 .home-heading {margin-bottom:20px}
}

/* The trail occupies a narrow side rail; cards flow independently instead of waiting for equal-height rows. */
.home-dashboard{display:grid;grid-template-columns:minmax(0,1fr) 228px;gap:22px 28px;align-items:start}
.home-dashboard>.home-arrival{grid-column:1;grid-row:1}
.home-trail-rail{grid-column:2;grid-row:1/span 2;min-width:0;align-self:stretch;border-left:1px solid var(--line);padding-left:22px}
.home-columns{grid-column:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start;min-width:0;container-type:inline-size}
.home-column{display:flex;flex-direction:column;gap:20px;min-width:0}
.home-column>*{margin:0;min-width:0}
.home-column .ws-home-card{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:12px;padding:22px}
.home-column .ws-home-card h2{font-size:1.55rem}
.home-column .sec-head{gap:10px;align-items:start}
.home-column .sec-head h2{font-size:1.5rem}
.home-column .moves{padding:22px}
.home-column .move{gap:2px 10px;grid-template-columns:44px minmax(0,1fr);padding:12px 0}
.home-column .move .tick{width:44px;height:44px}
.home-column .move-text p{margin:0}
.home-column .move-min{grid-column:2;padding-top:0}
.home-column .home-fold-grid{grid-template-columns:minmax(0,1fr);gap:22px}
.home-column .home-fold-body{padding:20px}
.home-column .home-fold-summary{padding:16px 18px;min-height:72px}
.home-column .home-fold-title strong{font-size:1.18rem}
.home-column .home-fold-grid .plan-mini{flex-wrap:wrap}
.home-trail-rail .trail-card{padding:8px 0 0;border:0;background:transparent;border-radius:0;gap:16px}
.winding-trail .sec-head{display:grid;gap:7px;margin:0}
.winding-trail h2{font-size:1.3rem}
.winding-trail .sec-head .link{font-size:.78rem;justify-self:start}
.winding-trail .trail{grid-template-columns:minmax(0,1fr);gap:0}
.winding-trail .trail::before{inset:0 auto 0 0;width:88px;top:0;border:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 88 406'%3E%3Cpath d='M26 29 C26 58 62 58 62 87 S26 116 26 145 S62 174 62 203 S26 232 26 261 S62 290 62 319 S26 348 26 377' fill='none' stroke='%2396a289' stroke-width='2' stroke-dasharray='3 6' stroke-linecap='round'/%3E%3C/svg%3E") top left/88px 406px no-repeat}
.winding-trail .step{height:58px;padding:0 0 0 6px;display:grid;grid-template-columns:40px minmax(0,1fr);gap:10px;align-items:center;justify-items:start;min-width:0}
.winding-trail .step:nth-child(even){padding-left:42px}
.winding-trail .paw{width:40px;height:40px;background:var(--paper);border-color:var(--line);color:var(--ink-3)}
.winding-trail .paw svg{width:23px;height:23px}
.winding-trail .step:nth-child(even) .paw{transform:rotate(12deg)}
.winding-trail .step-caption{display:grid;gap:2px;min-width:0}
.winding-trail .step-day{font-size:.78rem}
.winding-trail .step-note{font-size:.68rem;line-height:1.3;color:var(--ink-3)}
.winding-trail .step.today .step-note{color:var(--fern);font-weight:800}
.winding-trail .step-marks{display:none}
.winding-trail .step:focus-visible{outline:2px solid var(--fern);outline-offset:1px}
.winding-trail .step[data-tip]::after{left:auto;right:0;transform:none;max-width:220px;white-space:normal}
.winding-trail .stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.winding-trail .stats div{padding:10px 9px;background:color-mix(in srgb,var(--surface) 80%,transparent);border:1px solid var(--line-2)}
.winding-trail .stats dt{font-size:.67rem;line-height:1.35}
.winding-trail .stats dd{font-size:1.4rem}
.winding-trail .legend{font-size:.7rem;gap:6px}
.winding-trail>.muted,.winding-trail .streak{font-size:.75rem}
@container(max-width:1050px){.home-dashboard{grid-template-columns:minmax(0,1fr) 200px;column-gap:22px}.home-trail-rail{padding-left:16px}}
@container(max-width:820px){
 .home-dashboard{grid-template-columns:minmax(0,1fr);gap:22px}
 .home-trail-rail{grid-column:1;grid-row:auto;border-left:0;border-block:1px solid var(--line);padding:18px 0;align-self:auto}
 .home-dashboard>.home-columns{grid-row:3}
 .home-trail-rail .trail-card{padding:0;gap:14px}
 .winding-trail .sec-head{display:flex;align-items:baseline;justify-content:space-between}
 .winding-trail .trail{grid-template-columns:repeat(7,minmax(0,1fr));gap:0}
 .winding-trail .trail::before{background:none;border-top:2px dashed var(--line);width:auto;inset:20px 7% auto}
 .winding-trail .step,.winding-trail .step:nth-child(even){display:grid;grid-template-columns:1fr;justify-items:center;align-items:start;gap:5px;height:auto;padding:0}
 .winding-trail .step-caption{justify-items:center}.winding-trail .step-note{display:none}.winding-trail .step.today .step-note{display:block}
 .winding-trail .stats{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@container(max-width:560px){
 .home-columns{grid-template-columns:minmax(0,1fr);gap:18px}
 .home-column{gap:18px}
 .home-column .moves,.home-column .ws-home-card{padding:20px}
 .winding-trail .stats div{padding:9px 6px}.winding-trail .stats dd{font-size:1.2rem}.winding-trail .stats dt{font-size:.62rem}
 .winding-trail .paw{width:34px;height:34px}.winding-trail .paw svg{width:20px;height:20px}.winding-trail .trail::before{top:17px}
 .winding-trail h2{font-size:1.2rem}
}