
.detail-view[hidden], [data-home][hidden]{display:none}.back-link{display:inline-block;margin-bottom:30px;color:var(--moss);font-size:13px;font-weight:800;text-decoration:none}.detail-hero{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;margin-bottom:70px}.detail-hero h2{margin:0;font:500 clamp(42px,6vw,72px)/.98 Georgia,serif;letter-spacing:-.05em}.detail-intro{max-width:450px;color:var(--muted);font-size:16px}.detail-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.detail-gallery img{width:100%;height:180px;object-fit:cover;border-radius:6px;background:#d9e2d5}.detail-gallery img:only-child{grid-column:span 2;height:290px}.detail-layout{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(360px,1.2fr);gap:50px}.section-heading.compact{align-items:center;margin-bottom:20px}.section-heading.compact h3{margin:0;font:500 29px Georgia,serif}.section-heading.compact h3 em{color:var(--moss);font-style:italic}.checklists{display:grid;gap:18px}.checklist-card{padding:18px;border:1px solid var(--line);border-radius:7px;background:var(--card)}.checklist-head{display:flex;gap:14px;align-items:center;margin-bottom:15px}.checklist-head img{width:65px;height:65px;border-radius:5px;object-fit:cover}.checklist-head h3{margin:1px 0 3px;font:500 22px Georgia,serif}.checklist-head .plant-type{margin:0}.progress-text{margin:0;color:var(--muted);font-size:12px}.check-items{display:grid;gap:9px}.check-item{display:flex;align-items:flex-start;gap:10px;padding:9px 10px;border-radius:4px;background:#f5f7f1;color:var(--ink);font-size:13px;cursor:pointer}.check-item input{margin-top:3px;accent-color:var(--moss)}.check-item input:checked+span{text-decoration:line-through;color:var(--muted)}.reset-button{padding:7px 10px;border:1px solid var(--line);border-radius:4px;background:transparent;color:var(--muted);font-size:11px;cursor:pointer}.reset-button:hover{border-color:var(--clay);color:var(--clay)}@media(max-width:800px){.detail-hero,.detail-layout{grid-template-columns:1fr;gap:30px}.detail-hero{margin-bottom:50px}.detail-gallery img{height:150px}.detail-gallery img:only-child{height:250px}}@media(max-width:520px){.detail-layout{gap:45px}.section-heading.compact{display:flex}.section-heading.compact h3{font-size:25px}.reset-button{white-space:nowrap}}
