/* Marine service/support owner experience, adapted from the approved About page. */

.marine #planner .mi-planner-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px;align-items:start;margin-top:30px}
.marine #planner .mi-planner-main,.marine #planner .mi-area-options{min-width:0}
.marine #planner .mi-boat-preview{position:relative;isolation:isolate;background:#ededeb;overflow:hidden}
.marine #planner .mi-boat-preview img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;margin:0}
.marine #planner button.mi-area-marker{position:absolute;left:var(--pin-x);top:var(--pin-y);transform:translate(-50%,-50%);display:grid;place-items:center;width:36px;height:36px;min-height:36px;padding:0;border-radius:50%;border:2px solid #fff;background:#161619;color:#fff;font-size:1rem;line-height:1;font-weight:800;box-shadow:0 1px 8px #0009;cursor:pointer}
.marine #planner button.mi-area-marker:before{content:"";position:absolute;inset:-5px}
.marine #planner button.mi-area-marker:hover,.marine #planner button.mi-area-marker[aria-pressed=true]{background:#c8102d;color:#fff;border-color:#fff;box-shadow:0 0 0 4px #c8102d55,0 1px 8px #0008}
.marine #planner button.mi-area-marker:focus-visible{outline:3px solid #fff;outline-offset:4px}
.marine #planner .mi-area-options{padding:24px;background:#fff;border:1px solid #dedee2;border-top:4px solid #c8102d}
.marine #planner .mi-area-options h3{font-size:1.35rem;line-height:1.3;margin:0 0 20px}
.marine #planner .mi-primary-areas{display:grid;grid-template-columns:1fr;gap:12px;margin:0 0 22px}
.marine #planner .mi-primary-areas button{display:flex;justify-content:flex-start;align-items:center;gap:12px;text-align:left;width:100%;padding:12px;min-height:60px;line-height:1.35;white-space:normal;font-size:.96rem}
.marine #planner .mi-primary-areas button[aria-pressed=true]{background:#161619;color:#fff;border-color:#c8102d}
.marine #planner .mi-area-number{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border:1px solid currentColor;border-radius:50%;font-weight:800}
.marine #planner .mi-area-status{font-size:.95rem;line-height:1.55;margin-bottom:20px}
.marine #planner .mi-area-options>.button{width:100%;text-align:center;font-size:1rem}
.marine #planner .mi-other-areas{padding:28px;background:#fff;border:1px solid #dedee2;border-top:0}
.marine #planner .mi-other-areas h3{font-size:1.4rem;margin-bottom:12px}
.marine #planner .mi-other-areas .choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:22px 0}
.marine #planner .mi-other-areas .choices button{font-size:.95rem;white-space:normal;padding:12px;min-width:0;line-height:1.4}
.marine #planner .field{margin-top:24px}
.marine #planner .sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.marine #quote .wrap>p{max-width:85ch}
.marine #quote .form-shell{margin-top:28px;padding:32px;background:#fff;border:1px solid #dedee2;border-top:4px solid #c8102d}
.marine #quote .mi-step{font-weight:700;color:#c8102d;font-size:1.06rem;margin-bottom:24px}
.marine #quote .mi-request-areas{padding:20px;background:#f5f5f5;border-left:3px solid #c8102d;margin:0 0 26px}
.marine #quote .mi-request-areas h3{font-size:1.15rem;margin-bottom:10px}
.marine #quote .mi-request-areas p{white-space:pre-wrap;overflow-wrap:anywhere;margin-bottom:12px}
.marine #quote #mi-form>details{margin-block:20px}
.marine #quote #mi-form>details>.form-grid{padding-top:22px}
.marine #quote #mi-contact{padding-top:8px}
.marine #quote #mi-contact h3{margin:0 0 20px}
.marine #quote #mi-contact>#mi-edit{margin-bottom:24px}
.marine #quote #mi-prepared{margin-top:24px;padding:20px;background:#f5f5f5;border:1px solid #dedee2}
.marine #quote #mi-prepared>summary{font-size:1rem;padding:0}
.marine #quote #mi-prepared[open]>summary{margin-bottom:24px}
.marine #quote .mi-direct-help{display:flex;flex-wrap:wrap;gap:20px;align-items:center;margin:26px 0 18px}
.marine #quote .mi-direct-help button{background:transparent;border:2px solid #c8102d;color:#a50d25}
.marine #quote .mi-direct-help button:hover{background:#c8102d;color:#fff}
.marine #quote .permission span{font-size:1rem;line-height:1.6}
@media(max-width:900px){.marine #planner .mi-planner-layout{grid-template-columns:minmax(0,1fr) 250px;gap:20px}.marine #planner .mi-area-options{padding:20px}.marine #planner .mi-other-areas{padding:22px}.marine #planner .mi-other-areas .choices{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.marine #planner .mi-planner-layout{grid-template-columns:1fr}.marine #planner .mi-planner-main{display:contents}.marine #planner .mi-boat-preview{grid-row:1}.marine #planner .mi-area-options{grid-row:2}.marine #planner .mi-other-areas{grid-row:3;border-top:1px solid #dedee2}.marine #planner .mi-primary-areas{grid-template-columns:1fr}.marine #planner .mi-primary-areas button{min-height:52px}.marine #quote .form-shell{padding:24px 18px}.marine #quote .mi-direct-help{align-items:stretch;flex-direction:column}.marine #quote .mi-direct-help>*{text-align:center}.marine #quote .form-grid{grid-template-columns:1fr}.marine #quote .full{grid-column:auto}}

/* About Marine ownership articles: consistent linked thumbnails. */
.marine #journal .marine-reading-card{padding:0;overflow:hidden;align-items:stretch}
.marine #journal .marine-reading-image{display:block;flex:none;width:100%;background:#ededeb}
.marine #journal .marine-reading-image img{display:block;width:100%;height:auto;aspect-ratio:1672/941;object-fit:cover;margin:0}
.marine #journal .marine-reading-copy{display:flex;flex-direction:column;flex:1;min-width:0;padding:26px}
.marine #journal .marine-reading-copy h3{margin:0 0 20px;min-height:2.5em;line-height:1.25}
.marine #journal .marine-reading-copy p{margin:0;line-height:1.65}
.marine #journal .marine-reading-copy a{color:#c8102d!important;text-decoration:underline;text-underline-offset:4px}
.marine #journal .marine-reading-copy a:hover{color:#990c22!important}
.marine #journal .marine-reading-card a:focus-visible{outline:3px solid #c8102d;outline-offset:-3px}
@media(max-width:700px){.marine #journal .marine-reading-copy{padding:22px}.marine #journal .marine-reading-copy h3{min-height:0;margin-bottom:16px}}

.marine #planner .mi-primary-areas{align-content:start}
.marine #planner .mi-other-areas .choices button{overflow-wrap:anywhere}
.marine #quote .sr-only,.marine #planner .sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.marine.marine-pricing-refined #proposal .cards+p,.marine.marine-pricing-refined #planning .cards+p{margin-top:28px;padding-block:18px;line-height:1.75}