/* Shared, illustrated cards for finding and returning to a guide. */
.guide-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}
.guide-tiles--pair{grid-template-columns:repeat(2,minmax(0,1fr))}
.guide-tile{display:flex;flex-direction:column;min-width:0;height:100%;overflow:hidden;border:1px solid var(--line);border-top:3px solid var(--ink);background:var(--white);color:var(--ink);text-decoration:none;transition:transform .18s ease,box-shadow .18s ease}
.guide-tile-photo{position:relative;display:block;flex:none;width:100%;aspect-ratio:16/10;overflow:hidden;background:var(--paper)}
.guide-tile-photo img{display:block;width:100%;height:100%;object-fit:cover}
.guide-photo--crop img{position:absolute;top:0;left:0;height:120%;object-position:50% 0}
.guide-tile-copy{display:flex;flex:1;flex-direction:column;min-width:0;padding:1.2rem}
.guide-tile .tag{font-size:.75rem;font-weight:800;color:var(--rust);letter-spacing:.1em;text-transform:uppercase}
.guide-tile h3{margin:.75rem 0 .45rem;font:800 clamp(1.3rem,1.8vw,1.65rem)/1.2 "Iowan Old Style","Palatino Linotype",Baskerville,Georgia,serif;letter-spacing:0;overflow-wrap:normal;word-break:normal;hyphens:none}
.guide-tile p{margin:0;color:var(--muted);font-size:.96rem;line-height:1.6}
.guide-tile .card-action{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:auto;padding-top:1.25rem;font-size:.82rem;font-weight:750;line-height:1.45}
.guide-tile .card-arrow{flex:none;font-size:1.2rem;line-height:1;transition:transform .18s ease}
.guide-tile:hover{transform:translateY(-3px);box-shadow:7px 7px 0 var(--sun)}
.guide-tile:focus-visible{outline:2px solid var(--ink);outline-offset:4px}
.guide-tile:hover .card-arrow,.guide-tile:focus-visible .card-arrow{transform:translateX(3px)}
.guide-recommendations,.selected-guides{padding-block:clamp(2.5rem,5vw,4rem);border-top:1px solid var(--line)}
.guide-recommendations{background:var(--white)}
.discovery-heading{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.75rem 2rem;margin-bottom:1.5rem}
.discovery-heading h2{margin:0;font:800 clamp(1.8rem,3vw,2.4rem)/1.15 "Iowan Old Style","Palatino Linotype",Baskerville,Georgia,serif;letter-spacing:0}
.discovery-link{display:inline-flex;align-items:center;justify-content:center;gap:.65rem;min-height:44px;padding:.55rem .9rem;border:1px solid var(--forest);border-radius:5px;background:transparent;color:var(--ink);font-size:.9rem;font-weight:700;line-height:1.4;text-decoration:none}
.discovery-link span{flex:none;text-decoration:none}
.discovery-link:focus-visible{outline:2px solid var(--ink);outline-offset:4px}
.weekly-tip .discovery-link{background:var(--sun);border-color:var(--sun);padding-inline:1.1rem}
@media(hover:hover) and (pointer:fine){.discovery-link:hover{background:#fff7dc}.weekly-tip .discovery-link:hover{background:#eab544;border-color:#eab544}}
.weekly-tip{padding-block:clamp(2rem,4vw,3rem);border-bottom:1px solid var(--line)}
.weekly-tip-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(1.5rem,4vw,3.5rem)}
.weekly-tip-image{display:block;min-width:0}
.weekly-photo{position:relative;display:block;width:100%;aspect-ratio:16/10;overflow:hidden}
.weekly-photo img{display:block;width:100%;height:100%;object-fit:cover}
.weekly-tip-copy{min-width:0}
.section-label{margin:0 0 .75rem;color:var(--rust);font-size:.9rem;line-height:1.4;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.weekly-tip h2{margin:0 0 .5rem;font:800 clamp(1.8rem,3.1vw,2.6rem)/1.15 "Iowan Old Style","Palatino Linotype",Baskerville,Georgia,serif;letter-spacing:0}
.weekly-tip-copy>p:not(.section-label){margin:0 0 1rem;color:var(--muted);line-height:1.6}
.guide-discovery{display:flex;flex-wrap:wrap;align-items:end;gap:1rem 2rem;margin-block:1.5rem}
.guide-search{flex:1 1 320px;max-width:760px;min-width:0}
.guide-search label{display:block;margin-bottom:.5rem;font-size:1rem;font-weight:700}
.search-input-row{display:flex;gap:.6rem}
.guide-search input{flex:1;min-width:0;min-height:48px;width:100%;padding:.75rem .9rem;border:1px solid var(--line);border-radius:5px;background:var(--white);color:var(--ink);font:inherit}
.guide-search button,.save-guide,.remove-saved-guide{min-height:44px;border:1px solid var(--forest);border-radius:5px;padding:.6rem 1rem;color:var(--ink);background:var(--sun);font:700 .94rem/1.4 Inter,ui-sans-serif,system-ui,sans-serif;cursor:pointer}
.guide-search button:hover,.save-guide:hover{background:#eab544}
.guide-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem .75rem;margin-top:1rem;padding-bottom:.5rem}
.guide-actions>a{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:44px;max-width:100%;padding:.6rem 1rem;border:1px solid var(--forest);border-radius:5px;background:transparent;color:var(--ink);font:700 .94rem/1.4 Inter,ui-sans-serif,system-ui,sans-serif;text-align:center;text-decoration:none}
.guide-actions>a [data-saved-count]{flex:none;text-decoration:none}
.guide-actions>a [data-saved-count]:empty{display:none}
.guide-actions>a:focus-visible,.guide-actions .save-guide:focus-visible{outline:2px solid var(--ink);outline-offset:4px}
@media(hover:hover) and (pointer:fine){.guide-actions>a:hover{background:#fff7dc}}
.save-guide[aria-pressed="true"]{color:var(--white);background:var(--forest)}
.save-message{flex-basis:100%;margin:0;font-size:.82rem;color:var(--muted)}
.discovery-status,.saved-note{margin:1.25rem 0;color:var(--muted);font-size:.92rem}
.discovery-empty{max-width:650px;padding:1.5rem;border:1px solid var(--line);background:var(--white)}
.discovery-empty h2{font-size:clamp(1.5rem,3vw,2rem)}
.saved-guide-item{display:flex;flex-direction:column;min-width:0;gap:.7rem}
.saved-guide-item>.guide-tile{flex:1}
.remove-saved-guide{align-self:start;background:transparent;font-size:.85rem;border-color:var(--line)}
.remove-saved-guide:hover{border-color:var(--ink)}
@media(max-width:900px){.guide-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){
 .guide-tiles,.guide-tiles--pair,.weekly-tip-layout{grid-template-columns:minmax(0,1fr)}
 .guide-tile-photo,.weekly-photo{aspect-ratio:16/9}
 .guide-tile-copy{padding:1.1rem}
 .guide-discovery{align-items:start;gap:.6rem}
 .guide-search{flex-basis:100%}
 .guide-search input{font-size:1rem}
 .search-input-row{gap:.4rem}
 .guide-search button{padding-inline:.85rem}
}
@media(prefers-reduced-motion:reduce){.guide-tile,.guide-tile .card-arrow{transition:none}.guide-tile:hover,.guide-tile:hover .card-arrow,.guide-tile:focus-visible .card-arrow{transform:none}}

/* Touch taps must not leave a lifted card or hover shadow behind. */
@media(hover:none),(pointer:coarse){
 a.card[href]:hover,a.story[href]:hover,a.theme-feature[href]:hover,a.guide-tile:hover{transform:none;box-shadow:none}
 a.card[href]:hover .card-arrow,a.story[href]:hover .card-arrow,a.story[href]:hover .arrow,a.theme-feature[href]:hover .card-arrow,a.guide-tile:hover .card-arrow{transform:none}
 a.theme-feature[href]:hover{background:var(--white)}
}