/* The visual system comes from Skye. These rules cover Mull's additional editorial/photo slots. */
.mull-hero{position:relative;background:#e5ebe6!important;color:#193746;overflow:hidden}
.mull-hero .elementor-heading-title,.mull-hero p{color:#193746!important;text-shadow:none!important}
.mull-hero>.e-con-inner{position:relative}
.mull-hero .mull-image-hero{min-height:0;aspect-ratio:auto;background:none;border:0;border-radius:0}
.mull-hero .mull-image-hero small{display:block}
.mull-image-placeholder{display:flex;align-items:center;justify-content:center;aspect-ratio:3/2;background:#eaf0ec;border:1px dashed #8eaaa4;border-radius:18px;color:#375950;text-align:center;overflow:hidden;margin:24px 0}
.mull-image-placeholder span{padding:24px}.mull-image-placeholder strong{display:block;font:500 clamp(18px,2vw,25px)/1.35 'Roboto Serif',Georgia,serif}.mull-image-placeholder small{display:block;margin-top:10px;font:400 13px/1.5 Roboto,Arial,sans-serif}
.mull-editor-image{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:18px}
.mull-metadata{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 28px;margin:0;padding:28px 0;border-bottom:1px solid #dce4e2;color:#193746}.mull-metadata div:nth-last-child(-n+2){grid-column:span 3}.mull-metadata dt{font:600 12px/1.5 Roboto,Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#526970}.mull-metadata dd{font:400 16px/1.6 Roboto,Arial,sans-serif;margin:5px 0 0}
.mull-editorial{color:#193746;font:400 17px/1.75 Roboto,Arial,sans-serif;max-width:1000px;margin-inline:auto}.mull-editorial p{max-width:76ch}.mull-editorial h2{font:500 clamp(28px,3vw,40px)/1.25 'Roboto Serif',Georgia,serif;margin:36px 0 20px}.mull-editorial h3{font:500 clamp(25px,2.5vw,32px)/1.3 'Roboto Serif',Georgia,serif;margin:30px 0 16px}.mull-editorial h4{font:500 clamp(21px,2vw,27px)/1.35 'Roboto Serif',Georgia,serif;margin:26px 0 14px}.mull-guide-part{padding:20px 0 36px;border-bottom:1px solid #dce4e2}.mull-pause{padding:24px 28px;border-left:3px solid #8db23e;background:#eff4eb;border-radius:0 18px 18px 0;margin:30px 0}.mull-pause h4{margin:0 0 10px}.mull-pause p{margin:0}.mull-practical-links{display:flex;flex-wrap:wrap;gap:12px 24px;margin:24px 0}.mull-practical-links a,.mull-editorial a{text-decoration:underline;text-underline-offset:3px}.mull-road-guide .skye-card-action{display:inline-block;text-decoration:none}
.mull-map-status{font-size:13px!important;color:#526970}.mull-road-choices button{min-height:48px!important}.mull-signature-list{padding-left:24px;line-height:1.8}.mull-signature-list li{margin:12px 0}
@media(max-width:767px){.mull-metadata{grid-template-columns:1fr 1fr;gap:18px}.mull-metadata div:nth-last-child(-n+3){grid-column:span 2}.mull-image-placeholder{margin:20px 0}.mull-editorial{font-size:16px}.mull-pause{padding:22px}.mull-road-choices{flex-wrap:wrap!important;overflow:visible!important}.mull-road-choices button{width:100%;white-space:normal!important}.mull-practical-links{display:grid}.mull-hero{min-height:420px!important}}
@media(prefers-reduced-motion:reduce){.wc300-skye-explorer *,.mull-editorial *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
body.wc300-mull-iona{overflow-x:clip}
body.wc300-mull-iona .mull-hero{aspect-ratio:16/9;min-height:0!important;padding:clamp(28px,5vw,72px)!important;justify-content:flex-end!important}
body.wc300-mull-iona .mull-hero>.elementor-element-a35b987{position:relative;z-index:2;width:100%;max-width:1272px;padding:0!important}
body.wc300-mull-iona .mull-hero .elementor-heading-title{font-size:clamp(42px,5.3vw,72px)!important;max-width:1050px}
body.wc300-mull-iona .mull-hero .elementor-widget-heading{padding:0!important;margin:0!important}
body.wc300-mull-iona .mull-hero>.elementor-widget-shortcode{position:absolute;inset:0;z-index:0;width:100%;height:100%;pointer-events:none}
body.wc300-mull-iona .mull-hero>.elementor-widget-shortcode .elementor-shortcode{height:100%}
body.wc300-mull-iona .mull-hero .mull-image-hero{position:absolute;inset:0;aspect-ratio:auto;margin:0;align-items:flex-start;justify-content:flex-end}
body.wc300-mull-iona .mull-hero .mull-image-hero strong{font-size:16px}
body.wc300-mull-iona .mull-hero .mull-editor-image{width:100%;height:100%;object-fit:cover;aspect-ratio:auto;border-radius:0}
@media(max-width:767px){body.wc300-mull-iona .mull-hero{aspect-ratio:4/5;padding:26px!important}body.wc300-mull-iona .mull-hero .elementor-heading-title{font-size:38px!important;line-height:1.13!important}body.wc300-mull-iona .mull-hero .mull-image-hero span{padding:24px;font-size:12px}.mull-hero .mull-image-hero strong{font-size:14px!important}}
@media(max-width:767px){body.wc300-mull-iona #skye-explorer .skye-pills.mull-road-choices{display:flex!important;flex-wrap:wrap!important;overflow:visible!important;width:100%}body.wc300-mull-iona #skye-explorer .mull-road-choices button{width:100%!important;max-width:100%;white-space:normal!important;min-height:48px!important}}

/* One content edge across the hero, explorer and Elementor editorial containers. */
body.wc300-mull-iona{--mull-page-gutter:clamp(24px,4vw,64px);--mull-content-width:1272px;--mull-content-inset:max(var(--mull-page-gutter),calc((100% - var(--mull-content-width))/2))}
body.wc300-mull-iona .mull-hero,
body.wc300-mull-iona .mull-editorial,
body.wc300-mull-iona #skye-explorer{box-sizing:border-box;width:100%;max-width:none;margin-inline:0;padding-inline:var(--mull-content-inset)!important}
body.wc300-mull-iona .mull-editorial>.e-con-inner,
body.wc300-mull-iona .mull-hero>.elementor-element-a35b987,
body.wc300-mull-iona .mull-hero>.elementor-element-a35b987>.e-con-inner{width:100%;max-width:none;margin-inline:0;padding-inline:0!important}

/* A quiet lower gradient keeps the hero title readable over the supplied photograph. */
body.wc300-mull-iona .mull-hero:has(.mull-editor-image)::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(to bottom,transparent 35%,rgba(6,26,35,.32) 62%,rgba(6,26,35,.84) 100%);pointer-events:none}
body.wc300-mull-iona .mull-hero:has(.mull-editor-image) .elementor-heading-title,body.wc300-mull-iona .mull-hero:has(.mull-editor-image) p{color:#fff!important;text-shadow:0 2px 12px #061a2355!important}
body.wc300-mull-iona .mull-hero picture{display:block;height:100%;width:100%}

/* Let the container gap provide spacing, without stacking widget/heading margins. */
body.wc300-mull-iona .mull-editorial.e-con{--gap:16px;--row-gap:16px;gap:16px;padding-block:24px!important}
body.wc300-mull-iona .mull-editorial.e-con>.e-con-inner{gap:16px;padding-block:0!important}
body.wc300-mull-iona .mull-editorial .elementor-widget{margin-block:0!important}
body.wc300-mull-iona .mull-editorial .elementor-heading-title{margin:0}
body.wc300-mull-iona .mull-editorial .elementor-widget-heading:not(:first-child){padding-top:8px}
body.wc300-mull-iona .mull-editorial .elementor-widget-text-editor p:first-child{margin-top:0}
body.wc300-mull-iona .mull-editorial .elementor-widget-text-editor p:last-child{margin-bottom:0}
body.wc300-mull-iona .mull-editorial .elementor-widget-text-editor p+p{margin-top:12px}
body.wc300-mull-iona .mull-editorial .mull-pause{margin-block:0;padding:20px 24px}
body.wc300-mull-iona .mull-editorial .mull-image-placeholder{margin-block:0}
body.wc300-mull-iona .mull-editorial .mull-metadata{padding-block:12px 20px}
body.wc300-mull-iona .mull-editorial .mull-signature-list{margin-block:0}
body.wc300-mull-iona .mull-editorial .mull-signature-list li{margin-block:6px}
body.wc300-mull-iona .mull-editorial.mull-journey-heading{padding-bottom:0!important}
@media(max-width:767px){
 body.wc300-mull-iona .mull-editorial.e-con{--gap:14px;--row-gap:14px;gap:14px;padding-block:20px!important}
 body.wc300-mull-iona .mull-editorial.e-con>.e-con-inner{gap:14px}
 body.wc300-mull-iona .mull-editorial .mull-pause{padding:18px 20px}
 body.wc300-mull-iona .mull-editorial.mull-journey-heading{padding-bottom:0!important}
}

/* Two named choices, with a sliding selection highlight and generous tap targets. */
body.wc300-mull-iona #skye-explorer .skye-pills.mull-road-choices{position:relative;isolation:isolate;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0;max-width:440px;width:100%;padding:4px;border:1px solid #bac8c9;border-radius:999px;background:#e7eeeb;box-sizing:border-box;overflow:visible!important}
body.wc300-mull-iona #skye-explorer .mull-road-choices::before{content:"";position:absolute;z-index:0;top:4px;bottom:4px;left:4px;width:calc((100% - 8px)/2);border-radius:999px;background:#174c65;box-shadow:0 2px 5px #19374626;transform:translateX(0);transition:transform .2s ease;pointer-events:none}
body.wc300-mull-iona #skye-explorer .mull-road-choices:has([data-mull-choice="salen"][aria-pressed="true"])::before{transform:translateX(100%)}
body.wc300-mull-iona #skye-explorer .mull-road-choices button{position:relative;z-index:1;min-width:0;width:100%!important;max-width:none;min-height:48px!important;margin:0;border:0!important;border-radius:999px;background:transparent!important;box-shadow:none!important;padding:10px 8px;font:600 14px/1.3 Roboto,Arial,sans-serif;color:#193746!important;text-align:center;white-space:nowrap!important;touch-action:manipulation;transition:color .2s ease}
body.wc300-mull-iona #skye-explorer .mull-road-choices button[aria-pressed="true"]{color:#fff!important}
body.wc300-mull-iona #skye-explorer .mull-road-choices button:focus-visible{outline:3px solid #b46a18;outline-offset:3px}
@media(prefers-reduced-motion:reduce){body.wc300-mull-iona #skye-explorer .mull-road-choices::before{transition:none}}

/* A brief transport handover: the marker holds still while the next icon is introduced. */
body.wc300-mull-iona .mull-transport-cue{position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);width:max-content;max-width:180px;padding:7px 11px;border-radius:12px;background:#173f4d;color:#fff;box-shadow:0 3px 10px #19374633;font:500 12px/1.35 Roboto,Arial,sans-serif;text-align:center;pointer-events:none}
body.wc300-mull-iona .skye-route-car.is-transport-change .wc300-home-route-map__vehicle-icon{animation:mull-transport-emphasis .75s ease-in-out}
@keyframes mull-transport-emphasis{0%,100%{transform:translate(-50%,-50%) scale(1)}45%{transform:translate(-50%,-50%) scale(1.12)}}
@media(prefers-reduced-motion:reduce){body.wc300-mull-iona .skye-route-car.is-transport-change .wc300-home-route-map__vehicle-icon{animation:none}}

/* Opening trip facts use the Core Route's white, rounded information cards. */
body.wc300-mull-iona .mull-editorial .mull-metadata{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin:0;padding:0!important;border:0}
body.wc300-mull-iona .mull-metadata>div{grid-column:span 2;min-width:0;padding:20px;background:#fff;border:1px solid #e0e7e3;border-radius:20px;box-shadow:0 3px 12px #19374608}
body.wc300-mull-iona .mull-metadata>div:nth-last-child(-n+2){grid-column:span 3}
body.wc300-mull-iona .mull-metadata dt{font-size:11px;line-height:1.45;color:#526970}
body.wc300-mull-iona .mull-metadata dd{margin:8px 0 0;font-size:17px;font-weight:500;line-height:1.45;overflow-wrap:normal;word-break:normal;hyphens:none}
body.wc300-mull-iona .mull-metadata>div:nth-last-child(-n+2) dd{font-size:16px;font-weight:400;line-height:1.5}
@media(max-width:767px){
 body.wc300-mull-iona .mull-editorial .mull-metadata{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 body.wc300-mull-iona .mull-metadata>div{grid-column:span 1;padding:16px}
 body.wc300-mull-iona .mull-metadata>div:nth-last-child(-n+3){grid-column:span 2}
 body.wc300-mull-iona .mull-metadata dd{font-size:16px}
}

/* Match Skye section-card image proportions, including unassigned image slots. */
body.wc300-mull-iona .mull-section-cards .mull-image-placeholder{height:250px;min-height:0;aspect-ratio:auto;margin:0;border:0;border-radius:0}
@media(max-width:767px){body.wc300-mull-iona .mull-section-cards .mull-image-placeholder{height:190px}}

/* Compact Journey cards reuse the Skye detour rail and its mobile scrolling behaviour. */
body.wc300-mull-iona .mull-journey-cards{align-items:start}
body.wc300-mull-iona .mull-journey-cards .mull-image-placeholder{height:auto;min-height:0;aspect-ratio:4/3;margin:0;border:0;border-radius:0}
body.wc300-mull-iona .mull-journey-cards .mull-image-placeholder strong{font-size:20px}
body.wc300-mull-iona .mull-journey-cards .skye-detour-body h3{margin:0 0 12px}
body.wc300-mull-iona .mull-journey-cards .skye-detour-body p{font-size:16px;line-height:1.6;margin:0}
body.wc300-mull-iona .mull-journey-cards .skye-action{text-decoration:none;text-align:center;min-height:44px}
body.wc300-mull-iona .mull-journey-details{font-size:15px;line-height:1.6;border-top:1px solid #dce4e2;padding-top:12px}
body.wc300-mull-iona .mull-journey-details summary{cursor:pointer;font-weight:600;color:#146b68;min-height:44px;padding:10px 0}
body.wc300-mull-iona .mull-journey-details summary:focus-visible{outline:2px solid #174c65;outline-offset:3px}
body.wc300-mull-iona .mull-journey-details[open] p{margin:12px 0;font-size:15px}
body.wc300-mull-iona .mull-journey-details h4{font-size:20px;margin:20px 0 12px}
body.wc300-mull-iona .mull-journey-details .mull-pause{padding:14px;border-radius:0 12px 12px 0}
body.wc300-mull-iona .mull-journey-actions{display:grid;gap:10px;margin-top:auto}

/* Equal cards and a single aligned action per card. */
body.wc300-mull-iona .mull-journey-cards{align-items:stretch}
body.wc300-mull-iona .mull-journey-cards .skye-detour-card{height:100%;display:flex;flex-direction:column}
body.wc300-mull-iona .mull-journey-cards .skye-detour-image{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;flex-shrink:0}
body.wc300-mull-iona .mull-journey-cards .skye-detour-body{display:flex;flex-direction:column;flex:1;gap:16px}
body.wc300-mull-iona .mull-journey-cards .mull-journey-details{margin-top:auto}
body.wc300-mull-iona .mull-journey-cards .skye-detour-body>.skye-action{margin-top:0!important;align-self:flex-start}

/* Core Route-style practical overview: white icon cards on a pale cream band. */
body.wc300-mull-iona .mull-trip-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0;padding:20px;background:#f7f1dd;border-radius:20px;font-family:Roboto,Arial,sans-serif}
body.wc300-mull-iona .mull-trip-fact{min-width:0;background:#fff;border-radius:28px;padding:20px 16px;color:#4e5658}
body.wc300-mull-iona .mull-trip-fact dt{display:flex;gap:10px;align-items:center;min-height:42px;margin:0 0 20px;font-size:13px;line-height:1.1;font-weight:700;text-transform:uppercase;color:#353b3e}

body.wc300-mull-iona .mull-trip-fact dd{margin:0;font-size:15px;line-height:1.5;overflow-wrap:normal;word-break:normal;hyphens:none}
body.wc300-mull-iona .mull-trip-fact dd strong{display:block;font:500 23px/1.2 'Roboto Serif',Georgia,serif;color:#353b3e;margin-bottom:8px}
body.wc300-mull-iona .mull-trip-connection{font-size:14px;line-height:1.6;margin:14px 0 0}
@media(max-width:1199px){body.wc300-mull-iona .mull-trip-facts{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:767px){body.wc300-mull-iona .mull-trip-facts{grid-template-columns:repeat(2,minmax(0,1fr));padding:14px;gap:12px}body.wc300-mull-iona .mull-trip-fact{padding:18px 14px;border-radius:24px}}

body.wc300-mull-iona .mull-trip-fact dt,body.wc300-mull-iona .mull-trip-fact dd strong{overflow-wrap:normal;word-break:normal;hyphens:none}
@media(max-width:380px){body.wc300-mull-iona .mull-trip-fact dt{flex-direction:column;align-items:flex-start;min-height:65px}body.wc300-mull-iona .mull-trip-fact dd strong{font-size:20px}}

body.wc300-mull-iona .mull-fact-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;flex:0 0 40px;border-radius:50%;background:#edf5f2;border:1px solid #d3e5df;color:#168c90;box-sizing:border-box}
body.wc300-mull-iona .mull-fact-icon svg{display:block;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
body.wc300-mull-iona .mull-fact-icon--car svg{width:30px;height:30px}
body.wc300-mull-iona .mull-trip-fact dt{min-height:48px;gap:12px}
@media(max-width:767px){body.wc300-mull-iona .mull-trip-fact dt{flex-direction:column;align-items:flex-start;min-height:88px}}

body.wc300-mull-iona .wc300-info-break{display:none}
@media(max-width:767px){
body.wc300-mull-iona .mull-trip-fact dt{flex-direction:row;align-items:center;gap:8px;min-height:40px;margin-bottom:12px;font-size:11px;line-height:1.15}
body.wc300-mull-iona .mull-trip-fact dt>span:last-child{flex:1;min-width:0;text-align:left}
body.wc300-mull-iona .mull-trip-fact .wc300-info-break{display:block}
}

/* Mobile journey preview: reuse the map, preserve the reading position. */
body.wc300-mull-iona #skye-explorer .mull-journey-panel{position:fixed;inset:auto 0 0;margin:0;width:100%;max-width:none;height:94vh;height:94dvh;max-height:none;box-sizing:border-box;border:0;border-radius:24px 24px 0 0;padding:18px 16px max(16px,env(safe-area-inset-bottom));background:#f8f6ee;color:#193746;overflow:auto;overscroll-behavior:contain}
body.wc300-mull-iona #skye-explorer .mull-journey-panel[open]{display:flex;flex-direction:column;gap:12px;animation:mull-panel-enter .22s ease-out}
.mull-journey-panel::backdrop{background:rgba(12,35,43,.5)}
.mull-panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-shrink:0}
body.wc300-mull-iona #skye-explorer .mull-panel-header h2{font-size:22px;line-height:1.2;margin:4px 0 0}
.mull-panel-count{font:600 11px/1.4 Roboto,Arial,sans-serif;text-transform:uppercase;letter-spacing:.05em;color:#526970}
body.wc300-mull-iona #skye-explorer .mull-panel-close,body.wc300-mull-iona #skye-explorer .mull-panel-nav button{min-height:44px;border:1px solid #cbdcd8;border-radius:24px;background:#fff;color:#193746;padding:9px 14px;font:600 14px/1.2 Roboto,Arial,sans-serif;white-space:nowrap}
.mull-panel-close span{font-size:22px;vertical-align:middle;margin-left:4px}
.mull-panel-map{flex:1;min-height:220px;display:flex}
.mull-panel-map [data-skye-map-home],.mull-panel-map .wc300-the-map{width:100%;height:100%}
body.wc300-mull-iona #skye-explorer .mull-panel-map .wc300-the-map{--wc300-map-h:100%;--wc300-map-min:220px;--wc300-map-max:none;padding:0;margin:0}
body.wc300-mull-iona #skye-explorer .mull-panel-map .wc300-map-stage{height:100%}
body.wc300-mull-iona #skye-explorer .mull-panel-map .wc300-the-map__map{height:100%!important;min-height:220px!important;max-height:none!important}
body.wc300-mull-iona #skye-explorer .mull-panel-tools .skye-map-toolbar{margin:0;padding:0}
.mull-panel-tools,.mull-panel-choices,.mull-panel-nav{flex-shrink:0}
.mull-panel-choices[hidden]{display:none!important}
body.wc300-mull-iona #skye-explorer .mull-panel-choices .mull-road-choices{margin:0!important}
body.wc300-mull-iona #skye-explorer .mull-panel-status{font-size:12px;line-height:1.4;margin:0;color:#526970}
.mull-panel-nav{display:flex;justify-content:space-between;gap:12px}
.mull-panel-nav button:disabled{opacity:.4;cursor:default}
@keyframes mull-panel-enter{from{transform:translateY(24px);opacity:0}to{transform:translateY(0);opacity:1}}
@media(prefers-reduced-motion:reduce){body.wc300-mull-iona #skye-explorer .mull-journey-panel[open]{animation:none}}
body.wc300-mull-iona #skye-explorer .mull-panel-map .mapboxgl-ctrl-group{background:#fff;border-radius:12px;overflow:hidden}
body.wc300-mull-iona #skye-explorer .mull-panel-map .mapboxgl-ctrl-group button{width:40px;height:40px;min-height:40px;padding:0;border-radius:0;background:#fff;color:#193746;border:0;border-bottom:1px solid #e1e8e5}
body.wc300-mull-iona #skye-explorer .mull-panel-map .mapboxgl-ctrl-icon{display:flex;width:40px;height:40px;align-items:center;justify-content:center;background:none;font:500 24px/1 Arial,sans-serif}
.mull-panel-map .mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon::before{content:'+'}
.mull-panel-map .mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon::before{content:'−'}
.mull-panel-map .mapboxgl-ctrl-compass .mapboxgl-ctrl-icon::before{content:'↑';font-size:23px}

/* Practical tips retain the desktop flow; use the shared, contained rail on mobile. */
body.wc300-mull-iona .mull-practical-rail{display:block;margin:0;padding:0;overflow:visible}
body.wc300-mull-iona .mull-practical-swipe{display:none}
@media(min-width:0px){
body.wc300-mull-iona .mull-practical-swipe{display:block;font-size:13px;line-height:1.4;color:#526970;margin:0 0 14px}
body.wc300-mull-iona .mull-practical-frame{margin:0 0 20px;min-width:0}
body.wc300-mull-iona .mull-practical-rail{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:86%;gap:14px;overflow-x:auto;overscroll-behavior-x:none;overscroll-behavior-inline:none;scroll-snap-type:x mandatory;scroll-padding-inline:0;touch-action:pan-x pan-y pinch-zoom;-webkit-overflow-scrolling:touch;padding:0 0 12px;scrollbar-width:thin;scrollbar-color:#174f5f transparent}
body.wc300-mull-iona .mull-practical-card{min-width:0;scroll-snap-align:start;scroll-snap-stop:normal;padding:22px;background:#fff;border:1px solid #d3e5df;border-radius:22px;box-sizing:border-box}
body.wc300-mull-iona .mull-practical-card h3{margin:0 0 12px;font-size:23px;line-height:1.2;color:#174f5f}
body.wc300-mull-iona .mull-practical-card p{margin:0;font-size:16px;line-height:1.6;color:#526970}
body.wc300-mull-iona .mull-practical-frame::before,body.wc300-mull-iona .mull-practical-frame::after{display:block;opacity:0;width:24px;bottom:12px;transition:opacity .18s ease;pointer-events:none}
body.wc300-mull-iona .mull-practical-frame.has-more-left::before,body.wc300-mull-iona .mull-practical-frame.has-more-right::after{opacity:1}
body.wc300-mull-iona .mull-practical-rail:focus-visible{outline:2px solid #168c90;outline-offset:4px}
}
@media(prefers-reduced-motion:reduce){body.wc300-mull-iona .mull-practical-frame::before,body.wc300-mull-iona .mull-practical-frame::after{transition:none}}

body.wc300-mull-iona .mull-editorial .mull-practical-section{padding-inline:0!important}
body.wc300-mull-iona .mull-practical-section>h2{margin-top:0}

/* Match the established Lucide circles, keeping practical headings alongside. */
body.wc300-mull-iona .mull-practical-card h3{display:flex;align-items:center;gap:12px}
body.wc300-mull-iona .mull-practical-card h3>span:last-child{min-width:0;overflow-wrap:normal;word-break:normal}
body.wc300-mull-iona .mull-practical-card .mull-fact-icon svg *{fill:none}

/* The opening facts share the mobile rail's snapping and outward-gesture guards. */
@media(max-width:767px){
body.wc300-mull-iona .mull-facts-frame{position:relative;min-width:0;background:#f7f1dd;border-radius:20px;overflow:hidden}
body.wc300-mull-iona .mull-trip-facts{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:86%;gap:14px;overflow-x:auto;overscroll-behavior-x:none;overscroll-behavior-inline:none;scroll-snap-type:x mandatory;scroll-padding-inline:14px;touch-action:pan-x pan-y pinch-zoom;-webkit-overflow-scrolling:touch;padding:14px;scrollbar-width:thin;scrollbar-color:#174f5f transparent}
body.wc300-mull-iona .mull-trip-fact{scroll-snap-align:start;scroll-snap-stop:normal;box-sizing:border-box;padding:20px}
body.wc300-mull-iona .mull-facts-frame::before,body.wc300-mull-iona .mull-facts-frame::after{display:block;opacity:0;width:24px;bottom:0;transition:opacity .18s ease;pointer-events:none}
body.wc300-mull-iona .mull-facts-frame::before{background:linear-gradient(to right,#f7f1dd,transparent)}
body.wc300-mull-iona .mull-facts-frame::after{background:linear-gradient(to left,#f7f1dd,transparent)}
body.wc300-mull-iona .mull-facts-frame.has-more-left::before,body.wc300-mull-iona .mull-facts-frame.has-more-right::after{opacity:1}
body.wc300-mull-iona .mull-trip-facts:focus-visible{outline:2px solid #168c90;outline-offset:-2px}
}
@media(prefers-reduced-motion:reduce){body.wc300-mull-iona .mull-facts-frame::before,body.wc300-mull-iona .mull-facts-frame::after{transition:none}}

.mull-practical-controls{display:none}
@media(min-width:768px){
body.wc300-mull-iona .mull-practical-rail{grid-auto-columns:minmax(280px,31%);gap:20px}
body.wc300-mull-iona .mull-practical-swipe{display:none}
body.wc300-mull-iona .mull-practical-controls{display:flex;justify-content:flex-end;gap:10px;margin:0 0 14px}
body.wc300-mull-iona .mull-practical-controls button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #c5d9d5;border-radius:24px;padding:10px 16px;background:#fff;color:#174f5f;font:500 14px/1.2 Roboto,Arial,sans-serif;cursor:pointer;min-height:44px}
body.wc300-mull-iona .mull-practical-controls button:disabled{opacity:.4;cursor:default}
body.wc300-mull-iona .mull-practical-controls button:focus-visible{outline:2px solid #168c90;outline-offset:3px}
}

@media(min-width:768px){
body.wc300-mull-iona .mull-practical-frame{position:relative;overflow:hidden}
body.wc300-mull-iona .mull-practical-rail{grid-auto-columns:clamp(300px,28vw,380px)}
body.wc300-mull-iona .mull-practical-frame::before,body.wc300-mull-iona .mull-practical-frame::after{content:"";position:absolute;top:0;z-index:2}
body.wc300-mull-iona .mull-practical-frame::before{left:0;background:linear-gradient(to right,#f7f5ee,transparent)}
body.wc300-mull-iona .mull-practical-frame::after{right:0;background:linear-gradient(to left,#f7f5ee,transparent)}
}