/* ===========================================================
   Sydney Young — shared page components (built on site.css tokens)
   Loaded AFTER site.css
   =========================================================== */

/* Page hero */
.phero{padding:64px 0 36px;}
.phero.center{text-align:center;}
.phero .inner{max-width:820px;}
.phero.center .inner{margin:0 auto;}
.phero h1{font-size:clamp(36px,4.6vw,64px);margin:18px 0 0;}
.phero h1 em{font-style:italic;color:var(--taupe);}
.phero p.lede{font-size:19px;color:var(--ink-soft);margin-top:22px;max-width:56ch;}
.phero.center p.lede{margin-left:auto;margin-right:auto;}
.phero .phero-cta{display:flex;gap:14px;margin-top:30px;flex-wrap:wrap;}
.phero.center .phero-cta{justify-content:center;}
/* hero eyebrow -> brand chip with rose-gold dot */
.phero .eyebrow,.hero .eyebrow{display:inline-flex;align-items:center;gap:9px;background:var(--paper);border:1px solid var(--line);border-radius:100px;padding:8px 15px 8px 13px;}
.phero .eyebrow::before,.hero .eyebrow::before{content:"";width:16px;height:16px;flex:none;background:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='url(%23g)'%20stroke-width='1.05'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cdefs%3E%3ClinearGradient%20id='g'%20x1='0'%20y1='0'%20x2='1'%20y2='1'%3E%3Cstop%20offset='0'%20stop-color='%23EEBBA0'/%3E%3Cstop%20offset='.35'%20stop-color='%23C67E5F'/%3E%3Cstop%20offset='.7'%20stop-color='%23A55F3E'/%3E%3Cstop%20offset='1'%20stop-color='%23DD9E77'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cellipse%20cx='10.8'%20cy='8.8'%20rx='4.6'%20ry='1.1'/%3E%3Cpath%20d='M6.2%208.8C6.4%2012.6%207.8%2015.6%2010.8%2015.6%2013.8%2015.6%2015.2%2012.6%2015.4%208.8'/%3E%3Cpath%20d='M15.4%2010.1C18.5%2010.1%2018.5%2013.5%2015.1%2013.5'/%3E%3Cellipse%20cx='10.8'%20cy='17'%20rx='6.8'%20ry='1.5'/%3E%3Cpath%20d='M9.3%203.4C8.6%204.2%2010%204.9%209.3%205.8'/%3E%3Cpath%20d='M12.8%203.2C12.1%204%2013.5%204.7%2012.8%205.6'/%3E%3C/svg%3E") center/contain no-repeat;}

/* Split layout */
.split2{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;}
.split2.media-left .m{order:-1;}
@media(max-width:860px){.split2{grid-template-columns:1fr;gap:38px;}.split2.media-left .m{order:0;}}
.round-photo{width:100%;max-width:430px;aspect-ratio:1;border-radius:50%;object-fit:cover;}
.round-wrap{position:relative;display:flex;justify-content:center;}
.round-wrap .ring{position:absolute;width:min(450px,100%);aspect-ratio:1;border:1px solid var(--line);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%) scale(1.07);}

