/* Le Journal des Ferries : une du journal et retards constatés par AIS. */
.home-news-preview{
  border-color:#ffc985;
  background-color:#fff6e7;
  background-image:radial-gradient(#f4d8b1 .7px,transparent .9px),linear-gradient(140deg,#fff9ef,#fff1dd);
  background-size:8px 8px,100% 100%;
  box-shadow:0 8px 0 #f5d9b6,0 15px 26px rgba(173,100,47,.16);
}
.home-news-header{border-bottom:3px dashed #e9a967}
.home-news-kicker{color:#dc634e}
.home-news-title-row h2{text-shadow:2px 3px 0 #ffe694}
.home-news-open{box-shadow:0 4px 0 #ca3f61;transform:rotate(2deg)}
.home-traffic-banner{background:#e9fff1;box-shadow:0 4px 0 #bcead5}
.home-journal-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;margin-top:16px}
.home-journal-split>*{min-width:0}
.home-journal-section-title{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:8px}
.home-journal-section-title h3{margin:0;font:22px/.95 "Lilita One",Impact,sans-serif;color:#06345f}
.home-journal-section-title span{flex:0 0 auto;padding:5px 8px;background:#fff0b7;border-radius:20px;color:#775929;font:900 9px "Fredoka",sans-serif;transform:rotate(-3deg)}
.home-journal-split .home-news-grid{display:block;margin:0}
.home-journal-split .home-news-lead{
  display:flex;flex-direction:column;align-items:flex-start;min-height:266px;padding:19px;
  border:2px solid #ef5970;border-radius:22px;
  background:radial-gradient(circle at 85% 8%,#ffdc7d 0 9%,transparent 9.3%),linear-gradient(125deg,#fc7961,#f34d71);
  box-shadow:0 7px 0 #f3b79e;transform:rotate(-.4deg);
}
.home-journal-split .home-news-lead::after{content:"🛳️";right:18px;bottom:5px;opacity:.17}
.home-journal-split .home-news-lead small{border-radius:20px;box-shadow:2px 3px 0 #c95855}
.home-journal-split .home-news-lead h3{max-width:100%;font:clamp(19px,2vw,25px)/1.06 "Lilita One",Impact,sans-serif}
.home-journal-split .home-news-lead p{max-width:100%;margin-bottom:auto;color:#fff7ed}
.home-journal-split .home-news-lead a{padding:8px 12px;background:#fff;color:#be3257;border-radius:20px;box-shadow:0 3px 0 #d68f83}
.home-delay-panel{min-height:266px;padding:11px;border:2px solid #f0cf97;border-radius:22px;background:#fff3d8;box-shadow:0 7px 0 #ead8b7}
.home-delay-summary{display:flex;justify-content:space-between;gap:8px;margin:0 2px 8px;color:#7d553b;font:800 10px "Fredoka",sans-serif}
.home-delay-summary b{color:#c8492c}
.home-delay-card{
  padding:10px 12px;margin-top:8px;border:1px solid #f2d5ab;border-left:7px solid var(--delay-company,#ffce2d);
  border-radius:15px;background:#fffdfa;box-shadow:0 3px 0 #e6d2b3;
}
.home-delay-card.is-moby{background:#f2fbff;border-color:#c0eaf3;border-left-color:#19b6dc;box-shadow:0 3px 0 #c0e6ed}
.home-delay-card.is-linea{border-left-color:#e83f52}
.home-delay-card.is-meridionale{border-left-color:#1879a9}
.home-delay-card header{display:flex;align-items:center;justify-content:space-between;gap:8px}
.home-delay-card header strong{font:900 14px "Fredoka",sans-serif;color:#073963}
.home-delay-minutes{padding:5px 10px;border-radius:30px;background:#ffdf7b;color:#873c24;box-shadow:0 3px 0 #f2b65c;font:900 13px "Fredoka",sans-serif;white-space:nowrap;transform:rotate(3deg)}
.home-delay-route,.home-delay-times,.home-delay-source{display:block;margin-top:5px;color:#294d6a;font:750 10px/1.3 "Fredoka",sans-serif}
.home-delay-route{font-size:11px}
.home-delay-source{color:#527587;font-size:9px}
.home-delay-source.is-stale{color:#a64732}
.home-delay-card a{display:inline-block;margin-top:6px;color:#075c8a;font:900 10px "Fredoka",sans-serif;text-decoration:underline}
.home-delay-empty{min-height:240px;display:flex;align-items:center;justify-content:center;text-align:center;padding:16px;color:#5f6d68;font:850 12px/1.45 "Fredoka",sans-serif}
.home-news-footer{border-top:3px dashed #efb275;color:#735d68;margin-top:18px}
.home-news-footer a{background:#ff6381;box-shadow:0 3px 0 #ce3e5d}
@media(max-width:720px){
  .home-journal-split{grid-template-columns:1fr;gap:18px}
  .home-journal-split .home-news-lead{min-height:195px}
  .home-delay-panel{min-height:0}
  .home-delay-empty{min-height:100px}
}
@media(max-width:430px){
  .home-journal-section-title h3{font-size:19px}
  .home-journal-section-title span{font-size:8px}
}