.cuffs-page{margin:0;min-height:100vh;background:#000 url('assets/off-the-cuff-honeycomb.png') center/cover fixed;color:#fff;font-family:'UniformMedium',sans-serif}.cuffs-page *{box-sizing:border-box}.cuffs-page a{color:inherit;text-decoration:none}.cuffs-top{display:flex;align-items:center;justify-content:space-between;background:#000;padding:16px 24px;gap:20px}.cuffs-top img{width:170px;max-width:45vw}.cuffs-top>a:last-child{font-family:'UniformCondensedBlack',sans-serif;color:#6ce4ee}.cuffs-main{max-width:760px;margin:0 auto;padding:24px 16px 80px}.cuffs-hero{display:block;width:100%;margin:0;border-radius:14px;overflow:hidden}.cuffs-hero img{display:block;width:100%;height:auto;border-radius:14px}.cuffs-toolbar{display:flex;align-items:center;gap:6px;margin-bottom:18px}.cuffs-tabs{display:flex;gap:6px;flex:1;min-width:0}.cuffs-tabs button{flex:1;min-width:0;border:2px solid transparent;border-radius:8px;padding:12px 4px;color:#fff;font-family:'UniformCondensedBlack',sans-serif;font-size:18px;cursor:pointer;opacity:.4}.cuffs-tabs #articles-tab{background:#7023d6}.cuffs-tabs #betting-tab{background:#ff5400}.cuffs-tabs button[aria-selected=true]{opacity:1;border-color:#fff}.cuffs-social{width:40px;height:44px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cuffs-social svg{width:20px;height:20px}.cuffs-back{flex:1;font-family:'UniformCondensedBlack',sans-serif}#categories{display:flex;gap:8px;overflow-x:auto;padding-bottom:8px;margin-bottom:18px}#categories[hidden]{display:none}#categories button{white-space:nowrap;border:1px solid #ff5400;border-radius:8px;background:#10171b;color:#fff;padding:12px;font-family:'UniformCondensedBlack',sans-serif;font-size:15px;cursor:pointer}#categories button[aria-pressed=true]{background:#ff5400}.cuffs-card{display:block;background:#080808;border:1px solid #303030;border-radius:20px;padding:10px;margin:0 0 18px;overflow:hidden}.cuffs-card img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:14px}.cuffs-card h1,.cuffs-card h2{font-family:'UniformCondensedBlack',sans-serif;color:#fff;font-size:26px;line-height:1.15;margin:12px 0 10px}.cuffs-card p{font-family:'UniformMedium',sans-serif;font-size:15px;line-height:1.55;margin:10px 0}.cuffs-card .cuffs-meta{font-size:12px;color:#94a0a6}.cuffs-detail{padding:14px}.cuffs-detail h1{font-size:32px}.cuffs-body p{font-size:17px;line-height:1.65}.cuffs-subscribe{margin-top:24px;border:1px solid #7023d6;border-radius:18px;background:#170923;padding:24px;text-align:center}.cuffs-subscribe .cuffs-kicker{color:#ff5400;font-family:'UniformCondensedBlack',sans-serif;font-size:15px}.cuffs-subscribe h2{font-size:32px}.cuffs-subscribe .cuffs-cta{display:block;background:#ff5400;color:#fff;padding:15px;border-radius:8px;font-family:'UniformCondensedBlack',sans-serif;margin:20px 0 14px}.cuffs-app-link{font-size:14px}.cuffs-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.cuffs-actions button,.cuffs-actions a,#more{border:1px solid #6ce4ee;background:#080808;color:#6ce4ee;padding:12px;border-radius:8px;font-family:'UniformCondensedBlack',sans-serif;cursor:pointer}#status{text-align:center}#articles:empty+#more{display:none}.cuffs-page button:focus-visible,.cuffs-page a:focus-visible{outline:2px solid #6ce4ee;outline-offset:3px}@media(max-width:380px){.cuffs-tabs button{font-size:14px}.cuffs-social{width:32px}.cuffs-detail h1{font-size:26px}.cuffs-subscribe{padding:16px}}

/* Keep article reading text separate from the condensed brand display face. */
.cuffs-page .cuffs-card p,.cuffs-page .cuffs-body,.cuffs-page .cuffs-body p,.cuffs-page .cuffs-subscribe p,.cuffs-page .cuffs-app-link{font-family:Arial,Helvetica,sans-serif;font-weight:400;letter-spacing:normal;text-transform:none;line-height:1.65}
.cuffs-page .cuffs-card h1,.cuffs-page .cuffs-card h2{font-family:Arial,Helvetica,sans-serif;font-weight:700;letter-spacing:-.02em;text-transform:none}
.cuffs-page .cuffs-card p{font-size:16px}.cuffs-page .cuffs-card .cuffs-meta{font-size:13px}.cuffs-page .cuffs-body p{font-size:18px}.cuffs-page .cuffs-subscribe h2{font-size:28px}.cuffs-page .cuffs-subscribe .cuffs-kicker{font-size:12px;letter-spacing:.06em}

/* Normalize link and button controls so browser defaults cannot resize labels. */
.cuffs-page .cuffs-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:20px}
.cuffs-page .cuffs-actions button,.cuffs-page .cuffs-actions a{appearance:none;display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;margin:0;padding:12px 16px;border:1px solid #ff5400;border-radius:8px;background:#080808;color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:14px;font-weight:600;line-height:20px;letter-spacing:0;text-transform:none;text-align:center;text-decoration:none;cursor:pointer}
.cuffs-page .cuffs-actions button:hover,.cuffs-page .cuffs-actions a:hover{background:#291307}

/* Consistent spacing between the banner, navigation, filters and articles. */
.cuffs-hero{margin-bottom:16px}
.cuffs-toolbar{gap:12px;margin-bottom:16px;align-items:center}
.cuffs-tabs{gap:10px}
.cuffs-tabs button{padding:12px 10px;min-height:48px}
.cuffs-social{width:36px;height:44px}
#categories{gap:8px;margin-bottom:24px;padding-bottom:4px}
#categories button{padding:10px 14px;min-height:44px;line-height:20px}
@media(max-width:480px){.cuffs-hero{margin-bottom:12px}.cuffs-toolbar{gap:8px;margin-bottom:12px}.cuffs-tabs{gap:8px}.cuffs-tabs button{padding:10px 6px;font-size:16px;min-height:44px}.cuffs-social{width:28px}#categories{margin-bottom:20px}#categories button{padding:10px 12px}}