/* Sections */
.sec{padding:94px 0;}
.sec-sm{padding:70px 0;}
.sec-paper{background:var(--paper);border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.sec-ink{background:var(--paper);color:var(--ink);position:relative;overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.sec-ink::after{content:"";position:absolute;right:28px;bottom:-16px;width:148px;height:148px;background:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='url(%23g)'%20stroke-width='1.05'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cdefs%3E%3ClinearGradient%20id='g'%20x1='0'%20y1='0'%20x2='1'%20y2='1'%3E%3Cstop%20offset='0'%20stop-color='%23EEBBA0'/%3E%3Cstop%20offset='.35'%20stop-color='%23C67E5F'/%3E%3Cstop%20offset='.7'%20stop-color='%23A55F3E'/%3E%3Cstop%20offset='1'%20stop-color='%23DD9E77'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cellipse%20cx='10.8'%20cy='8.8'%20rx='4.6'%20ry='1.1'/%3E%3Cpath%20d='M6.2%208.8C6.4%2012.6%207.8%2015.6%2010.8%2015.6%2013.8%2015.6%2015.2%2012.6%2015.4%208.8'/%3E%3Cpath%20d='M15.4%2010.1C18.5%2010.1%2018.5%2013.5%2015.1%2013.5'/%3E%3Cellipse%20cx='10.8'%20cy='17'%20rx='6.8'%20ry='1.5'/%3E%3Cpath%20d='M9.3%203.4C8.6%204.2%2010%204.9%209.3%205.8'/%3E%3Cpath%20d='M12.8%203.2C12.1%204%2013.5%204.7%2012.8%205.6'/%3E%3C/svg%3E") center/contain no-repeat;opacity:.4;pointer-events:none;}
.sec-ink .eyebrow{color:var(--taupe);}
.shead{max-width:700px;}
.shead.center{margin:0 auto;text-align:center;}
.shead .eyebrow{display:inline-flex;align-items:center;gap:8px;}
.shead .eyebrow::before{content:"";width:15px;height:15px;flex:none;background:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='url(%23g)'%20stroke-width='1.05'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cdefs%3E%3ClinearGradient%20id='g'%20x1='0'%20y1='0'%20x2='1'%20y2='1'%3E%3Cstop%20offset='0'%20stop-color='%23EEBBA0'/%3E%3Cstop%20offset='.35'%20stop-color='%23C67E5F'/%3E%3Cstop%20offset='.7'%20stop-color='%23A55F3E'/%3E%3Cstop%20offset='1'%20stop-color='%23DD9E77'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cellipse%20cx='10.8'%20cy='8.8'%20rx='4.6'%20ry='1.1'/%3E%3Cpath%20d='M6.2%208.8C6.4%2012.6%207.8%2015.6%2010.8%2015.6%2013.8%2015.6%2015.2%2012.6%2015.4%208.8'/%3E%3Cpath%20d='M15.4%2010.1C18.5%2010.1%2018.5%2013.5%2015.1%2013.5'/%3E%3Cellipse%20cx='10.8'%20cy='17'%20rx='6.8'%20ry='1.5'/%3E%3Cpath%20d='M9.3%203.4C8.6%204.2%2010%204.9%209.3%205.8'/%3E%3Cpath%20d='M12.8%203.2C12.1%204%2013.5%204.7%2012.8%205.6'/%3E%3C/svg%3E") center/contain no-repeat;}
.shead h2{font-size:clamp(30px,4.2vw,52px);margin:14px 0 0;}
.shead h2 em{font-style:italic;color:var(--taupe);}
.sec-ink .shead h2{color:var(--ink);}
.sec-ink .shead h2 em{color:var(--taupe);}
.shead p{font-size:17px;color:var(--ink-soft);margin-top:16px;}
.sec-ink .shead p{color:var(--ink-soft);}

/* Prose (article body) */
.prose{max-width:720px;margin:0 auto;}
.prose p{font-size:18px;line-height:1.75;color:var(--ink-soft);margin-bottom:24px;}
.prose h2{font-size:clamp(26px,3.2vw,38px);margin:46px 0 18px;}
.prose h3{font-size:23px;margin:36px 0 12px;}
.prose ul,.prose ol{margin:0 0 24px 22px;}
.prose li{font-size:18px;line-height:1.7;color:var(--ink-soft);margin-bottom:10px;}
.prose blockquote{border-left:2px solid var(--taupe);padding:6px 0 6px 26px;margin:32px 0;font-family:var(--serif);font-style:italic;font-size:26px;line-height:1.4;color:var(--ink);}
.prose strong{color:var(--ink);font-weight:500;}
.prose a{color:var(--taupe-deep,var(--taupe));text-decoration:underline;text-underline-offset:3px;}
.prose .lead{font-size:21px;color:var(--ink);}

/* Credential chips */
.creds{display:flex;flex-wrap:wrap;gap:10px;margin:26px 0 4px;}
.cred{border:1px solid var(--line);padding:9px 16px;font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);}
.cred.verified{display:inline-flex;align-items:center;gap:8px;border-color:var(--ink);color:var(--ink);text-decoration:none;transition:background .2s ease,color .2s ease;}
.cred.verified:hover{background:var(--ink);color:var(--bone);}
.cred.verified svg{width:13px;height:13px;color:var(--blush);}
.profile-link{display:inline-block;margin-top:16px;font-size:13px;letter-spacing:.02em;color:var(--taupe);text-decoration:underline;text-underline-offset:3px;transition:color .2s ease;}
.profile-link:hover{color:var(--ink);}
.sig{font-family:'Printed Moments',var(--serif);font-style:normal;font-size:38px;margin-top:18px;}

/* Facts strip */
.facts{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);}
.fact{padding:40px 24px;border-right:1px solid var(--line);}
.fact:last-child{border-right:none;}
.fact .k{font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--taupe);margin-bottom:8px;}
.fact .v{font-family:var(--disp);font-weight:500;font-size:22px;line-height:1.25;}
@media(max-width:760px){.facts{grid-template-columns:1fr 1fr;}.fact:nth-child(2){border-right:none;}.fact{border-bottom:1px solid var(--line);}}

/* Generic card grid */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}
.cards.two{grid-template-columns:repeat(2,1fr);}
@media(max-width:860px){.cards,.cards.two{grid-template-columns:1fr;}}
.card{background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:32px 30px;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:transform .28s ease,box-shadow .28s ease;box-shadow:0 12px 26px -24px rgba(34,31,27,.18);}
.cards .card::before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:var(--blush);}
.sec-paper .card{background:var(--bone);}
.card:hover{transform:translateY(-5px);box-shadow:0 26px 48px -26px rgba(34,31,27,.3);}
.card .ic{width:46px;height:46px;border:1px solid var(--line);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:20px;color:var(--taupe);}
.card .ic svg{width:21px;height:21px;}
.card h3{font-size:23px;font-weight:500;margin-bottom:9px;line-height:1.18;}
.card p{font-size:14.5px;color:var(--ink-soft);flex:1;}
.card .go{margin-top:18px;font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink);border-bottom:1px solid var(--ink);padding-bottom:3px;align-self:flex-start;transition:gap .2s;}
.tagrow{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px;}
.tagrow .tg{font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--taupe);}

