/* Trust pieces for loomwest.com (2026-10-13, from the competitor research, loomwest/planning/competitor-research-2026-10-13.md):
   the Loomwest Guarantee panel, the Google rating line by the call buttons, and the source note on the cost page.
   Every page that uses them links this file. Colours come from each page's own tokens, with fallbacks; corners follow
   Rav's rule (8 px panels, never the soft 16 px card). */

/* ---------- the Google rating line: real text, the stars are decoration only ---------- */
.lwr{margin:14px 0 0;}
.lwr a{display:inline-flex; align-items:center; flex-wrap:wrap; justify-content:flex-start; gap:4px 9px; min-height:44px;
  padding:4px 2px; color:var(--ink,#1e222a); text-decoration:none; font:500 15px/1.35 'IBM Plex Sans',system-ui,sans-serif;}
.lwr-stars{color:#8a6420; font-size:17px; letter-spacing:2px; line-height:1;}
.lwr-t b{font:700 15.5px/1 'Space Grotesk','Segoe UI',system-ui,sans-serif;}
.lwr-more{color:var(--terra-d,#9c5426); font-weight:600; text-decoration:underline; text-underline-offset:3px;}
.lwr a:hover .lwr-more, .lwr a:focus-visible .lwr-more{text-decoration-thickness:2px;}
.lwr.center a{justify-content:center;}   /* the home page hero is centred */
/* over the home page's hero film the line takes the hero's legibility shadow */
.hero .lwr a{text-shadow:var(--tshadow,none);}

/* ---------- the Loomwest Guarantee ---------- */
.lwg{background:var(--panel,#fff); border:1px solid var(--line,#e3dfd6); border-radius:8px; padding:26px 28px 22px;
  margin:34px 0 0; color:var(--ink,#1e222a); text-align:left;}
.lwg-head{display:flex; gap:16px; align-items:flex-start; margin-bottom:16px;}
.lwg-mark{flex:none; width:44px; height:44px; display:block;}
.lwg h3, .lwg .lwg-title{font:700 clamp(19px,2.2vw,22px)/1.2 'Space Grotesk','Segoe UI',system-ui,sans-serif; margin:2px 0 4px; letter-spacing:-.2px;}
.lwg-head p{margin:0; color:#555a63; font-size:15.5px; max-width:60ch;}
.lwg-head p a{color:var(--terra-d,#9c5426); font-weight:600; text-underline-offset:3px;}
.lwg-list{list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px 28px;}
.lwg-list li{position:relative; padding:12px 0 0 30px; border-top:1px solid var(--line,#e3dfd6); color:#4b505a; font-size:15.5px; line-height:1.55;}
.lwg-list li::before{content:""; position:absolute; left:2px; top:17px; width:13px; height:8px; border-left:2.5px solid #b08536;
  border-bottom:2.5px solid #b08536; transform:rotate(-45deg);}
.lwg-list b{display:block; color:var(--ink,#1e222a); font:700 16px/1.3 'Space Grotesk','Segoe UI',system-ui,sans-serif; margin-bottom:3px;}
@media (max-width:640px){
  .lwg{padding:22px 18px 18px;}
  .lwg-list{grid-template-columns:1fr; gap:10px;}
  .lwg-head{gap:12px;}
  .lwg-mark{width:38px; height:38px;}
}
/* the booking page is a narrow single column: the guarantee sits flush under the form */
.lwg.tight{margin-top:28px;}

/* ---------- the cost page: the dated source line under a figure ---------- */
.src{font-size:13.5px !important; color:#5d6470 !important; border-left:3px solid var(--line,#e3dfd6); padding-left:12px; margin-top:6px;}
.src a{color:var(--terra-d,#9c5426);}
.sum{background:var(--cream,#f1efe8); border:1px solid var(--line,#e3dfd6); border-radius:8px; padding:16px 20px; margin:6px 0 16px; max-width:640px;}
.sum p{margin:0 !important; color:var(--ink,#1e222a) !important;}
.sum .big{font:700 clamp(22px,3vw,28px)/1.2 'Space Grotesk','Segoe UI',system-ui,sans-serif; display:block; margin-bottom:4px;}