.guide-header{position:relative;background:#fff;color:var(--blue);border-bottom:1px solid #18516530}.guide-header .site-nav a{color:var(--charcoal)}.guide-main{max-width:1280px;margin:0 auto;padding:clamp(48px,7vw,96px) var(--gutter) 100px}.breadcrumbs{font:500 11px var(--font-display);color:#71807e;margin-bottom:40px}.breadcrumbs a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}.guide-intro{max-width:850px;margin-bottom:52px}.guide-intro .eyebrow{color:var(--blue)}.guide-intro h1{font-size:clamp(46px,7vw,88px);max-width:900px;color:var(--blue);line-height:.99}.guide-deck{max-width:670px;color:#566362;font-size:18px;line-height:1.75;margin:26px 0 0}.guide-byline{font-size:11px;color:#818988;margin-top:24px}.guide-layout{display:grid;grid-template-columns:minmax(0,760px) 260px;gap:clamp(40px,8vw,120px);align-items:start}.guide-body{font-size:15px;line-height:1.85;color:#404c4b}.guide-body h2{font-size:clamp(30px,4vw,44px);line-height:1.04;color:var(--blue);margin:58px 0 18px}.guide-body h3{font-size:23px;color:var(--green);line-height:1.1;margin:32px 0 10px}.guide-body p{margin:0 0 19px}.guide-body a{color:var(--blue);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.quick-answer{border-top:2px solid var(--blue);border-bottom:1px solid #18516540;padding:22px 0;margin:0 0 38px}.quick-answer strong{font:600 12px var(--font-display);text-transform:uppercase;letter-spacing:.1em;color:var(--blue)}.guide-body ul{padding-left:22px;margin:12px 0 25px}.guide-body li{padding-left:4px;margin-bottom:8px}.guide-aside{position:sticky;top:32px;border-top:1px solid #18516555;padding-top:15px}.guide-aside h2{font:600 11px var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--blue);margin:0 0 15px}.guide-aside a{display:block;font:500 12px/1.45 var(--font-display);padding:9px 0;border-bottom:1px solid #18516525;color:#53615f}.guide-aside .source-link{margin-top:26px;color:var(--blue)}.guide-footer{background:var(--sand)}.guide-footer .closing{background:transparent}.guide-footer .site-footer{background:#fff}.guide-note{font-size:11px!important;color:#767f7d}.guide-list{list-style:none!important;padding:0!important}.guide-list li{border-top:1px solid #18516535;padding:14px 0!important;margin:0!important}.guide-list li strong{display:block;font:600 13px var(--font-display);color:var(--blue);margin-bottom:4px}.guide-sources{border-top:1px solid #18516540;margin-top:54px;padding-top:20px}.guide-sources h2{font:600 12px var(--font-display);letter-spacing:.1em;text-transform:uppercase;margin:0 0 12px}.guide-sources ul{font-size:12px}.guide-back{display:inline-block;margin-top:32px;font:600 12px var(--font-display)}@media(max-width:850px){.guide-layout{grid-template-columns:1fr}.guide-aside{position:static;grid-row:1}.guide-aside nav{display:flex;flex-wrap:wrap;gap:0 18px}.guide-aside a{width:auto}.guide-main{padding-top:45px}}@media(max-width:800px){.guide-header .site-nav{color:var(--blue)}.guide-header .site-nav a{color:var(--blue)}}@media(max-width:480px){.guide-deck{font-size:16px}.guide-main{padding-bottom:70px}.guide-aside nav{display:grid;grid-template-columns:1fr 1fr;column-gap:14px}}

.guide-directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px 26px}.guide-card{min-width:0;border-top:1px solid #18516535;padding-top:14px}.guide-card-image{position:relative;display:block;aspect-ratio:1.55;background:var(--sand);overflow:hidden;margin-bottom:20px}.guide-card-image img,.guide-card-placeholder{width:100%;height:100%;object-fit:cover}.guide-tone-0{background:linear-gradient(140deg,#bdd4ce,#e6d7bc 55%,#80a49a)}.guide-tone-1{background:linear-gradient(35deg,#d7c5a4,#aac7c0 55%,#e9e1d0)}.guide-tone-2{background:linear-gradient(125deg,#c6d8d4,#e7d7b8 52%,#91aba3)}.guide-tone-3{background:linear-gradient(25deg,#d8c6a9,#b5c9c1 60%,#e9e2d5)}.guide-card>.eyebrow{font-size:10px;color:#76817d}.guide-card h2{font-size:clamp(21px,2.2vw,29px);line-height:1.12;margin:9px 0 10px;color:var(--blue)}.guide-card h2 a{color:inherit}.guide-card>p:not(.eyebrow){font-size:13px;line-height:1.65;color:#566362}.guide-card-link{font:600 11px var(--font-display);color:var(--blue);text-decoration:underline;text-underline-offset:4px}.guide-hero-figure{max-width:980px;margin:0 0 54px}.guide-hero-figure img{display:block;width:100%;max-height:520px;object-fit:cover}.guide-hero-figure figcaption{font-size:11px;color:#767f7d;margin-top:8px}.guide-library{padding-top:80px;padding-bottom:80px;border-top:1px solid #18516525}.guide-library .text-link{display:inline-block;margin-top:20px}@media(max-width:850px){.guide-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 20px}}@media(max-width:520px){.guide-directory-grid{grid-template-columns:1fr}.guide-card-image{aspect-ratio:1.7}.guide-hero-figure img{aspect-ratio:1.3}}

/* Shared with the Panglao editorial site: typography, wide page measure and image ratios. */
.guide-header{position:sticky;top:0;z-index:50;min-height:84px;height:auto;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:clamp(30px,4vw,72px);padding:0 var(--gutter);background:#fff;color:var(--blue);border-bottom:1px solid #18516529}
.guide-header .wordmark-image{width:clamp(208px,17vw,274px);filter:none}
.guide-header .site-nav{justify-content:flex-start;gap:clamp(24px,2.4vw,42px);font-size:12px;font-weight:500;letter-spacing:.04em;color:var(--blue);text-shadow:none}
.guide-main{width:min(100%,1600px);max-width:none;padding:clamp(62px,6vw,96px) var(--gutter) clamp(90px,9vw,144px)}
.breadcrumbs{margin-bottom:38px;font-size:12px}
.guide-intro{max-width:1000px;margin:0 auto clamp(42px,5vw,72px);text-align:center}
.guide-intro .eyebrow{margin-bottom:24px;color:var(--blue);font-size:11px;letter-spacing:.13em}
.guide-intro h1{width:fit-content;max-width:100%;margin:0 auto;padding:0 4px 7px;border-bottom:1px solid var(--blue);font-size:clamp(52px,6vw,96px);font-weight:650;letter-spacing:-.065em;line-height:.95;text-wrap:balance}
.guide-deck{max-width:760px;margin:28px auto 0;font-size:clamp(15px,1.3vw,18px);line-height:1.65;text-wrap:balance}
.guide-byline{font-size:12px;margin-top:24px}
.guide-directory-grid{gap:clamp(42px,5vw,76px) clamp(18px,2vw,32px)}
.guide-card{padding-top:16px}
.guide-card-image{aspect-ratio:4/3;margin-bottom:15px}
.guide-card h2{font-size:clamp(22px,1.7vw,30px);font-weight:450;letter-spacing:-.035em;line-height:1.12}
.guide-card>p:not(.eyebrow){font-size:14px;line-height:1.65}
.guide-card-link{font-size:12px;letter-spacing:.06em;text-transform:uppercase}
.guide-hero-figure{width:100%;max-width:1280px;margin:0 auto clamp(42px,5vw,72px)}
.guide-hero-figure img{width:100%;max-height:620px;aspect-ratio:16/9}
.guide-layout{grid-template-columns:minmax(0,760px) 260px;justify-content:center;gap:clamp(40px,8vw,120px)}
.guide-body{font-size:14px;line-height:1.8}
.guide-body h2{font-weight:500;letter-spacing:-.035em}
.guide-aside{top:104px}
.guide-footer .site-footer{background:var(--blue);color:#fff}
@media(max-width:850px){.guide-header{min-height:74px;grid-template-columns:auto 1fr auto;gap:12px}.guide-header .wordmark-image{width:clamp(174px,30vw,220px)}.guide-main{padding-top:48px}.guide-layout{grid-template-columns:1fr}}
@media(max-width:520px){.guide-intro{text-align:left}.guide-intro h1{margin-left:0;font-size:clamp(45px,13.5vw,64px)}.guide-deck{margin-left:0;font-size:16px}.guide-main{padding-bottom:72px}.guide-directory-grid{grid-template-columns:1fr}.guide-card-image{aspect-ratio:4/3}.guide-hero-figure img{aspect-ratio:4/3}}

/* Article typography follows Panglao's editorial article title and standfirst. */
.guide-main:not(.guide-directory) .guide-intro{text-align:left;max-width:1320px}
.guide-main:not(.guide-directory) .guide-intro h1{width:auto;margin:0;padding:0;border:0;color:var(--blue);font-size:clamp(62px,6.2vw,106px);font-weight:500;letter-spacing:-.055em;line-height:.94}
.guide-main:not(.guide-directory) .guide-deck{max-width:890px;margin:28px 0 0;font-family:var(--font-display);font-size:clamp(20px,1.7vw,27px);font-weight:500;line-height:1.38;text-align:left}
.guide-main:not(.guide-directory) .guide-byline{max-width:1040px;margin-top:38px;padding:18px 0;border-top:1px solid #18516538;border-bottom:1px solid #18516538;font-size:12px}
@media(max-width:520px){.guide-main:not(.guide-directory) .guide-intro h1{font-size:clamp(46px,12vw,64px)}.guide-main:not(.guide-directory) .guide-deck{font-size:19px}}

.guide-affiliate-note{max-width:1050px;margin:-28px auto 38px;padding:15px 20px;border-left:3px solid var(--blue);background:#eef3ef;color:#3f5352;font-size:13px;line-height:1.6}.guide-affiliate-note a,.guide-booking small a{color:var(--blue);text-decoration:underline}.guide-booking{margin:44px 0;padding:28px 32px;border:1px solid #18516555;background:#f4f1e9}.guide-booking>span{font:700 11px var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--blue)}.guide-booking h3{margin:16px 0 12px;color:var(--blue)}.guide-booking>p{max-width:590px}.guide-booking>a{display:inline-flex;margin:12px 0;padding:12px 18px;background:var(--blue);color:#fff;text-decoration:none;font:700 13px var(--font-display)}.guide-booking>a:hover{background:#0e3949}.guide-booking small{display:block;font-size:11px;color:#566362}.disclosure-body{max-width:760px;margin:auto}.disclosure-body section:first-child h2{margin-top:0}
.guide-trip-planner{max-width:1050px;margin:-18px auto 44px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.guide-trip-planner>div{padding:20px 24px;background:#f4f1e9;border:1px solid #18516555;display:flex;flex-direction:column;align-items:flex-start}.guide-trip-planner span{font:700 11px var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--blue)}.guide-trip-planner p{font-size:13px;line-height:1.55;margin:10px 0 16px}.guide-trip-planner>div>a{display:inline-block;padding:11px 15px;margin-top:auto;background:var(--blue);color:#fff;text-decoration:none;font:700 12px var(--font-display)}.guide-trip-planner>div>a:hover{background:#0e3949}.guide-trip-planner small{grid-column:1/-1;color:#566362;font-size:11px}.guide-trip-planner small a{color:var(--blue);text-decoration:underline}@media(max-width:650px){.guide-trip-planner{grid-template-columns:1fr}.guide-trip-planner>div>a{width:100%}}