/* Post list (journal) */
.posts{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;}
@media(max-width:860px){.posts{grid-template-columns:1fr;gap:40px;}}
.post{cursor:pointer;display:block;}
.post .pimg{height:240px;border-radius:16px;margin-bottom:20px;transition:opacity .3s ease;}
.post:hover .pimg{opacity:.85;}
.post .cat{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--taupe);}
.post h3{font-size:25px;font-weight:500;margin:11px 0 9px;line-height:1.2;}
.post p{font-size:14.5px;color:var(--ink-soft);}
.post .meta{font-size:12.5px;color:var(--taupe);margin-top:14px;letter-spacing:.04em;}

/* Featured post */
.feature-post{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center;}
.feature-post .fimg{height:400px;border-radius:18px;}
.feature-post .cat{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--taupe);}
.feature-post h2{font-size:clamp(30px,3.8vw,48px);margin:14px 0 16px;line-height:1.1;}
.feature-post h2 em{font-style:italic;color:var(--taupe);}
.feature-post p{font-size:16.5px;color:var(--ink-soft);margin-bottom:22px;}
@media(max-width:860px){.feature-post{grid-template-columns:1fr;gap:30px;}.feature-post .fimg{height:300px;order:-1;}}

/* Episode list (podcast) */
.eps{border-top:1px solid var(--line);}
.ep{display:grid;grid-template-columns:64px 1fr auto;gap:24px;align-items:center;padding:26px 4px;border-bottom:1px solid var(--line);transition:padding .25s ease;}
.ep:hover{padding-left:14px;}
.ep .num{font-family:var(--disp);font-size:24px;color:var(--taupe);}
.ep .ti{font-family:var(--disp);font-size:23px;font-weight:500;line-height:1.2;}
.ep .de{font-size:14px;color:var(--ink-soft);margin-top:5px;max-width:60ch;}
.ep .len{font-size:12px;letter-spacing:.1em;color:var(--taupe);white-space:nowrap;}
.ep .play{width:46px;height:46px;border-radius:50%;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;color:var(--ink);transition:background .2s,color .2s;flex:none;}
.ep:hover .play{background:var(--ink);color:var(--bone);}
.ep .play svg{width:16px;height:16px;}
@media(max-width:680px){.ep{grid-template-columns:1fr auto;gap:14px;}.ep .num{display:none;}}

/* Subscribe buttons */
.subs{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px;}
.sub{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--line);padding:12px 20px;font-size:13px;letter-spacing:.04em;transition:border-color .2s,background .2s;}
.sub:hover{border-color:var(--ink);background:var(--paper);}
.sec-ink .sub{border-color:var(--line);color:var(--ink2);}
.sec-ink .sub:hover{background:var(--bone);}
.sub svg{width:17px;height:17px;}

