/* Guides index layer for radrly.com (calm direction A) */
.gi-hero{padding:120px 0 48px}
.gi-hero h1{font-family:var(--display);font-size:52px;line-height:1.1;letter-spacing:-.02em;margin:20px 0 20px}
.gi-hero .lead{font-size:19px;line-height:1.6;color:var(--text-2);max-width:640px;text-wrap:pretty}
.gi-list{padding:24px 0 144px}
.gi-list .wrap{max-width:880px}
.gi-chips{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;padding:2px 2px 8px;margin-bottom:40px}
.gi-chips::-webkit-scrollbar{display:none}
.gi-chip{flex:none;display:inline-flex;align-items:center;gap:8px;font:600 14px var(--sans);color:var(--text-2);background:transparent;border:1px solid var(--line-2);border-radius:999px;padding:9px 16px;cursor:pointer}
.gi-chip i{width:8px;height:8px;border-radius:50%;background:var(--acc)}
.gi-chip[aria-pressed="true"]{background:var(--text);color:var(--bg);border-color:var(--text)}
.gi-items{list-style:none}
.gi-item{border-top:1px solid var(--line)}.gi-item:last-child{border-bottom:1px solid var(--line)}
.gi-item a{display:grid;grid-template-columns:1fr auto;gap:8px 32px;padding:36px 0;text-decoration:none;color:var(--text)}
.gi-app{grid-column:1/-1;display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;color:var(--acc-t)}
@media (prefers-color-scheme:dark){.gi-app{color:var(--acc-d)}}
.gi-t{font-family:var(--display);font-size:22px;line-height:1.35;font-weight:700;text-wrap:balance}
.gi-item a:hover .gi-t{text-decoration:underline;text-decoration-color:var(--acc);text-underline-offset:4px}
.gi-s{grid-column:1;font-size:17px;line-height:1.6;color:var(--muted)}
.gi-item time{grid-column:2;grid-row:2;align-self:start;font-size:15px;color:var(--muted);white-space:nowrap;padding-top:4px}
.gi-note{margin-top:48px;font-size:15px;color:var(--muted)}
.ftr .brand p,.legal{text-wrap:pretty}
@media (max-width:640px){.gi-hero{padding:56px 0 24px}.gi-hero h1{font-size:38px}.gi-hero .lead{font-size:17px}.gi-item a{grid-template-columns:1fr;padding:28px 0}.gi-item time{grid-column:1;grid-row:auto;padding:0}.gi-t{font-size:20px}.gi-list{padding-bottom:96px}.gi-chips{margin:0 -20px 32px;padding:2px 20px 8px}}
.gi-app img{width:20px;height:20px}