*{box-sizing:border-box}body{margin:0;background:#f5efe6;color:#3b241c;font:16px/1.65 Arial,Helvetica,sans-serif}
a{color:#654332}.guide-header{background:#4a2c24;color:#fff;padding:14px max(4vw,20px);display:flex;align-items:center;justify-content:space-between;gap:24px}
.guide-brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;font-size:21px;font-weight:800;line-height:1.05}.guide-brand>span:last-child{display:flex;flex-direction:column}.guide-brand .brand-sub{font-size:10px;letter-spacing:4px;font-weight:500;margin-top:5px}.guide-ball{width:45px;height:45px;border:2px solid #f5efe6;border-radius:50%;display:grid;place-items:center;font-size:27px}
.guide-header nav{display:flex;gap:10px;flex-wrap:wrap}.guide-header nav a{color:#fff;text-decoration:none;padding:9px 13px;border-radius:6px;font-weight:700}.guide-header nav a:hover,.guide-header nav a.active{background:#d9b58b;color:#3b241c}
.guide-wrap{max-width:1180px;width:92%;margin:38px auto 55px}.breadcrumbs{font-size:13px;color:#765d4d;margin-bottom:16px}.breadcrumbs a{color:#654332}.guide-hero{background:#4a2c24;color:#fff;border-radius:16px;padding:clamp(25px,5vw,52px);position:relative;overflow:hidden}.guide-hero:after{content:"⚽";position:absolute;right:5%;top:10%;font-size:clamp(80px,15vw,180px);opacity:.10}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:12px;font-weight:800;color:#e8c89f}.guide-hero h1{font-size:clamp(30px,4.5vw,48px);line-height:1.12;max-width:760px;margin:12px 0}.guide-hero p{max-width:760px;color:#f5efe6;font-size:17px}.guide-note{background:#fffaf3;border-left:4px solid #c49a6c;padding:15px 18px;border-radius:8px;margin:24px 0}
.category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:24px}.category-card{background:#fffcf7;border:1px solid #d7c5b1;border-radius:12px;padding:24px;box-shadow:0 3px 10px #4a2c2410}.category-top{display:flex;align-items:center;gap:18px;margin-bottom:17px}.category-icon{width:70px;height:70px;border-radius:10px;background:#f5efe6;display:grid;place-items:center;font-size:38px;flex:0 0 70px}.category-card h2{font-size:22px;line-height:1.2;margin:0 0 5px}.category-card p{margin:0;color:#654f40}.article-links{display:grid;gap:8px}.article-link{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#f4f1f4;padding:13px 15px;border-radius:8px;text-decoration:none;color:#3b241c}.article-link:hover{background:#e8dccb}.article-link span:last-child{font-size:21px;color:#8b6748}.all-link{display:block;text-align:center;margin-top:16px;font-weight:700}
.guide-section-title{margin:38px 0 14px;font-size:26px}.category-intro{font-size:17px;max-width:850px}.article-list{display:grid;gap:12px;margin-top:20px}.article-list .article-link{background:#fffcf7;border:1px solid #d7c5b1;padding:17px 20px;font-weight:700}
.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:25px;align-items:start}.article-content,.article-aside{background:#fffcf7;border:1px solid #d7c5b1;border-radius:12px;padding:clamp(20px,3vw,34px)}.article-content h1{font-size:clamp(29px,4vw,42px);line-height:1.15;margin:8px 0 18px}.article-content h2{font-size:23px;margin:28px 0 8px}.article-content p{margin:12px 0}.article-content ul{padding-left:22px}.article-aside{position:sticky;top:20px}.article-aside h3{margin-top:0}.article-aside a{display:block;margin:10px 0}.example-box{background:#f5efe6;border:1px solid #d7c5b1;border-radius:10px;padding:17px;margin:20px 0}.example-box strong{color:#4a2c24}.data-table{width:100%;border-collapse:collapse;margin:18px 0;background:#fff}.data-table th,.data-table td{padding:11px;border:1px solid #d7c5b1;text-align:left}.data-table th{background:#4a2c24;color:white}.data-table tr:nth-child(even){background:#f5efe6}.formula{font-family:Consolas,monospace;background:#efe4d8;border-radius:6px;padding:10px 14px;display:block;overflow-wrap:anywhere}.related-links{display:grid;gap:8px;margin-top:25px}.related-links a{background:#f5efe6;border-radius:7px;padding:10px 13px;text-decoration:none}
.guide-footer{background:#4a2c24;color:#f5efe6;padding:30px max(4vw,20px);text-align:center}.guide-footer p{max-width:850px;margin:10px auto}.guide-footer a{color:#e8c89f}.guide-footer .disclaimer{font-size:12px;color:#e8dccb;margin-top:18px}
@media(max-width:760px){.guide-header{align-items:flex-start;flex-direction:column;gap:12px}.guide-header nav{gap:4px}.guide-header nav a{padding:8px}.category-grid{grid-template-columns:1fr}.article-layout{grid-template-columns:1fr}.article-aside{position:static}.guide-wrap{width:94%;margin:22px auto 35px}.category-card{padding:18px}.category-top{gap:12px}.category-icon{width:58px;height:58px;flex-basis:58px;font-size:30px}}



/* HOMEPAGE EMBEDDED GUIDE — match the normal scale of the main website */
#guide-homepage-feature {
    font-size: 14px;
    line-height: 1.5;
}
#guide-homepage-feature .guide-hero {
    padding: 28px 32px;
    border-radius: 12px;
}
#guide-homepage-feature .guide-hero h1 {
    max-width: 720px;
    margin: 8px 0 12px;
    font-size: clamp(24px, 2.6vw, 32px);
    line-height: 1.18;
}
#guide-homepage-feature .guide-hero p {
    max-width: 760px;
    margin: 0;
    font-size: 14px;
    line-height: 1.55;
}
#guide-homepage-feature .eyebrow {
    font-size: 10px;
    letter-spacing: 1.5px;
}
#guide-homepage-feature .guide-note {
    margin: 16px 0 22px;
    padding: 12px 15px;
    font-size: 13px;
}
#guide-homepage-feature .guide-section-title {
    margin: 26px 0 12px;
    font-size: 21px;
}
#guide-homepage-feature .category-grid {
    gap: 14px;
    margin-top: 16px;
}
#guide-homepage-feature .category-card {
    padding: 18px;
    border-radius: 9px;
}
#guide-homepage-feature .category-top {
    gap: 12px;
    margin-bottom: 12px;
}
#guide-homepage-feature .category-icon {
    width: 54px;
    height: 54px;
    flex-basis: 54px;
    font-size: 29px;
}
#guide-homepage-feature .category-card h2 {
    font-size: 18px;
    line-height: 1.25;
}
#guide-homepage-feature .category-card p,
#guide-homepage-feature .category-intro {
    font-size: 13px;
    line-height: 1.45;
}
#guide-homepage-feature .article-links {
    gap: 6px;
}
#guide-homepage-feature .article-link {
    padding: 10px 12px;
    border-radius: 6px;
    font-size: 13px;
}
#guide-homepage-feature .article-link span:last-child {
    font-size: 17px;
}
#guide-homepage-feature .all-link {
    margin-top: 11px;
    font-size: 13px;
}
#guide-homepage-feature .data-table {
    font-size: 13px;
}
#guide-homepage-feature .data-table th,
#guide-homepage-feature .data-table td {
    padding: 8px 10px;
}
@media (max-width: 760px) {
    #guide-homepage-feature .guide-hero {
        padding: 22px 18px;
    }
    #guide-homepage-feature .guide-hero h1 {
        font-size: 25px;
    }
    #guide-homepage-feature .category-card {
        padding: 15px;
    }
}