/* Newsletter band */
.nl{padding:104px 0;}
.nl .inner{max-width:640px;margin:0 auto;text-align:center;}
.nl h2{font-size:clamp(34px,4.6vw,62px);margin:14px 0 14px;}
.nl h2 em{font-style:italic;color:var(--taupe);}
.sec-ink .nl h2{color:var(--ink);}
.sec-ink .nl h2 em{color:var(--taupe);}
.nl p{font-size:17px;color:var(--ink-soft);margin-bottom:32px;}
.sec-ink .nl p{color:var(--ink-soft);}
.nl form{display:flex;gap:0;max-width:470px;margin:0 auto;border:1px solid var(--ink);border-radius:100px;overflow:hidden;}
.sec-ink .nl form{border-color:var(--ink);}
.nl input{flex:1;border:none;background:transparent;padding:16px 20px;font-family:var(--sans);font-size:15px;color:inherit;outline:none;}
.nl input::placeholder{color:var(--taupe);}
.nl button{border:none;border-left:1px solid var(--ink);background:var(--ink);color:var(--bone);padding:0 26px;font-family:var(--sans);font-size:12px;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:background .2s;}
.sec-ink .nl button{background:var(--ink);color:var(--bone);border-left-color:var(--ink);}
.nl button:hover{background:var(--taupe-deep,#8C7A62);}
.nl .ok{font-size:14px;margin-top:16px;min-height:20px;color:var(--taupe);}
.sec-ink .nl .ok{color:var(--taupe);}

/* Ventures mini-router */
.vrow{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line);border-left:1px solid var(--line);}
.vrow .v{display:block;padding:34px 30px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:background .25s ease;}
.vrow .v:hover{background:var(--paper);}
.vrow .v .nm{font-family:var(--disp);font-size:26px;font-weight:500;}
.vrow .v .ds{font-size:14px;color:var(--ink-soft);margin:8px 0 14px;}
.vrow .v .go{font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--taupe);}
@media(max-width:760px){.vrow{grid-template-columns:1fr;}}

/* Breadcrumb */
.crumb{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--taupe);margin-bottom:6px;display:inline-flex;align-items:center;gap:8px;}
.crumb a{color:var(--taupe);}
.crumb a:hover{color:var(--ink);}

@media(max-width:600px){
  .sec,.nl{padding:64px 0;}
  .facts .fact{padding:30px 16px;}
}

/* ===========================================================
   Illustrative UI mockups (brand-native, not product screenshots)
   Used in the how-to guides to visualise each step.
   =========================================================== */
