/* Home page only */
.hp-utility{grid-column:1/-1;display:flex;gap:22px;align-items:center;flex-wrap:wrap;margin-top:4px}.hp-utility .text-link{font-size:14px}.hp-practice-intro{max-width:65ch;color:var(--muted);margin-bottom:0}
body.home-page .masthead{height:84px}
.hp-hero{display:grid;grid-template-columns:1.5fr 1fr;gap:12px 40px;padding-block:36px 44px;align-items:center}
.hp-kicker{display:flex;align-items:center;gap:10px;color:var(--muted);margin:0}
.hp-hero h1{font:400 clamp(40px,5vw,64px)/1.05 var(--serif);letter-spacing:-.03em;margin:16px 0 18px;max-width:15ch}
.hp-good{color:var(--green);font-style:italic;text-decoration:underline;text-decoration-color:#bd663b;text-decoration-thickness:2px;text-underline-offset:8px}
.hp-intro{font-size:18px;line-height:1.6;color:var(--muted);max-width:54ch;margin:0}
.hp-art{max-width:260px;justify-self:center}
.hp-art .garden{width:100%;height:auto;display:block}
.hp-choices{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}
.hp-choice{display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left;padding:18px 20px;border:1px solid var(--line);border-radius:6px;background:#fbf7ee;color:var(--ink);text-decoration:none;font:inherit;-webkit-user-select:none;user-select:none;transition:transform 140ms var(--ease-out),background-color 150ms ease,border-color 150ms ease}
.hp-choice strong{font:400 24px/1.2 var(--serif);letter-spacing:-.01em}
.hp-choice-label{font-size:12px;font-weight:650;letter-spacing:.1em;text-transform:uppercase;color:var(--orange)}
.hp-choice-note{font-size:14px;color:var(--muted)}
.hp-choice-main{background:var(--green);border-color:var(--green);color:#fffaf0}
.hp-choice-main .hp-choice-label{color:#edc572}.hp-choice-main .hp-choice-note{color:#e2e6d6}
.hp-section{padding-block:28px 40px}
.hp-grid{list-style:none;margin:0;padding:22px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.hp-card{display:flex;flex-direction:column;height:100%;padding:20px;border:1px solid var(--line);border-radius:6px;background:#fbf7ee;text-decoration:none;transition:transform 140ms var(--ease-out),border-color 150ms ease}
.hp-meta{font-size:12px;font-weight:650;letter-spacing:.04em;color:var(--orange)}
.hp-card h3{font:400 27px/1.15 var(--serif);margin:8px 0;letter-spacing:-.01em}
.hp-card p{font-size:15px;color:var(--muted);margin:0 0 16px;flex:1}
.hp-go{font-size:14px;font-weight:650;color:var(--green)}
.hp-list{list-style:none;margin:0;padding:0}
.hp-list a{display:grid;grid-template-columns:minmax(180px,1fr) 2fr auto;gap:6px 22px;align-items:baseline;padding:15px 6px;border-bottom:1px solid var(--line);text-decoration:none;transition:background-color 150ms ease}
.hp-list strong{font:400 21px/1.3 var(--serif)}
.hp-list span{font-size:15px;color:var(--muted)}
.hp-list em{font-style:normal;font-size:13px;font-weight:650;color:var(--muted);white-space:nowrap}
.hp-all{display:flex;justify-content:space-between;align-items:center;margin-top:22px;padding:20px 22px;border:1px solid var(--ink);border-radius:6px;font:400 24px/1.25 var(--serif);text-decoration:none;transition:transform 140ms var(--ease-out),background-color 150ms ease}
.hp-backup{margin-block:10px 40px;padding:24px;border:1px dashed var(--muted);border-radius:6px}
.hp-backup h2{font:400 26px/1.2 var(--serif);margin:0 0 8px}
.hp-backup p{color:var(--muted);margin:0 0 14px;max-width:62ch}
body.home-page .footer a{padding-block:6px}
@media (hover:hover) and (pointer:fine){.hp-choice:hover,.hp-card:hover{border-color:var(--green)}.hp-choice:not(.hp-choice-main):hover{background:#fffdf7}.hp-choice-main:hover{background:#263c29}.hp-list a:hover{background:#ece6d8}.hp-all:hover{background:#ece6d8}}
@media (prefers-reduced-motion:no-preference){.hp-choice:active,.hp-card:active,.hp-all:active{transform:scale(.98)}}
@media(max-width:900px){.hp-grid{grid-template-columns:repeat(2,1fr)}.hp-list a{grid-template-columns:1fr auto}.hp-list span{grid-column:1/-1;grid-row:2}}
@media(max-width:620px){body.home-page .masthead{height:64px}body.home-page .masthead nav{gap:14px;font-size:13px}.hp-hero{grid-template-columns:1fr auto;gap:8px 12px;padding-block:20px 28px;align-items:start}.hp-hero-copy{grid-column:1;grid-row:1}.hp-art{grid-column:2;grid-row:1;width:76px;max-width:76px;align-self:start}.hp-hero h1{font-size:34px;margin:10px 0 12px}.hp-intro{grid-column:1/-1;font-size:16px}.hp-choices{grid-template-columns:1fr;gap:10px;margin-top:12px}.hp-choice{padding:14px 16px;min-height:44px}.hp-choice strong{font-size:21px}.hp-grid{grid-template-columns:1fr;gap:10px;padding-top:16px}.hp-card{padding:16px}.hp-card h3{font-size:24px}.hp-list a{padding:14px 2px;gap:4px 14px}.hp-list strong{font-size:19px}.hp-all{font-size:19px;padding:16px}.hp-backup{padding:18px}.hp-section{padding-block:20px 28px}}
@media(prefers-reduced-motion:reduce){.hp-choice,.hp-card,.hp-all,.hp-list a{transition:none}.hp-choice:active,.hp-card:active,.hp-all:active{transform:none}}
.hp-choice:focus-visible,.hp-card:focus-visible,.hp-all:focus-visible,.hp-list a:focus-visible{transform:none;transition:none}
@media print{body.home-page{background:#fff;color:#000}.hp-art,.hp-choice-main,.skip,dialog,body.home-page .masthead nav{display:none}.hp-hero,.hp-choices,.hp-grid{display:block}.hp-choice,.hp-card,.hp-all{border:1px solid #999;background:#fff;color:#000;margin-bottom:8px;break-inside:avoid}.hp-list a{break-inside:avoid}}

@media(max-width:650px){body.home-page .masthead{height:auto;flex-direction:column;align-items:flex-start;gap:10px;padding-top:18px;padding-bottom:14px}body.home-page .masthead nav{display:flex;flex-wrap:wrap;gap:4px 18px;width:100%;font-size:14px}body.home-page .masthead nav a{display:inline-flex;align-items:center;min-height:44px}body.home-page .masthead .wordmark{min-height:36px}}
