/* MAS-UI-P07 - Process, FAQ, Bottom CTA and Footer.
   Home-only, reads sanitized CSS tokens supplied by Home view; no CDN/JS and no changes to upstream stylesheets. */
body.mas-home-ui .mas-p07-process {
  background:var(--p07-process-bg,#fffdf6);
  padding-block:clamp(30px,3.5vw,48px);
}
body.mas-home-ui .mas-p07-process .process-grid {
  display:grid;grid-template-columns:repeat(var(--p07-process-pc,4),minmax(0,1fr));
  align-items:start;gap:clamp(13px,2vw,23px);min-width:0;
}
body.mas-home-ui .mas-p07-process .process-grid::before{display:none}
body.mas-home-ui .mas-p07-process .process-item {
  display:flex;align-items:flex-start;gap:11px;min-width:0;
  padding:2px 0;background:transparent;color:var(--p07-process-heading,#19382d);
}
body.mas-home-ui .mas-p07-process .process-item>div{min-width:0;flex:1}
body.mas-home-ui .mas-p07-process .process-item h3 {
  font-size:clamp(13px,1.12vw,15.5px);line-height:1.45;color:var(--p07-process-heading,#19382d);
  font-weight:700;margin:2px 0 5px;overflow-wrap:break-word
}
body.mas-home-ui .mas-p07-process .process-item p {
  font-size:12.5px;line-height:1.6;color:var(--p07-process-heading,#19382d);
  opacity:.78;margin:0;overflow-wrap:break-word
}
body.mas-home-ui .mas-p07-process .step-number {
  width:var(--p07-process-step-size,44px);height:var(--p07-process-step-size,44px);
  flex:0 0 var(--p07-process-step-size,44px);
  border:3px solid var(--p07-process-bg,#fffdf6);
  background:var(--p07-process-step-bg,#f7e7ba);color:var(--p07-process-step-text,#6c571a);
  border-radius:50%;font-size:clamp(15px,1.3vw,18px);line-height:1.2;position:relative;z-index:2
}
@media(min-width:951px){
  body.mas-home-ui .mas-p07-process.mas-p07-with-line .process-grid::before{
    display:block;top:calc(var(--p07-process-step-size,44px)/2 + 1px);
    height:1px;left:calc(var(--p07-process-step-size,44px)/2);
    right:calc(var(--p07-process-step-size,44px)/2);
    background:var(--p07-process-line,#e4d7b3);z-index:0
  }
  body.mas-home-ui .mas-p07-process .process-item{position:relative}
}
/* FAQ: keep the native details/summary semantics, accent/focus and legibility. */
body.mas-home-ui .mas-p07-faq{background:var(--p07-faq-bg,#fffaf1);padding-block:clamp(30px,3vw,46px)}
body.mas-home-ui .mas-p07-faq .faq-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:clamp(18px,3vw,36px);align-items:center}
body.mas-home-ui .mas-p07-faq .faq-visual{min-width:0;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(12px,2vw,23px)}
body.mas-home-ui .mas-p07-faq .faq-visual>div{min-width:0}
body.mas-home-ui .mas-p07-faq .faq-visual img{display:block;width:100%;height:clamp(130px,13vw,180px);object-fit:cover;border-radius:var(--p07-faq-image-radius,10px)}
body.mas-home-ui .mas-p07-faq .faq-visual h2{font-size:clamp(24px,2.3vw,33px);line-height:1.25;overflow-wrap:break-word}
body.mas-home-ui .mas-p07-faq .faq-visual p{font-size:12.5px;line-height:1.58;color:var(--p07-faq-text,#19382d);opacity:.82}
body.mas-home-ui .mas-p07-faq .faq-list{min-width:0}
body.mas-home-ui .mas-p07-faq .faq-list details {
  background:var(--p07-faq-card,#fff);border:1px solid var(--p07-faq-border,#eee6d6);
  color:var(--p07-faq-text,#19382d);border-radius:var(--p07-faq-radius,8px);
  padding:0;margin:0 0 9px;overflow:hidden
}
body.mas-home-ui .mas-p07-faq .faq-list summary {
  padding:13px 15px;min-height:48px;font-size:13.5px;line-height:1.48;
  color:var(--p07-faq-text,#19382d);overflow-wrap:break-word;user-select:none
}
body.mas-home-ui .mas-p07-faq .faq-list summary::after{color:var(--p07-faq-accent,#bb9046);font-size:22px;flex:0 0 auto;margin-left:9px}
body.mas-home-ui .mas-p07-faq .faq-list summary:focus-visible{outline:2px solid var(--p07-faq-accent,#bb9046);outline-offset:-3px;border-radius:var(--p07-faq-radius,8px)}
body.mas-home-ui .mas-p07-faq .faq-list details[open] summary{border-bottom:1px solid var(--p07-faq-border,#eee6d6)}
body.mas-home-ui .mas-p07-faq .faq-list details p {
  font-size:13px;line-height:1.7;color:var(--p07-faq-text,#19382d);
  opacity:.86;margin:0;padding:12px 15px 15px;white-space:pre-line;overflow-wrap:break-word
}
/* P05 CTA colors/states take priority; P07 augments shape/spacing only. */
body.mas-home-ui .mas-p07-cta .bottom-cta-inner{padding-block:var(--p07-cta-padding,22px);gap:clamp(12px,2vw,24px)}
body.mas-home-ui .mas-p07-cta .bottom-cta-inner>div{min-width:0}
body.mas-home-ui .mas-p07-cta .bottom-cta-actions .btn{border-radius:var(--p07-cta-radius,8px)}
body.mas-home-ui .mas-p07-cta h2{margin:0 0 5px}
/* Footer only: tokenized colors, adaptable layout and accessible readable links. */
body.mas-home-ui .mas-p07-footer{background:var(--p07-footer-bg,#072f24);color:var(--p07-footer-text,#cbdbd3)}
body.mas-home-ui .mas-p07-footer .footer-grid{
  display:grid;grid-template-columns:repeat(var(--p07-footer-cols,4),minmax(0,1fr));
  gap:clamp(16px,3vw,42px);padding-block:clamp(30px,3.5vw,48px);align-items:start
}
body.mas-home-ui .mas-p07-footer .footer-grid>div{min-width:0}
body.mas-home-ui .mas-p07-footer .brand-name,
body.mas-home-ui .mas-p07-footer .footer-grid h3{color:var(--p07-footer-heading,#fff)}
body.mas-home-ui .mas-p07-footer .brand-mark{color:var(--gold,#bb9046);stroke:var(--gold,#bb9046)}
body.mas-home-ui .mas-p07-footer .footer-grid h3{font-size:16px;line-height:1.4;margin:0 0 13px}
body.mas-home-ui .mas-p07-footer .footer-grid p{color:var(--p07-footer-text,#cbdbd3);font-size:12.5px;line-height:1.65;overflow-wrap:anywhere}
body.mas-home-ui .mas-p07-footer .footer-grid a:not(.brand){color:var(--p07-footer-links,#d7e1d8);font-size:12.5px;line-height:1.55;overflow-wrap:anywhere}
body.mas-home-ui .mas-p07-footer .footer-grid a:hover{text-decoration:underline;text-underline-offset:3px}
body.mas-home-ui .mas-p07-footer .footer-grid a:focus-visible{outline:2px solid var(--gold,#bb9046);outline-offset:4px;border-radius:3px}
body.mas-home-ui .mas-p07-footer .copyright{border-top:1px solid var(--p07-footer-divider,#294d40);font-size:11px;line-height:1.55;color:var(--p07-footer-text,#cbdbd3);opacity:.85;padding-block:14px}
@media (max-width:950px){
  body.mas-home-ui .mas-p07-process .process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.mas-home-ui .mas-p07-faq .faq-grid{grid-template-columns:minmax(0,1fr)}
  body.mas-home-ui .mas-p07-faq .faq-visual{grid-template-columns:minmax(150px,.65fr) minmax(0,1.35fr)}
  body.mas-home-ui .mas-p07-footer .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
  body.mas-home-ui .mas-p07-process{padding-block:32px 30px}
  body.mas-home-ui .mas-p07-process .process-grid{grid-template-columns:repeat(var(--p07-process-mobile,2),minmax(0,1fr));gap:17px 10px}
  body.mas-home-ui .mas-p07-process .process-item{gap:7px}
  body.mas-home-ui .mas-p07-process .step-number{width:clamp(35px,9vw,var(--p07-process-step-size,44px));height:clamp(35px,9vw,var(--p07-process-step-size,44px));flex-basis:clamp(35px,9vw,var(--p07-process-step-size,44px));font-size:15px;border-width:2px}
  body.mas-home-ui .mas-p07-process .process-item h3{font-size:12.5px;line-height:1.44;margin:1px 0 4px}
  body.mas-home-ui .mas-p07-process .process-item p{font-size:11.5px;line-height:1.53}
  body.mas-home-ui .mas-p07-faq{padding-block:30px}
  body.mas-home-ui .mas-p07-faq .faq-grid{gap:18px}
  body.mas-home-ui .mas-p07-faq .faq-visual{grid-template-columns:minmax(0,116px) minmax(0,1fr);gap:13px}
  body.mas-home-ui .mas-p07-faq .faq-visual img{height:112px}
  body.mas-home-ui .mas-p07-faq.mas-p07-faq-hide-image-mobile .faq-visual{display:block}
  body.mas-home-ui .mas-p07-faq.mas-p07-faq-hide-image-mobile .faq-visual img{display:none}
  body.mas-home-ui .mas-p07-faq .faq-visual h2{font-size:clamp(22px,6vw,27px);line-height:1.25}
  body.mas-home-ui .mas-p07-faq .faq-visual p{font-size:12px;line-height:1.55}
  body.mas-home-ui .mas-p07-faq .faq-list summary{font-size:13px;padding:13px 12px;min-height:46px}
  body.mas-home-ui .mas-p07-faq .faq-list details p{font-size:12.5px;padding:11px 12px 14px}
  body.mas-home-ui .mas-p07-cta.mas-p05-cta-mobile .bottom-cta-inner{padding-block:var(--p07-cta-padding,22px)}
  body.mas-home-ui .mas-p07-footer .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 13px;padding-block:27px 23px}
  body.mas-home-ui .mas-p07-footer .footer-brand{grid-column:1/-1}
  body.mas-home-ui .mas-p07-footer .footer-grid h3{font-size:14px;line-height:1.45;margin-bottom:9px}
  body.mas-home-ui .mas-p07-footer .footer-grid p,
  body.mas-home-ui .mas-p07-footer .footer-grid a:not(.brand){font-size:12px;line-height:1.57}
  body.mas-home-ui .mas-p07-footer .footer-grid .brand-name{font-size:14px}
  body.mas-home-ui .mas-p07-footer .copyright{font-size:10px;line-height:1.65;padding-bottom:16px}
}
@media (max-width:355px){
  body.mas-home-ui .mas-p07-process .process-grid{column-gap:8px}
  body.mas-home-ui .mas-p07-process .process-item h3{font-size:12px}
  body.mas-home-ui .mas-p07-process .process-item p{font-size:11px}
  body.mas-home-ui .mas-p07-footer .footer-grid{column-gap:11px}
}
@media(prefers-reduced-motion:reduce){body.mas-home-ui .mas-p07-faq details{scroll-behavior:auto}}
