main.mag{--ink:#124f55;--berry:#c82464;--pale:#fbf3ed;max-width:1220px;margin:0 auto;padding:22px clamp(18px,5vw,70px) 64px;color:#294849;line-height:1.65;font-family:Arial,sans-serif}
/* The width/height attributes describe source pixels, not thumbnail height. */
.mag .mag-entry img{height:auto!important;max-height:96px;object-fit:contain!important}
.mag .mag-lead img{height:auto!important;max-height:295px;object-fit:contain!important}
.mag .mag-card img{height:auto!important;max-height:245px;object-fit:contain!important}
.mag .mag-story>img{height:auto!important}
.mag .mag-crumb{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap;color:#536864;font-size:.85rem;margin-bottom:20px}
.mag h1,.mag h2,.mag h3{color:var(--ink);margin:0 0 .45em;line-height:1.13;letter-spacing:normal}
.mag h1,.mag h2{font-family:SignatureKelly,Georgia,serif;font-weight:400}
.mag h1{font-size:clamp(2.4rem,5.4vw,4.6rem)}.mag h2{font-size:clamp(1.85rem,3.2vw,2.7rem)}
.mag h3{font:600 1.23rem/1.3 Georgia,serif}.mag p{margin:.65em 0}.mag a:hover,.mag a:focus-visible{color:var(--berry)}
.mag section{margin:38px 0}.mag .mag-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,.75fr);align-items:center;overflow:hidden;background:linear-gradient(110deg,#fffaf4,#f8eeee 55%,#e8f5f1);border-top:1px solid #e0c798;border-bottom:1px solid #e0c798;margin:0;padding:18px clamp(15px,4vw,58px) 0;gap:8px}
.mag-hero:before,.mag-hero:after{content:'✦';position:absolute;z-index:-1;color:#be8e36;font-size:28px;right:30%;top:14%}.mag-hero:after{right:5%;top:64%;font-size:18px}
.mag .mag-hero h1{font-family:SignatureKelly,Georgia,serif;font-size:clamp(2.1rem,6.5vw,6rem);line-height:1.12;margin:0}.mag-hero h1 span{white-space:nowrap;color:var(--berry)}.mag-hero h1 i{font-style:normal;white-space:nowrap}
.mag-hero p{max-width:40ch;font-family:Georgia,serif;font-size:clamp(.97rem,1.7vw,1.35rem)}.mag-hero a,.mag-feature a,.mag-resource a,.mag-duo a,.mag-story header a,.mag section>a{color:var(--ink);text-decoration:underline;text-underline-offset:4px;font-weight:600}
.mag-hero>div{padding:16px 0 24px}.mag-hero>img{height:clamp(175px,24vw,300px);width:100%;object-fit:contain;object-position:center bottom;align-self:end}
.mag-welcome{margin:14px 0 24px;border-bottom:1px solid #eadad4;padding:7px 0 15px}.mag-welcome summary{font:400 1.45rem SignatureKelly,Georgia;color:var(--ink);cursor:pointer}.mag-welcome h2{margin-top:22px}.mag-welcome p{max-width:76ch}.mag-feature,.mag-topic{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr);gap:clamp(18px,4vw,52px);align-items:center;background:#f3f8f6;padding:clamp(16px,3vw,35px);border-radius:14px}
.mag-feature small,.mag-card small,.mag-story small{font-weight:600;color:#8f3454}.mag-feature-photo{height:210px}.mag-feature-photo img,.mag-topic img{height:100%;width:100%;object-fit:contain}.mag-topic img{max-height:220px}.mag-grid,.mag-cats{display:grid;gap:20px}.mag-cats{grid-template-columns:repeat(4,minmax(0,1fr))}.mag-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin:18px 0 22px}
.mag-cats a,.mag-card{background:white;border:1px solid #e5dbd1;border-radius:12px;overflow:hidden}.mag-cats img,.mag-card img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.mag-card img{object-fit:contain;background:#f8f4f1}.mag-cats h3,.mag-cats p{margin:10px 14px}.mag-cats p,.mag-card p{font-size:.95rem}.mag-card a{display:block;height:100%}.mag-card a>div{padding:14px 16px}
.mag-duo{display:grid;grid-template-columns:1fr 1fr;gap:20px}.mag-duo>section,.mag-duo>div,.mag-resource,.mag-search{background:#f7f7f1;padding:20px;border-radius:12px}.mag-duo>section{margin:0}.mag-search{margin:24px 0}.mag-search label{display:block;font-weight:bold;margin-bottom:8px}.mag-search>div{display:flex;gap:6px;flex-wrap:wrap}.mag input{min-width:0;flex:1;border:1px solid #759a99;border-radius:6px;padding:8px}.mag button{background:var(--ink);color:white;border:0;border-radius:6px;padding:9px 16px}
.mag-story{max-width:820px;margin:auto}.mag-story>header{position:static;background:transparent;padding:0;box-shadow:none;border:0;text-align:left;display:block}.mag-story h1{margin:14px 0}.mag-standfirst{font:1.22rem/1.6 Georgia,serif}.mag-story>img{display:block;width:100%;max-height:360px;object-fit:contain;background:#faf5ef;margin:24px 0}.mag-prose{max-width:69ch;margin:auto}.mag-prose p{margin:1em 0}.mag-prose h2,.mag-prose h3{margin-top:1.4em}.mag-prose aside,.mag-preview{padding:16px;background:#fff3eb;border-left:3px solid #dca346}.mag-prose a{text-decoration:underline}.mag [data-mag-share-status]{margin-left:10px}
@media(max-width:800px){.mag-cats,.mag-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.mag .mag-hero{grid-template-columns:minmax(0,1.55fr) minmax(0,.8fr);padding:8px 12px 0}.mag-hero h1 i{display:block}.mag .mag-hero h1{font-size:clamp(2.25rem,10vw,3.6rem)}.mag-hero>img{height:165px}.mag-hero a{font-size:.87rem}.mag .mag-feature,.mag-topic{grid-template-columns:minmax(0,.65fr) minmax(0,1fr);gap:12px}.mag-feature-photo{height:155px}.mag .mag-feature h2,.mag .mag-topic h1{font-size:1.65rem}.mag-feature p{font-size:.9rem}.mag-cats{gap:10px}.mag-cats h3{font-size:1.04rem}.mag-cats p{font-size:.86rem}.mag-grid,.mag-duo{grid-template-columns:1fr}.mag section{margin:28px 0}}
.mag [id]{scroll-margin-top:90px}

/* Sommaire et hiérarchie de lecture du Mag’. */
.mag .mag-index {max-width:980px;margin:auto}
.mag .mag-mast {display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}
.mag .mag-mast h1 {font-size:clamp(1.75rem,3.4vw,2.7rem);margin:0}
.mag .mag-mast .mag-search {padding:0;background:none;margin:0;position:relative}
.mag-mast .mag-search label,.mag-divider {position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}
.mag-mast .mag-search input {font-size:1rem;background:#fff;border-color:#b2c7c6}
.mag-mast .mag-search button {font-size:.88rem}
.mag .mag-lead>a,.mag .mag-entry>a {display:grid;align-items:center;text-decoration:none;color:inherit}
.mag .mag-lead>a {grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(1rem,3vw,2.5rem);background:#fff9f6;border-radius:12px;overflow:hidden}
.mag-lead img {width:100%;height:100%;max-height:295px;object-fit:cover}
.mag-lead a>div {padding:1rem clamp(1rem,2vw,1.75rem) 1rem 0}
.mag .mag-lead-label {display:block;color:#aa2356;font:700 .72rem/1.4 Arial,sans-serif;letter-spacing:.13em;text-transform:uppercase;margin-bottom:.3rem}
.mag :is(.mag-lead,.mag-entry) small {display:block;color:#526664;font-size:.8rem;margin-bottom:.42rem}
.mag .mag-lead h2 {font-size:clamp(1.45rem,2.5vw,2rem);line-height:1.17;color:#aa2356}
.mag .mag-lead p {font:1rem/1.5 Georgia,serif;margin:.6rem 0 0}
.mag .mag-filters {display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:.3rem .65rem;background:none;position:static;padding:.85rem 0;margin:.65rem 0;border-bottom:1px solid #e8ded9}
.mag .mag-filters a {display:inline-flex;align-items:center;padding:.35rem .2rem;font:600 .85rem/1.35 Arial,sans-serif;color:#235c60}
.mag .mag-filters a[aria-current],.mag .mag-filters a:hover {color:#a92254;text-decoration:underline;text-underline-offset:.3rem}
.mag .mag-entry {border-bottom:1px solid #e8ded9}
.mag .mag-entry>a {grid-template-columns:115px minmax(0,1fr);gap:1.3rem;padding:1rem 0}
.mag-entry img {display:block;width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:6px}
.mag .mag-entry h2 {margin:0;color:#a92254;font-size:clamp(1.2rem,2vw,1.5rem)}
.mag :is(.mag-entry,.mag-lead) a:hover h2 {text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.15em}
.mag .mag-story h1 {margin:.45rem 0 .8rem;font-size:clamp(1.65rem,3.2vw,2.5rem);line-height:1.2}
.mag .mag-subhead {display:block;margin-top:.25em;color:#12595f;font:normal 1.13rem/1.4 Georgia,serif;text-wrap:pretty}
.mag .mag-entry .mag-subhead {font-size:1rem}
.mag .mag-story .mag-subhead {font-size:clamp(1.08rem,1.8vw,1.4rem)}
.mag .mag-story .mag-standfirst {font:1rem/1.6 Georgia,serif;color:#394c4d}
.mag .mag-prose h2 {font-size:clamp(1.35rem,2.25vw,1.8rem)}
.mag .mag-prose h3 {font-size:clamp(1.1rem,1.8vw,1.4rem);color:#853654}
@media(max-width:640px){
 .mag .mag-mast {align-items:stretch;flex-direction:column;gap:.65rem}
 .mag .mag-lead>a {display:block}
 .mag-lead img {display:block;height:auto;max-height:175px;aspect-ratio:2.4;object-fit:cover}
 .mag-lead a>div {padding:.9rem 1rem}
 .mag .mag-lead p {display:none}
 .mag .mag-entry>a {grid-template-columns:74px minmax(0,1fr);gap:.8rem}
 .mag .mag-entry .mag-subhead {font-size:.94rem}
}

@media(max-width:640px){.mag .mag-lead img{height:auto!important;max-height:200px;aspect-ratio:auto}.mag .mag-entry img{max-height:74px}}

/* Compact magazine landing: latest carousel, lead story, then a readable index. */
.mag .mag-home-welcome{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);align-items:center;gap:24px;margin:0 auto 24px;max-width:940px}
.mag .mag-home-art{display:block;width:100%;max-width:300px;height:auto;object-fit:contain;border:0;border-radius:0;box-shadow:none;margin:auto;aspect-ratio:2/1}
.mag .mag-home-welcome h1{font-size:clamp(36px,4.8vw,58px);line-height:1.16;margin:0 0 10px}
.mag .mag-home-welcome p{margin:0;font-size:16px;line-height:1.5;color:#125a61}
.mag .mag-latest{margin:0 0 26px;padding:20px;background:#f8fbfa;border:1px solid #dfebe6;border-radius:16px;min-width:0}
.mag-latest-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.mag .mag-latest-heading h2,.mag #mag-summary-title{font-size:clamp(27px,3vw,36px);margin:0;color:#125a61}
.mag-latest-heading em,.mag #mag-summary-title em{font-style:normal;color:#b2265a}
.mag-carousel-controls{display:flex;gap:6px;flex-shrink:0}.mag-carousel-controls[hidden]{display:none}
.mag .mag-carousel-controls button{min-width:44px;min-height:44px;padding:6px 12px;border-radius:22px;font-size:24px;line-height:1;cursor:pointer;background:#125a61}
.mag .mag-carousel-controls [data-mag-pause]{font-size:13px;background:#fff;color:#125a61;border:1px solid #a2c3bf}
.mag-latest-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#79aba6 #edf4f2;padding-bottom:8px;min-width:0}
.mag-latest-card{flex:0 0 calc((100% - 48px)/4);min-width:0;scroll-snap-align:start}
.mag-latest-card a{display:block;color:#125a61;text-decoration:none!important;height:100%}
.mag .mag-latest-card img{display:block;width:100%;height:142px!important;object-fit:contain!important;aspect-ratio:auto;background:white;margin-bottom:10px;border-radius:0}
.mag .mag-latest-card h3{font:700 16px/1.35 Arial,sans-serif;margin:4px 0 6px;color:#a92354;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.mag-latest-card small,.mag-latest-card time{display:block;font-size:12px;line-height:1.5;color:#526965}
.mag .mag-home-lead{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:24px;background:#fff9fb;border:1px solid #efdbe3;border-radius:16px;padding:22px;margin:0 0 28px}
.mag-story-image{display:block}.mag .mag-home-lead img{display:block;width:100%;height:250px!important;object-fit:contain!important;border:0;border-radius:0;background:#fff}
.mag .mag-home-lead h2{font-size:clamp(26px,3vw,36px);line-height:1.2;margin:10px 0;color:#125a61}
.mag .mag-home h2 a{text-decoration:none!important}.mag .mag-home h2 a:hover{color:#ae285a}
.mag-row-meta{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 12px;font-size:12px;line-height:1.5;color:#526965}
.mag-row-meta small{font-size:inherit;color:#a32959}.mag-row-meta time{white-space:nowrap}
.mag .mag-home-lead p{font-size:16px;line-height:1.55;margin:10px 0 16px;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.mag .mag-home .mag-read{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 18px;border-radius:24px;background:#a32959;color:white;text-decoration:none!important;font-weight:700;font-size:15px}
.mag .mag-home-summary{margin:0}.mag .mag-home-tools{margin:14px 0 12px}
.mag .mag-home-tools .mag-search{margin:0 0 8px;background:#f5faf9;padding:12px 16px}
.mag .mag-home-tools .mag-search label{font-size:14px;margin-bottom:4px}
.mag .mag-home-tools .mag-search input{flex:1 1 280px;min-height:44px;font-size:16px;width:100%}
.mag .mag-home-tools .mag-search button{min-height:44px}
.mag .mag-home-tools .mag-filters{border:0;gap:4px 10px;margin:0;padding:0}
.mag .mag-home-tools .mag-filters a{padding:8px 10px;min-height:44px;box-sizing:border-box;border-radius:20px;text-decoration:none;white-space:normal;text-align:center;align-items:center}
.mag .mag-home-tools .mag-filters a[aria-current]{background:#125a61;color:#fff}
.mag .mag-home-list{display:flex;flex-direction:column}
.mag .mag-home-row{display:grid;grid-template-columns:120px minmax(0,1fr);align-items:center;gap:20px;padding:16px 0;border-bottom:1px solid #e4eae7}
.mag .mag-home-row img{display:block;width:100%;height:100px!important;object-fit:contain!important;background:white;border-radius:0}
.mag .mag-home-row h2{font:700 19px/1.35 Arial,sans-serif;margin:5px 0;color:#a92354}
.mag .mag-home-row h2 a{display:inline-block;padding:3px 0;min-height:30px}
.mag .mag-home-row p{font-size:15px;line-height:1.5;margin:4px 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mag-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.mag-home-end{display:flex;justify-content:center;gap:18px;margin:24px auto 0}
.mag-home a:focus-visible,.mag-home button:focus-visible,.mag-latest-track:focus-visible{outline:3px solid #d7a642;outline-offset:3px}
@media(max-width:900px){.mag-latest-card{flex-basis:calc((100% - 32px)/3)}}
@media(max-width:640px){
 .mag .mag-home-welcome{grid-template-columns:1fr;gap:10px;text-align:center;margin-bottom:18px}.mag .mag-home-art{max-width:230px}
 .mag .mag-home-welcome h1{font-size:clamp(34px,9vw,44px);margin-bottom:8px}
 .mag .mag-home-welcome p{font-size:15px}.mag .mag-latest{padding:14px}
 .mag-latest-heading{flex-wrap:wrap}.mag-latest-card{flex-basis:calc((100% - 16px)/2)}
 .mag .mag-home-lead{grid-template-columns:1fr;gap:14px;padding:18px}.mag .mag-home-lead img{height:210px!important}
 .mag .mag-home-tools .mag-search input{flex-basis:100%}.mag .mag-home-tools .mag-search button{width:100%}
 .mag .mag-home-row{grid-template-columns:86px minmax(0,1fr);gap:12px;padding:14px 0}.mag .mag-home-row img{height:90px!important}
 .mag .mag-home-row h2{font-size:17px}.mag .mag-home-row p{font-size:14px}.mag-row-meta{font-size:11px}
}
@media(max-width:400px){.mag-latest-card{flex-basis:82%}.mag .mag-home-row{grid-template-columns:72px minmax(0,1fr);gap:10px}}
.mag .mag-home-welcome h1{color:var(--berry)}
.mag .mag-home-welcome h1 :is(.title-intro,.title-ending){color:var(--ink)}

/* A visibly horizontal news ribbon: side arrows and a glimpse of the next card. */
.mag .mag-latest{position:relative;padding:16px 18px 14px}
.mag .mag-latest-track{margin-inline:42px;scroll-behavior:smooth}
.mag .mag-latest-card{flex-basis:calc((100% - 40px)/3.25)}
.mag .mag-carousel-controls :is([data-mag-prev],[data-mag-next]){position:absolute;top:52%;transform:translateY(-50%);width:44px;height:68px;border-radius:10px;font-size:38px;z-index:1;box-shadow:0 3px 10px #125a6120}
.mag .mag-carousel-controls [data-mag-prev]{left:7px}.mag .mag-carousel-controls [data-mag-next]{right:7px}
.mag .mag-carousel-controls [data-mag-pause]{min-width:80px}
.mag .mag-latest-card img{height:130px!important}
.mag .mag-home-lead{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:20px;padding:16px;margin-bottom:22px}
.mag .mag-home-lead img{height:180px!important}
.mag .mag-home-lead h2{font-size:clamp(23px,2.5vw,29px);margin:6px 0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.mag .mag-home-lead p{font-size:15px;line-height:1.45;margin:7px 0 10px;-webkit-line-clamp:3}
.mag-table-scroll{max-width:100%;overflow-x:auto;margin:20px 0;border:1px solid #dce9e3;border-radius:10px}
.mag-prose table{border-collapse:collapse;width:100%;font-size:.95rem;text-align:left}
.mag-prose :is(th,td){padding:12px;vertical-align:top;border-bottom:1px solid #dce9e3;min-width:110px}
.mag-prose th{background:#edf6f3;color:#125a61}.mag-prose tr:last-child td{border-bottom:0}
.mag-prose ol,.mag-prose ul{padding-left:1.4em}.mag-prose li{margin:.5em 0}
@media(max-width:900px){.mag .mag-latest-card{flex-basis:calc((100% - 24px)/2.35)}}
@media(max-width:640px){
 .mag .mag-latest{padding:12px 10px}.mag .mag-latest-track{margin-inline:36px}.mag .mag-latest-card{flex-basis:84%}
 .mag .mag-carousel-controls :is([data-mag-prev],[data-mag-next]){width:44px;height:60px;background:#125a61ed}
 .mag .mag-carousel-controls [data-mag-prev]{left:2px}.mag .mag-carousel-controls [data-mag-next]{right:2px}
 .mag .mag-home-lead{grid-template-columns:minmax(90px,.55fr) minmax(0,1fr);gap:12px;padding:12px}
 .mag .mag-home-lead img{height:135px!important}.mag .mag-home-lead h2{font-size:23px}.mag .mag-home-lead p{font-size:14px;-webkit-line-clamp:3}
 .mag .mag-home .mag-read{font-size:13px;padding:7px 12px}
}
@media(prefers-reduced-motion:reduce){.mag .mag-latest-track{scroll-behavior:auto}}