/* FerryEU route and terminal comparisons. Scoped to the new planning sections. */
.fej-toc{display:flex;flex-wrap:wrap;gap:8px;padding-top:24px;padding-bottom:8px}
.fej-toc a{display:inline-flex;align-items:center;min-height:44px;padding:8px 14px;border:1px solid #cddde9;border-radius:8px;background:#fff;color:#07355c;font-weight:700;font-size:.93rem;text-decoration:none}
.fej-toc a:hover,.fej-toc a:focus-visible{background:#eaf5fc;border-color:#006ab3;outline-offset:3px}
.fe-journey.section{padding:36px 0 44px;background:#f6f9fc;color:#17384f}
.fe-journey *, .fej-guide *{box-sizing:border-box}
.fej-heading{max-width:900px;margin-bottom:26px}
.fe-journey h2,.fej-guide h2{color:#062b4f;font-size:clamp(1.5rem,3vw,2.15rem);line-height:1.22;margin:8px 0 16px}
.fe-journey h3,.fej-guide h3{color:#062b4f;font-size:1.2rem;line-height:1.35;margin:0 0 12px}
.fe-journey h4{color:#062b4f;font-size:1.08rem;margin:0 0 12px}
.fe-journey p,.fe-journey li,.fej-guide p,.fej-guide li{font-size:1rem;line-height:1.65;overflow-wrap:anywhere}
.fe-journey p,.fej-guide p{margin:0 0 14px}
.fe-journey a,.fej-guide a{color:#075ba0;text-underline-offset:3px}
.fe-journey .button-primary,.fej-guide .button-primary{color:#fff;text-decoration:none}
.fe-journey a:focus-visible,.fej-guide a:focus-visible{outline:3px solid #ffbd59;outline-offset:3px}
.fej-table-wrap{max-width:100%;overflow:auto;border:1px solid #ccdce9;border-radius:10px;background:#fff;margin:12px 0 26px;scrollbar-color:#627f98 #e5edf4}
.fej-table{border-collapse:collapse;width:100%;min-width:680px;text-align:left;font-size:.95rem}
.fej-table caption{text-align:left;padding:12px 16px;font-weight:700;background:#eaf2f8;color:#17384f}
.fej-table th{background:#07365d;color:#fff;vertical-align:top;padding:14px 16px;font-weight:700}
.fej-table td{padding:15px 16px;border-top:1px solid #e0e9f0;vertical-align:top;line-height:1.6;overflow-wrap:anywhere}
.fej-table tbody tr:nth-child(even){background:#f6f9fc}
.fej-table td:first-child{font-weight:700;min-width:135px}
.fej-table td a{display:inline-block;max-width:100%}
.fej-split{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:28px;margin:32px 0}
.fej-choice-note{padding:24px;border-left:4px solid #0078bd;border-radius:0 10px 10px 0;background:#eaf3fa}
.fej-guide-links{margin:10px 0 0;padding-left:20px}
.fej-guide-links li{margin:8px 0}
.fej-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:12px 0 30px}
.fej-card{background:#fff;border:1px solid #d5e2ec;border-radius:12px;padding:24px;min-width:0}
.fej-card ul{padding-left:20px;margin:0 0 16px}
.fej-card li{margin:0 0 9px}
.fej-card p:last-child,.fej-choice-note p:last-child{margin-bottom:0}
.fej-review{border-top:1px solid #ccdce9;padding-top:17px;margin-top:28px;font-size:.92rem}
.fej-review summary{cursor:pointer;color:#07365d;font-weight:700;padding:6px 0;min-height:38px}
.fej-review p{font-size:.92rem;margin:12px 0 0}
.fej-status{border-left:4px solid #bb6100;background:#fff5e9;padding:18px 22px;border-radius:0 10px 10px 0;margin:18px 0}
.fej-guide-hero{background:#07365d;color:#fff;padding:42px 0 36px}
.fej-guide-hero h1{color:#fff;max-width:900px;font-size:clamp(2rem,4vw,3.1rem);line-height:1.14;margin:10px 0 16px}
.fej-guide-hero p{max-width:850px;font-size:1.12rem;line-height:1.65;color:#edf5fc;margin-bottom:16px}
.fej-guide-hero .section-kicker{color:#a9daf4}
.fej-guide{padding:38px 0}
.fej-guide:nth-of-type(even){background:#f6f9fc}
.fej-guide .fej-intro{max-width:920px}
.fej-route-link-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 24px;padding-left:22px}
.fej-route-link-list li{padding:5px 0;line-height:1.6}
.fej-route-link-list .fej-route-status{display:block;font-size:.88rem;color:#6b4c2f}
.fej-inline-navigation{margin:18px 0;padding:18px 22px;border:1px solid #d5e2ec;border-radius:10px;background:#f2f7fb}
.fej-inline-navigation h2,.fej-inline-navigation h3{font-size:1.1rem;margin:0 0 8px;color:#062b4f}
.fej-inline-navigation ul{display:flex;flex-wrap:wrap;gap:10px 22px;list-style:none;padding:0;margin:0}
.fej-inline-navigation a{font-weight:700;line-height:1.65}
.fej-review-date{font-size:.9rem;color:#425d73;margin-top:10px}
@media(max-width:760px){
 .fej-split,.fej-card-grid{grid-template-columns:1fr;gap:16px}
 .fej-card,.fej-choice-note{padding:20px}
 .fej-route-link-list{grid-template-columns:1fr}
 .fej-guide-hero{padding:32px 0 26px}
 .fej-guide{padding:30px 0}
 .fe-journey.section{padding:28px 0 32px}
 .fej-toc{gap:6px;padding-top:18px}
 .fej-toc a{padding:8px 11px;font-size:.88rem}
 .fej-table th,.fej-table td{padding:12px}
}
@media print{
 .fej-toc,.fej-guide-hero .button,.fej-guide .button{display:none!important}
 .fej-table-wrap{overflow:visible;border-color:#888}
 .fej-table{min-width:0;font-size:9pt}
 .fej-table th{background:#e5e5e5!important;color:#111!important}
 .fej-guide-hero{background:#fff!important;color:#111!important;padding:10px 0}
 .fej-guide-hero h1,.fej-guide-hero p,.fej-guide-hero .section-kicker{color:#111!important}
 .fej-card,.fej-choice-note{break-inside:avoid;background:#fff}
 .fej-guide,.fe-journey.section{padding:14px 0;background:#fff}
 .fej-split,.fej-card-grid{display:block}
 .fej-card{margin-bottom:10px}
}

.fej-table-notes{margin:0 0 8px;padding-left:18px}.fej-table-notes li{margin:0 0 8px;font-size:.94rem;line-height:1.6}.fej-table-notes:last-child{margin-bottom:0}
@media screen and (max-width:760px){
 .fej-table{display:block;min-width:0;width:100%}
 .fej-table caption{display:block;width:100%;font-size:.95rem}
 .fej-table thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 .fej-table tbody,.fej-table tr,.fej-table td{display:block;width:100%}
 .fej-table tr{border-top:5px solid #ccdce9;padding:6px 0 12px}
 .fej-table tr:first-child{border-top:0}
 .fej-table td{border-top:0;padding:8px 16px;font-size:.96rem}
 .fej-table td:first-child{min-width:0}
 .fej-table td::before{content:attr(data-label);display:block;color:#425d73;font-size:.76rem;font-weight:700;letter-spacing:.035em;text-transform:uppercase;line-height:1.5;margin-bottom:5px}
 .fej-table td a{line-height:1.7}
 .fej-table-notes{padding-left:18px}
 .fej-table-notes li{margin-bottom:8px}
}

/* Keep planning-section headings clear of the sticky navigation. */
.fe-journey[id],
.fe-journey [id]{scroll-margin-top:100px}