/* HOMEPAGE GUIDE WIDTH — keep the guide centered and prevent full-screen stretching */
#guide-homepage-feature.guide-homepage-embedded {
    display: block;
    box-sizing: border-box;
    width: min(1180px, calc(100% - 40px));
    max-width: 1180px;
    margin: 34px auto 42px;
    padding: 0;
    overflow: hidden;
}
#guide-homepage-feature.guide-homepage-embedded *,
#guide-homepage-feature.guide-homepage-embedded *::before,
#guide-homepage-feature.guide-homepage-embedded *::after {
    box-sizing: border-box;
}
#guide-homepage-feature .guide-hero {
    width: 100%;
    min-width: 0;
    margin: 0;
}
#guide-homepage-feature .guide-note {
    width: 100%;
    margin: 16px 0 22px;
}
#guide-homepage-feature .guide-section-title {
    margin: 24px 0 12px;
}
#guide-homepage-feature .category-grid {
    width: 100%;
    max-width: 100%;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
    margin: 14px 0 0;
}
#guide-homepage-feature .category-card {
    min-width: 0;
    width: 100%;
    padding: 16px;
}
#guide-homepage-feature .category-top > div:last-child {
    min-width: 0;
}
#guide-homepage-feature .category-card h2,
#guide-homepage-feature .category-card p,
#guide-homepage-feature .article-link {
    overflow-wrap: anywhere;
}
#guide-homepage-feature .article-link {
    min-width: 0;
}
@media (max-width: 760px) {
    #guide-homepage-feature.guide-homepage-embedded {
        width: calc(100% - 28px);
        margin: 24px auto 30px;
    }
    #guide-homepage-feature .category-grid {
        grid-template-columns: 1fr;
    }
}



