/* v5c "more pink, no circles" layer. Opt in per page with <body class="v5c">. Home only for now. */
body.v5c{--pink:#e8457a}
/* eyebrows: pink label, short pink rule */
body.v5c .eyebrow,body.v5c .on-dark .eyebrow,body.v5c .hero.dark .eyebrow{color:var(--pink)}
/* key word in headings: pink word with swash underline (same as hero) */
body.v5c .mark{position:relative;display:inline-block;white-space:nowrap;z-index:0;color:var(--pink)}
body.v5c .mark svg{position:absolute;left:-4%;bottom:-.14em;width:108%;height:.34em;z-index:-1;overflow:visible}
body.v5c .mark svg path{fill:#111111}
body.v5c .on-dark .mark svg path,body.v5c .hero.dark .mark svg path{fill:#fff}
/* cards: pink top bar, bare pink icon, pink explore */
body.v5c .card{border-top:4px solid var(--pink)}
body.v5c .card .ic{width:auto;height:auto;background:none;border-radius:0;justify-content:flex-start;margin-bottom:22px}
body.v5c .card .ic svg{width:38px;height:38px}
body.v5c .card .ic svg *{stroke:var(--pink);stroke-width:1.7}
body.v5c .card .go{color:var(--pink)}
body.v5c .card .go i{width:auto;height:auto;background:none!important;color:var(--pink);font-size:1.05rem;border-radius:0}
body.v5c .card h3{transition:color .25s}
body.v5c .card:hover{border-color:var(--pink)}
body.v5c .card:hover h3{color:var(--pink)}
body.v5c .card:hover .ic{transform:translateY(-2px)}
/* no filled pink circle decorations */
body.v5c .photo .blob,body.v5c .hero .s2,body.v5c .talk:after{display:none}
body.v5c .val b:before{width:18px;height:3px;border-radius:2px}
body.v5c .val{border-top-color:var(--pink)}

/* ===== sitewide v5c additions (hubs, guides, landings) ===== */
/* generic brush-underlined keyword, added by /shared/v5c-mark.js */
body.v5c .mk{position:relative;display:inline-block;white-space:nowrap;z-index:0;color:var(--pink)!important;font-style:normal;text-decoration:none!important}
body.v5c .mk:after{content:"";position:absolute;left:-4%;bottom:-.14em;width:108%;height:.34em;z-index:-1;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 30' preserveAspectRatio='none'%3E%3Cpath d='M3 20 C 40 8, 90 6, 197 12 L 195 26 C 120 20, 60 22, 6 28 Z' fill='%23111111'/%3E%3C/svg%3E") center/100% 100% no-repeat}
body.v5c .mk.w:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 30' preserveAspectRatio='none'%3E%3Cpath d='M3 20 C 40 8, 90 6, 197 12 L 195 26 C 120 20, 60 22, 6 28 Z' fill='%23ffffff'/%3E%3C/svg%3E")}
/* hero accent phrases: keep pink, drop the old plain underline so only the brush shows */
body.v5c .hero h1 em,body.v5c .hero-title em,body.v5c h1 em,body.v5c h2 em{text-decoration:none!important}
/* section labels: pink small caps, no pill */
body.v5c .hero .kick,body.v5c .hero .tag,body.v5c .hero .kicker,body.v5c .hero-badge,body.v5c .hero .eyebrow,body.v5c .eyebrow,body.v5c .kick,body.v5c .lbl,body.v5c .skick{color:var(--pink)!important}
body.v5c .section-label{background:none!important;border:0!important;padding:0!important;border-radius:0!important;color:var(--pink)!important;font-weight:bold;letter-spacing:.22em;gap:10px}
body.v5c .section-label:before{content:"";width:22px;height:2px;background:var(--pink)}
/* cards: pink top bar, pink hover outline, pink title on hover for link cards */
body.v5c :is(.tool,.path,.step,.move,.linkcard,.strat,.area,.ws,.g,.pt,.closing-step,.step-box,.lcard){border-top:4px solid var(--pink)!important}
body.v5c main .card,body.v5c section .card{border-top:4px solid var(--pink)!important}
body.v5c :is(.tool,.path,.step,.move,.card,.linkcard,.strat,.area,.ws,.g,.pt,.closing-step,.step-box):hover{border-color:var(--pink)!important}
body.v5c :is(a.card,a.linkcard,a.tool,a.path,.g,.strat,a.move):hover :is(h3,h4){color:var(--pink)!important;transition:color .25s}
/* explore-style links: pink text and arrow */
body.v5c .card .go,body.v5c .linkcard span,body.v5c .g .lnk,body.v5c .g .more,body.v5c a.more{color:var(--pink)!important}
body.v5c .card .go i{width:auto!important;height:auto!important;background:none!important;color:var(--pink)!important;border-radius:0!important;font-size:1.05rem}
/* step numbers: plain bold pink Georgia numerals, no circle */
body.v5c :is(.closing-step-num,.step-num,.step .n,.pt .n,.card .n){background:none!important;box-shadow:none!important;border:0!important;border-radius:0!important;width:auto!important;height:auto!important;color:var(--pink)!important;font-family:Georgia,'Times New Roman',serif!important;font-weight:bold!important;line-height:1!important}
body.v5c :is(.closing-step-num,.step-num){font-size:1.7rem!important}
body.v5c .closing-step{grid-template-columns:auto 1fr}
/* icons: plain pink, no circles */
body.v5c .card .dot{width:auto;height:auto;background:none!important;border-radius:0;justify-content:flex-start;margin-bottom:22px}
body.v5c .card .dot svg{width:38px;height:38px}body.v5c .card .dot svg *{stroke:var(--pink)!important}
body.v5c .soc svg{background:none!important;color:var(--pink)!important;padding:0!important;width:34px!important;height:34px!important}
/* no decorative pink dots */
body.v5c .talk:after{display:none!important}
body.v5c .inside li:before{width:10px!important;height:2px!important;border-radius:0!important;top:.8em!important}
body.v5c .timeline-dot{width:14px!important;height:3px!important;border-radius:0!important;border:0!important;box-shadow:none!important;background:var(--pink)!important;top:10px!important}
/* a heading with a brush keyword drops its old short pink rule, so there is only one underline */
body.v5c :is(h1,h2):has(.mk):after{display:none!important}
body.v5c :is(h1,h2):has(.mk)+.divider{display:none!important}
body.v5c .soc{border-top:4px solid var(--pink)!important}
/* "Don't see your town?" circle: the one intentional circle, used next to town lists */
.town-circle{flex:none;width:168px;height:168px;border-radius:50%;background:#e8457a;color:#fff;display:flex;align-items:center;justify-content:center;text-align:center;padding:22px;box-sizing:border-box;font-family:Georgia,'Times New Roman',serif;font-size:1.06rem;line-height:1.3;box-shadow:0 12px 28px rgba(232,69,122,.25)}
.townrow{display:flex;align-items:center;gap:34px;flex-wrap:wrap;margin-top:34px}
.townrow .chips{flex:1 1 380px;display:flex;flex-wrap:wrap;gap:8px}
.townrow .chips a,.townrow .chips span{background:#fff;border:1.5px solid #111111;color:#111111;font-size:.82rem;font-weight:bold;padding:7px 15px;border-radius:100px;text-decoration:none}
.townrow .chips a:hover{border-color:#e8457a;color:#e8457a}
.townrow .chips .live{border-color:#e8457a;color:#e8457a}
@media(max-width:640px){.townrow{justify-content:center}.town-circle{width:150px;height:150px;font-size:.98rem}}