/* Une légère teinte brune, proche du papier naturel, sur le fond des pages. */
html{background-color:#eee7de}
body{background-color:#f7f2eb!important}
.portal-page{background-color:#f7f2eb}

/* Lecture confortable sur téléphone, sans modifier la présentation ordinateur. */
@media screen and (max-width:760px){
 html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
 body{font-size:18px;line-height:1.6}
 p,li{font-size:18px!important;line-height:1.6!important}
 nav,nav a,.menu-toggle,.button,button{font-size:18px!important}
 nav a,.button,button{min-height:48px}
 input,select,textarea{font-size:18px}
 .contact-footer,.source-meta,.note,figcaption{font-size:14px!important;line-height:1.5!important}
 .resource h3,.book h3{font-size:25px!important;line-height:1.25!important}
 .home-page .hero h1{font-size:25px!important;line-height:1.3!important}
 .home-page .hero p{font-size:18px!important}
 .home-page .home-navigation nav{font-size:18px;gap:8px 20px}
 .home-page .home-navigation nav a{white-space:normal}
 .home-page .resource>div{border-left:0;padding-left:0}
 .home-page .resource-new{font-size:13px;padding:7px 9px;margin-left:0}
 .home-monthly>a{grid-template-columns:minmax(0,1fr);padding:20px;gap:16px}
 .home-monthly h3{font-size:27px;line-height:1.25}
 .home-monthly-badge{font-size:16px;white-space:normal;transform:none}
 .home-monthly-link{font-size:18px;display:inline-block;padding-block:8px}
 .home-monthly-visual{width:100%}
 .home-monthly-visual img{width:100%;height:180px;object-fit:cover}
 .home-monthly-visual figcaption{font-size:14px}
}