/* Deline Guides on deline.io (#119): landing page, country and topic hubs, search. On top of site.css and guides.css.
   Owner rule: warm and graspable, no grey body text. */
.guide-hub .band .frame.inner{padding-top:56px;padding-bottom:72px}
.guide-hub .page-hero .inner>p{color:var(--ink)}
.guides-search{margin-top:26px;max-width:560px}
.guides-search .search{font-size:14.5px;color:var(--ink);width:100%}
.guides-search .search input{background:#fff}
.guides-status{font-size:16px;color:var(--ink);margin:0 0 16px}
.guides-status:empty{display:none}
.guides-results{margin-bottom:48px}
.guide-hub .h-section{color:var(--ink);margin:0 0 22px}
.guides-countries{margin-bottom:56px}
.guides-also{margin-top:24px!important}
.guides-topic{margin:0 0 44px}
.guides-topic h2{font-size:24px;font-weight:600;letter-spacing:-.01em;margin:0 0 14px;color:var(--ink)}
.guides-topic h2 a{color:inherit;text-decoration:none}
.guides-topic h2 a:hover{color:var(--brand)}
.guides-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}
.guides-list[hidden]{display:none}
.guides-list a{display:flex;flex-direction:column;gap:6px;height:100%;box-sizing:border-box;padding:16px 18px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);text-decoration:none;transition:border-color .2s}
.guides-list a:hover,.guides-list a:focus-visible{border-color:var(--brand)}
.guides-list strong{font-size:16.5px;font-weight:600;line-height:1.35;color:var(--ink)}
.guides-list span{font-size:14.5px;line-height:1.55;color:var(--ink)}
.guides-list em{font-style:normal;font-size:13px;font-weight:550;color:var(--brand);margin-top:auto}
.guides-topics-nav{display:flex;flex-wrap:wrap;gap:8px;margin:44px 0 0}
.guides-topics-nav h2{flex-basis:100%;font-size:18px;font-weight:600;margin:0 0 6px;color:var(--ink)}
.guides-topics-nav a{padding:7px 14px;border-radius:999px;border:1px solid var(--line);background:#fff;font-size:14.5px;color:var(--ink);text-decoration:none}
.guides-topics-nav a:hover{border-color:var(--brand);color:var(--brand)}
@media(max-width:640px){.guides-list{grid-template-columns:1fr}.guide-hub .band .frame.inner{padding-top:36px;padding-bottom:48px}}
