/* Les deux chiffres restent lisibles sans imposer leurs explications sur mobile. */
.limit-mobile-caption,
.limits-mobile-explanation,
.synapster-method-mobile { display: none; }

.approach-note { position:relative; isolation:isolate; overflow:hidden; padding:24px 30px 24px 34px; border-color:#586582; background:radial-gradient(ellipse at 95% 10%,#75478c28,transparent 60%),linear-gradient(120deg,#102e40,#161e33 70%); box-shadow:0 12px 32px #16354c0d; }
.approach-note::before { content:""; position:absolute; inset:0 auto 0 0; width:5px; background:linear-gradient(180deg,#ec4588 0%,#aa61df 43%,#489eec 72%,#56e5ce 100%); box-shadow:0 0 22px #ba75dd35; }
.approach-note::after { content:""; position:absolute; z-index:-1; width:180px; height:180px; top:-100px; right:30px; border:1px solid #bb94ef1c; border-radius:50%; box-shadow:0 0 0 28px #bb94ef08,0 0 0 60px #bb94ef05; pointer-events:none; }
.approach-note .section-tag { display:flex; align-items:center; gap:9px; color:#93f9e6; }
.approach-note .section-tag::before { content:""; width:22px; height:2px; border-radius:2px; background:linear-gradient(90deg,#f17ca9,#b187f7,#65ebdc); }
.approach-note h3 { margin: 7px 0 10px; color: #fff; font-size: 1.4rem; line-height: 1.25; letter-spacing: -.025em; }
.approach-note p { max-width: 1000px; margin: 0; color: #e0eaf7; font-size: .87rem; line-height: 1.65; }
.approach-note p strong { color: #fff; font-weight: 600; }
.approach-note > a { display:inline-flex; align-items:center; gap:12px; margin-top:14px; color:#acfff0; font-size:.8rem; font-weight:600; text-decoration:none; padding-bottom:3px; border-bottom:1px solid #68dec450; }
.approach-note > a span { transition:transform .18s ease; }
.approach-note > a:hover { color:#fff; border-color:#acfff0; }
.approach-note > a:hover span { transform:translate(2px,-2px); }
@media (prefers-reduced-motion:reduce) { .approach-note > a span { transition:none; transform:none!important; } }
.approach-note > a:focus-visible { outline: 2px solid #67eee0; outline-offset: 4px; }

@media (max-width: 760px) {
    .bounds-section .bounds-heading { margin-bottom: 17px; padding-bottom: 14px; }
    .bounds-section .bounds-heading > p { display: none; }

    .bounds-section .limits-grid {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1.16fr);
        gap: 0;
        margin-bottom: 24px;
        padding: 19px 17px 0;
        border: 1px solid #c9dce4;
        border-radius: 16px;
        background: linear-gradient(120deg, #f0faf9, #f9f5ff);
        overflow: hidden;
    }
    .bounds-section .limit-card { min-width: 0; padding: 0 13px 17px 0; border: 0; border-radius: 0; background: none; box-shadow: none; }
    .bounds-section .limit-orders { padding: 0 0 17px 15px; border-left: 1px solid #cdd9e5; }
    .bounds-section .limit-detail { display: none; }
    .bounds-section .limit-number { font-size: clamp(2.35rem, 8vw, 3rem); line-height: 1.05; }
    .bounds-section .limit-orders .limit-number { font-size: clamp(1.22rem, 4.6vw, 2rem); line-height: 1.18; padding-top: 5px; }
    .bounds-section .limit-number > span { font-size: .75rem; line-height: 1.45; letter-spacing: 0; white-space: normal; margin-top: 7px; }
    .bounds-section .limit-mobile-caption { display: block; margin: 12px 0 0; font-size: .77rem; line-height: 1.5; color: #42566d; }

    .limits-mobile-explanation { display: block; grid-column: 1 / -1; border-top: 1px solid #cddce6; }
    .limits-mobile-explanation > summary { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 13px 0; color: #254f65; font-size: .81rem; font-weight: 550; cursor: pointer; list-style: none; }
    .limits-mobile-explanation > summary::-webkit-details-marker { display: none; }
    .limits-mobile-explanation > summary > span { font-size: 1.05rem; color: #167c86; }
    .limits-mobile-explanation[open] > summary > span { transform: rotate(45deg); }
    .limits-mobile-explanation p { margin: 0 0 14px; color: #43576d; font-size: .82rem; line-height: 1.65; }
    .limits-mobile-explanation p strong { color: #1c3c51; font-weight: 600; }

    .synapster-method { margin-bottom: 24px; }
    .synapster-method-heading { margin-bottom: 8px; }
    .synapster-method-heading .section-tag { display: none; }
    .synapster-method-heading h3 { margin-top: 0; font-size: 1.18rem; line-height: 1.35; }
    .synapster-method-steps { display: none; }
    .synapster-method-mobile { display: grid; list-style: none; padding: 0; margin: 0; }
    .synapster-method-mobile li { border-bottom: 1px solid #d1dde5; }
    .synapster-method-mobile summary { display: flex; align-items: center; gap: 10px; min-height: 48px; padding: 12px 0; box-sizing: border-box; color: #19394d; cursor: pointer; list-style: none; }
    .synapster-method-mobile summary::-webkit-details-marker { display: none; }
    .synapster-method-mobile summary strong { flex: 1; font-size: .87rem; line-height: 1.4; font-weight: 600; }
    .synapster-method-mobile .method-number { font-size: .75rem; color: #07828c; font-variant-numeric: tabular-nums; }
    .synapster-method-mobile .method-toggle { color: #13838c; font-size: 1.15rem; line-height: 1; }
    .synapster-method-mobile .method-toggle::before { content: "+"; }
    .synapster-method-mobile details[open] .method-toggle::before { content: "−"; }
    .synapster-method-mobile p { margin: 0 0 15px 27px; color: #486176; font-size: .84rem; line-height: 1.65; }
    .synapster-method-mobile summary:focus-visible,
    .limits-mobile-explanation > summary:focus-visible { outline: 2px solid #0a8b91; outline-offset: 3px; }

    .approach-note { padding:19px 18px 19px 23px; border-radius:14px; }
    .approach-note .section-tag { font-size: .67rem; }
    .approach-note h3 { font-size: 1.13rem; margin-top: 7px; }
    .approach-note p { font-size: .86rem; line-height: 1.65; }
    .approach-note > a { font-size: .81rem; margin-top: 11px; }
}