/* Visual coverage and practical guides, using Coffee Network's existing palette. */
.cn-coverage-hero{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center;padding-block:40px 65px}.cn-coverage-hero h1{font-size:clamp(3.3rem,5.6vw,5.6rem)}.cn-coverage-hero .xp-lede{max-width:44ch}.cn-map-key{display:flex;flex-direction:column;gap:8px;margin-top:28px}.cn-map-key a{display:inline-flex;align-items:center;gap:13px;width:fit-content;min-height:36px;font-size:.91rem}.cn-map-key a:hover{color:var(--copper)}.cn-map-key i{width:11px;height:11px;border-radius:50%;flex:none}.cn-cambs{--county-color:#092c50}.cn-herts{--county-color:#47604c}.cn-beds{--county-color:#a46b48}.cn-map-key i{background:var(--county-color)}.cn-coverage-map{min-width:0}.cn-coverage-map>svg{display:block;width:100%;height:auto;max-height:660px;stroke:none;background:var(--cream);border:1px solid var(--line)}.cn-map-region{transition:filter .15s,stroke-width .15s}.cn-map-link:hover .cn-map-region,.cn-map-link:focus .cn-map-region{filter:brightness(1.12);stroke-width:5}.cn-coverage-map figcaption{font-size:.64rem;line-height:1.6;color:var(--muted);margin-top:12px}.cn-coverage-map figcaption a{text-decoration:underline;text-underline-offset:3px}
.cn-county-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.cn-county-card{padding:32px 28px;background:var(--paper);border-top:4px solid var(--county-color);scroll-margin-top:125px;display:flex;flex-direction:column;align-items:start}.cn-county-card:target{box-shadow:0 0 0 2px var(--county-color)}.cn-county-icon{display:block;width:38px;height:38px;color:var(--county-color);margin-bottom:23px}.cn-county-card h3{font-family:var(--serif);font-size:2rem;font-weight:400;line-height:1.2}.cn-county-card .cn-county-towns{font-size:.76rem;color:var(--county-color);margin-block:15px 21px;line-height:1.7}.cn-county-card>p:not(.cn-county-towns){font-size:.9rem;color:var(--muted);margin:0 0 25px}.cn-county-card .text-link{margin-top:auto}
.cn-location-next{display:grid;grid-template-columns:68px 1fr auto;gap:35px;align-items:center}.cn-location-next>span{width:60px;color:var(--copper)}.cn-location-next h2{font-size:3rem}.cn-location-next>div>p:not(.eyebrow){font-size:.95rem;line-height:1.85;color:var(--muted);max-width:55ch;margin-top:23px}
.cn-flavour-steps{max-width:960px;margin-inline:auto}.cn-flavour-step{display:grid;grid-template-columns:70px minmax(0,1fr);gap:30px;padding-block:30px 38px;border-bottom:1px solid var(--line);scroll-margin-top:130px}.cn-flavour-step:first-child{padding-top:0}.cn-flavour-step:last-child{border-bottom:0;padding-bottom:0}.cn-flavour-icon{display:grid;place-items:center;width:64px;height:64px;background:var(--paper);color:var(--copper);border:1px solid var(--line);border-radius:50%}.cn-flavour-icon>svg{width:36px;height:36px}.cn-flavour-step-copy h2{font-size:2rem;line-height:1.2;max-width:28ch;margin-bottom:20px}.cn-flavour-step-copy p{font-size:1rem;color:var(--muted);line-height:1.9}.cn-flavour-step-copy p+p{margin-top:17px}.cn-flavour-step-copy .xp-actions{margin-top:24px}
.cn-guides-hero{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding-block:45px 65px}.cn-guides-hero h1{font-size:clamp(3.2rem,5.4vw,5.2rem)}.cn-guides-hero .xp-lede{max-width:45ch}.cn-guide-jumps{display:flex;flex-direction:column;gap:0;margin-top:28px;max-width:420px}.cn-guide-jumps>a{display:flex;align-items:center;gap:12px;padding-block:14px;border-bottom:1px solid var(--line);font-size:.85rem}.cn-guide-jumps>a>svg{width:24px;height:24px;color:var(--copper);flex:none}.cn-guide-jumps>a>span{margin-left:auto;color:var(--copper)}.cn-guide-jumps>a:hover{color:var(--copper);border-color:var(--copper)}
.cn-featured-guide{display:block;position:relative;min-width:0;isolation:isolate}.cn-featured-guide .xp-photo img{width:100%;height:560px;object-fit:cover;border-radius:110px 3px 3px 3px}.cn-featured-guide>div{position:absolute;bottom:22px;left:22px;right:22px;background:var(--paper);padding:23px 26px;border-left:3px solid var(--copper);box-shadow:0 10px 30px #30231e12}.cn-featured-guide>div>.eyebrow{display:block;margin-bottom:13px}.cn-featured-guide h2{font-size:2.2rem;line-height:1.1;margin-bottom:17px}.cn-featured-guide>div>span:last-child{display:flex;justify-content:space-between;font-size:.8rem;color:var(--copper)}.cn-featured-guide:hover>div{background:var(--ivory)}
.cn-guide-section{scroll-margin-top:85px}.cn-guide-section .xp-intro{margin-bottom:35px}.cn-guide-section .xp-intro h2{font-size:3.5rem}.cn-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.cn-guide-card{position:relative;display:flex;flex-direction:column;align-items:start;min-width:0;padding:32px 28px;background:var(--paper);border:1px solid var(--line);min-height:350px;transition:transform .18s,box-shadow .18s}.cn-guide-card:hover{transform:translateY(-4px);box-shadow:0 13px 30px #30231e0b}.cn-guide-card-icon{display:block;width:48px;height:48px;color:var(--copper);margin-bottom:30px}.cn-guide-card h3{font-family:var(--serif);font-size:2rem;font-weight:400;line-height:1.15;letter-spacing:-.04em;max-width:17ch}.cn-guide-card p{font-size:.91rem;line-height:1.85;color:var(--muted);margin-block:20px 28px}.cn-guide-card-link{display:flex;justify-content:space-between;align-items:center;gap:20px;width:100%;margin-top:auto;padding-top:17px;border-top:1px solid var(--line);font-size:.78rem}.cn-guide-card-link>span{color:var(--copper)}.cn-guide-navy{background:var(--blue);border-color:var(--blue);color:var(--ivory)}.cn-guide-green{background:#47604c;border-color:#47604c;color:var(--ivory)}.cn-guide-copper{background:#865335;border-color:#865335;color:var(--ivory)}.cn-guide-navy p,.cn-guide-green p,.cn-guide-copper p{color:#f0e5da}.cn-guide-navy .cn-guide-card-icon,.cn-guide-green .cn-guide-card-icon,.cn-guide-copper .cn-guide-card-icon,.cn-guide-navy .cn-guide-card-link>span,.cn-guide-green .cn-guide-card-link>span,.cn-guide-copper .cn-guide-card-link>span{color:#e9c5a3}.cn-guide-navy .cn-guide-card-link,.cn-guide-green .cn-guide-card-link,.cn-guide-copper .cn-guide-card-link{border-top-color:#f7f4ed4d}
.cn-guide-prompt{display:grid;grid-template-columns:70px 1fr auto;align-items:center;gap:35px;border-block:1px solid var(--line);padding-block:40px}.cn-guide-prompt>span{display:block;width:60px;color:var(--copper)}.cn-guide-prompt h2{font-size:3rem}.cn-guide-prompt>div>p:not(.eyebrow){font-size:.95rem;color:var(--muted);margin-top:20px;max-width:50ch}
@media(max-width:1100px){.cn-coverage-hero,.cn-guides-hero{gap:40px}.cn-county-card{padding:28px 22px}.cn-county-card h3{font-size:1.75rem}.cn-guide-card{padding:28px 22px}.cn-guide-card h3{font-size:1.8rem}.cn-location-next,.cn-guide-prompt{grid-template-columns:55px 1fr;gap:25px}.cn-location-next>.button,.cn-guide-prompt>.button{grid-column:2;justify-self:start}}
@media(max-width:850px){.cn-coverage-hero,.cn-guides-hero{grid-template-columns:1fr;gap:35px;padding-block:32px 45px}.cn-coverage-hero>div{max-width:620px}.cn-coverage-hero h1,.cn-guides-hero h1{font-size:clamp(3rem,7.5vw,4.6rem)}.cn-map-key{flex-direction:row;flex-wrap:wrap;gap:4px 22px}.cn-map-key a{font-size:.82rem}.cn-coverage-map{max-width:590px;width:100%;margin-inline:auto}.cn-coverage-map>svg{max-height:640px}.cn-county-grid{grid-template-columns:1fr;gap:20px}.cn-county-card{display:grid;grid-template-columns:46px 1fr;gap:0 18px;padding:27px}.cn-county-card>h3{grid-column:2}.cn-county-icon{grid-column:1;grid-row:1/4;width:34px;height:34px;margin:0}.cn-county-card .cn-county-towns,.cn-county-card>p,.cn-county-card>.text-link{grid-column:2}.cn-county-card>p:not(.cn-county-towns){max-width:60ch;margin-bottom:20px}.cn-county-card .cn-county-towns{margin-block:12px 17px}.cn-flavour-step{gap:23px;grid-template-columns:60px minmax(0,1fr)}.cn-flavour-icon{width:56px;height:56px}.cn-flavour-step-copy h2{font-size:1.9rem}.cn-guide-jumps{max-width:600px}.cn-featured-guide{max-width:650px;width:100%;margin-inline:auto}.cn-featured-guide .xp-photo img{height:440px;border-top-left-radius:90px}.cn-featured-guide>div{left:20px;right:20px;bottom:20px}.cn-guide-grid{grid-template-columns:1fr;gap:20px}.cn-guide-card{min-height:0;display:grid;grid-template-columns:58px minmax(0,1fr);gap:0 20px;padding:28px}.cn-guide-card-icon{grid-row:1/4;width:40px;height:40px;margin:0}.cn-guide-card h3{max-width:none;grid-column:2}.cn-guide-card p{grid-column:2;max-width:65ch;margin-block:15px 22px}.cn-guide-card-link{grid-column:2}.cn-guide-section .xp-intro h2{font-size:3rem}.cn-location-next h2,.cn-guide-prompt h2{font-size:2.7rem}}
@media(max-width:480px){.cn-map-key{flex-direction:column;gap:3px}.cn-coverage-map figcaption{font-size:.6rem}.cn-coverage-map>svg{max-height:none}.cn-coverage-hero h1,.cn-guides-hero h1{font-size:2.9rem}.cn-county-card{padding:25px 20px;grid-template-columns:32px minmax(0,1fr);gap:0 15px}.cn-county-card h3{font-size:1.65rem;overflow-wrap:anywhere}.cn-county-icon{width:29px;height:29px}.cn-county-card .cn-county-towns{font-size:.71rem}.cn-county-card>p:not(.cn-county-towns){font-size:.86rem}.cn-location-next,.cn-guide-prompt{grid-template-columns:1fr;gap:22px}.cn-location-next>span,.cn-guide-prompt>span{width:44px}.cn-location-next>.button,.cn-guide-prompt>.button{grid-column:1}.cn-location-next h2,.cn-guide-prompt h2{font-size:2.45rem}.cn-flavour-step{grid-template-columns:44px minmax(0,1fr);gap:17px;padding-block:27px 31px}.cn-flavour-icon{width:42px;height:42px}.cn-flavour-icon>svg{width:26px;height:26px}.cn-flavour-step-copy h2{font-size:1.65rem;margin-bottom:16px}.cn-flavour-step-copy p{font-size:.93rem;line-height:1.85}.cn-featured-guide .xp-photo img{height:390px;border-top-left-radius:75px}.cn-featured-guide>div{padding:20px;left:14px;right:14px;bottom:14px}.cn-featured-guide h2{font-size:1.9rem}.cn-guide-section .xp-intro h2{font-size:2.6rem}.cn-guide-card{grid-template-columns:1fr;padding:25px;gap:0}.cn-guide-card-icon{grid-column:1;grid-row:auto;width:42px;height:42px;margin-bottom:24px}.cn-guide-card h3,.cn-guide-card p,.cn-guide-card-link{grid-column:1}.cn-guide-card h3{font-size:1.95rem;max-width:20ch}.cn-guide-card p{font-size:.9rem;margin-block:17px 25px}}
@media(prefers-reduced-motion:reduce){.cn-map-region,.cn-guide-card{transition:none}.cn-guide-card:hover{transform:none}}