/* UK Estate Agency Chapter 1: owner-approved compact visual edition.
   Scoped to this page only. Other countries and chapters are unchanged. */
.page3-intro .story-header-primary{min-height:68px;gap:18px}
.page3-intro .story-login{margin-left:auto}
.page3-intro .story-chapter-nav{
  display:grid;grid-template-columns:repeat(6,minmax(0,1fr));
  gap:8px;align-items:stretch;min-height:0;
  border-top:1px solid rgba(126,174,245,.13);
  padding-top:9px;padding-bottom:11px;
  white-space:normal;overflow:visible;
}
.page3-intro .story-nav-item{
  display:flex;align-items:center;justify-content:center;text-align:center;
  min-width:0;min-height:40px;padding:9px 8px;
  border:1px solid rgba(121,170,232,.27);
  border-radius:9px;background:rgba(28,70,121,.24);
  color:#cbdffc!important;font-size:12px;font-weight:600;
  line-height:1.3;letter-spacing:.012em;
  transition:background .18s,border-color .18s,box-shadow .18s;
}
.page3-intro .story-nav-item.current{
  color:white!important;border-color:#8ec8ff;
  background:linear-gradient(135deg,#1265b4,#184783);
  box-shadow:0 0 16px rgba(35,135,255,.22);
}
.page3-intro .story-nav-item:hover{
  text-decoration:none;background:#184f8b;border-color:#a6d5ff;
}
.page3-intro .story-nav-item:focus-visible{
  outline:3px solid #a2dcff;outline-offset:3px;
}
.page3-intro .story-hero{min-height:0;padding:44px 0 42px}
.page3-intro .story-hero-grid{gap:clamp(24px,3.3vw,48px);align-items:start}
.page3-intro .story-hero-copy,.page3-intro .visual-window{align-self:start}
.page3-intro .story-hero h1{margin:0 0 18px}
.page3-intro .story-hero .story-intro-actions{margin-top:19px;gap:13px}
.page3-intro .visual-window{min-height:0}
.page3-intro .chapter-thread{padding:41px 0 44px}
.page3-intro .thread-grid{gap:clamp(25px,4vw,65px)}
.page3-intro .thread-copy h2{margin:0 0 18px}
.page3-intro .thread-copy p{margin-bottom:12px;line-height:1.72}
.page3-intro .thread-aside{padding:23px}
.page3-intro .story-moment{padding:43px 0 45px}
.page3-intro .moment-grid{gap:clamp(24px,4vw,58px)}
.page3-intro .story-revelation{padding:48px 0 52px}
.page3-intro .story-section-heading{
  gap:clamp(20px,3vw,45px);margin-bottom:26px;align-items:center;
}
.page3-intro .story-section-heading h2{margin:0}
.page3-intro .story-card{min-height:0;padding:24px 25px}
.page3-intro .story-card h3{margin:17px 0 10px}
.page3-intro .story-addendum{padding:37px 0 39px}
.page3-intro .intro-addendum{grid-template-columns:minmax(0,1fr);gap:0}
.page3-intro .intro-addendum>div:first-child{max-width:1000px}
.page3-intro .story-addendum h2{margin:0 0 16px}
.page3-intro .story-footer{padding:28px 0 33px}
.page3-intro .page3-availability{
  width:min(calc(100% - 76px),var(--max));margin:14px auto 0;
  padding-top:13px;border-top:1px solid rgba(120,161,215,.18);
  font-size:11px;color:#99b3d5;
}
.page3-intro .page3-availability summary{cursor:pointer;width:max-content;max-width:100%;font-weight:600;color:#a9c8eb}
.page3-intro .page3-availability p{margin:9px 0 0;line-height:1.6;max-width:940px}
@media(max-width:1120px){
 .page3-intro .story-nav-item{font-size:11px;min-height:43px}
 .page3-intro .story-hero{padding:35px 0 39px}
}
@media(max-width:900px){
 .page3-intro .story-chapter-nav{
   display:flex;overflow-x:auto;gap:8px;padding:10px 0 12px;
   scrollbar-width:thin;white-space:nowrap;
 }
 .page3-intro .story-nav-item{flex:0 0 auto;padding:10px 15px}
 .page3-intro .story-hero-grid{grid-template-columns:1fr;gap:26px}
 .page3-intro .visual-window{max-width:680px}
 .page3-intro .story-section-heading{grid-template-columns:1fr;gap:14px}
 .page3-intro .intro-addendum{grid-template-columns:1fr;gap:27px}
}
@media(max-width:560px){
 .page3-intro .story-header-primary{min-height:65px}
 .page3-intro .story-hero{padding:29px 0 34px}
 .page3-intro .chapter-thread,.page3-intro .story-revelation,
 .page3-intro .story-addendum{padding:34px 0 37px}
 .page3-intro .story-moment{padding:32px 0 36px}
 .page3-intro .story-card-grid{grid-template-columns:1fr}
 .page3-intro .story-card{padding:21px;min-height:0}
 .page3-intro .page3-availability{width:calc(100% - 36px)}
}
@media(prefers-reduced-motion:reduce){
 .page3-intro .story-nav-item{transition:none}
}
