/* Influencer Beyond — Burgundy & Sky details shared by the journal, podcast, guide, tools, links and legal pages.
   Loaded after each page's own styles, so it only refines them. */

/* highlighted thought in an article: a burgundy card instead of a taped sticky note */
.tape{display:none}
article .note{transform:none;max-width:none;margin:38px 0;background:#5A1420;color:#FAF8F5;border-radius:18px;padding:30px 34px 32px 34px;
  font-family:'DM Serif Display',Georgia,serif;font-size:24px;line-height:1.35;box-shadow:0 26px 50px -30px rgba(62,13,22,.7)}
article .note::before{content:'Worth remembering';display:block;font-family:'Inter',sans-serif;font-size:10.5px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:#CFE2EE;margin-bottom:12px}
.guide .note,.note:not(article .note){background:#5A1420;color:#FAF8F5;transform:rotate(-2deg)}

/* boxes, lists and numbers in brand colours */
.box.rc{background:#EAF2F8;border:1px solid #D6E5F0}
.box.tip{border-left:3px solid #5A1420}
.body ul li:before{background:#5A1420;width:5px;height:5px}
.steps li:before{color:#A0BEDA}
.body a{text-decoration-color:rgba(90,20,32,.4);text-underline-offset:3px}
.body a:hover{color:#5A1420;text-decoration-color:#5A1420}

/* the burgundy call-to-action carries the IB seal, like the invitation on the homepage */
.cta-in{position:relative;background:radial-gradient(ellipse at 50% 0%,#6A1A28,#5A1420 60%,#4A0F1A);padding-top:52px;margin-top:30px}
.cta-in::before{content:'IB';position:absolute;top:-24px;left:50%;transform:translateX(-50%);width:48px;height:48px;border-radius:50%;
  background:radial-gradient(circle at 35% 30%,#FFFFFF,#E6EEF4 55%,#C9D9E6);color:#5A1420;font-family:'DM Serif Display',Georgia,serif;font-size:15px;
  display:flex;align-items:center;justify-content:center;box-shadow:0 8px 16px -6px rgba(0,0,0,.45)}

/* cards lift and get a burgundy edge on hover */
.post-card{position:relative;overflow:hidden}
.post-card::after{content:'';position:absolute;left:0;right:0;top:0;height:3px;background:#5A1420;transform:scaleX(0);transform-origin:0 50%;transition:transform .45s cubic-bezier(.2,.75,.25,1)}
.post-card:hover::after{transform:scaleX(1)}

/* calm scroll motion */
html.ib-js .ib-rv{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.75,.25,1)}
html.ib-js .ib-rv.in{opacity:1;transform:none}
nav{transition:box-shadow .3s}nav.ib-scrolled{box-shadow:0 10px 30px -22px rgba(30,26,28,.45)}

/* cursor: a small dot that grows over anything you can click; light on burgundy */
.ib-cur{position:fixed;left:0;top:0;z-index:200;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;background:#5A1420;pointer-events:none;opacity:0;
  transition:width .45s cubic-bezier(.2,.75,.2,1),height .45s cubic-bezier(.2,.75,.2,1),margin .45s cubic-bezier(.2,.75,.2,1),background .3s,opacity .3s}
.ib-cur.on{opacity:1}
.ib-cur.big{width:54px;height:54px;margin:-27px 0 0 -27px;background:rgba(90,20,32,.12);border:1px solid rgba(90,20,32,.5)}
.ib-cur.light{background:#FAF8F5}.ib-cur.light.big{background:rgba(250,248,245,.15);border-color:rgba(250,248,245,.7)}
@media (pointer:fine){body.ib-cursor,body.ib-cursor a,body.ib-cursor button,body.ib-cursor summary,body.ib-cursor label{cursor:none}}

@media (prefers-reduced-motion:reduce){html.ib-js .ib-rv{opacity:1;transform:none;transition:none}}

@media print{.ib-cur{display:none!important}html.ib-js .ib-rv{opacity:1!important;transform:none!important}}
.note:not(article .note)::before{display:none}

/* story circles: a calm burgundy ring; visited ones turn soft grey */
.ib-stories{display:flex;gap:16px;overflow-x:auto;padding:8px 2px 12px;margin-top:28px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.ib-stories::-webkit-scrollbar{display:none}
.ib-story{flex:0 0 auto;width:78px;text-align:center;text-decoration:none;color:#1E1A1C;font-size:11.5px;font-weight:500;line-height:1.3}
.ib-story .ring{position:relative;display:block;width:74px;height:74px;margin:0 auto 8px;border-radius:50%;padding:3px;transition:transform .3s cubic-bezier(.2,.75,.25,1)}
.ib-story .ring::before{content:'';position:absolute;inset:0;border-radius:50%;background:#5A1420}
.ib-story.seen .ring::before{background:#D9DCE1}
.ib-story .face{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:50%;border:3px solid #FAF8F5;
  background:#5A1420 center/cover;color:#FAF8F5;font-family:'DM Serif Display',Georgia,serif;font-size:24px;overflow:hidden}
.ib-story .face.sky{background-color:#CFE2EE;color:#5A1420}
.ib-story .face.seal{background:radial-gradient(circle at 35% 30%,#FFFFFF,#E6EEF4 55%,#C9D9E6);color:#5A1420;font-size:20px}
.ib-story:hover .ring{transform:scale(1.06)}
.ib-story .new{display:inline-block;margin-top:2px;font-size:9px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#5A1420}