/* Exemples MindGuard : cartes adaptées au site ARTEKA. */
.mg-home-intro{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);align-items:end;gap:clamp(40px,7vw,120px);margin-bottom:46px}
.mg-home-intro-aside{border-left:1px solid #4b5d61;padding-left:26px;max-width:350px}.mg-home-intro-aside span,.mg-home-card-head,.mg-home-caption,.mg-home-kicker,.mg-home-zoomrow small{font:600 10px/1.5 var(--mono,monospace);letter-spacing:.1em;color:#b5c9cb}.mg-home-intro-aside p{font-size:15px;line-height:1.65;color:#b8c9cc;margin:14px 0 0}
.mg-home-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.mg-home-card{min-width:0;overflow:hidden;background:#1a2428;border:1px solid #34464b}.mg-home-wide{grid-column:1/-1}.mg-home-card-head{display:flex;justify-content:space-between;gap:16px;padding:17px 20px;border-bottom:1px solid #34464b}.mg-home-card-head span:last-child{text-align:right}
.mg-home-earth{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,.8fr)}.mg-home-earth>div:first-child{border-right:1px solid #34464b}.mg-home-pmn-scene{aspect-ratio:431/249;background:#10171a url('assets/pmn-illustration-en.png') no-repeat 14% 41% / 145% 151.8%}.mg-home-earth-copy{padding:clamp(22px,3vw,35px);display:flex;flex-direction:column;justify-content:space-between;gap:25px}.mg-home-earth-copy h3,.mg-home-card-copy h3{color:#eef3f3;font-size:clamp(21px,2vw,29px);letter-spacing:-.035em;line-height:1.2;margin:12px 0}.mg-home-earth-copy h3 em{color:#b8c9ca;font-style:normal}.mg-home-earth-copy p,.mg-home-card-copy p{margin:0;color:#b6c7ca;font-size:14px;line-height:1.65}
.mg-home-zoomrow{display:flex;flex-wrap:wrap;align-items:center;gap:14px}.mg-home-pmn-zoom{width:clamp(100px,10vw,140px);flex:none;aspect-ratio:1;background:#111 url('assets/pmn-illustration-en.png') no-repeat 97.5% 22.5% / 434% 263%}.mg-home-zoomrow small{display:block}.mg-home-zoomrow strong{display:block;white-space:nowrap;font-size:clamp(27px,2.5vw,38px);line-height:1.1;color:#d8f0e9;margin:7px 0}
.mg-home-sonar{aspect-ratio:553/370;background:#0c1113 url('assets/sonar-mine-clean.png') no-repeat 2.77% 21.2% / 289.3% 310.5%}.mg-home-mine{aspect-ratio:553/370;background:#0c1113 url('assets/field-mine-clean.jpg') no-repeat 52.1% 50.2% / 300% auto}.mg-home-caption{padding:13px 20px;background:#223034}.mg-home-card-copy{padding:21px 23px 25px}.mg-home-card-copy a{display:inline-block;margin-top:15px;color:#d9edeb;font-size:13px;text-underline-offset:4px}.mg-home-note{max-width:920px;border-left:2px solid #739d95;padding:3px 0 3px 17px;margin:25px 0 0;color:#aebfc2;font-size:12px;line-height:1.7}
@media(max-width:800px){.mg-home-intro{grid-template-columns:1fr;gap:22px}.mg-home-intro-aside{max-width:none}.mg-home-grid{grid-template-columns:1fr}.mg-home-wide{grid-column:auto}.mg-home-earth{grid-template-columns:1fr}.mg-home-earth>div:first-child{border-right:0;border-bottom:1px solid #34464b}.mg-home-card-head{padding:15px}.mg-home-card-copy{padding:20px}}

/* Masques d'affichage des scores : les coordonnées sont proportionnelles aux cartes à ratio fixe. Les fichiers sources restent intacts. */
.mg-home-pmn-scene,.mg-home-sonar,.mg-home-mine{position:relative;overflow:hidden}
.mg-home-pmn-scene::after,.mg-home-sonar::after,.mg-home-mine::after{content:"";position:absolute;pointer-events:none;z-index:1}
/* Planche PMN : le label « PMN » et le cadre vert restent visibles. */
.mg-home-pmn-scene::after{left:36.0%;top:35.6%;width:10.3%;height:6.8%;background:#0c1a26}
/* Planche sonar : conserve « Mine à orin » et le cadre vert. */
.mg-home-sonar::after{left:61.0%;top:38.4%;width:8.3%;height:5.7%;background:#101e27}
/* Photo de terrain : conserve « mine » et le cadre rouge. */
.mg-home-mine::after{content:"MINE";left:43.9%;top:37.2%;width:11.2%;height:3.8%;background:#f73535;color:#fff;font:700 clamp(7px,1.1vw,12px)/1 Arial,sans-serif;display:flex;align-items:center;padding-left:2px}

/* English label overlays the original French label and its example score. */
.mg-home-sonar::after{content:"Moored mine";left:47.2%;top:38.3%;width:22.6%;height:5.9%;box-sizing:border-box;background:#101e27;color:#34f5a9;font:700 clamp(6px,1.1vw,12px)/1 Arial,sans-serif;display:flex;align-items:center;padding-left:2px;white-space:nowrap;overflow:hidden}

/* AI-generated visual: display the full frame and add a fine detection outline. */
.mg-home-pmn-scene{aspect-ratio:1672/941;background-image:url('assets/pmn-illustration-en.png');background-size:100% 100%;background-position:center}
.mg-home-pmn-scene::after{left:43%;top:36.5%;width:12%;height:20%;background:transparent;border:2px solid #34e5a2;box-sizing:border-box}
.mg-home-pmn-zoom{background-image:url('assets/pmn-illustration-en.png');background-size:390% auto;background-position:49% 46%}

/* Clean source imagery; boxes reproduce the supplied detection annotations. */
.mg-home-sonar,.detail-sonar-scene{position:relative;background-image:url('assets/sonar-mine-clean.png');background-size:100% 100%;background-position:center}
.mg-home-sonar::before,.detail-sonar-scene::before{content:"";position:absolute;z-index:2;left:47.3%;top:43.8%;width:11.6%;height:17.2%;border:2px solid #34f5a9;box-sizing:border-box;pointer-events:none}
.mg-home-sonar::after,.detail-sonar-scene::after{content:"MO ORED MINE";content:"MOORED MINE";position:absolute;z-index:2;left:47.3%;top:39.6%;width:auto;height:auto;padding:2px 4px;background:#101e27;color:#34f5a9;font:700 clamp(7px,1.1vw,12px)/1 Arial,sans-serif;white-space:nowrap;pointer-events:none}
.detail-sonar-zoom{background-image:url('assets/sonar-mine-clean.png');background-size:500% auto;background-position:53% 52.5%}
.mg-home-mine::before{content:"";position:absolute;z-index:2;left:43.8%;top:41.2%;width:14.1%;height:18.4%;border:2px solid #f73535;box-sizing:border-box;pointer-events:none}
.mg-home-mine::after{content:"MINE";left:43.8%;top:37.2%;width:auto;height:auto;padding:2px 4px;background:#f73535;color:#fff;font:700 clamp(7px,1.1vw,12px)/1 Arial,sans-serif}
.mine-score-mask-frame::before{content:"";position:absolute;z-index:2;left:49.3%;top:47.5%;width:4.7%;height:5.5%;border:2px solid #f73535;box-sizing:border-box;pointer-events:none}
.mine-score-mask-frame::after{content:"MINE";position:absolute;z-index:2;left:49.3%;top:45.4%;width:auto;height:auto;padding:2px 4px;background:#f73535;color:white;font:700 clamp(7px,1vw,12px)/1 Arial,sans-serif;pointer-events:none}