/* Summer surroundings: broad photographic chapters and an open travel magazine. */
.pn-summer-detours{background:#fff}
.pn-summer-detours ::selection{background:#285c3d;color:#fff}
.pn-summer-detours svg{width:22px;height:22px;flex:none}
.pn-summer-detours .dm-crumb{display:flex;align-items:center;gap:12px;padding-block:25px;font-size:12px;line-height:1.5}
.pn-summer-detours .dm-crumb a{text-decoration:none}
.pn-summer-detours .dm-crumb>span:first-of-type{color:#8d938a}
.pn-summer-detours .dm-introduction{display:grid;grid-template-columns:.78fr 1.22fr;gap:clamp(45px,7vw,100px);align-items:center;padding-top:10px;padding-bottom:46px}
.pn-summer-detours .dm-title h1{font-size:clamp(58px,5.1vw,76px);font-weight:400;line-height:1.02;letter-spacing:-.035em}
.pn-summer-detours .dm-title p{max-width:35ch;font-size:18px;line-height:1.65;margin-top:32px;margin-bottom:0}
.pn-summer-detours .dm-hero img{width:100%;height:clamp(450px,42vw,590px);object-fit:cover;object-position:50% 53%}
.pn-summer-detours figcaption{font-size:11px;line-height:1.5;padding-top:12px}
.pn-summer-detours .dm-index{position:sticky;top:var(--pn-sticky-row-height,60px);z-index:15;display:flex;align-items:stretch;justify-content:space-between;gap:35px;padding-inline:var(--pn-design-gutter);min-height:56px;background:#fff;border-top:1px solid #c1cbbc;border-bottom:1px solid #c1cbbc}
.pn-summer-detours .dm-index a{display:flex;align-items:center;min-height:56px;padding-block:15px;flex:1;font-size:13px;line-height:1.4;font-weight:500;text-decoration:none}
.pn-summer-detours .dm-index a[aria-current]{color:var(--pn-accent);box-shadow:inset 0 -2px var(--pn-accent)}
.pn-summer-detours .dm-reading-note{display:grid;grid-template-columns:1.4fr 1fr;gap:clamp(65px,12vw,180px);padding-top:26px;padding-bottom:55px}
.pn-summer-detours .dm-reading-note p{font-size:12px;line-height:1.65;max-width:66ch;margin:0;color:#555e52}
.pn-summer-detours h2{font-size:clamp(44px,4.1vw,60px);font-weight:400;line-height:1.06}
.pn-summer-detours .dm-place h3{font-size:30px;line-height:1.16;letter-spacing:-.025em;font-weight:500;text-wrap:pretty}
.pn-summer-detours .dm-description{font-size:16px;line-height:1.7;max-width:51ch;margin:21px 0 0}
.pn-summer-detours .dm-time{font-size:11px;line-height:1.5;margin:22px 0 4px;color:#586150}
.pn-summer-detours .dm-route{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-height:44px;padding-block:7px;border-bottom:1px solid #a7b19f;font-size:12px;font-weight:500;line-height:1.4;text-decoration:none}
.pn-summer-detours .dm-route svg{width:18px;height:18px}
.pn-summer-detours .dm-feature h3{font-size:42px;font-weight:400;line-height:1.1;letter-spacing:-.03em}
.pn-summer-detours .dm-feature>.dm-description{font-size:18px;line-height:1.65;max-width:35ch}
.pn-summer-detours .dm-near{padding-top:20px;padding-bottom:clamp(75px,8vw,120px)}
.pn-summer-detours .dm-near h2{margin-bottom:36px}
.pn-summer-detours .dm-near-feature{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(50px,7vw,105px);align-items:center}
.pn-summer-detours .dm-near-feature img{width:100%;height:clamp(360px,30vw,450px);object-fit:cover;object-position:50% 50%}
.pn-summer-detours .dm-rows{border-top:1px solid #b9c3b0}
.pn-summer-detours .dm-rows>.dm-place{display:grid;grid-template-columns:1fr 1.45fr .65fr;gap:35px;padding-block:31px;border-bottom:1px solid #b9c3b0;align-items:start}
.pn-summer-detours .dm-rows .dm-description{font-size:16px;margin:0}
.pn-summer-detours .dm-rows .dm-time{margin:0 0 6px}
.pn-summer-detours .dm-rows .dm-route{gap:17px}
.pn-summer-detours .dm-near-rows{margin-top:41px;margin-left:12%}
.pn-summer-detours .dm-hills{background:#254b35;color:#fff;padding-block:clamp(48px,4.8vw,72px)}
.pn-summer-detours .dm-hill-feature{display:grid;grid-template-columns:.75fr 1.25fr;gap:clamp(70px,11vw,165px);align-items:start}
.pn-summer-detours .dm-hills h2{margin-bottom:50px}
.pn-summer-detours .dm-hill-feature figure{padding-top:30px}
.pn-summer-detours .dm-hill-feature img{width:100%;height:clamp(410px,36vw,535px);object-fit:cover;object-position:61% 50%}
.pn-summer-detours .dm-hill-rows{margin-top:43px;margin-right:9%;border-color:#8ca28b}
.pn-summer-detours .dm-hill-rows>.dm-place{border-color:#8ca28b}
.pn-summer-detours .dm-hills .dm-time{color:#e0eadb}
.pn-summer-detours .dm-hills .dm-route{border-color:#a3b89d}
.pn-summer-detours .dm-hills .dm-route:hover{color:#fff;border-color:#fff}
.pn-summer-detours .dm-hills a:focus-visible{outline-color:#fff}
.pn-summer-detours .dm-royal{padding-top:clamp(44px,5.01vw,72px);padding-bottom:clamp(70px,7vw,100px)}
.pn-summer-detours .dm-royal h2{margin-bottom:36px}
.pn-summer-detours .dm-castle{width:72%;margin-left:auto;max-width:1024px}
.pn-summer-detours .dm-castle img{width:100%;height:clamp(410px,38vw,560px);object-fit:cover;object-position:50% 49%}
.pn-summer-detours .dm-royal-rows{margin-top:40px}
.pn-summer-detours .dm-royal-rows>.dm-feature{grid-template-columns:1fr 1.45fr .65fr}
.pn-summer-detours .dm-royal-rows>.dm-feature h3{font-size:42px}
.pn-summer-detours .dm-coast{background:#eef2e9;padding-top:clamp(47px,5.08vw,72px);padding-bottom:clamp(60px,7vw,100px)}
.pn-summer-detours .dm-coast h2{font-size:clamp(52px,5.5vw,80px);margin-bottom:35px}
.pn-summer-detours .dm-sea-photo{max-width:1800px;margin-inline:auto}
.pn-summer-detours .dm-sea-photo img{width:100%;height:clamp(420px,38vw,580px);object-fit:cover;object-position:50% 60%}
.pn-summer-detours .dm-sea-photo figcaption{padding-inline:var(--pn-design-gutter)}
.pn-summer-detours .dm-coast-body{display:grid;grid-template-columns:.7fr 1.3fr;gap:clamp(65px,12vw,180px);padding-top:42px}
.pn-summer-detours .dm-coast-body>.dm-feature h3{font-size:58px}
.pn-summer-detours .dm-coast-others{border-top:1px solid #aab9a0}
.pn-summer-detours .dm-coast-others>.dm-place{display:grid;grid-template-columns:.8fr 1.2fr;column-gap:30px;padding-block:27px;border-bottom:1px solid #aab9a0}
.pn-summer-detours .dm-coast-others>.dm-place h3{grid-row:1/span 2}
.pn-summer-detours .dm-coast-others .dm-description{margin-top:0}
.pn-summer-detours .dm-coast-others .dm-route-box{grid-column:2}
.pn-summer-detours .dm-onward{display:flex;gap:60px;padding-top:25px;padding-bottom:34px}
.pn-summer-detours .dm-onward a{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:60px;flex:1;font-size:14px;font-weight:500;text-decoration:none}
@media(max-width:1100px) and (min-width:761px){.pn-summer-detours .dm-introduction{gap:45px}.pn-summer-detours .dm-title h1{font-size:57px}.pn-summer-detours .dm-title p{font-size:17px}.pn-summer-detours .dm-rows>.dm-place{grid-template-columns:1fr 1.5fr;column-gap:35px;row-gap:12px}.pn-summer-detours .dm-rows .dm-route-box{grid-column:2}.pn-summer-detours .dm-near-rows{margin-left:0}.pn-summer-detours .dm-hill-feature{gap:60px;grid-template-columns:1fr 1fr}.pn-summer-detours .dm-hill-rows{margin-right:0}.pn-summer-detours .dm-coast-body{gap:55px}.pn-summer-detours .dm-coast-others>.dm-place{grid-template-columns:1fr;gap:15px}.pn-summer-detours .dm-coast-others>.dm-place h3{grid-row:auto}.pn-summer-detours .dm-coast-others .dm-route-box{grid-column:auto}.pn-summer-detours .dm-royal-rows>.dm-feature{grid-template-columns:1fr 1.5fr}}
@media(max-width:760px){
 .pn-summer-detours .dm-crumb{font-size:11px;gap:10px;padding-block:20px}
 .pn-summer-detours .dm-introduction{grid-template-columns:1fr;gap:28px;padding-top:12px;padding-bottom:30px}
 .pn-summer-detours .dm-title h1{font-size:53px;line-height:1.04}
 .pn-summer-detours .dm-title p{font-size:16px;line-height:1.6;margin-top:24px;max-width:42ch}
 .pn-summer-detours .dm-hero img{height:300px;object-position:48% 50%}
 .pn-summer-detours figcaption{font-size:10px;padding-top:11px}
 .pn-summer-detours .dm-index{position:static;display:grid;grid-template-columns:1fr 1fr;gap:0 24px;padding-block:5px;min-height:0}
 .pn-summer-detours .dm-index a{min-height:58px;font-size:12px;padding-block:14px}
 .pn-summer-detours .dm-index a[aria-current]{box-shadow:none;font-weight:700}
 .pn-summer-detours .dm-reading-note{grid-template-columns:1fr;gap:16px;padding-top:24px;padding-bottom:39px}
 .pn-summer-detours .dm-reading-note p{font-size:12px;line-height:1.65;max-width:46ch}
 .pn-summer-detours h2{font-size:40px;line-height:1.08}
 .pn-summer-detours .dm-place h3{font-size:27px}
 .pn-summer-detours .dm-description{font-size:16px;line-height:1.65;margin-top:18px;max-width:42ch}
 .pn-summer-detours .dm-time{font-size:11px;margin-top:20px;margin-bottom:5px}
 .pn-summer-detours .dm-route{min-height:44px;font-size:12px;gap:25px}
 .pn-summer-detours .dm-feature h3{font-size:36px}
 .pn-summer-detours .dm-feature>.dm-description{font-size:17px;max-width:38ch;line-height:1.65}
 .pn-summer-detours .dm-near{padding-top:12px;padding-bottom:55px}
 .pn-summer-detours .dm-near h2{margin-bottom:27px}
 .pn-summer-detours .dm-near-feature{grid-template-columns:1fr;gap:28px}
 .pn-summer-detours .dm-near-feature img{height:280px;object-position:50% 50%}
 .pn-summer-detours .dm-rows>.dm-place,.pn-summer-detours .dm-royal-rows>.dm-feature{grid-template-columns:1fr;gap:17px;padding-block:27px}
 .pn-summer-detours .dm-rows .dm-description{font-size:16px;line-height:1.65}
 .pn-summer-detours .dm-rows .dm-time{margin:1px 0 5px}
 .pn-summer-detours .dm-rows .dm-route{gap:25px}
 .pn-summer-detours .dm-near-rows{margin-top:29px;margin-left:0}
 .pn-summer-detours .dm-hills{padding-block:48px}
 .pn-summer-detours .dm-hill-feature{grid-template-columns:1fr;gap:28px}
 .pn-summer-detours .dm-hills h2{margin-bottom:33px}
 .pn-summer-detours .dm-hill-feature figure{padding-top:0;width:85%;margin-left:auto}
 .pn-summer-detours .dm-hill-feature img{height:335px;object-position:64% 50%}
 .pn-summer-detours .dm-hill-rows{margin-top:29px;margin-right:0}
 .pn-summer-detours .dm-royal{padding-block:55px}
 .pn-summer-detours .dm-royal h2{margin-bottom:29px}
 .pn-summer-detours .dm-castle{width:100%}
 .pn-summer-detours .dm-castle img{height:285px;object-position:50% 50%}
 .pn-summer-detours .dm-royal-rows{margin-top:29px}
 .pn-summer-detours .dm-royal-rows>.dm-feature h3{font-size:36px}
 .pn-summer-detours .dm-coast{padding-top:46px;padding-bottom:49px}
 .pn-summer-detours .dm-coast h2{font-size:45px;margin-bottom:29px}
 .pn-summer-detours .dm-sea-photo img{height:335px;object-position:55% 50%}
 .pn-summer-detours .dm-coast-body{grid-template-columns:1fr;gap:30px;padding-top:28px}
 .pn-summer-detours .dm-coast-body>.dm-feature h3{font-size:45px}
 .pn-summer-detours .dm-coast-others>.dm-place{grid-template-columns:1fr;gap:17px;padding-block:26px}
 .pn-summer-detours .dm-coast-others>.dm-place h3{grid-row:auto}
 .pn-summer-detours .dm-coast-others .dm-route-box{grid-column:auto}
 .pn-summer-detours .dm-coast-others .dm-time{margin-top:1px}
 .pn-summer-detours .dm-onward{display:block;padding-top:13px;padding-bottom:22px}
 .pn-summer-detours .dm-onward a{min-height:63px;font-size:14px}
 .pn-summer-detours .dm-onward a+a{border-top:1px solid #c1cbbc}
}
@media(max-width:359px){.pn-summer-detours .dm-title h1{font-size:47px}.pn-summer-detours .dm-hero img{height:270px}.pn-summer-detours h2{font-size:35px}.pn-summer-detours .dm-feature h3{font-size:32px}.pn-summer-detours .dm-near-feature img{height:245px}.pn-summer-detours .dm-hill-feature img{height:285px}.pn-summer-detours .dm-castle img{height:250px}.pn-summer-detours .dm-coast h2{font-size:40px}}