@import url('../poker/guide/guide.pretty.css');
:root{--strip-bg:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.025));}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}
.wrap{max-width:1000px;margin:0 auto;padding:22px}
header.appbar{position:sticky;top:0;z-index:9;background:linear-gradient(180deg, rgba(5,21,16,.85), rgba(5,21,16,.55));border-bottom:1px solid var(--border)}
.brand{display:flex;align-items:center;gap:10px}
.brand h1{margin:0;font-size:18px;font-weight:700;letter-spacing:.2px}
.list{display:flex;flex-direction:column;gap:16px;margin-top:18px}
.strip{display:grid;grid-template-columns:360px 1fr auto;gap:18px;align-items:center;background:var(--strip-bg);border:1px solid var(--border);border-radius:18px;padding:16px 18px;box-shadow:inset 0 1px 0 var(--inner)}
.thumb{position:relative;border-radius:14px;overflow:hidden;border:1px solid var(--border)}
.thumb img{width:100%;height:200px;object-fit:cover;display:block;filter:saturate(1.1) contrast(1.05)}
.meta{display:flex;flex-direction:column;gap:6px}
.strip h2{margin:0;font-size:22px}
.strip p{margin:0;opacity:.9}
.strip a.cta{align-self:center;background:linear-gradient(90deg, var(--emerald-2), var(--emerald));color:#052217;padding:12px 16px;border-radius:12px;font-weight:800;text-decoration:none;box-shadow:0 10px 28px rgba(57,226,157,.25)}
.strip a.cta:hover{filter:brightness(1.05)}
footer{border-top:1px solid var(--border);margin-top:26px;background:linear-gradient(180deg, rgba(5,21,16,0), rgba(5,21,16,.45))}
footer .wrap{display:flex;justify-content:space-between;align-items:center}

@media (max-width: 768px){
  .wrap{max-width:100%;padding:16px 12px;}
  .strip{grid-template-columns:1fr;grid-auto-flow:row;gap:12px;}
  .thumb img{height:150px;}
  .strip a.cta{justify-self:stretch;width:100%;text-align:center;margin-top:4px;}
}