/* Same native-block surface in the front end and WordPress editor.
   Deliberately scoped: the coded Home, rooms and booking templates keep their CSS. */
:is(.h4h-block-page .entry-content, .editor-styles-wrapper) {
    --h4b-ink:#001b1e; --h4b-petrol:#002b2b; --h4b-yellow:#ffcc00;
    --h4b-white:#edf4ed; --h4b-muted:#b6cdca; --h4b-line:#b6cdca40;
    background:var(--h4b-ink); color:var(--h4b-white);
    font:400 17px/1.75 Inter,sans-serif;
    overflow-wrap:break-word;
}
:is(.h4h-block-page .entry-content, .editor-styles-wrapper) *,
:is(.h4h-block-page .entry-content, .editor-styles-wrapper) *::before,
:is(.h4h-block-page .entry-content, .editor-styles-wrapper) *::after { box-sizing:border-box; }
body.h4h-block-page #content>.ast-container { display:block; width:100%; max-width:none; padding:0; }
body.h4h-block-page #primary { float:none; width:100%; margin:0; padding:0; border:0; }
body.h4h-block-page #secondary { display:none; }
body.h4h-block-page .site-main { padding:0; margin:0; }
body.h4h-block-page .ast-article-single { background:transparent; padding:0; }
body.h4h-block-page .entry-header { max-width:800px; margin:0 auto; padding:70px 24px 0; }
body.h4h-block-page .entry-title { color:#edf4ed; font:800 clamp(52px,7vw,96px)/.97 'Barlow Condensed',sans-serif; text-transform:uppercase; }
.h4h-block-page .entry-content { padding:clamp(40px,6vw,90px) 24px; }
.h4h-block-page .entry-content > * { max-width:760px; margin-inline:auto; }
.h4h-block-page .entry-content > .alignwide { max-width:1200px; }
.h4h-block-page .entry-content > .alignfull { max-width:none; width:calc(100% + 48px); margin-inline:-24px; }
.editor-styles-wrapper { padding:30px 24px; }
.editor-styles-wrapper .wp-block { max-width:760px; }
.editor-styles-wrapper .wp-block[data-align="wide"] { max-width:1200px; }
.editor-styles-wrapper .wp-block[data-align="full"] { max-width:none; }
:is(.h4h-block-page .entry-content, .editor-styles-wrapper) :where(h1,h2,h3,h4,h5,h6) {
    font-family:'Barlow Condensed',Impact,sans-serif; font-weight:700;
    line-height:1.03; letter-spacing:-.015em; text-transform:uppercase;
    color:inherit; margin-block:1.25em .4em;
}
:is(.h4h-block-page .entry-content, .editor-styles-wrapper) h1 { font-size:clamp(56px,7vw,108px); font-weight:800; }
:is(.h4h-block-page .entry-content, .editor-styles-wrapper) h2 { font-size:clamp(40px,4.8vw,68px); }
:is(.h4h-block-page .entry-content, .editor-styles-wrapper) h3 { font-size:clamp(30px,3vw,42px); }
:is(.h4h-block-page .entry-content, .editor-styles-wrapper) :where(h4,h5,h6) { font-size:26px; }
:is(.h4h-block-page .entry-content, .editor-styles-wrapper) :where(p,ul,ol) { margin-block:0 1.4em; font-size:inherit; line-height:inherit; }
:is(.h4h-block-page .entry-content, .editor-styles-wrapper) :where(ul,ol) { padding-inline-start:1.4em; }
:is(.h4h-block-page .entry-content, .editor-styles-wrapper) li { margin-block:.45em; }
:is(.h4h-block-page .entry-content, .editor-styles-wrapper) a { color:var(--h4b-yellow); text-underline-offset:.2em; }
:is(.h4h-block-page .entry-content, .editor-styles-wrapper) :where(a,button,input,textarea,select,summary):focus-visible { outline:2px solid var(--h4b-yellow); outline-offset:5px; }
:is(.h4h-block-page .entry-content, .editor-styles-wrapper) .wp-block-buttons { display:flex; flex-wrap:wrap; gap:14px; margin-block:26px; }
:is(.h4h-block-page .entry-content, .editor-styles-wrapper) .wp-block-button__link {
    display:inline-flex; justify-content:center; align-items:center; min-height:52px;
    padding:15px 25px; background:var(--h4b-yellow); color:var(--h4b-ink);
    border:1px solid transparent; border-radius:0; box-shadow:none;
    font:700 14px/1.5 Inter,sans-serif; text-decoration:none; transition:background .2s,transform .2s;
}
:is(.h4h-block-page .entry-content, .editor-styles-wrapper) .wp-block-button__link:hover { background:#ffe066; color:var(--h4b-ink); transform:translateY(-2px); }
:is(.h4h-block-page .entry-content, .editor-styles-wrapper) .is-style-outline .wp-block-button__link { background:transparent; border-color:currentColor; color:inherit; }
:is(.h4h-block-page .entry-content, .editor-styles-wrapper) .is-style-outline .wp-block-button__link:hover { background:#b6cdca15; }
:is(.h4h-block-page .entry-content, .editor-styles-wrapper) :where(img,video) { max-width:100%; height:auto; }
:is(.h4h-block-page .entry-content, .editor-styles-wrapper) :where(.wp-block-image,.wp-block-gallery,.wp-block-media-text,.wp-block-cover,.wp-block-columns,.wp-block-group) { margin-block:32px; }
:is(.h4h-block-page .entry-content, .editor-styles-wrapper) .wp-block-image img { display:block; }
:is(.h4h-block-page .entry-content, .editor-styles-wrapper) figcaption { font:400 12px/1.6 Inter,sans-serif; color:inherit; opacity:.75; margin-top:12px; }
:is(.h4h-block-page .entry-content, .editor-styles-wrapper) .wp-block-columns { gap:28px; }
:is(.h4h-block-page .entry-content, .editor-styles-wrapper) .wp-block-column { min-width:0; }
:is(.h4h-block-page .entry-content, .editor-styles-wrapper) .wp-block-media-text { background:var(--h4b-petrol); }
:is(.h4h-block-page .entry-content, .editor-styles-wrapper) .wp-block-media-text__content { padding:clamp(25px,4vw,65px); }
:is(.h4h-block-page .entry-content, .editor-styles-wrapper) .wp-block-media-text__media img { width:100%; display:block; }
:is(.h4h-block-page .entry-content, .editor-styles-wrapper) .wp-block-cover { padding:clamp(28px,5vw,75px); }
:is(.h4h-block-page .entry-content, .editor-styles-wrapper) .wp-block-cover__inner-container { max-width:1000px; }
:is(.h4h-block-page .entry-content, .editor-styles-wrapper) :where(.wp-block-quote,.wp-block-pullquote) { border:0; border-left:3px solid var(--h4b-yellow); padding:18px 28px; margin-block:35px; color:inherit; }
:is(.h4h-block-page .entry-content, .editor-styles-wrapper) :where(.wp-block-quote,.wp-block-pullquote) p { font:500 clamp(26px,3vw,38px)/1.3 'Barlow Condensed',sans-serif; }
:is(.h4h-block-page .entry-content, .editor-styles-wrapper) cite { font-size:12px; font-style:normal; }
:is(.h4h-block-page .entry-content, .editor-styles-wrapper) .wp-block-separator { border:0; border-top:1px solid var(--h4b-line); margin-block:45px; opacity:1; }
:is(.h4h-block-page .entry-content, .editor-styles-wrapper) .wp-block-details { border-block-end:1px solid var(--h4b-line); padding:22px 0; }
:is(.h4h-block-page .entry-content, .editor-styles-wrapper) .wp-block-details summary { cursor:pointer; font-weight:600; }
:is(.h4h-block-page .entry-content, .editor-styles-wrapper) .wp-block-details[open] summary { color:var(--h4b-yellow); margin-bottom:18px; }
:is(.h4h-block-page .entry-content, .editor-styles-wrapper) .wp-block-table { overflow-x:auto; }
:is(.h4h-block-page .entry-content, .editor-styles-wrapper) .wp-block-table :where(th,td) { padding:14px 18px; border-color:var(--h4b-line); }
:is(.h4h-block-page .entry-content, .editor-styles-wrapper) .wp-block-table th { background:var(--h4b-petrol); }
:is(.h4h-block-page .entry-content, .editor-styles-wrapper) .wp-block-table.is-style-stripes tbody tr:nth-child(odd) { background:#b6cdca10; }
:is(.h4h-block-page .entry-content, .editor-styles-wrapper) :where(input:not([type=checkbox]):not([type=radio]):not([type=submit]),textarea,select) { background:var(--h4b-petrol); border:1px solid var(--h4b-line); color:var(--h4b-white); border-radius:0; padding:14px; font:inherit; max-width:100%; }
:is(.h4h-block-page .entry-content, .editor-styles-wrapper) :where(pre,code) { background:var(--h4b-petrol); color:var(--h4b-white); }
:is(.h4h-block-page .entry-content, .editor-styles-wrapper) pre { overflow:auto; padding:20px; }
/* Styles selectable from the block sidebar. No class names need to be typed. */
:is(.h4h-block-page .entry-content, .editor-styles-wrapper) .is-style-h4h-eyebrow { color:var(--h4b-yellow); font:600 11px/1.6 Inter,sans-serif; letter-spacing:.14em; text-transform:uppercase; }
:is(.h4h-block-page .entry-content, .editor-styles-wrapper) .is-style-h4h-lead { font-size:clamp(19px,2.3vw,24px); line-height:1.6; }
:is(.h4h-block-page .entry-content, .editor-styles-wrapper) .is-style-h4h-display { font-size:clamp(60px,8.5vw,132px); line-height:.94; font-weight:800; margin-block:20px 28px; }
:is(.h4h-block-page .entry-content, .editor-styles-wrapper) .is-style-h4h-panel { background:var(--h4b-petrol); border:1px solid var(--h4b-line); padding:clamp(24px,3vw,42px); }
:is(.h4h-block-page .entry-content, .editor-styles-wrapper) .is-style-h4h-accent { background:var(--h4b-yellow); color:var(--h4b-ink); padding:clamp(28px,5vw,65px); }
:is(.h4h-block-page .entry-content, .editor-styles-wrapper) .is-style-h4h-accent :where(a,.is-style-h4h-eyebrow) { color:inherit; }
:is(.h4h-block-page .entry-content, .editor-styles-wrapper) .is-style-h4h-accent .wp-block-button__link { background:var(--h4b-ink); color:var(--h4b-white); }
:is(.h4h-block-page .entry-content, .editor-styles-wrapper) .is-style-h4h-accent :focus-visible { outline-color:var(--h4b-ink); }
:is(.h4h-block-page .entry-content, .editor-styles-wrapper) .is-style-h4h-frame img { border:1px solid var(--h4b-line); padding:8px; }
:is(.h4h-block-page .entry-content, .editor-styles-wrapper) :where(.wp-block-group,.wp-block-media-text__content,.wp-block-column) > :first-child { margin-top:0; }
:is(.h4h-block-page .entry-content, .editor-styles-wrapper) :where(.wp-block-group,.wp-block-media-text__content,.wp-block-column) > :last-child { margin-bottom:0; }
@media(max-width:781px) {
    :is(.h4h-block-page .entry-content, .editor-styles-wrapper) .wp-block-columns { gap:20px; }
    :is(.h4h-block-page .entry-content, .editor-styles-wrapper) .wp-block-column > .is-style-h4h-panel { margin-block:0; }
}
@media(prefers-reduced-motion:reduce) {
    :is(.h4h-block-page .entry-content, .editor-styles-wrapper) .wp-block-button__link { transition:none; transform:none; }
}