/* Category article lists are split into two readable parts */
.guide-parts-navigation {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    margin: 18px 0 8px;
}
.guide-part-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 16px;
    border: 1px solid var(--border);
    border-radius: 7px;
    color: var(--brown);
    background: var(--paper);
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
}
.guide-part-link:hover,
.guide-part-primary {
    color: var(--cream);
    background: var(--brown);
    border-color: var(--brown);
}
@media (max-width: 600px) {
    .guide-parts-navigation {
        flex-direction: column;
        align-items: stretch;
    }
}


/* Article directory: two balanced columns on the same page */
.article-list-two-columns {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
    column-gap: 18px;
    row-gap: 8px;
}
.article-list-two-columns .article-link {
    width: 100%;
    min-width: 0;
    overflow-wrap: anywhere;
}
@media (max-width: 680px) {
    .article-list-two-columns {
        grid-template-columns: 1fr;
    }
}


/* Compact odds-learning table placed before the four-step method */
.odds-learning-section {
    width: min(100%, 1180px);
    margin: 26px auto 24px;
    padding: 20px;
    border: 1px solid var(--border);
    border-radius: 10px;
    background: var(--paper);
    color: var(--text);
}
.odds-learning-section > p {
    font-size: 14px;
    line-height: 1.55;
}
.odds-formula-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin: 14px 0 18px;
}
.odds-formula-card {
    padding: 12px;
    border: 1px solid var(--border);
    border-radius: 8px;
    background: var(--cream);
}
.odds-formula-card strong {
    display: block;
    color: var(--brown);
    font-size: 13px;
}
.odds-formula-card p {
    margin: 7px 0 4px;
    font-size: 17px;
    font-weight: 800;
}
.odds-formula-card span,
.odds-learning-note {
    font-size: 12px;
    line-height: 1.45;
}
.odds-learning-section h3 {
    margin: 16px 0 8px;
    color: var(--brown);
    font-size: 16px;
}
@media (max-width: 680px) {
    .odds-learning-section {
        padding: 14px;
    }
    .odds-formula-grid {
        grid-template-columns: 1fr;
    }
    .odds-learning-section .data-table {
        display: block;
        overflow-x: auto;
    }
}



/* Keep Guide & Conseils navigation visible during page scrolling */
.guide-header {
    position: sticky;
    top: 0;
    z-index: 1000;
}