/* SBR2 Site: the Sök båt page ([sok_bat] from sbr2-search + the Hitta ägaren seam from sbr2-fynd)
 * in the site design. Pure restyle, scoped to .sbr2-sok-embed: markup, copy, the h1 "Sök båt"
 * and every link stay exactly as sbr2-search renders them.
 */

html body .sbr2-sok-embed {
	--s2s-accent: var(--sbrs-accent);
	--s2s-accent-soft: var(--sbrs-accent-wash);
	--s2s-muted: var(--sbrs-muted);
	--s2s-ok: var(--sbrs-good);
	--s2s-warn: var(--sbrs-warn);
	--s2s-stolen: var(--sbrs-crit);
	max-width: none;
	margin: 0;
	padding: 0;
	font-family: var(--sbrs-ui);
	color: var(--sbrs-ink);
	background: #fff;
}

/* ---------- The search: a light band, left-aligned like the rest of the site */
html body .sbr2-sok-embed .s2s-search {
	max-width: none;
	margin: 0;
	padding: 56px max(32px, calc((100% - 1180px) / 2 + 32px)) 56px;
	background: radial-gradient(900px 420px at 85% 0%, #E3EDFB 0%, rgba(227, 237, 251, 0) 65%), linear-gradient(180deg, #F2F6FC 0%, #F8FAFD 100%);
	border-bottom: 1px solid var(--sbrs-line);
}
html body .sbr2-sok-embed .s2s-hero { text-align: left; max-width: 780px; }
html body .sbr2-sok-embed .s2s-wordmark { font-family: var(--sbrs-ui); font-size: 52px; font-weight: 850; letter-spacing: -.035em; line-height: 1.04; color: var(--sbrs-ink); margin: 0; text-transform: none; }
html body .sbr2-sok-embed .s2s-tagline { margin: 14px 0 26px; max-width: 58ch; font-size: 18px; line-height: 1.55; color: var(--sbrs-ink-2); }
html body .sbr2-sok-embed .s2s-inputwrap { background: #fff; border: 1.5px solid var(--sbrs-line-2); border-radius: 16px; padding: 6px 6px 6px 18px; box-shadow: 0 18px 40px -26px rgba(10, 30, 63, .35); }
html body .sbr2-sok-embed .s2s-inputwrap:focus-within { border-color: var(--sbrs-accent); box-shadow: 0 0 0 4px var(--sbrs-accent-wash); }
html body .sbr2-sok-embed .s2s-inputwrap input { height: 52px; margin: 0; border: 0; box-shadow: none; background: transparent; }
html body .sbr2-sok-embed .s2s-go { height: 52px; padding: 0 26px; border-radius: 12px; background: var(--sbrs-accent); font: 700 16px var(--sbrs-ui); color: #fff; border: 0; margin: 0; }
html body .sbr2-sok-embed .s2s-go:hover { background: var(--sbrs-accent-deep); filter: none; }
html body .sbr2-sok-embed .s2s-hint { font-size: 14px; color: var(--sbrs-muted); margin-top: 12px; }
html body .sbr2-sok-embed .s2s-results { max-width: 900px; }
html body .sbr2-sok-embed .s2s-results:not(:empty) { margin-top: 28px; }

/* ---------- The verdict card: colour and word, readable at arm's length */
html body .sbr2-sok-embed .s2s-verdict { border: 1px solid var(--sbrs-line); border-top-width: 6px; border-radius: 18px; background: #fff; box-shadow: 0 30px 60px -44px rgba(10, 30, 63, .5); padding: 24px; text-align: left; }
html body .sbr2-sok-embed .s2s-verdict h2 { font-family: var(--sbrs-ui); font-size: 24px; font-weight: 850; letter-spacing: -.02em; text-transform: none; }
html body .sbr2-sok-embed .s2s-verdict--stolen { background: var(--sbrs-crit-wash); }
html body .sbr2-sok-embed .s2s-vicon { border-radius: 14px; }
html body .sbr2-sok-embed .s2s-fact-label { font-weight: 800; letter-spacing: .06em; }
html body .sbr2-sok-embed .s2s-fact-value { font-weight: 700; }
html body .sbr2-sok-embed .s2s-fact--reg .s2s-fact-value { font: italic 700 20px/1.1 var(--sbrs-plate); text-transform: uppercase; letter-spacing: .02em; color: #0B0F1A; }

/* ---------- "Vems är båten?" (sbr2-fynd seam) */
html body .sbr2-sok-embed .sbr2-hitta-sok { max-width: 1180px; margin: 0 auto; padding: 64px 32px 0; box-sizing: border-box; }
html body .sbr2-sok-embed .ha { font-family: var(--sbrs-ui); }
html body .sbr2-sok-embed .ha-hero--compact { text-align: left; }
html body .sbr2-sok-embed .ha-hero--compact h2 { font-family: var(--sbrs-ui); font-size: 30px; font-weight: 800; letter-spacing: -.02em; color: var(--sbrs-ink); text-transform: none; }
html body .sbr2-sok-embed .ha-lead { color: var(--sbrs-ink-2); font-size: 16.5px; max-width: 62ch; margin-left: 0; }
html body .sbr2-sok-embed .ha-q { font-family: var(--sbrs-ui); font-size: 18px; font-weight: 800; text-transform: none; text-align: left; }
html body .sbr2-sok-embed .ha-cards button { text-align: left; border: 1.5px solid var(--sbrs-line); border-radius: 16px; background: #fff; box-shadow: none; }
html body .sbr2-sok-embed .ha-cards button:hover { border-color: var(--sbrs-accent); }
html body .sbr2-sok-embed .ha-card-t { font-weight: 800; color: var(--sbrs-ink); }
html body .sbr2-sok-embed .ha-card-d { color: var(--sbrs-ink-2); }
html body .sbr2-sok-embed .ha-card-icon { font-size: 0; width: 44px; height: 44px; border-radius: 12px; background: var(--sbrs-accent-wash); display: grid; place-items: center; }
html body .sbr2-sok-embed .ha-card-icon::before { content: ""; width: 22px; height: 22px; background: var(--sbrs-accent); -webkit-mask: var(--sbrs-ha-icon) center / contain no-repeat; mask: var(--sbrs-ha-icon) center / contain no-repeat; }
html body .sbr2-sok-embed .ha-cards button:nth-child(1) { --sbrs-ha-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='5.5' r='2'/%3E%3Cpath d='M12 7.5V20M8 11h8M4.5 13.5c0 3.8 3.4 6.5 7.5 6.5s7.5-2.7 7.5-6.5'/%3E%3C/svg%3E"); }
html body .sbr2-sok-embed .ha-cards button:nth-child(2) { --sbrs-ha-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 9c2 0 2-1.5 4.5-1.5S10 9 12 9s2-1.5 4.5-1.5S19 9 21 9M3 15c2 0 2-1.5 4.5-1.5S10 15 12 15s2-1.5 4.5-1.5S19 15 21 15'/%3E%3C/svg%3E"); }
html body .sbr2-sok-embed .ha-cards button:nth-child(3) { --sbrs-ha-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 17.5h17M6 17.5V11M18 17.5V11M3.5 11h17M9 11V7.5h6V11'/%3E%3C/svg%3E"); }
html body .sbr2-sok-embed .ha-112 { background: var(--sbrs-crit-wash); color: #8C1D18; border-radius: 12px; padding: 12px 16px; font-weight: 600; }
html body .sbr2-sok-embed .ha-buy a, html body .sbr2-sok-embed .ha-foot a { color: var(--sbrs-accent-deep); }
html body .sbr2-sok-embed .s2s-foot { display: none; }

/* ---------- sbr2-site sections on this page */
.sbrs .sbrs-sec-lead { max-width: 70ch; margin: -12px 0 26px; }
.sbrs-statuses { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.sbrs-status { display: flex; gap: 16px; padding: 20px; border: 1px solid var(--sbrs-line); border-top-width: 5px; border-radius: 16px; background: #fff; }
.sbrs-status h3 { font-size: 18px; font-weight: 850; }
.sbrs .sbrs-status p { color: var(--sbrs-ink-2); font-size: 15px; margin-top: 4px; }
.sbrs-status-ic { width: 42px; height: 42px; border-radius: 12px; display: grid; place-items: center; flex: none; }
.sbrs-status-ic .sbrs-ic { width: 22px; height: 22px; stroke-width: 2.2; }
.sbrs-status.is-good { border-top-color: var(--sbrs-good); } .sbrs-status.is-good .sbrs-status-ic { background: var(--sbrs-good-wash); color: var(--sbrs-good); }
.sbrs-status.is-crit { border-top-color: var(--sbrs-crit); background: #FFF8F7; } .sbrs-status.is-crit .sbrs-status-ic { background: var(--sbrs-crit); color: #fff; } .sbrs-status.is-crit h3 { color: var(--sbrs-crit); }
.sbrs-status.is-warn { border-top-color: var(--sbrs-warn); } .sbrs-status.is-warn .sbrs-status-ic { background: var(--sbrs-warn-wash); color: var(--sbrs-warn); }
.sbrs-status.is-mute { border-top-color: #94A3B8; } .sbrs-status.is-mute .sbrs-status-ic { background: var(--sbrs-mist); color: var(--sbrs-ink-2); }

.sbrs-num { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: 48px; align-items: center; }
.sbrs .sbrs-num .sbrs-list { grid-template-columns: minmax(0, 1fr); gap: 16px; }
.sbrs .sbrs-num-fig { margin: 0; border-radius: 18px; overflow: hidden; aspect-ratio: 5 / 4; background: var(--sbrs-line); }
.sbrs .sbrs-num-img { width: 100%; height: 100%; object-fit: cover; display: block; max-width: none; }
.sbrs .sbrs-warnbox { display: flex; gap: 10px; align-items: flex-start; background: var(--sbrs-warn-wash); color: #6B3B00; border-radius: 12px; padding: 12px 16px; font-size: 15px; font-weight: 600; }
.sbrs-warnbox .sbrs-ic { color: var(--sbrs-warn); margin-top: 2px; }
.sbrs .sbrs-h3 { font-size: 19px; font-weight: 800; margin-bottom: 16px; }
.sbrs-lost-sec .sbrs-p + .sbrs-p { margin-top: 12px; }

@media (max-width: 900px) {
	.sbrs-num { grid-template-columns: minmax(0, 1fr); gap: 28px; }
	.sbrs-num-fig { order: -1; }
}
@media (max-width: 760px) {
	html body .sbr2-sok-embed .s2s-search { padding: 32px 18px 36px; }
	html body .sbr2-sok-embed .s2s-wordmark { font-size: clamp(32px, 9vw, 40px); }
	html body .sbr2-sok-embed .s2s-tagline { font-size: 16.5px; }
	html body .sbr2-sok-embed .sbr2-hitta-sok { padding: 44px 18px 0; }
	.sbrs-statuses { grid-template-columns: minmax(0, 1fr); }
}