/* Home page only (body.home). Green accent and picture cards on top of style.css. */
body.home { --o: #1f6b45; --lime: #c8ee6b; }
.home h1 i, .home h2 i { color: var(--o); }
.home .grp { margin-top: 38px; text-align: left; }
.home .grp b { display: block; font: 800 13px 'JetBrains Mono', monospace; letter-spacing: .2em; text-transform: uppercase; }
.home .grp span { display: block; font-size: 15px; color: #4A463E; margin-top: 4px; }
.home .grp + .cards { margin-top: 12px; }
.home .cards { gap: 12px; }
.home .cards a { display: flex; gap: 14px; align-items: flex-start; padding: 14px; box-shadow: 5px 5px 0 var(--ink); transition: transform .12s ease, box-shadow .12s ease; }
.home .cards a:hover, .home .cards a:focus-visible { transform: translate(-2px, -2px); box-shadow: 7px 7px 0 var(--ink); outline: none; }
.home .cards a:focus-visible { outline: 3px solid var(--ink); outline-offset: 3px; }
.home .cards img { width: 72px; flex: none; border: 1.5px solid var(--line); border-radius: 8px; background: #fff; }
.home .cards .txt { display: block; flex: 1; min-width: 0; font: 500 15.5px/1.4 'Inter Tight', sans-serif; letter-spacing: 0; text-transform: none; color: #2B2925; }
.home .cards .txt b { margin: 4px 0 4px; font-size: 20px; }
.home .cards .tag { display: inline-block; background: var(--lime); color: var(--ink); border: 1.5px solid var(--ink); border-radius: 99px; padding: 1px 9px; font: 700 11px 'JetBrains Mono', monospace; letter-spacing: .1em; }
.home .cards .tag.pay { background: var(--ink); color: var(--lime); }
.home .cards .go { display: block; margin-top: 8px; font: 800 14px 'Archivo', sans-serif; letter-spacing: 0; text-transform: none; color: var(--o); }