/* Approved header, content backing and footer. Activated only by decor.js. */

/* Home finishing: compact controls and consistent cream surfaces. */
html.site-story-frame .forest-header .language-switch{gap:2px;padding:2px 3px;font-size:11px}
html.site-story-frame body .forest-header .language-switch button{min-width:26px;min-height:26px;padding:3px 5px!important;font-size:11px;border-radius:6px}
html.site-story-frame .site-shell .home-accreditation{padding:5px 12px;margin:12px auto 16px;gap:10px;font-size:13px;line-height:1.4;border-radius:10px}
html.site-story-frame .site-shell .home-accreditation>span{width:28px;height:28px;font-size:18px}
html.site-story-frame body .site-shell .home-introduction{background:radial-gradient(ellipse at center,#fffcf0,#fff2d9)}
html.site-story-frame .home-panels .story-news>.news-stamp{align-self:flex-start;flex:0 0 44px;width:44px;height:44px;min-height:44px;max-height:44px;padding:0;display:grid;place-content:center;border-radius:9px}
html.site-story-frame .home-panels .story-news>div{min-width:0}
html.site-story-frame .site-shell .home-panels .gallery-navigation button{width:30px;height:28px;min-width:30px;min-height:28px;padding:0;font-size:20px;line-height:1;border-radius:6px}
html.site-story-frame .site-shell .reviews-footer .button{min-height:30px;padding:5px 10px;font-size:11px;line-height:1.4}
@media(pointer:coarse){
 html.site-story-frame body .forest-header .language-switch button{min-height:32px;min-width:30px}
 html.site-story-frame .site-shell .home-panels .gallery-navigation button{min-width:36px;width:36px;min-height:36px;height:36px}
 html.site-story-frame .site-shell .reviews-footer .button{min-height:36px}
}

 html.site-story-frame,html.site-story-frame body{background:#fffaf0!important}
 html.site-story-frame #assistant-toggle{z-index:20}
 html.site-story-frame .background-preview{display:none}
 html.site-story-frame body .site-shell .home-panels>.parchment{background:radial-gradient(ellipse at center,#fffcf0,#fff2d9)}
 html.site-story-frame .site-shell{position:relative;isolation:auto;border:0;border-radius:0;box-shadow:none;background:transparent!important}
 /* Fade only the backing layer, leaving cards, text and controls fully opaque. */
 html.site-story-frame .site-shell::after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(to bottom,transparent 620px,#fffaf0 1000px);mask-image:linear-gradient(to right,transparent,#000 16px,#000 calc(100% - 16px),transparent),linear-gradient(to bottom,#000,#000 calc(100% - 48px),transparent);mask-composite:intersect}
 html.site-story-frame .site-shell>main,html.site-story-frame .site-shell>footer{position:relative;z-index:2}
 html.site-story-frame .site-shell>footer{width:calc(100% - 32px);background:#e7efd9;border:1px solid #d5dfc7;border-radius:15px;color:#214f38;box-shadow:0 3px 10px #2445620c;margin:14px auto 20px;padding:20px;gap:12px 20px;font-size:13px;line-height:1.4}
 html.site-story-frame .site-shell>footer::before{content:none}
 html.site-story-frame .site-shell>footer a,html.site-story-frame .site-shell>footer .text-button{margin:0 0 4px;line-height:1.4}
 html.site-story-frame .site-shell>footer p{margin:6px 0 0}
 html.site-story-frame .site-shell>footer strong{font-size:20px;line-height:1.3}
 html.site-story-frame .site-shell>footer>section>h2{margin-bottom:8px}
 html.site-story-frame .site-shell>footer .footer-note{margin:0;padding-top:10px;line-height:1.5}
 html.site-story-frame .site-shell>footer .footer-note .footer-admin-link{margin-top:5px}
 html.site-story-frame .site-shell>footer .anpc-sal-badge{margin-top:6px;margin-bottom:0}
 html.site-story-frame .site-shell>footer .footer-brand strong{color:#123f2c}
 html.site-story-frame .site-shell>footer .footer-brand .footer-motto-accent{display:block;color:#4d914b}
 html.site-story-frame .site-shell>footer .footer-brand p{color:#396c3c}
 @media(min-width:701px){html.site-story-frame .site-shell>footer{grid-template-columns:minmax(0,1.8fr) minmax(0,.85fr) minmax(0,1.15fr);column-gap:18px}}
 html.site-story-frame .site-shell>footer :is(strong,h2,p,a,.text-button,.footer-note){color:#214f38}
 html.site-story-frame .site-shell>footer :is(a,.text-button):hover{color:#992d48;text-decoration:underline}
 html.site-story-frame .site-shell>footer :is(a,.text-button):focus-visible{outline:2px solid #315b41;outline-offset:4px}
 html.site-story-frame .site-shell>.forest-header{z-index:auto}
 html.site-story-frame .forest-header :is(.logo-separate,.brand){position:relative;z-index:3}
 html.site-story-frame .forest-header #nav{position:relative;z-index:3}
 html.site-story-frame .site-shell::before{content:'';position:absolute;inset:0 0 auto;height:1000px;z-index:-1;pointer-events:none;background:var(--decor-building-image,url('assets/fundal-pastel-v4.png')) center 26px/100% auto no-repeat;mask-image:linear-gradient(to bottom,transparent 0,transparent 70px,#000 270px,#000 770px,transparent 1000px),linear-gradient(to right,transparent,#000 8%,#000 87%,transparent);mask-composite:intersect}
 html.site-story-frame .site-shell>.demo{display:none}
 html.site-story-frame .site-shell>.forest-header{display:grid;grid-template-columns:88px minmax(0,1fr) auto;grid-template-rows:108px auto;align-items:center;gap:10px 14px;padding:14px 16px 20px;background:transparent;border:0;box-shadow:none}
 html.site-story-frame .forest-header .logo-separate{grid-column:1;grid-row:1;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none;mix-blend-mode:multiply}
 html.site-story-frame .forest-header .logo-separate img{width:80px;height:101px;border-radius:0}
 html.site-story-frame .site-shell .forest-header .brand{grid-column:2;grid-row:1;margin:0;padding:0;min-width:0;min-height:0;width:fit-content;background:none;border:0;border-radius:0;box-shadow:none;text-align:left;font:700 21px/1.25 Georgia,serif;color:#174c37}
 html.site-story-frame .site-shell .forest-header .brand strong{display:block;margin:4px 0 7px;font:700 32px/1.12 Georgia,serif;color:#8b243d}
 html.site-story-frame .site-shell .forest-header .brand small{font-size:10px;letter-spacing:2px;color:#315b41}
 html.site-story-frame .forest-header .language-switch{position:fixed;z-index:30;top:12px;right:24px;background:#fffaf0ed;border-color:#dce3cf}
 html.site-story-frame .site-shell .forest-header #nav{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:.7fr 1fr .7fr .8fr 1fr .9fr 1.2fr .85fr .8fr 1.25fr;gap:3px;padding:7px;margin:0;min-height:0;border:1px solid #eee4cc;border-radius:13px;background:#fffaf0f2;box-shadow:0 3px 12px #315b4110}
 html.site-story-frame .site-shell .forest-header #nav>a{grid-column:auto;min-height:44px;height:100%;gap:5px;padding:5px 4px;background:transparent;border:1px solid transparent;border-radius:8px;box-shadow:none;color:#214f38;font:650 10px/1.3 system-ui,sans-serif;text-decoration:none;transform:none}
 html.site-story-frame .forest-header #nav .unified-icon{width:17px;height:17px}
 html.site-story-frame .site-shell .forest-header #nav>a[aria-current=page]{background:#315b41;color:#fffaf0;border-color:#315b41;box-shadow:none}
 html.site-story-frame .site-shell .forest-header #nav>a.button{background:#992d48;color:#fff;border-color:#84243c}
 html.site-story-frame .site-shell .forest-header #nav>a:hover{background:#eaf0df;color:#214f38}
 html.site-story-frame .site-shell .forest-header #nav>a.button:hover{background:#84243c;color:white}
 html.site-story-frame .forest-header #nav>a:focus-visible,html.site-story-frame .forest-header #menu-toggle:focus-visible{outline:3px solid #315b41;outline-offset:3px}
 @media(min-width:701px) and (max-width:1050px){html.site-story-frame .site-shell .forest-header #nav{grid-template-columns:repeat(5,minmax(0,1fr))}html.site-story-frame .site-shell .forest-header #nav>a{font-size:11px}}
 @media(max-width:700px){
 html.site-story-frame .site-shell>.forest-header{grid-template-columns:56px minmax(0,1fr) 44px;grid-template-rows:auto auto;gap:10px;padding:42px 12px 16px;background:transparent}
 html.site-story-frame .forest-header .logo-separate img{width:54px;height:68px}
 html.site-story-frame .site-shell .forest-header .brand{font-size:15px}
 html.site-story-frame .site-shell .forest-header .brand strong{font-size:22px;margin:3px 0 5px}
 html.site-story-frame .site-shell .forest-header .brand small{font-size:8px;letter-spacing:1px}
 html.site-story-frame .forest-header .language-switch{top:4px;right:12px}
 html.site-story-frame .site-shell .forest-header #menu-toggle{display:block;grid-column:3;grid-row:1;justify-self:end;width:44px;height:44px;min-height:44px;margin:0;padding:0;border:1px solid #dce3cf;border-radius:9px;background:#fffaf0;color:#315b41;font-size:0;box-shadow:none}
 html.site-story-frame .forest-header #menu-toggle::after{content:'☰';font:25px/1 system-ui}
 html.site-story-frame .site-shell .forest-header #nav{display:none;grid-row:2;grid-template-columns:repeat(2,minmax(0,1fr));padding:8px}
 html.site-story-frame .site-shell .forest-header #nav.open{display:grid}
 html.site-story-frame .site-shell .forest-header #nav>a{font-size:12px;min-height:44px;padding:7px}
 html.site-story-frame .site-shell::before{height:800px;background-position:center 110px;background-size:100% auto;mask-image:linear-gradient(to bottom,transparent 110px,#000 220px,#000 600px,transparent 800px)}
 }
 

/* Local preview of the illustrated title; official logo remains alongside. */
html.site-story-frame .site-shell>.forest-header{grid-template-rows:146px auto}
html.site-story-frame .site-shell .forest-header .brand-illustrated{width:270px;max-width:100%;cursor:default;text-decoration:none}
html.site-story-frame .forest-header .brand-illustrated img{display:block;width:100%;height:auto;border-radius:0;object-fit:contain}
@media(max-width:700px){
 html.site-story-frame .site-shell>.forest-header{grid-template-rows:auto auto}
 html.site-story-frame .site-shell .forest-header .brand-illustrated{width:204px}
}

/* Phone layout only: balanced header and a visible seasonal building below the introduction. */
@media(max-width:700px){
 html.site-story-frame .site-shell>.forest-header{grid-template-columns:44px minmax(0,1fr) 44px;grid-template-rows:auto auto;gap:8px 5px;padding:34px 10px 8px;min-height:0}
 html.site-story-frame .forest-header .logo-separate{justify-self:center;align-self:center;min-width:44px;min-height:56px;display:grid;place-items:center}
 html.site-story-frame .forest-header .logo-separate img{width:42px;height:auto}
 html.site-story-frame .site-shell .forest-header .brand-illustrated{width:min(220px,100%);max-width:100%;justify-self:center}
 html.site-story-frame .site-shell .forest-header #menu-toggle{width:44px;height:44px;min-width:44px;min-height:44px;justify-self:center}
 html.site-story-frame body .forest-header .language-switch{top:3px;right:10px}
 html.site-story-frame body .forest-header .language-switch button{min-height:28px;min-width:28px}
 html.site-story-frame .site-shell>main{padding:0 12px}
 html.site-story-frame .site-shell .hero{display:block;min-height:0;margin:0 0 12px;overflow:hidden;border-radius:16px;background:linear-gradient(110deg,#fffaf0ed,#fffaf078)}
 html.site-story-frame .site-shell .hero-content{padding:12px 14px 0;margin:0;max-width:none;width:100%;background:transparent}
 html.site-story-frame .site-shell .hero-content::before{display:none}
 html.site-story-frame .site-shell .hero .eyebrow{display:block;font-size:10px;line-height:1.6;letter-spacing:1.5px;margin:0 0 10px}
 html.site-story-frame .site-shell .hero h1{font-size:clamp(1.6875rem,7.3vw,1.875rem);line-height:1.16;overflow-wrap:anywhere;letter-spacing:-.5px;margin:0 0 13px;max-width:none}
 html.site-story-frame .site-shell .hero p{font-size:clamp(.9375rem,3.9vw,1rem);line-height:1.5;overflow-wrap:anywhere;margin:0;max-width:none}
 html.site-story-frame .site-shell .hero .actions{margin:16px 0 10px}
 html.site-story-frame .site-shell .hero .home-discover-button{min-height:44px;padding:10px 12px;font-size:13px;max-width:100%;white-space:normal}
 html.site-story-frame .site-shell .hero .caption{font-size:11px;line-height:1.4;margin:0;background:transparent;padding:0}
 html.site-story-frame .site-shell .hero::after{content:'';display:block;position:relative;inset:auto;width:100%;height:clamp(185px,56vw,240px);opacity:1;z-index:auto;pointer-events:none;background-image:var(--decor-building-image,url('assets/fundal-pastel-v4.png'));background-size:140% auto;background-position:right 75%;background-repeat:no-repeat;mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 82%,transparent)}
 html.site-story-frame .site-shell::before{height:660px;background:linear-gradient(140deg,#fffaf0 5%,#dceef7 30%,#fffaf0 85%);mask-image:linear-gradient(to bottom,transparent,#000 130px,#000 380px,transparent 660px);opacity:.8}
}

/* Finer phone controls retain comfortable touch targets. */
@media(max-width:700px){
 html.site-story-frame .page-scroll-control{display:none!important}
 html.site-story-frame .forest-header .logo-separate{align-self:start;margin-top:0}
 html.site-story-frame .site-shell .forest-header #menu-toggle{align-self:start;margin-top:0;border:0;background:transparent;box-shadow:none;border-radius:7px;display:grid;place-items:center}
 html.site-story-frame .forest-header #menu-toggle::after{display:grid;place-items:center;width:32px;height:32px;border:1px solid #dce3cf;border-radius:7px;background:#fffaf0ef;font:21px/1 system-ui;color:#315b41}
 html.site-story-frame .site-shell .forest-header #nav{padding:5px;gap:2px;border-radius:9px;box-shadow:none}
 html.site-story-frame .site-shell .forest-header #nav>a{font-size:11px;font-weight:550;padding:5px;border-radius:6px;min-height:44px}
 html.site-story-frame .forest-header #nav .unified-icon{width:15px;height:15px}
 html.site-story-frame .site-shell .hero h1{font-size:clamp(1.5rem,6.5vw,1.6875rem);line-height:1.18;letter-spacing:-.35px;margin-bottom:12px}
 html.site-story-frame .site-shell .hero p{font-size:clamp(.875rem,3.6vw,.9375rem)}
 html.site-story-frame .site-shell .hero .caption{font-size:10px}
 html.site-story-frame .site-shell .hero .home-discover-button,
 html.site-story-frame .site-shell .home-facebook .button{font-size:11px;line-height:1.3;padding:6px 10px;min-height:44px;border-radius:7px;font-weight:600;box-shadow:none;display:inline-flex;align-items:center;justify-content:center}
 html.site-story-frame .site-shell :is(.facebook-video,.owned-video)>summary{font-size:11px!important;line-height:1.3;padding:5px 9px!important;min-height:32px;width:fit-content;max-width:100%;border-radius:7px;font-weight:600;box-shadow:none;align-content:center}
}

/* Shared compact button size across mobile pages and privacy panels. */
@media(max-width:700px){
 html.site-story-frame body .site-shell :is(button,.button):not(.text-button):not(.news-stamp):not(#menu-toggle):not(.language-switch button),
 html.site-story-frame body :is(#cookies,#assistant) button:not(.text-button),
 html.site-story-frame body #assistant-toggle{
  min-height:34px!important;padding:5px 10px!important;font-size:11px!important;line-height:1.35!important;border-radius:6px!important;box-shadow:none!important;
 }
 html.site-story-frame body .site-shell .forest-header #nav>a{min-height:34px;height:auto;padding:5px;font-size:11px;border-radius:6px}
 html.site-story-frame body .site-shell :is(.facebook-video,.owned-video)>summary{min-height:34px!important;padding:5px 10px!important;font-size:11px!important;line-height:1.35!important;border-radius:6px!important}
 html.site-story-frame body .site-shell .home-panels .gallery-navigation button{height:34px;width:34px;min-width:34px;padding:0!important}
 html.site-story-frame body .site-shell .reviews-footer .button{display:inline-flex;align-items:center}
}

/* Blend the phone introduction into the illustrated header. */
@media(max-width:700px){
 html.site-story-frame .site-shell .hero{background:linear-gradient(to bottom,#fffaf000 0,#fffaf045 65px,#fffaf0a6 155px,#fffaf09c 72%,#fffaf000 100%);box-shadow:none;border-color:transparent}
}

/* Fade the upper illustration toward an opaque, readable description. */
@media(max-width:700px){
 html.site-story-frame .site-shell .hero{background:transparent}
 html.site-story-frame .site-shell .hero-content{display:grid;grid-template-columns:minmax(0,1fr);isolation:isolate}
 html.site-story-frame .site-shell .hero-content>.eyebrow{grid-column:1;grid-row:1}
 html.site-story-frame .site-shell .hero-content>h1{grid-column:1;grid-row:2;margin-bottom:0;padding-bottom:13px;background:linear-gradient(to bottom,#fffaf000,#fffaf073 45%,#fffaf0 100%)}
 html.site-story-frame .site-shell .hero-content>p:not(.caption){grid-column:1;grid-row:3}
 html.site-story-frame .site-shell .hero-content>.actions{grid-column:1;grid-row:4}
 html.site-story-frame .site-shell .hero-content>.caption{grid-column:1;grid-row:5}
 html.site-story-frame .site-shell .hero-content::before{content:'';display:block;position:relative;inset:auto;grid-column:1;grid-row:3/6;width:auto;background:#fffaf0;box-shadow:0 0 0 14px #fffaf0;border-radius:0;z-index:-1;pointer-events:none}
}
@media(max-width:700px){
 html.site-story-frame .site-shell .hero-content>h1{margin-inline:-14px;padding-inline:14px}
 html.site-story-frame .site-shell .hero-content::before{margin-inline:-14px;box-shadow:none}
}

/* English labels need ten balanced columns and an explicit icon/text boundary. */
html.site-story-frame[lang=en] .site-shell .forest-header #nav>a{display:grid;grid-template-columns:17px minmax(0,1fr);gap:5px;min-width:0}
html.site-story-frame[lang=en] .site-shell .forest-header #nav>a>span:first-child{width:17px;min-width:17px;line-height:1;display:flex;align-items:center;justify-content:center}
html.site-story-frame[lang=en] .site-shell .forest-header #nav>a>span:last-child{min-width:0;white-space:normal;overflow-wrap:anywhere;word-break:normal;line-height:1.3}
@media(min-width:1051px){
 html.site-story-frame[lang=en] .site-shell .forest-header #nav{grid-template-columns:.65fr .9fr .7fr 1.35fr .95fr 1fr 1.25fr .95fr .8fr 1.15fr}
}
@media(min-width:701px) and (max-width:1050px){
 html.site-story-frame[lang=en] .site-shell .forest-header #nav{grid-template-columns:repeat(5,minmax(0,1fr))}
}

/* Approved mobile composition; desktop and saved content are unchanged. */
@media(max-width:700px){
 html.site-story-frame .site-shell .forest-header .brand-illustrated{position:relative;width:min(250px,100%)}
 html.site-story-frame .forest-header .brand-illustrated::before,html.site-story-frame .forest-header .brand-illustrated::after{content:'';position:absolute;top:64%;width:34px;height:39px;background:url('assets/mobile-heart-trail.svg') center/contain no-repeat;pointer-events:none;opacity:.8}
 html.site-story-frame .forest-header .brand-illustrated::before{left:-25px;transform:rotate(-12deg)}
 html.site-story-frame .forest-header .brand-illustrated::after{right:-25px;transform:scaleX(-1) rotate(-12deg);filter:hue-rotate(310deg) saturate(.8)}
 html.site-story-frame .site-shell .hero-content{text-align:center;padding-top:8px}
 html.site-story-frame .site-shell .hero .eyebrow{font-size:clamp(8px,2.35vw,11px);letter-spacing:1.2px;line-height:1.5;margin-bottom:9px}
 html.site-story-frame .site-shell .hero .eyebrow::after{content:'♥';display:block;color:#df597a;font:16px/20px Georgia,serif;margin:9px auto 0;width:78%;background:linear-gradient(#dfbd82,#dfbd82) left center/42% 1px no-repeat,linear-gradient(#dfbd82,#dfbd82) right center/42% 1px no-repeat;pointer-events:none}
 html.site-story-frame .site-shell .hero h1{font-size:clamp(17px,5.25vw,29px);line-height:1.22;letter-spacing:-.4px;text-align:center;text-wrap:balance;overflow-wrap:normal}
 html.site-story-frame .site-shell .hero p{font-size:clamp(13px,3.6vw,16px);line-height:1.5;text-align:center}
 html.site-story-frame .site-shell .hero .actions{justify-content:center;margin:14px 0 10px}
 html.site-story-frame .site-shell .hero .home-discover-button{font-size:12px;padding:8px 13px;min-height:36px;border-radius:9px}
 html.site-story-frame .site-shell .hero .caption{font-size:10px;text-align:center;line-height:1.45}
 html.site-story-frame .site-shell .hero::after{height:clamp(200px,61vw,300px);background-position:right 75%}
 html.site-story-frame .forest-header #nav{text-align:left}
}
@media(max-width:700px){html.site-story-frame .site-shell .forest-header .brand-illustrated::before,html.site-story-frame .site-shell .forest-header .brand-illustrated::after{display:block!important}}
@media(max-width:700px){
 .site-shell main .home-facebook{display:flex;align-items:center;gap:14px;background:#fffaf0}
 .site-shell main .home-facebook>div{min-width:0;flex:1}
 .site-shell main .home-facebook h2{font:700 21px/1.3 Georgia,serif;margin:0 0 10px}
 .site-shell main .home-facebook figure{flex:0 0 72px;margin:0}
 .site-shell main .home-facebook img{width:72px;height:72px}
 .site-shell main .home-facebook figcaption{font-size:10px;max-width:72px}
}
/* Desktop: news beside activities, useful information beside Facebook. */
@media(min-width:701px){
 .site-shell .home-panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
 .site-shell .home-panels>article:first-child{grid-column:1;grid-row:1}
 .site-shell .home-panels>article:nth-child(3){grid-column:2;grid-row:1}
 .site-shell .home-panels>.useful-panel{grid-column:1;grid-row:2}
 .site-shell .home-panels>.home-facebook{grid-column:2;grid-row:2}
}
/* Final home order: news/moments, activities/useful, Facebook/reviews. */
.site-shell main .home-panels>.parchment{grid-column:auto;grid-row:auto;min-width:0;margin:0}
.site-shell .home-panels>.home-video-gallery .video-grid,.site-shell .home-panels>.home-reviews .reviews-grid{grid-template-columns:minmax(0,1fr)}
.site-shell .home-panels>.home-video-gallery .news-card{padding:14px;box-shadow:none}
.site-shell .home-panels>.home-video-gallery .news-card h2{font-size:17px}
.site-shell .home-panels>.home-video-gallery .news-card p{font-size:13px;line-height:1.5}
@media(min-width:701px){.site-shell main .home-panels{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}}
@media(max-width:700px){.site-shell main .home-panels{grid-template-columns:minmax(0,1fr)}}
/* Reviews span the page again; Facebook is a centered card above them. */
.site-shell main .home-panels~.home-facebook{width:min(100%,600px);margin:24px auto;display:flex;align-items:center;gap:18px;background:#fffaf0}
.site-shell main .home-panels~.home-facebook figure{margin:0;flex:0 0 80px}
.site-shell main .home-panels~.home-facebook img{width:80px;height:80px}
.site-shell main .home-panels~.home-facebook figcaption{font-size:10px;max-width:80px}
.site-shell main .home-reviews .reviews-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:700px){.site-shell main .home-reviews .reviews-grid{grid-template-columns:minmax(0,1fr)}.site-shell main .home-panels~.home-facebook{gap:12px}}
/* Soft cream and sky-blue navigation states, across the public site. */
html.site-story-frame body .site-shell .forest-header #nav{background:#fffaf2f5;border-color:#e4e5df;box-shadow:0 3px 12px #2848610a}
html.site-story-frame body .site-shell .forest-header #nav>a{color:#24475f;transition:background-color .18s ease,border-color .18s ease,color .18s ease}
html.site-story-frame body .site-shell .forest-header #nav>a.button{background:transparent;color:#24475f;border-color:transparent}
html.site-story-frame body .site-shell .forest-header #nav>a:is([aria-current=page],:hover,:active){background:#e1eff6;color:#173e5b;border-color:#c9dfe9;box-shadow:none}
html.site-story-frame body .site-shell .forest-header #nav>a.button:is([aria-current=page],:hover,:active){background:#e1eff6;color:#173e5b;border-color:#c9dfe9;box-shadow:none}
html.site-story-frame body .site-shell .forest-header #nav>a:focus-visible,html.site-story-frame body .site-shell .forest-header #menu-toggle:focus-visible{outline:2px solid #648da6;outline-offset:3px}
html.site-story-frame body .site-shell .forest-header #menu-toggle{color:#24475f}
html.site-story-frame body .site-shell .forest-header #menu-toggle::after{color:#24475f;background:#fffaf2f5;border-color:#dbe5e9;transition:background-color .18s ease,border-color .18s ease}
html.site-story-frame body .site-shell .forest-header #menu-toggle:is([aria-expanded=true],:hover,:active)::after{background:#e1eff6;border-color:#c9dfe9}
@media(prefers-reduced-motion:reduce){html.site-story-frame body .site-shell .forest-header #nav>a,html.site-story-frame body .site-shell .forest-header #menu-toggle::after{transition:none}}
/* Quiet public action buttons; navigation and editor controls keep their own states. */
/* Consistent, quieter typography for home sections and testimonials. */
/* Equal spacing and a shared horizontal axis for stacked home cards. */
@media(max-width:700px){
 html.site-story-frame body .site-shell #main .home-photo-trial.home-collage-slideshow{margin-bottom:0}
 html.site-story-frame body .site-shell #main .home-panels{gap:16px;padding:0;margin:16px 0 0}
 html.site-story-frame body .site-shell #main .home-panels>article{margin:0;min-width:0;box-sizing:border-box}
 html.site-story-frame body .site-shell #main .home-panels~:is(.home-facebook,.home-reviews,.parent-resources){width:100%;max-width:none;box-sizing:border-box;margin:16px auto 0}
 html.site-story-frame body .site-shell #main .home-panels~.parent-resources{margin-bottom:16px}
}
html.site-story-frame body .site-shell main :is(.home-panels,.home-reviews,.parent-resources,.home-facebook) h2{font:700 18px/1.25 Georgia,serif;letter-spacing:0;color:#173e66;margin-top:0;margin-bottom:10px}
html.site-story-frame body .site-shell main :is(.home-reviews,.parent-resources) .eyebrow{font-size:9px;line-height:1.4;letter-spacing:1.4px;margin-bottom:4px}
html.site-story-frame body .site-shell main .home-reviews .section-head{gap:8px;margin-bottom:12px}
html.site-story-frame body .site-shell main .home-reviews h2{margin-bottom:0}
html.site-story-frame body .site-shell main :is(.home-reviews,.parent-resources){padding:18px 16px}
html.site-story-frame body .site-shell main .reviews-grid{gap:10px}
html.site-story-frame body .site-shell main .review-card{padding:12px;border-radius:10px}
html.site-story-frame body .site-shell main .review-stars{font-size:12px;letter-spacing:1px;color:#8a744b}
html.site-story-frame body .site-shell main .review-card blockquote{font-size:12.5px;line-height:1.45;margin:8px 0 10px}
html.site-story-frame body .site-shell main .review-card>strong{font-size:12px;line-height:1.4}
html.site-story-frame body .site-shell main .review-card .text-link{font-size:11px;line-height:1.4;margin-top:6px}
html.site-story-frame body .site-shell main .home-reviews .section-head>.text-link{font-size:11px;line-height:1.4}
html.site-story-frame body .site-shell main .home-panels .story-news h3{font-size:14px;line-height:1.35}
html.site-story-frame body .site-shell main :is(.useful-links>a,.parent-resources-grid strong){font-size:12.5px;line-height:1.4}
html.site-story-frame body .site-shell main .parent-resources-grid>a{padding:10px 12px;gap:4px}
html.site-story-frame body .site-shell main .parent-resources-grid>a>span{font-size:12px;line-height:1.4}
html.site-story-frame body .site-shell .forest-header .language-switch{background:#fffaf2f5;border-color:#dbe5e9}
html.site-story-frame body .site-shell .forest-header .language-switch button{background:transparent!important;color:#28495d!important;box-shadow:none!important}
html.site-story-frame body .site-shell .forest-header .language-switch button[aria-pressed=true]{background:#e1eff6!important;color:#173e5b!important}
html.site-story-frame body .site-shell .forest-header .language-switch button:focus-visible{outline:2px solid #648da6;outline-offset:2px}
html.site-story-frame body .site-shell main .useful-links>a{--link-pastel:#e5f1f8;background:var(--link-pastel);color:#28495d;border:1px solid #28495d18;box-shadow:none;border-radius:12px}
html.site-story-frame body .site-shell main .useful-links>a:nth-child(2){--link-pastel:#fbeadf}
html.site-story-frame body .site-shell main .useful-links>a:nth-child(3){--link-pastel:#e5f0e3}
html.site-story-frame body .site-shell main .useful-links>a:nth-child(4){--link-pastel:#eee6f6}
html.site-story-frame body .site-shell main .useful-links>a:is(:hover,:active){background:var(--link-pastel);border-color:#28495d66;box-shadow:none;transform:none}
html.site-story-frame body .site-shell main .useful-links>a:focus-visible{outline:2px solid #648da6;outline-offset:3px}
html.site-story-frame body .site-shell main .home-panels .story-news>.news-stamp{background:#e1eff6!important;color:#28495d!important;border:1px solid #c9dfe9!important;box-shadow:none!important;text-shadow:none}
html.site-story-frame body .site-shell main .home-panels .story-news>.news-stamp:is(:hover,:active){background:#d2e6f0!important;border-color:#a9cadb!important;color:#173e5b!important;transform:none}
html.site-story-frame body .site-shell main .home-panels .story-news>.news-stamp:focus-visible{outline:2px solid #648da6;outline-offset:3px}
html.site-story-frame body .site-shell main :is(a.button,.facebook-video>summary,.owned-video>summary,button[data-video-preferences],#contact-form>button,#booking>button,.gallery-navigation>button),
html.site-story-frame body :is(#assistant-toggle,.cookies .actions>button){background:#fff8eb!important;color:#28495d!important;border:1px solid #d8cbb6!important;box-shadow:none!important;text-shadow:none;border-radius:7px;transform:none}
html.site-story-frame body .site-shell main :is(a.button,.facebook-video>summary,.owned-video>summary,button[data-video-preferences],#contact-form>button,#booking>button,.gallery-navigation>button):is(:hover,:active),
html.site-story-frame body :is(#assistant-toggle,.cookies .actions>button):is(:hover,:active){background:#f3ead8!important;border-color:#bead90!important;color:#173e5b!important;transform:none}
html.site-story-frame body .site-shell main :is(a.button,.facebook-video>summary,.owned-video>summary,button[data-video-preferences],#contact-form>button,#booking>button,.gallery-navigation>button):focus-visible,
html.site-story-frame body :is(#assistant-toggle,.cookies .actions>button):focus-visible{outline:2px solid #648da6;outline-offset:3px}
/* Consistent cream/blue assistant, from quick topics through the answer. */
html.site-story-frame body #assistant{width:min(360px,calc(100% - 32px));max-height:calc(100dvh - 100px);padding:16px;background:#fffaf2;border:1px solid #ddd4c3;border-radius:14px;color:#28495d;box-shadow:0 8px 28px #28495d20}
html.site-story-frame body #assistant .row{gap:10px;align-items:center;margin-bottom:8px}
html.site-story-frame body #assistant h2{font:700 18px/1.25 Georgia,serif;color:#173e66;margin:0}
html.site-story-frame body #assistant button{background:#fff8eb!important;color:#28495d!important;border:1px solid #d8cbb6!important;box-shadow:none!important;min-height:32px!important;padding:5px 8px!important;border-radius:7px;font:600 11px/1.3 system-ui,sans-serif;transform:none}
html.site-story-frame body #assistant button:is(:hover,:active){background:#e1eff6!important;border-color:#c9dfe9!important;color:#173e5b!important;transform:none}
html.site-story-frame body #assistant #assistant-close{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;min-width:32px;padding:0!important;font:22px/1 system-ui,sans-serif}
html.site-story-frame body #assistant .assistant-intro{font-size:11px;line-height:1.45;margin:0 0 12px}
html.site-story-frame body #assistant #faq-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:0 0 12px}
html.site-story-frame body #assistant #faq-buttons button{width:100%;min-width:0;min-height:36px!important;margin:0;text-align:center;background:#eaf3f8!important;border-color:#d5e5ed!important}
html.site-story-frame body #assistant #faq-buttons button:last-child:nth-child(odd){grid-column:1/-1}
html.site-story-frame body #assistant #faq-buttons button:is(:hover,:active){background:#dcecf5!important}
html.site-story-frame body #assistant #assistant-question-form{margin:0}
html.site-story-frame body #assistant #assistant-question-form>label{font-size:12px;line-height:1.4;margin:0 0 5px}
html.site-story-frame body #assistant .assistant-input-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;align-items:stretch}
html.site-story-frame body #assistant #assistant-question{width:100%;min-width:0;min-height:36px;padding:7px 8px;margin:0;background:#fffdf8;color:#28495d;border:1px solid #cbdbe3;border-radius:7px;font:13px/1.4 system-ui,sans-serif}
html.site-story-frame body #assistant :is(button,input):focus-visible{outline:2px solid #648da6;outline-offset:2px}
html.site-story-frame body #assistant #faq-answer:not(:empty){background:#eaf3f8;border:1px solid #d5e5ed;border-radius:9px;padding:10px;margin:12px 0 0;color:#28495d}
html.site-story-frame body #assistant #faq-answer>strong{font-size:13px;line-height:1.4}
html.site-story-frame body #assistant #faq-answer>p{font-size:12px;line-height:1.45;margin:6px 0 8px}
html.site-story-frame body #assistant #faq-answer .text-link{font-size:11px;color:#28495d}
html.site-story-frame body #assistant .assistant-method{font-size:10px;line-height:1.4;margin:10px 0 0;color:#647580}
@media(max-width:600px){html.site-story-frame body #assistant{right:16px;bottom:64px;padding:14px;max-height:calc(100dvh - 80px)}}html.site-story-frame body #assistant .row{position:sticky;top:-16px;z-index:2;background:#fffaf2;padding-block:3px}
@media(max-width:600px){html.site-story-frame body #assistant .row{top:-14px}}
html.site-story-frame body #assistant{z-index:40}
/* Cookie preferences match the quiet cream/blue public interface. */
html.site-story-frame body #cookies{left:16px;bottom:16px;z-index:50;width:min(400px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow:auto;padding:16px;background:#fffaf2;border:1px solid #ddd4c3;border-radius:14px;color:#28495d;box-shadow:0 8px 28px #28495d20}
html.site-story-frame body #cookies h2{font:700 18px/1.25 Georgia,serif;color:#173e66;margin:0 0 10px}
html.site-story-frame body #cookies p{font-size:12px;line-height:1.45;margin:0 0 10px}
html.site-story-frame body #cookies .text-link{font-size:11px;line-height:1.4;color:#28495d}
html.site-story-frame body #cookies .actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:12px 0}
html.site-story-frame body #cookies button{width:100%;min-width:0;min-height:34px!important;margin:0;padding:6px 8px!important;border:1px solid #d8cbb6!important;border-radius:7px;background:#fff8eb!important;color:#28495d!important;font:600 11px/1.3 system-ui,sans-serif;box-shadow:none!important;transform:none}
html.site-story-frame body #cookies button:is(:hover,:active){background:#e1eff6!important;border-color:#c9dfe9!important;color:#173e5b!important;transform:none}
html.site-story-frame body #cookies :is(button,input,a):focus-visible{outline:2px solid #648da6;outline-offset:2px}
html.site-story-frame body #cookies #cookie-options>p:first-child{padding:10px;background:#eaf3f8;border:1px solid #d5e5ed;border-radius:9px}
html.site-story-frame body #cookies #cookie-options label{display:flex;align-items:flex-start;gap:8px;margin:0 0 10px;padding:10px;border:1px solid #d5e5ed;border-radius:9px;background:#f2f7fa;color:#28495d;font-size:12px;line-height:1.4}
html.site-story-frame body #cookies #media{flex:0 0 17px;width:17px;height:17px;margin:1px 0 0;padding:0;accent-color:#648da6}
html.site-story-frame body #cookies #cookie-options>p:not(:first-child){font-size:11px;color:#647580;line-height:1.45}
html.site-story-frame body #cookies #save-cookies{margin-top:2px}
@media(max-width:600px){html.site-story-frame body #cookies{padding:14px}}/* Center cookie paragraphs with natural word spacing. */
html.site-story-frame body #cookies p{text-align:center;text-justify:auto;hyphens:none;overflow-wrap:break-word}
html.site-story-frame body #cookies h2,html.site-story-frame body #cookies> .text-link{text-align:center}
html.site-story-frame body #cookies> .text-link{display:block}

/* Two explicit cookie categories, one save action. */
html.site-story-frame body #cookies #cookie-options{display:grid;gap:8px;margin:12px 0 10px}
html.site-story-frame body #cookies #cookie-options .cookie-choice{margin:0;align-items:flex-start}
html.site-story-frame body #cookies .cookie-choice input{flex:0 0 17px;width:17px;height:17px;margin:2px 0 0;accent-color:#648da6}
html.site-story-frame body #cookies .cookie-choice>span{flex:1;min-width:0;text-align:center}
html.site-story-frame body #cookies .cookie-choice strong{display:block;font-size:12px;line-height:1.4}
html.site-story-frame body #cookies .cookie-choice small{display:block;margin-top:5px;font-size:11px;line-height:1.45;font-weight:400;color:#526a79}
html.site-story-frame body #cookies #cookie-options>p{margin:0;font-size:10px;line-height:1.4}
html.site-story-frame body #cookies .cookie-policy-link{font-size:10px}
/* Slim Facebook card on desktop, readable stacked layout on phones. */
@media(min-width:701px){
 html.site-story-frame body .site-shell #main .home-panels~.home-facebook{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:24px;width:min(100%,660px);padding:16px 20px;text-align:left}
 html.site-story-frame body .site-shell #main .home-facebook>div{flex:1;min-width:0;text-align:left}
 html.site-story-frame body .site-shell #main .home-facebook h2{text-align:left;margin-bottom:7px}
 html.site-story-frame body .site-shell #main .home-facebook p{max-width:42ch;margin:0 0 10px;text-align:left}
 html.site-story-frame body.home-mobile-branding .site-shell #main .home-facebook .button{margin-inline:0;align-self:flex-start}
 html.site-story-frame body .site-shell #main .home-panels~.home-facebook figure{flex:0 0 96px;width:96px;margin:0;text-align:center}
 html.site-story-frame body .site-shell #main .home-facebook figure img{width:80px;height:80px;margin:0 auto}
 html.site-story-frame body .site-shell #main .home-facebook figcaption{max-width:96px;margin:4px 0 0}
}/* Facebook sits below useful information beside a taller activity gallery. */
html.site-story-frame body .site-shell #main .home-panels>.home-facebook{box-sizing:border-box;min-width:0;width:100%;max-width:none;margin:0;padding:14px 16px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:14px;text-align:left}
html.site-story-frame body .site-shell #main .home-panels>.home-facebook>div{flex:1;min-width:0;text-align:left}
html.site-story-frame body .site-shell #main .home-panels>.home-facebook figure{flex:0 0 80px;width:80px;margin:0;text-align:center}
html.site-story-frame body .site-shell #main .home-panels>.home-facebook figure img{display:block;width:76px;height:76px;margin:0 auto}
html.site-story-frame body .site-shell #main .home-panels>.home-facebook figcaption{font-size:10px;line-height:1.4;margin-top:5px;max-width:80px}
html.site-story-frame body .site-shell #main .home-panels>.home-facebook h2{font-size:18px;text-align:left;margin-bottom:7px}
html.site-story-frame body .site-shell #main .home-panels>.home-facebook p{font-size:12px;line-height:1.4;text-align:left;margin:0 0 10px}
html.site-story-frame body.home-mobile-branding .site-shell #main .home-panels>.home-facebook .button{margin-inline:0}
@media(min-width:701px){
 html.site-story-frame body .site-shell #main .home-panels>.home-facebook{grid-column:2;grid-row:3}
 html.site-story-frame body .site-shell #main .home-panels>article:has(.activity-photo-scene){grid-column:1;grid-row:2/span 2;display:flex;flex-direction:column;align-self:stretch}
 html.site-story-frame body .site-shell #main .home-panels>.useful-panel{grid-column:2;grid-row:2}
 html.site-story-frame body .site-shell #main .home-panels .activity-photo-scene{height:auto;min-height:260px;flex:1}
}
@media(max-width:700px){
 html.site-story-frame body .site-shell #main .home-panels>.home-facebook{flex-direction:column;gap:10px;padding:14px 12px;text-align:center}
 html.site-story-frame body .site-shell #main .home-panels>.home-facebook>div,html.site-story-frame body .site-shell #main .home-panels>.home-facebook h2,html.site-story-frame body .site-shell #main .home-panels>.home-facebook p{text-align:center}
 html.site-story-frame body .site-shell #main .home-panels>.home-facebook figure{flex:none;width:96px}
 html.site-story-frame body .site-shell #main .home-panels>.home-facebook figure img{width:80px;height:80px}
 html.site-story-frame body .site-shell #main .home-panels>.home-facebook figcaption{max-width:96px}
 html.site-story-frame body.home-mobile-branding .site-shell #main .home-panels>.home-facebook .button{margin-inline:auto}
}