.mk{border:1px solid var(--line);border-radius:12px;background:var(--paper);overflow:hidden;box-shadow:0 34px 70px -48px rgba(34,31,27,.55);width:100%;max-width:460px;}
.mk-bar{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--line);background:var(--bone);}
.mk-bar .dots{display:flex;gap:6px;}
.mk-bar .dots i{width:9px;height:9px;border-radius:50%;background:var(--line);}
.mk-bar .tab{font-size:11.5px;letter-spacing:.03em;color:var(--taupe);margin-left:4px;}
.mk-body{padding:22px 24px;}
.mk-h{font-family:var(--disp);font-size:19px;font-weight:500;line-height:1.22;color:var(--ink);}
.mk-sub{font-size:12.5px;color:var(--taupe);margin-top:3px;}
.mk-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 0;border-bottom:1px solid var(--line);font-size:14px;color:var(--ink2);}
.mk-row:last-child{border-bottom:none;}
.mk-row .lbl{color:var(--taupe);font-size:11.5px;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;}
.mk-row b{font-weight:500;color:var(--ink);}
.mk-field{border:1px solid var(--line);border-radius:8px;padding:9px 13px;font-size:13.5px;color:var(--ink2);background:var(--bone);}
.mk-swatches{display:flex;gap:8px;}
.mk-swatches i{width:22px;height:22px;border-radius:50%;border:1px solid var(--line);}
.mk-swatches i.sel{box-shadow:0 0 0 2px var(--paper),0 0 0 4px var(--ink);}
.mk-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--ink);color:var(--bone);font-size:11px;letter-spacing:.14em;text-transform:uppercase;padding:12px 20px;border-radius:8px;border:none;}
.mk-note{font-size:12px;color:var(--taupe);margin-top:11px;}
.mk-pill{font-size:10px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;padding:5px 11px;border-radius:30px;background:var(--blush);color:var(--ink);white-space:nowrap;}
.mk-total{display:flex;align-items:baseline;justify-content:space-between;padding-top:14px;margin-top:4px;border-top:1px solid var(--ink);}
.mk-total span{font-family:var(--disp);font-size:16px;color:var(--ink);}
.mk-total b{font-family:var(--disp);font-size:22px;color:var(--taupe);font-weight:500;}
/* Automation / workflow */
.mk-flow{display:flex;flex-direction:column;}
.mk-node{display:flex;align-items:center;gap:13px;border:1px solid var(--line);border-radius:10px;padding:13px 15px;background:var(--bone);}
.mk-node .ic{width:34px;height:34px;border-radius:8px;background:var(--paper);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;color:var(--taupe);flex:none;}
.mk-node .ic svg{width:17px;height:17px;}
.mk-node b{font-weight:500;font-size:14px;color:var(--ink);display:block;line-height:1.25;}
.mk-node span{font-size:12px;color:var(--ink-soft);}
.mk-conn{width:1px;height:22px;background:var(--line);margin:5px 0 5px 32px;position:relative;}
.mk-conn span{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:11px;letter-spacing:.04em;color:var(--taupe);white-space:nowrap;}
/* Email preview */
.mk-hero{height:118px;background:repeating-linear-gradient(135deg,var(--bone-deep),var(--bone-deep) 12px,var(--paper) 12px,var(--paper) 24px);border-bottom:1px solid var(--line);display:flex;align-items:flex-end;}
.mk-hero .cap{font-family:'SF Mono',ui-monospace,Menlo,monospace;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);background:var(--paper);border:1px solid var(--line);padding:5px 9px;margin:12px;}
.mk-lines{display:flex;flex-direction:column;gap:9px;margin:13px 0 18px;}
.mk-lines i{height:9px;border-radius:4px;background:var(--bone-deep);}

/* Guide step sub-lists */
.st2 ul{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:7px;}
.st2 li{position:relative;padding-left:19px;font-size:14.5px;color:var(--ink-soft);line-height:1.5;}
.st2 li::before{content:"";position:absolute;left:0;top:8px;width:6px;height:6px;border-radius:50%;background:var(--blush);}
.st2 li b{color:var(--ink);font-weight:500;}

/* Guide "see it in action" showcase (alternating text / mockup) */
.showcase{display:flex;flex-direction:column;gap:66px;margin-top:14px;}
.show{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;}
.show .txt .eyebrow{margin-bottom:12px;}
.show .txt h3{font-size:clamp(23px,2.7vw,31px);font-weight:500;line-height:1.15;margin-bottom:12px;}
.show .txt h3 em{font-style:italic;color:var(--taupe);}
.show .txt p{font-size:15.5px;color:var(--ink-soft);line-height:1.6;max-width:46ch;}
.show .mkwrap{display:flex;justify-content:center;}
.show.flip .txt{order:2;}
.show.flip .mkwrap{order:1;}
@media(max-width:860px){.show{grid-template-columns:1fr;gap:26px;}.show.flip .txt{order:0;}.show.flip .mkwrap,.show .mkwrap{order:-1;}}

/* Brand consistency: round prominent page-specific card modules
   (these are defined in per-page inline <style>, which loads after
   this file, so !important is needed to win) */
.pc-col,.dstep,.step,.pain,.os,.quote,.tcard,.niche,.tband .niche{border-radius:16px !important;}

/* ===== Framed photos site-wide (matte white frame + soft shadow) ===== */
.router-img,.feature-post .fimg,.feat .fimg,.gcard .gimg,.post .pimg{border-radius:16px;}
.router-img,.feature-post .fimg,.feat .fimg,.gcard .gimg,.post .pimg,.round-photo,.about-photo{box-shadow:0 0 0 6px var(--paper),0 0 0 7px var(--line),0 26px 54px -30px rgba(34,31,27,.42);}

