/* ===== RESET ===== */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:'Inter',system-ui,sans-serif;font-size:1rem;line-height:1.7;color:#1e293b;background:#f8fafc}
img,svg{display:block;max-width:100%}
a{color:#059669;text-decoration:none;transition:color .2s}
a:hover{color:#047857}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* ===== APP SHELL ===== */
.ajf-app{display:flex;flex-direction:column;min-height:100vh}

/* ===== TOPBAR 18+ ===== */
.ajf-topbar{background:#0f172a;color:#94a3b8;font-size:.75rem;text-align:center;padding:.45rem 1rem;line-height:1.5}
.ajf-topbar strong{color:#f59e0b}
.ajf-topbar a{color:#38bdf8;text-decoration:underline}

/* ===== HEADER ===== */
.ajf-head{background:#fff;border-bottom:1px solid #e2e8f0;position:sticky;top:0;z-index:100}
.ajf-head__bar{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.25rem;max-width:1200px;margin:0 auto;width:100%}
.ajf-head__brand{display:flex;align-items:center;gap:.6rem;font-size:1.1rem;color:#0f172a;font-weight:500}
.ajf-head__brand strong{font-weight:700;color:#059669}
.ajf-head__icon svg{display:block}
.ajf-head__name{white-space:nowrap}

/* Hamburger */
.ajf-head__toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent}
.ajf-head__hamburger,.ajf-head__hamburger::before,.ajf-head__hamburger::after{display:block;width:22px;height:2px;background:#334155;border-radius:2px;transition:transform .3s,opacity .2s}
.ajf-head__hamburger{position:relative}
.ajf-head__hamburger::before,.ajf-head__hamburger::after{content:'';position:absolute;left:0}
.ajf-head__hamburger::before{top:-6px}
.ajf-head__hamburger::after{top:6px}
.ajf-head__toggle[aria-expanded="true"] .ajf-head__hamburger{background:transparent}
.ajf-head__toggle[aria-expanded="true"] .ajf-head__hamburger::before{transform:rotate(45deg);top:0}
.ajf-head__toggle[aria-expanded="true"] .ajf-head__hamburger::after{transform:rotate(-45deg);top:0}

/* Nav panel */
.ajf-head__panel{overflow:hidden;max-height:0;transition:max-height .35s ease}
.ajf-head__panel.is-open{max-height:400px}
.ajf-head__nav,.ajf-head__meta{display:flex;flex-direction:column;padding:0 1.25rem}
.ajf-head__nav{border-top:1px solid #e2e8f0;padding-top:.75rem}
.ajf-head__nav a,.ajf-head__meta a{display:block;padding:.4rem 0;color:#334155;font-size:.95rem}
.ajf-head__nav a:hover,.ajf-head__meta a:hover{color:#059669}
.ajf-head__meta{padding-bottom:.75rem;gap:0}
.ajf-head__meta a{font-size:.8rem;color:#64748b}

@media(min-width:768px){
	.ajf-head__toggle{display:none}
	.ajf-head__panel{max-height:none !important;display:flex;align-items:center;gap:1.5rem;overflow:visible;padding:0 1.25rem}
	.ajf-head__panel[hidden]{display:flex}
	.ajf-head__nav,.ajf-head__meta{flex-direction:row;gap:1.2rem;padding:0;border:none}
	.ajf-head__nav a,.ajf-head__meta a{padding:0}
	.ajf-head{display:flex;align-items:center;justify-content:center}
	.ajf-head>.ajf-head__bar{flex:0 1 auto}
}

/* ===== HERO ===== */
.ajf-hero{background:linear-gradient(135deg,#0f172a 0%,#1e3a5f 100%);color:#fff;padding:3.5rem 1.25rem 3rem;position:relative;overflow:hidden}
.ajf-hero__badge{display:inline-block;background:rgba(16,185,129,.15);color:#6ee7b7;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;padding:.3rem .8rem;border-radius:100px;margin-bottom:1rem}
.ajf-hero h1{font-family:'Merriweather',serif;font-size:clamp(1.75rem,5vw,3rem);font-weight:900;line-height:1.2;margin-bottom:1rem}
.ajf-hero h1 em{font-style:normal;color:#6ee7b7}
.ajf-hero__lede{font-size:1.05rem;color:#cbd5e1;max-width:640px;margin-bottom:1.75rem}
.ajf-hero__cta{display:flex;gap:.75rem;flex-wrap:wrap}

/* Hero visual — animated pitch */
.ajf-hero__visual{display:none}
@media(min-width:900px){
	.ajf-hero{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;padding:4rem 2rem}
	.ajf-hero__content{flex:0 1 55%}
	.ajf-hero__visual{display:flex;align-items:center;justify-content:center;flex:0 1 40%}
	.ajf-hero__pitch{position:relative;width:240px;height:320px;border:2px solid rgba(110,231,183,.3);border-radius:12px;background:rgba(110,231,183,.05)}
	.ajf-hero__line--center{position:absolute;top:50%;left:0;right:0;height:1px;background:rgba(110,231,183,.2)}
	.ajf-hero__circle{position:absolute;top:50%;left:50%;width:60px;height:60px;border:1px solid rgba(110,231,183,.25);border-radius:50%;transform:translate(-50%,-50%)}
	.ajf-hero__dot{position:absolute;width:12px;height:12px;border-radius:50%;background:#10b981;animation:pulse 2s infinite}
	.ajf-hero__dot--1{top:25%;left:30%}
	.ajf-hero__dot--2{top:25%;left:65%;animation-delay:.3s}
	.ajf-hero__dot--3{top:55%;left:20%;animation-delay:.6s}
	.ajf-hero__dot--4{top:55%;left:75%;animation-delay:.9s}
	.ajf-hero__dot--5{top:75%;left:50%;animation-delay:1.2s}
	.ajf-hero__arrow{position:absolute;top:40%;left:48%;width:40px;height:2px;background:rgba(110,231,183,.5);transform:rotate(-30deg);transform-origin:left center}
	.ajf-hero__arrow::after{content:'';position:absolute;right:0;top:-4px;border:5px solid transparent;border-left:8px solid rgba(110,231,183,.5)}
}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.7)}}

/* ===== BUTTONS ===== */
.ajf-btn{display:inline-flex;align-items:center;justify-content:center;padding:.7rem 1.5rem;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s;border:2px solid transparent}
.ajf-btn--primary{background:#059669;color:#fff;border-color:#059669}
.ajf-btn--primary:hover{background:#047857;border-color:#047857;color:#fff}
.ajf-btn--outline{background:transparent;color:#fff;border-color:rgba(255,255,255,.4)}
.ajf-btn--outline:hover{background:rgba(255,255,255,.1);color:#fff}

/* ===== METHOD STEPS ===== */
.ajf-method{padding:3rem 1.25rem;max-width:1200px;margin:0 auto}
.ajf-method__header{text-align:center;margin-bottom:2rem}
.ajf-method__header h2{font-family:'Merriweather',serif;font-size:1.75rem;font-weight:900;color:#0f172a}
.ajf-method__header p{color:#64748b;margin-top:.5rem;max-width:560px;margin-inline:auto}
.ajf-method__steps{display:grid;gap:1.25rem}
@media(min-width:768px){.ajf-method__steps{grid-template-columns:repeat(3,1fr);gap:1.5rem}}
.ajf-step{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;transition:box-shadow .2s}
.ajf-step:hover{box-shadow:0 4px 20px rgba(0,0,0,.06)}
.ajf-step__num{display:block;font-size:2rem;font-weight:900;color:#10b981;opacity:.3;margin-bottom:.25rem}
.ajf-step h3{font-size:1.1rem;font-weight:700;color:#0f172a;margin-bottom:.5rem}
.ajf-step p{font-size:.9rem;color:#475569}

/* ===== AFFILIATE CTA ===== */
.ajf-affiliate{background:#ecfdf5;border:1px solid #a7f3d0;border-radius:12px;padding:1.5rem;margin:2rem 1.25rem;max-width:1200px}
@media(min-width:768px){.ajf-affiliate{margin:2rem auto}}
.ajf-affiliate__inner{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap}
.ajf-affiliate__label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#059669;margin-bottom:.25rem}
.ajf-affiliate__disclosure{font-size:.75rem;color:#64748b;margin-top:.5rem}

/* ===== GUIDES GRID ===== */
.ajf-guides{padding:3rem 1.25rem;max-width:1200px;margin:0 auto}
.ajf-guides__header{text-align:center;margin-bottom:2rem}
.ajf-guides__header h2{font-family:'Merriweather',serif;font-size:1.75rem;font-weight:900;color:#0f172a}
.ajf-guides__header p{color:#64748b;margin-top:.5rem;max-width:560px;margin-inline:auto}
.ajf-guides__grid{display:grid;gap:1rem}
@media(min-width:600px){.ajf-guides__grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:960px){.ajf-guides__grid{grid-template-columns:repeat(3,1fr)}}

.ajf-card{display:block;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;transition:all .2s;color:#1e293b}
.ajf-card:hover{border-color:#10b981;box-shadow:0 4px 20px rgba(5,150,105,.1);color:#1e293b}
.ajf-card__num{display:block;font-size:.7rem;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem}
.ajf-card__icon{margin-bottom:.75rem}
.ajf-card h3{font-size:1.05rem;font-weight:700;margin-bottom:.4rem}
.ajf-card p{font-size:.85rem;color:#64748b;line-height:1.55}
.ajf-card--highlight{border-color:#a7f3d0;background:#f0fdf4}

/* ===== QUOTE ===== */
.ajf-quote{text-align:center;padding:2.5rem 1.25rem;max-width:800px;margin:0 auto}
.ajf-quote blockquote p{font-family:'Merriweather',serif;font-size:1.25rem;font-weight:700;color:#0f172a;line-height:1.5}
.ajf-quote__attr{font-size:.85rem;color:#64748b;margin-top:.75rem}

/* ===== MID CTA ===== */
.ajf-cta-mid{padding:2rem 1.25rem;max-width:1200px;margin:0 auto}
.ajf-cta-mid__inner{background:linear-gradient(135deg,#064e3b,#047857);color:#fff;border-radius:12px;padding:2rem;text-align:center}
.ajf-cta-mid__label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#6ee7b7;margin-bottom:.5rem}
.ajf-cta-mid__inner p{margin-bottom:.75rem}
.ajf-cta-mid .ajf-btn--primary{background:#fff;color:#047857;border-color:#fff}
.ajf-cta-mid .ajf-btn--primary:hover{background:#ecfdf5}

/* ===== RESPONSIBLE GAMING (home) ===== */
.ajf-rg{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:2rem;margin:2rem 1.25rem;max-width:1200px;text-align:center}
@media(min-width:768px){.ajf-rg{margin:2rem auto}}
.ajf-rg h2{font-family:'Merriweather',serif;font-size:1.4rem;font-weight:900;color:#0f172a;margin-bottom:1rem}
.ajf-rg p{max-width:700px;margin:0 auto .75rem;color:#475569;font-size:.95rem}
.ajf-rg .ajf-btn{margin-top:.5rem}

/* ===== ARTICLE (guide pages) ===== */
.ajf-article{max-width:780px;margin:0 auto;padding:2rem 1.25rem 3rem}
.ajf-article__head{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid #e2e8f0}
.ajf-article__num{display:inline-block;font-size:.7rem;font-weight:700;color:#059669;text-transform:uppercase;letter-spacing:.1em;background:#ecfdf5;padding:.25rem .65rem;border-radius:6px;margin-bottom:.75rem}
.ajf-article h1{font-family:'Merriweather',serif;font-size:clamp(1.5rem,4vw,2.25rem);font-weight:900;color:#0f172a;line-height:1.25;margin-bottom:.75rem}
.ajf-article__lede{font-size:1.05rem;color:#475569;line-height:1.65}

/* TOC */
.ajf-toc{background:#f1f5f9;border-radius:10px;padding:1.25rem 1.5rem;margin-bottom:2rem}
.ajf-toc h2{font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;color:#64748b;margin-bottom:.5rem}
.ajf-toc ol{padding-left:1.25rem}
.ajf-toc li{margin-bottom:.3rem}
.ajf-toc a{font-size:.9rem;color:#334155}
.ajf-toc a:hover{color:#059669}

/* Article body */
.ajf-article section{margin-bottom:2rem}
.ajf-article h2{font-family:'Merriweather',serif;font-size:1.35rem;font-weight:700;color:#0f172a;margin-bottom:.75rem}
.ajf-article p{margin-bottom:.75rem;color:#334155}
.ajf-article ul,.ajf-article ol{padding-left:1.5rem;margin-bottom:.75rem}
.ajf-article li{margin-bottom:.4rem;color:#334155}
.ajf-article strong{color:#0f172a}

/* Info box */
.ajf-info{background:#eff6ff;border-left:4px solid #3b82f6;border-radius:0 8px 8px 0;padding:1rem 1.25rem;margin:1rem 0}
.ajf-info p,.ajf-info li{color:#1e40af;font-size:.9rem}

/* Checklist */
.ajf-checklist{list-style:none;padding:0;counter-reset:ck}
.ajf-checklist li{counter-increment:ck;padding:1rem;background:#fff;border:1px solid #e2e8f0;border-radius:10px;margin-bottom:.75rem;position:relative;padding-left:3.5rem}
.ajf-checklist li::before{content:counter(ck,decimal-leading-zero);position:absolute;left:1rem;top:1rem;font-size:1.1rem;font-weight:900;color:#10b981;opacity:.4}
.ajf-checklist strong{display:block;color:#0f172a;margin-bottom:.25rem}
.ajf-checklist p{margin:0;font-size:.9rem;color:#475569}

/* Article affiliate */
.ajf-article__affiliate{background:#ecfdf5;border:1px solid #a7f3d0;border-radius:12px;padding:1.5rem;margin:2rem 0;text-align:center}
.ajf-article__aff-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#059669;margin-bottom:.5rem}
.ajf-article__affiliate p{font-size:.9rem;color:#475569;margin-bottom:.75rem}

/* Pager */
.ajf-article__pager{display:flex;justify-content:space-between;border-top:1px solid #e2e8f0;padding-top:1.5rem;margin-top:2rem}
.ajf-article__prev,.ajf-article__next{font-size:.9rem;font-weight:600;color:#059669}

/* ===== LEGAL PAGES ===== */
.ajf-legal{max-width:780px;margin:0 auto;padding:2rem 1.25rem 3rem}
.ajf-legal__body h1{font-family:'Merriweather',serif;font-size:1.75rem;font-weight:900;color:#0f172a;margin-bottom:1.25rem}
.ajf-legal__body h2{font-size:1.15rem;font-weight:700;color:#0f172a;margin:1.5rem 0 .5rem}
.ajf-legal__body p,.ajf-legal__body li{color:#334155;margin-bottom:.5rem}
.ajf-legal__body ul,.ajf-legal__body ol{padding-left:1.5rem}
.ajf-legal__body code{background:#f1f5f9;padding:.15rem .4rem;border-radius:4px;font-size:.85rem}
.ajf-table{width:100%;border-collapse:collapse;margin:1rem 0}
.ajf-table th,.ajf-table td{text-align:left;padding:.6rem .75rem;border:1px solid #e2e8f0;font-size:.85rem}
.ajf-table th{background:#f8fafc;font-weight:600}

/* ===== FOOTER ===== */
.ajf-foot{background:#0f172a;color:#94a3b8;padding:2.5rem 1.25rem 1.5rem;margin-top:auto}
.ajf-foot__care{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;justify-content:center;padding-bottom:1.5rem;border-bottom:1px solid #1e293b;margin-bottom:1.5rem}
.ajf-foot__care img{height:28px;width:auto}
.ajf-foot__grid{display:grid;gap:1.5rem;max-width:1200px;margin:0 auto}
@media(min-width:768px){.ajf-foot__grid{grid-template-columns:2fr 1fr 1fr 1fr}}
.ajf-foot__col h3{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#e2e8f0;margin-bottom:.75rem}
.ajf-foot__col p{font-size:.8rem;line-height:1.6;margin-bottom:.5rem}
.ajf-foot__col nav{display:flex;flex-direction:column;gap:.3rem}
.ajf-foot__col nav a{font-size:.8rem;color:#94a3b8}
.ajf-foot__col nav a:hover{color:#6ee7b7}
.ajf-foot__entity{font-size:.75rem;color:#64748b;margin-top:.75rem}
.ajf-foot__bottom{text-align:center;border-top:1px solid #1e293b;padding-top:1.25rem;margin-top:1.5rem}
.ajf-foot__bottom p{font-size:.75rem}
.ajf-foot__bottom strong{color:#f59e0b}
.ajf-foot__disclaimer{font-size:.7rem;color:#64748b;margin-top:.5rem;max-width:800px;margin-inline:auto}
.ajf-foot__disclaimer a{color:#64748b;text-decoration:underline}

/* ===== COOKIE BANNER ===== */
.ajf-cookie{position:fixed;bottom:0;left:0;right:0;background:#0f172a;color:#cbd5e1;padding:1rem 1.25rem;z-index:200;display:none;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap;font-size:.8rem}
.ajf-cookie.is-visible{display:flex}
.ajf-cookie a{color:#6ee7b7}
.ajf-cookie__btn{background:#10b981;color:#fff;border:none;padding:.5rem 1.25rem;border-radius:6px;font-size:.8rem;font-weight:600;cursor:pointer}