/* Objets de lecture propres aux trois guides compagnons. Le gabarit reste dans article-v2.css. */
.journal-tool-eyebrow{display:block;color:#0752e8;font-size:10px;font-weight:800;letter-spacing:.13em;line-height:1.5;text-transform:uppercase}
.journal-choice-card,.journal-walk-card{margin:42px 0 8px;overflow:hidden;color:#0a2c4d}
.journal-choice-card{background:#edf3fa;border:1px solid #cfdeed}
.journal-choice-card figcaption{padding:31px 33px 24px}
.journal-choice-card figcaption strong,.journal-walk-card figcaption strong{display:block;margin-top:10px;font-family:Fraunces,Georgia,serif;font-size:clamp(26px,2.5vw,36px);font-weight:500;letter-spacing:-.05em;line-height:1.2}
.journal-choice-card figcaption small{display:block;color:#5e758a;font-size:11px;line-height:1.55;margin-top:9px}
.journal-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#c8d8e7;border-top:1px solid #c8d8e7;border-bottom:1px solid #c8d8e7}
.journal-choice-grid>div{min-width:0;min-height:195px;background:#f8fbff;padding:27px 30px}
.journal-choice-grid>.journal-choice-highlight{background:#0d3b76;color:#fff}
.journal-choice-num{display:block;font-size:11px;font-weight:800;letter-spacing:.13em;color:#0752e8}
.journal-choice-highlight .journal-choice-num{color:#bad5ff}
.journal-choice-grid h3{margin:20px 0 10px;font-size:clamp(23px,2vw,29px);line-height:1.15}
.journal-choice-grid p{font-size:13px;line-height:1.6;color:#46637b}
.journal-choice-highlight p{color:#dce9ff}
.journal-choice-foot{font-size:12px;line-height:1.55;color:#47617c;padding:18px 32px 22px}

.journal-walk-card{background:#eff4ee;border-top:4px solid #5a9162}
.journal-walk-card figcaption{padding:29px 33px 0}
.journal-walk-card .journal-tool-eyebrow{color:#367347}
.journal-walk-card blockquote{font-family:Fraunces,Georgia,serif;font-size:clamp(22px,2.05vw,29px);line-height:1.47;letter-spacing:-.035em;margin:24px 33px 26px;color:#123b31}
.journal-walk-card dl{display:grid;grid-template-columns:1fr 1fr;margin:0;border-top:1px solid #c8dacb}
.journal-walk-card dl div{padding:18px 25px 19px 33px;border-bottom:1px solid #c8dacb}
.journal-walk-card dl div:nth-child(odd){border-right:1px solid #c8dacb}
.journal-walk-card dt{font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#367347}
.journal-walk-card dd{font-size:13px;line-height:1.55;color:#315848;margin:7px 0 0}
.journal-walk-card>p{padding:20px 33px 24px;font-size:11px;line-height:1.5;color:#567264}

.journal-message-board{background:#0b2b50;color:#fff;margin:42px 0 5px}
.journal-message-head{padding:32px 34px 24px;border-bottom:1px solid #ffffff34}
.journal-message-board .journal-tool-eyebrow{color:#a9cbff}
.journal-message-head h3{font-size:clamp(27px,2.55vw,37px);line-height:1.18;margin:11px 0 9px;color:#fff}
.journal-message-head p{font-size:11px;line-height:1.6;color:#c6d9ec}
.journal-message-board ol{list-style:none;counter-reset:none;margin:0;padding:0}
.journal-message-board li{display:grid;grid-template-columns:160px 1fr;gap:26px;padding:24px 34px;border-bottom:1px solid #ffffff2d}
.journal-message-board li:last-child{border-bottom:0}
.journal-message-board li span{color:#a9cbff;font-size:10px;line-height:1.5;font-weight:800;letter-spacing:.09em;text-transform:uppercase;padding-top:6px}
.journal-message-board blockquote{font-family:Fraunces,Georgia,serif;font-size:clamp(18px,1.8vw,25px);line-height:1.5;letter-spacing:-.025em;margin:0;color:#f5f9ff}

.journal-related{display:grid;grid-template-columns:minmax(130px,.6fr) repeat(2,minmax(0,1fr));gap:26px;align-items:start;padding-top:36px;padding-bottom:58px}
.journal-related>p{color:#0752e8;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;padding-top:15px}
.journal-related>a{display:flex;justify-content:space-between;align-items:start;gap:18px;border-top:1px solid #b7c9d6;padding-top:14px;font-family:Fraunces,Georgia,serif;font-size:clamp(17px,1.6vw,23px);line-height:1.35;letter-spacing:-.03em;color:#0b2b50}
.journal-related>a:hover{color:#0752e8}
.journal-related>a span{font:700 17px Manrope,Arial,sans-serif;color:#0752e8}
@media(max-width:700px){
  .journal-choice-card,.journal-walk-card,.journal-message-board{margin-top:34px}
  .journal-choice-card figcaption,.journal-walk-card figcaption{padding:25px 24px 21px}
  .journal-choice-grid{grid-template-columns:1fr}
  .journal-choice-grid>div{min-height:0;padding:22px 24px}
  .journal-choice-grid h3{margin-top:11px}
  .journal-choice-foot{padding:17px 24px 20px}
  .journal-walk-card figcaption{padding-bottom:0}
  .journal-walk-card blockquote{margin:10px 24px 25px;font-size:23px}
  .journal-walk-card dl div{padding:16px 14px 16px 24px}
  .journal-walk-card>p{padding:18px 24px 22px}
  .journal-message-head{padding:26px 24px 22px}
  .journal-message-board li{display:block;padding:20px 24px}
  .journal-message-board li span{display:block;padding:0;margin-bottom:7px}
  .journal-message-board blockquote{font-size:21px}
  .journal-related{display:block;padding-top:27px;padding-bottom:48px}
  .journal-related>p{padding:0 0 14px}
  .journal-related>a{padding:15px 0;margin:0}
}
@media(max-width:350px){
  .journal-walk-card dl{display:block}
  .journal-walk-card dl div:nth-child(odd){border-right:0}
}

/* Article marche : repères de santé et idées de rencontres. */
.walk-article .field-opening-figure img{height:clamp(470px,42vw,560px);object-position:85% center}
.walk-article .walk-source-link{color:#0752e8;text-decoration:underline;text-decoration-color:#0752e877;text-underline-offset:4px;font-weight:700}
.walk-article .walk-source-link:hover{color:#092344;text-decoration-color:currentColor}
.walk-article .walk-duration{display:grid;grid-template-columns:.79fr 1.21fr;margin:39px 0 31px;border:1px solid #b9cfe0;background:#e8f1f9;overflow:hidden}
.walk-article .walk-duration-main{background:#0c3262;color:#fff;padding:33px 32px 31px}
.walk-article .walk-duration-label{display:block;font-size:10px;line-height:1.4;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.walk-article .walk-duration-main .walk-duration-label{color:#aac9ff}
.walk-article .walk-duration-main>strong{display:block;margin:10px 0 2px;font-family:Fraunces,Georgia,serif;font-size:clamp(76px,8vw,105px);font-weight:500;line-height:1;letter-spacing:-.08em}
.walk-article .walk-duration-main>strong small{font-family:Manrope,Arial,sans-serif;font-size:18px;font-weight:800;letter-spacing:0}
.walk-article .walk-duration-main>p{max-width:245px;color:#e0ecfa;font-size:13px;line-height:1.55}
.walk-article .walk-duration-side{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:32px 35px;color:#1a4567}
.walk-article .walk-duration-side .walk-duration-label{color:#0752e8}
.walk-article .walk-duration-side>p{font-size:15px;line-height:1.7;margin:17px 0 19px}
.walk-article .walk-duration-side>p strong{color:#0c3262}
.walk-article .walk-duration-side>a{color:#0752e8;font-size:11px;line-height:1.5;font-weight:800;text-decoration:underline;text-underline-offset:4px}
.walk-article .walk-duration-side>a:hover{color:#092344}
.walk-article .walk-moments{margin:38px 0 0;border-top:3px solid #0752e8;background:#eaf2fa;padding:28px 29px 30px}
.walk-article .walk-moments-kicker{margin:0 0 21px;color:#0752e8;font-size:10px;font-weight:800;letter-spacing:.13em;line-height:1.4;text-transform:uppercase}
.walk-article .walk-moments-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}
.walk-article .walk-moments-grid>div{padding:0 22px;border-left:1px solid #b4cbdf}
.walk-article .walk-moments-grid>div:first-child{padding-left:0;border-left:0}
.walk-article .walk-moments-grid>div:last-child{padding-right:0}
.walk-article .walk-moments-grid span{display:block;color:#0752e8;font-size:10px;font-weight:800;letter-spacing:.12em}
.walk-article .walk-moments-grid strong{display:block;color:#0c3262;font-family:Fraunces,Georgia,serif;font-size:21px;font-weight:600;letter-spacing:-.04em;line-height:1.2;margin:13px 0 11px}
.walk-article .walk-moments-grid p{color:#3a5d78;font-size:12px;line-height:1.6}
@media(max-width:700px){
  .walk-article .field-opening-figure img{height:auto;object-position:center 46%}
  .walk-article .walk-duration{grid-template-columns:1fr;margin:33px 0 28px}
  .walk-article .walk-duration-main{padding:25px 26px 23px}
  .walk-article .walk-duration-main>strong{font-size:79px}
  .walk-article .walk-duration-main>p{max-width:none}
  .walk-article .walk-duration-side{padding:24px 26px 27px}
  .walk-article .walk-duration-side>p{font-size:14px;margin:12px 0 15px}
  .walk-article .walk-moments{padding:25px 25px 14px}
  .walk-article .walk-moments-grid{display:block}
  .walk-article .walk-moments-grid>div,.walk-article .walk-moments-grid>div:first-child,.walk-article .walk-moments-grid>div:last-child{border-left:0;border-top:1px solid #b4cbdf;padding:16px 0 17px}
  .walk-article .walk-moments-grid strong{font-size:22px;margin:6px 0 6px}
  .walk-article .walk-moments-grid p{font-size:13px}
}
.after-app-scene,.after-follow-scene{margin:48px 0;padding:32px;border-radius:24px;background:#edf3ff;display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:32px;align-items:center;border:1px solid #d5e2f6}
.after-app-copy h2{font-size:clamp(28px,3vw,38px);line-height:1.15}.after-app-copy h3,.after-follow-scene h3{font-size:25px;line-height:1.2;margin:26px 0 12px}.after-app-copy p,.after-follow-scene p{font-size:16px;line-height:1.75}.after-app-phone{margin:0}.after-app-phone img,.after-follow-scene img{width:100%;height:auto;display:block;border-radius:30px;box-shadow:0 20px 35px #0923441c}.after-app-phone figcaption,.after-follow-scene small{font-size:12px;line-height:1.5;color:#526987;display:block;margin-top:16px}.after-example{padding-left:18px;border-left:3px solid #174bff;font-style:italic}.after-follow-scene{grid-template-columns:220px minmax(0,1fr)}.after-follow-scene figcaption{min-width:0}
@media(max-width:700px){.after-app-scene,.after-follow-scene{grid-template-columns:1fr;padding:24px;gap:24px}.after-app-phone{max-width:260px;justify-self:center}.after-follow-scene img{max-width:260px;justify-self:center}.after-follow-scene figcaption{grid-row:1}}