/* Coffee-cup section divider (guides motif, reusable site-wide) */
.coffee-rule{display:flex;align-items:center;gap:18px;padding:10px 0;}
.coffee-rule::before,.coffee-rule::after{content:"";height:1px;flex:1;}
.coffee-rule::before{background:linear-gradient(90deg,transparent,var(--line));}
.coffee-rule::after{background:linear-gradient(90deg,var(--line),transparent);}
.coffee-rule i{width:28px;height:28px;flex:none;background:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='url(%23g)'%20stroke-width='1.05'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cdefs%3E%3ClinearGradient%20id='g'%20x1='0'%20y1='0'%20x2='1'%20y2='1'%3E%3Cstop%20offset='0'%20stop-color='%23EEBBA0'/%3E%3Cstop%20offset='.35'%20stop-color='%23C67E5F'/%3E%3Cstop%20offset='.7'%20stop-color='%23A55F3E'/%3E%3Cstop%20offset='1'%20stop-color='%23DD9E77'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cellipse%20cx='10.8'%20cy='8.8'%20rx='4.6'%20ry='1.1'/%3E%3Cpath%20d='M6.2%208.8C6.4%2012.6%207.8%2015.6%2010.8%2015.6%2013.8%2015.6%2015.2%2012.6%2015.4%208.8'/%3E%3Cpath%20d='M15.4%2010.1C18.5%2010.1%2018.5%2013.5%2015.1%2013.5'/%3E%3Cellipse%20cx='10.8'%20cy='17'%20rx='6.8'%20ry='1.5'/%3E%3Cpath%20d='M9.3%203.4C8.6%204.2%2010%204.9%209.3%205.8'/%3E%3Cpath%20d='M12.8%203.2C12.1%204%2013.5%204.7%2012.8%205.6'/%3E%3C/svg%3E") center/contain no-repeat;}

/* ===========================================================
   Playbook teaser — free-guide "get the paid playbook" block
   (shared across all HoneyBook stage guides)
   =========================================================== */
.pt-sample{max-width:720px;margin-top:26px;}
.pt-sample-tag{display:inline-flex;align-items:center;gap:8px;font-family:var(--sans);font-size:11.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ink2);background:var(--blush-soft);border:1px solid var(--blush);border-radius:100px;padding:7px 14px;margin-bottom:14px;}
.pt-emailcard{background:var(--paper);border:1px solid var(--line);border-radius:14px;overflow:hidden;}
.pt-emailcard .pt-ec-head{padding:13px 20px;border-bottom:1px solid var(--line);font-family:var(--sans);font-size:12.5px;color:var(--taupe);letter-spacing:.02em;}
.pt-emailcard .pt-ec-head b{color:var(--ink);font-weight:500;}
.pt-emailcard .pt-ec-body{padding:20px 22px 24px;font-size:14.5px;line-height:1.7;color:var(--ink2);white-space:pre-wrap;}

.pb-teaser{position:relative;max-width:720px;margin-top:24px;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:var(--paper);}
.pb-teaser-preview{position:relative;padding:26px 28px 8px;max-height:150px;overflow:hidden;}
.pb-teaser-preview::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 0%,var(--paper) 92%);}
.pb-teaser-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px;}
.pb-teaser-list li{display:grid;grid-template-columns:20px 1fr;gap:11px;font-size:14.5px;color:var(--ink2);line-height:1.5;}
.pb-teaser-list li b{color:var(--ink);font-weight:500;}
.pb-lock-dot{width:14px;height:14px;border:1.5px solid var(--taupe);border-radius:4px;margin-top:3px;position:relative;}
.pb-lock-dot::after{content:"";position:absolute;inset:3px;border-radius:1px;background:var(--blush);}
.pb-teaser-foot{position:relative;padding:26px 28px 28px;border-top:1px solid var(--line);background:var(--bone);display:flex;flex-direction:column;gap:14px;align-items:flex-start;}
.pb-teaser-foot .pb-lock-label{display:inline-flex;align-items:center;gap:9px;font-family:var(--sans);font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--taupe);}
.pb-teaser-foot h3{font-family:var(--serif);font-size:clamp(23px,3vw,30px);font-weight:400;line-height:1.12;color:var(--ink);}
.pb-teaser-foot h3 em{font-style:italic;color:var(--taupe);}
.pb-teaser-foot p{font-size:15px;color:var(--ink-soft);line-height:1.6;max-width:56ch;}
.pb-teaser-cta{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:4px;}
.pb-teaser-price{font-family:var(--serif);font-size:15px;color:var(--taupe);}
.pb-teaser-price b{font-size:26px;color:var(--ink);font-weight:400;}
@media(max-width:560px){.pb-teaser-cta .btn{width:100%;justify-content:center;}}