/* Samui Journey 2026 - editorial layer (v1.0.12), loaded last on every designed template.
   A de-templating pass: hairline rules, columns, real photos and type hierarchy instead of identical
   white rounded cards, coloured accent rails, line-icon tiles, numbered tracked-caps eyebrows and pill
   chips. Presentation only: every word of copy stays in the HTML. Logical properties keep RTL right.
   Prefix "body.sj-theme main.sj-x" outranks the template files (0,2,0) and plan.css (0,3,0). */

/* ---------- 1. Rubrics: quiet sentence-case labels, no numbered circles, no tracked teal caps ---------- */
body.sj-theme main.sj-x :is(.num,.eyebrow,.label,.cat){display:block;font-family:'Noto Sans',sans-serif;font-size:14px;font-weight:600;line-height:1.4;letter-spacing:0;text-transform:none;color:#4A5D63}
body.sj-theme main.sj-x .label::after{content:none}
body.sj-theme main.sj-x .dark .label{color:rgba(246,242,234,0.72)}
body.sj-theme main.sj-x .block > h2{margin:6px 0 24px}
body.sj-theme main.sj-x :is(.card small,.rgrid small,.guide small,.feat small,.ccard small,.plan-item small,.sj-cta small,.q summary small,.toc .toc-title,.toc h4){font-size:13px;font-weight:600;letter-spacing:0;text-transform:none;color:#4A5D63}
body.sj-theme main.sj-x .rgrid a.all small{color:rgba(246,242,234,0.7) !important}

/* ---------- 2. Heroes: plain kicker and a run of facts, no frosted-glass pills ---------- */
body.sj-theme main.sj-x .hero .kicker{display:block;padding:0;border:0;border-radius:0;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;font-size:15px;font-weight:600;letter-spacing:0;text-transform:none;color:rgba(255,255,255,0.92)}
/* v1.0.14 (owner feedback): the facts are short keyword tags in a wrapping row, not ruled rows; the price tag
   is slightly stronger. Translucent ink on the photo with a hairline border, small radius, no icons. */
body.sj-theme main.sj-x .hero .facts{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:22px 0 0;padding:0;list-style:none;max-width:760px}
body.sj-theme main.sj-x .hero .fact{display:inline-block;margin:0;padding:6px 10px;border:1px solid rgba(255,255,255,0.28);border-radius:6px;background:rgba(15,42,51,0.45);-webkit-backdrop-filter:none;backdrop-filter:none;font-family:'Noto Sans',sans-serif;font-size:13.5px;font-weight:600;line-height:1.3;letter-spacing:0;color:#FFFFFF;white-space:nowrap}
body.sj-theme main.sj-x .hero .fact::before,body.sj-theme main.sj-x .hero .fact::after{content:none}
body.sj-theme main.sj-x .hero .fact.fact-price{background:rgba(15,42,51,0.72);border-color:rgba(255,255,255,0.6);font-weight:700}
body.sj-theme.sj-trip main.sj-x .hero .shade{background:linear-gradient(180deg,rgba(8,26,32,0.25) 0%,rgba(8,26,32,0.05) 35%,rgba(8,26,32,0.35) 62%,rgba(8,26,32,0.78) 100%)}
@container (max-width: 600px){
body.sj-theme main.sj-x .hero .facts{gap:6px;margin-top:16px}
body.sj-theme main.sj-x .hero .fact{padding:5px 9px;font-size:13px}
}

/* ---------- 3. Trust strip: a line of plain facts divided by hairlines, no icon set ---------- */
body.sj-theme main.sj-x .trust{background:#F6F2EA;border-bottom:1px solid rgba(15,42,51,0.12)}
body.sj-theme main.sj-x .trust-in{justify-content:flex-start;gap:6px 0;padding-top:16px;padding-bottom:16px}
body.sj-theme main.sj-x .ti{font-size:14px;font-weight:500;color:#2E4349}
body.sj-theme main.sj-x .ti:not(:last-child){padding-inline-end:18px;margin-inline-end:18px;border-inline-end:1px solid rgba(15,42,51,0.18)}
body.sj-theme main.sj-x a.ti{color:#0F2A33;font-weight:600}
@container (max-width: 600px){
body.sj-theme main.sj-x .trust-in{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px;padding-top:14px;padding-bottom:14px}
body.sj-theme main.sj-x .ti,body.sj-theme main.sj-x .ti:not(:last-child){padding:0;margin:0;border:0;font-size:13px}
}

/* ---------- 4. Trip overview: the answer-first summary set as a lead in the page flow, then a
      key-figures strip on hairlines with tabular numerals. No box, no rail, no "In short:" ---------- */
body.sj-theme main.sj-x .brief{container:sj-brief / inline-size;margin:0 0 32px}
body.sj-theme main.sj-x .brief .sum{margin:0;padding:0;background:none;border:0;border-radius:0;max-width:44em;font-size:22px;line-height:1.55;color:#0F2A33}
body.sj-theme main.sj-x .brief .sum-more{margin:14px 0 0;max-width:44em;font-size:17px;line-height:1.75;color:#2E4349}
body.sj-theme main.sj-x .keys{display:grid;grid-template-columns:repeat(5,auto);justify-content:space-between;margin:28px 0 0;padding:0;border-top:1px solid #0F2A33;border-bottom:1px solid rgba(15,42,51,0.16)}
body.sj-theme main.sj-x .keys > div{min-width:0;padding-block:14px 16px;padding-inline:0 14px}
body.sj-theme main.sj-x .keys > div + div{padding-inline-start:14px;border-inline-start:1px solid rgba(15,42,51,0.14)}
body.sj-theme main.sj-x .keys dt{margin:0 0 6px;font-size:13px;line-height:1.3;color:#4A5D63}
body.sj-theme main.sj-x .keys dd{margin:0;font-family:'Manrope',sans-serif;font-weight:700;font-size:20px;line-height:1.15;letter-spacing:-0.01em;color:#0F2A33;font-variant-numeric:tabular-nums lining-nums;white-space:nowrap}
body.sj-theme main.sj-x .brief .updated{margin:12px 0 0;font-size:13px;line-height:1.5;color:#4A5D63}
body.sj-theme main.sj-x .brief .updated a{color:#0E5E63;font-weight:600;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
body.sj-theme main.sj-x .txt{margin:0;font-size:17px;line-height:1.75;color:#2E4349}
@container sj-brief (max-width: 600px){
body.sj-theme main.sj-x .brief .sum{font-size:18.5px;line-height:1.55}
body.sj-theme main.sj-x .brief .sum-more{font-size:16px}
body.sj-theme main.sj-x .keys{grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch}
body.sj-theme main.sj-x .keys > div,body.sj-theme main.sj-x .keys > div + div{padding-block:12px 13px;padding-inline:0 12px;border-inline-start:0;border-top:1px solid rgba(15,42,51,0.14)}
body.sj-theme main.sj-x .keys > div:nth-child(-n+2){border-top:0}
body.sj-theme main.sj-x .keys > div:nth-child(even){padding-inline-start:12px;border-inline-start:1px solid rgba(15,42,51,0.14)}
body.sj-theme main.sj-x .keys > div:last-child:nth-child(odd){grid-column:1 / -1}
body.sj-theme main.sj-x .keys dd{font-size:19px}
}

/* ---------- 5. Highlights: a ruled two-column list, no icon cards ---------- */
body.sj-theme main.sj-x .hl{list-style:none;margin:32px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px}
body.sj-theme main.sj-x .hl > :is(li,div){margin:0;padding:14px 0 16px;background:none;border-radius:0;border-top:1px solid rgba(15,42,51,0.14);font-size:15px;line-height:1.5}
body.sj-theme main.sj-x .hl b{display:block;margin:0 0 2px;font-size:16px;font-weight:700;color:#0F2A33}
body.sj-theme main.sj-x .hl span{color:#4A5D63}
body.sj-theme main.sj-x .hl svg{display:none}
body.sj-theme main.sj-x .callout{margin:24px 0 0;padding:14px 0 0;background:none;border-radius:0;border-top:1px solid rgba(15,42,51,0.12);font-size:15px;line-height:1.65;color:#2E4349}
body.sj-theme main.sj-x .txt + .callout,body.sj-theme main.sj-x .lead + .callout{border-top:0;padding-top:0;margin-top:16px}
@container (max-width: 600px){
body.sj-theme main.sj-x .hl{grid-template-columns:minmax(0,1fr)}
body.sj-theme main.sj-x .txt{font-size:16px}
}

/* ---------- 6. On board: real photos lead with captions; every activity in a ruled list ---------- */
body.sj-theme main.sj-x .fun-photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px;margin:28px 0 0}
body.sj-theme main.sj-x .fun-ph{margin:0;min-width:0}
body.sj-theme main.sj-x .fun-ph img{display:block;width:100%;height:240px;object-fit:cover;border-radius:6px}
body.sj-theme main.sj-x .fun-ph figcaption{margin:8px 0 0;font-size:13px;line-height:1.4;color:#4A5D63}
body.sj-theme main.sj-x .fun-n1 .fun-ph,body.sj-theme main.sj-x .fun-n3 .fun-ph:first-child{grid-column:1 / -1}
body.sj-theme main.sj-x .fun-n1 .fun-ph img,body.sj-theme main.sj-x .fun-n3 .fun-ph:first-child img{height:360px}
body.sj-theme main.sj-x .fun{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px}
body.sj-theme main.sj-x .fun > li{display:block;margin:0;padding:14px 0 16px;background:none;border-radius:0;overflow:visible;border-top:1px solid rgba(15,42,51,0.14);grid-column:auto}
body.sj-theme main.sj-x .fun b{display:block;font-family:'Manrope',sans-serif;font-weight:700;font-size:17px;line-height:1.3;letter-spacing:-0.01em;color:#0F2A33}
body.sj-theme main.sj-x .fun span{display:block;margin:3px 0 0;font-size:15px;line-height:1.55;color:#4A5D63}
@container (max-width: 600px){
body.sj-theme main.sj-x .fun-photos{gap:16px 10px}
body.sj-theme main.sj-x .fun-ph img{height:130px}
body.sj-theme main.sj-x .fun-n1 .fun-ph img,body.sj-theme main.sj-x .fun-n3 .fun-ph:first-child img{height:220px}
body.sj-theme main.sj-x .fun{grid-template-columns:minmax(0,1fr)}
body.sj-theme main.sj-x .fun > li{padding:12px 0 13px}
body.sj-theme main.sj-x .fun b{font-size:16px}
body.sj-theme main.sj-x .fun span{font-size:14.5px}
}

/* ---------- 7. Included / bring / not included: columns under a rule, not white boxes ---------- */
body.sj-theme main.sj-x .two{gap:32px 40px}
body.sj-theme main.sj-x .two .stack{display:flex;flex-direction:column;gap:32px}
body.sj-theme main.sj-x .box{padding:0;background:none;border-radius:0;border-top:1px solid #0F2A33}
body.sj-theme main.sj-x .box h3{margin:14px 0 4px;font-family:'Manrope',sans-serif;font-weight:700;font-size:18px;line-height:1.3;letter-spacing:-0.01em;text-transform:none;color:#0F2A33}
body.sj-theme main.sj-x .box .list li{padding:10px 0}

/* ---------- 8. Lunch menu, pickup table, timeline numerals ---------- */
body.sj-theme main.sj-x .menu{gap:0 32px;border-bottom:1px solid rgba(15,42,51,0.12)}
body.sj-theme main.sj-x .menu li{padding:12px 0;background:none;border-radius:0;border-top:1px solid rgba(15,42,51,0.12);font-size:16px;font-weight:400}
body.sj-theme main.sj-x .pick{background:none;border-radius:0;border-top:1px solid #0F2A33;font-variant-numeric:tabular-nums lining-nums}
body.sj-theme main.sj-x .pick th{padding:12px 0;background:none;font-size:13px;font-weight:600;letter-spacing:0;text-transform:none;color:#4A5D63;text-align:start;border-bottom:1px solid rgba(15,42,51,0.14)}
body.sj-theme main.sj-x .pick td{padding:14px 0;border-top:0;border-bottom:1px solid rgba(15,42,51,0.1)}
body.sj-theme main.sj-x .pick :is(th,td):not(:first-child){padding-inline-start:16px;text-align:end}
body.sj-theme main.sj-x .tl time{font-variant-numeric:tabular-nums lining-nums}
@container (max-width: 600px){
body.sj-theme main.sj-x .pick th,body.sj-theme main.sj-x .pick td{padding-inline:0;font-size:15px}
body.sj-theme main.sj-x .pick :is(th,td):not(:first-child){padding-inline-start:12px}
body.sj-theme main.sj-x .menu{grid-template-columns:minmax(0,1fr)}
}

/* ---------- 9. Policies accordion and visible FAQ: hairline-separated, no card per item ---------- */
body.sj-theme main.sj-x [data-acc]{border-bottom:1px solid rgba(15,42,51,0.14)}
body.sj-theme main.sj-x .acc-item{margin:0;background:none;border-radius:0;border-top:1px solid rgba(15,42,51,0.14)}
body.sj-theme main.sj-x .acc-btn{padding:18px 0}
body.sj-theme main.sj-x .acc-sign{flex:none;font-size:22px;line-height:1;color:#0E5E63}
body.sj-theme main.sj-x .acc-body{max-width:64ch;padding:0 0 20px}
body.sj-theme main.sj-x .qa{gap:0;border-bottom:1px solid rgba(15,42,51,0.14)}
body.sj-theme main.sj-x .qa > div{padding:20px 0;background:none;border-radius:0;border-top:1px solid rgba(15,42,51,0.14)}
body.sj-theme main.sj-x .qa p{max-width:64ch}
@container (max-width: 600px){
body.sj-theme main.sj-x .qa > div{padding:18px 0}
}

/* ---------- 10. Checklists, guide links, pairings, themes ---------- */
body.sj-theme main.sj-x .check{gap:0 32px}
body.sj-theme main.sj-x .check li{padding:16px 0;background:none;border-radius:0;border-top:1px solid rgba(15,42,51,0.14)}
body.sj-theme main.sj-x .plan{gap:0 32px}
body.sj-theme main.sj-x .plan-item{grid-template-columns:88px minmax(0,1fr);padding:14px 0;background:none;border-radius:0;border-top:1px solid rgba(15,42,51,0.14)}
body.sj-theme main.sj-x .plan-item:hover{transform:none;box-shadow:none}
body.sj-theme main.sj-x .plan-item:hover b{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
body.sj-theme main.sj-x .plan-item img{width:88px;height:64px;border-radius:4px}
body.sj-theme main.sj-x .pair{gap:24px}
body.sj-theme main.sj-x .pair a{background:none;border-radius:0;overflow:visible}
body.sj-theme main.sj-x .pair img{border-radius:6px}
body.sj-theme main.sj-x .pair div{padding:14px 0 0}
body.sj-theme main.sj-x .pair a:hover strong{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
body.sj-theme main.sj-x .themes{display:flex;flex-wrap:wrap;gap:6px 0;margin-top:28px;padding-top:14px;border-top:1px solid #0F2A33}
body.sj-theme main.sj-x .themes div{display:block;padding:0;background:none;border-radius:0;font-size:16px;font-weight:600}
body.sj-theme main.sj-x .themes div:not(:last-child){padding-inline-end:16px;margin-inline-end:16px;border-inline-end:1px solid rgba(15,42,51,0.18)}
body.sj-theme main.sj-x .gal img{border-radius:6px}
@container (max-width: 600px){
body.sj-theme main.sj-x .check,body.sj-theme main.sj-x .plan{grid-template-columns:minmax(0,1fr)}
}

/* ---------- 11. Booking card: the one card on a trip page (its role is booking), lighter shadow ---------- */
body.sj-theme main.sj-x .book{border-radius:16px;box-shadow:0 1px 0 rgba(15,42,51,0.06),0 24px 48px -34px rgba(15,42,51,0.42)}
body.sj-theme main.sj-x .prow strong{font-variant-numeric:tabular-nums lining-nums}

/* ---------- 12. Pig Island tour: comparison set on rules; only our option gets a panel ---------- */
body.sj-theme main.sj-x .cmp tr{background:none;border-radius:0;border-top:2px solid #0F2A33;box-shadow:none}
body.sj-theme main.sj-x .cmp tr:not(.ours) :is(th,td){padding-inline:0}
body.sj-theme main.sj-x .cmp tr.ours{background:#FFFFFF;border-top-color:#0E5E63;border-radius:0 0 8px 8px}
body.sj-theme main.sj-x .cmp tr.ours th{background:none}
body.sj-theme main.sj-x .cmp td::before{font-size:12px;letter-spacing:0;text-transform:none;font-weight:600}
body.sj-theme main.sj-x .more-pig{margin:32px 0 0;padding:16px 0 0;background:none;border:0;border-radius:0;border-top:1px solid #0F2A33}

/* ---------- 13. Articles: quick answer as a labelled spec row, tables and FAQ on hairlines ---------- */
body.sj-theme main.sj-x .entry blockquote.sj-quick{margin:0 0 36px;padding:18px 0 20px;background:none;border:0;border-radius:0;border-top:1px solid #0F2A33;border-bottom:1px solid rgba(15,42,51,0.16);font-family:'Noto Sans',sans-serif;font-size:18px;line-height:1.7;color:#0F2A33}
body.sj-theme main.sj-x .entry blockquote.sj-quick p{position:relative;padding-inline-start:150px}
body.sj-theme main.sj-x .entry blockquote.sj-quick p:first-child > strong:first-child{position:absolute;inset-inline-start:0;top:0;display:block;width:130px;margin:0;font-family:'Manrope',sans-serif;font-weight:700;font-size:15px;line-height:calc(18px * 1.7);letter-spacing:-0.01em;color:#0F2A33}
body.sj-theme main.sj-x .entry blockquote.sj-quick a{color:#0E5E63;text-decoration:underline !important;text-underline-offset:3px}
body.sj-theme main.sj-x .toc{margin:0 0 8px;padding:14px 0 8px;background:none;border-radius:0;border-top:1px solid rgba(15,42,51,0.14);border-bottom:1px solid rgba(15,42,51,0.14)}
body.sj-theme main.sj-x .entry blockquote.sj-quick + .toc{border-top:0;margin-top:-36px;padding-top:18px}
body.sj-theme main.sj-x table:is(.facts,.sj-facts,.ft),body.sj-theme main.sj-x .entry table:not(.sj-facts){background:none;border-radius:0;border-top:1px solid #0F2A33;border-bottom:1px solid rgba(15,42,51,0.14);font-variant-numeric:tabular-nums lining-nums}
body.sj-theme main.sj-x table:is(.facts,.sj-facts) :is(th,td){padding-inline:0 16px}
body.sj-theme main.sj-x .entry table:not(.sj-facts) th,body.sj-theme main.sj-x .ft thead th{background:none;font-size:13px;font-weight:600;letter-spacing:0;text-transform:none;color:#4A5D63}
body.sj-theme main.sj-x .entry table:not(.sj-facts) :is(th,td){padding-inline:0 16px}
body.sj-theme main.sj-x .faq details{margin:0;background:none;border-radius:0;border-top:1px solid rgba(15,42,51,0.14)}
body.sj-theme main.sj-x .faq details:last-of-type{border-bottom:1px solid rgba(15,42,51,0.14)}
body.sj-theme main.sj-x .faq summary{padding:18px 0}
body.sj-theme main.sj-x .faq details > :not(summary){padding-inline:0}
body.sj-theme main.sj-x .faq details > :is(ul,ol){padding-inline-start:22px}
body.sj-theme main.sj-x .entry .sj-cta{padding:16px 0;background:none;border:0;border-radius:0;border-top:1px solid #0F2A33;border-bottom:1px solid rgba(15,42,51,0.14)}
body.sj-theme main.sj-x .entry .sj-cta img{border-radius:4px}
@container (max-width: 600px){
body.sj-theme main.sj-x .entry blockquote.sj-quick{margin-bottom:28px;padding:14px 0 16px;font-size:16.5px}
body.sj-theme main.sj-x .entry blockquote.sj-quick p{padding-inline-start:0}
body.sj-theme main.sj-x .entry blockquote.sj-quick p:first-child > strong:first-child{position:static;width:auto;margin:0 0 4px;font-size:14px;line-height:1.4}
body.sj-theme main.sj-x .entry blockquote.sj-quick + .toc{margin-top:-28px}
body.sj-theme main.sj-x table:is(.facts,.sj-facts) :is(th,td){padding-inline:0}
body.sj-theme main.sj-x .entry .sj-cta{padding:14px 0}
}

/* ---------- 14. FAQ page: a ruled list with a simple plus/minus, no card per question ---------- */
body.sj-theme main.sj-x-faq .list{gap:0;border-bottom:1px solid rgba(15,42,51,0.14)}
body.sj-theme main.sj-x-faq .q{background:none;border-radius:0;border-top:1px solid rgba(15,42,51,0.14)}
body.sj-theme main.sj-x-faq .q:hover{box-shadow:none}
body.sj-theme main.sj-x-faq .q summary{padding:18px 0}
body.sj-theme main.sj-x-faq .q summary i{width:20px;height:20px;border:0;border-radius:0;background:none !important;transform:none !important}
body.sj-theme main.sj-x-faq .q summary i::before,body.sj-theme main.sj-x-faq .q summary i::after{width:14px;background:#0E5E63 !important}
body.sj-theme main.sj-x-faq .q p{max-width:64ch;padding:0 0 22px}
body.sj-theme main.sj-x-faq .q summary:focus-visible{border-radius:2px}
body.sj-theme main.sj-x-faq .empty{padding:20px 0;background:none;border-radius:0}

/* ---------- 15. Quick facts page: the answer is the lead, tables on rules ---------- */
body.sj-theme main.sj-x-facts .answer{padding:0;background:none;border:0;border-radius:0;font-size:21px;line-height:1.6;color:#0F2A33}
body.sj-theme main.sj-x-facts .ft :is(th,td){padding-inline:0 16px}
@container (max-width: 600px){
body.sj-theme main.sj-x-facts .answer{font-size:18px;padding:0}
body.sj-theme main.sj-x-facts .ft :is(th,td){padding-inline:0 10px}
}

/* ---------- 16. Homepage and about: no icon tiles, plain trip facts instead of pill chips ---------- */
body.sj-theme main.sj-x .why svg,body.sj-theme main.sj-x .cards svg{display:none}
body.sj-theme main.sj-x .why b{margin:0 0 8px}
body.sj-theme main.sj-x .why > div{padding-top:18px}
body.sj-theme main.sj-x .tour .chips{gap:4px 0}
body.sj-theme main.sj-x .tour .chip{padding:0;background:none;border-radius:0;font-size:14px;font-weight:500;color:#2E4349}
body.sj-theme main.sj-x .tour .chip:not(:last-child)::after{content:"·";margin:0 8px;color:#4A5D63}
body.sj-theme main.sj-x-about .cards{gap:0 32px}
body.sj-theme main.sj-x-about .cards div{padding:18px 0 0;background:none;border-radius:0;border-top:1px solid #0F2A33;gap:8px}
body.sj-theme main.sj-x-about .cards div:hover{transform:none;box-shadow:none}
@container (max-width: 1000px){
body.sj-theme main.sj-x-about .cards{gap:28px 32px}
}
/* v1.0.13: the inline link styles of the booking aside and source lines moved here (the copy is translated). */
body.sj-theme main.sj-x .book .ok a,body.sj-theme main.sj-x .src a{color:#0E5E63;font-weight:700}

/* ---------- 17. v1.0.14 "Planning something private?" note (trip pages, Trips, Contact): a rule, a heading,
      one sentence and an outline button. No card. ---------- */
body.sj-theme main.sj-x .pvt-note{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:16px 32px;margin:48px 0 0;padding:20px 0 4px;border-top:1px solid #0F2A33}
body.sj-theme main.sj-x .pvt-note h2{margin:0 0 6px;padding:0;font-size:24px;line-height:1.2;color:#0F2A33}
body.sj-theme main.sj-x .pvt-note p{margin:0;max-width:56ch;font-size:16px;line-height:1.65;color:#2E4349}
body.sj-theme main.sj-x .pvt-note .btn{white-space:nowrap}
body.sj-theme main.sj-x-home .pvt-note,body.sj-theme main.sj-x-contact .pvt-note{margin:56px 0 8px}
@container (max-width: 700px){
body.sj-theme main.sj-x .pvt-note{grid-template-columns:minmax(0,1fr);gap:14px;margin-top:40px}
body.sj-theme main.sj-x .pvt-note h2{font-size:21px}
body.sj-theme main.sj-x .pvt-note .btn{justify-self:start;white-space:normal}
}

/* ---------- 18. v1.0.14 small additions: contact heading + photo, FAQ help photo, guides heading, links in the
      "why" points ---------- */
body.sj-theme main.sj-x-contact .cards-h{margin:0 0 18px;padding:0;font-size:24px;line-height:1.2;color:#0F2A33}
body.sj-theme main.sj-x-contact .cform-ph{display:block;width:100%;height:220px;margin:28px 0 0;object-fit:cover;border-radius:6px}
body.sj-theme main.sj-x-faq .help .help-ph{display:block;width:calc(100% + 64px);max-width:none;height:150px;margin:-32px -32px 4px;object-fit:cover;border-radius:22px 22px 0 0}
body.sj-theme main.sj-x-explore .grid-h{margin:56px 0 22px;padding:0;font-size:28px;line-height:1.2;color:#0F2A33}
body.sj-theme main.sj-x .why span a{color:#0E5E63;font-weight:600;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
@container (max-width: 600px){
body.sj-theme main.sj-x-contact .cform-ph{height:180px;margin-top:20px}
body.sj-theme main.sj-x-explore .grid-h{margin-top:36px;font-size:23px}
}

/* v1.0.14 trust strip (owner feedback): one left edge for all four items. In the 2 x 2 grid on phones the
   star of the review item is dropped (it pushed that text in), and every item starts at its column edge. */
body.sj-theme main.sj-x .trust .ti{align-items:baseline}
@container (max-width: 600px){
body.sj-theme main.sj-x .trust-in{align-items:start;gap:9px 16px}
body.sj-theme main.sj-x .trust .ti{display:block;line-height:1.35}
body.sj-theme main.sj-x .trust .ti .stars{display:none}
}