/* Globetrotters in Action: library and video pages. Colours and type from the design guide. */
#top .bjjg-iv{--iv-navy:#363e5e;--iv-deep:#262c45;--iv-cream:#f8f0d8;--iv-paper:#fbf6ea;--iv-ink:#23283d;--iv-muted:#6b6f7f;--iv-line:#dedad0;--iv-sand:#e0b878;--iv-red:#e05038;--iv-card:#fff;
	max-width:1320px;margin:0 auto;padding:24px 16px 56px;color:var(--iv-ink);font-family:"Libre Franklin","Helvetica Neue",Arial,sans-serif;box-sizing:border-box}
#top .bjjg-iv *,#top .bjjg-iv *::before,#top .bjjg-iv *::after{box-sizing:border-box}
#top .bjjg-iv a{text-decoration:none;color:inherit}
#top .bjjg-iv h1,#top .bjjg-iv h2{font-family:inherit;color:var(--iv-ink);letter-spacing:0;text-transform:none}
.bjjg-iv-i{width:20px;height:20px;fill:currentColor;flex:none}

/* Library header */
#top .bjjg-iv-head{padding:8px 0 20px;max-width:760px}
#top .bjjg-iv-label{margin:0 0 6px;font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--iv-muted)}
#top .bjjg-iv-head h1{margin:0 0 10px;font-size:clamp(30px,5vw,44px);line-height:1.1;font-weight:800}
#top .bjjg-iv-lead{margin:0 0 20px;font-size:17px;line-height:1.55;color:var(--iv-ink)}
#top .bjjg-iv-lead a{color:var(--iv-navy);font-weight:600;text-decoration:underline;text-underline-offset:3px}
#top .bjjg-iv-search{position:relative;margin:0}
#top .bjjg-iv-search .bjjg-iv-i{z-index:1;pointer-events:none;position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--iv-muted)}
#top .bjjg-iv .bjjg-iv-search input[type=search]{width:100%;height:52px;margin:0;padding:0 18px 0 48px!important;border:1px solid var(--iv-line)!important;border-radius:26px!important;background:#fff;font-size:16px;color:var(--iv-ink);box-shadow:none}
#top .bjjg-iv-search input:focus{outline:2px solid var(--iv-navy);outline-offset:1px;border-color:var(--iv-navy)}

/* Chips and filter bar */
#top .bjjg-iv-chips{display:flex;gap:8px;overflow-x:auto;padding:4px 0 12px;margin:0 -16px;padding-left:16px;padding-right:16px;scrollbar-width:none}
#top .bjjg-iv-chips::-webkit-scrollbar{display:none}
#top .bjjg-iv-chip{flex:none;height:36px;padding:0 14px;border:0;border-radius:18px;background:#efe9da;color:var(--iv-ink);font-family:inherit;font-weight:600;font-size:14px;line-height:36px;cursor:pointer;white-space:nowrap}
#top .bjjg-iv-chip:hover{background:#e6dfcc}
#top .bjjg-iv-chip.is-on{background:var(--iv-navy);color:var(--iv-cream)}
#top .bjjg-iv-bar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px 14px;margin:4px 0 22px}
#top .bjjg-iv-select{display:flex;flex-direction:column;gap:4px;margin:0;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--iv-muted)}
#top .bjjg-iv-select select{min-width:180px;height:40px;margin:0;padding:0 34px 0 12px;border:1px solid var(--iv-line);border-radius:10px;background:#fff;color:var(--iv-ink);font-family:inherit;font-weight:500;font-size:15px;text-transform:none;letter-spacing:0}
#top .bjjg-iv-count{margin:0 0 10px auto;font-size:14px;color:var(--iv-muted)}
@media (max-width:640px){#top .bjjg-iv-select{flex:1 1 140px}#top .bjjg-iv-select select{min-width:0;width:100%}#top .bjjg-iv-count{margin-left:0;width:100%}}

/* Cards */
#top .bjjg-iv-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:26px 18px}
#top .bjjg-iv-grid.is-loading{opacity:.45;transition:opacity .15s}
#top .bjjg-iv-card{display:flex;flex-direction:column;gap:10px;min-width:0}
#top .bjjg-iv-thumb{display:block;position:relative;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:#e9e3d4}
#top .bjjg-iv-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;margin:0;transition:transform .25s ease}
#top .bjjg-iv-card:hover .bjjg-iv-thumb img{transform:scale(1.03)}
#top .bjjg-iv-card__body{display:flex;flex-direction:column;gap:3px;min-width:0}
#top .bjjg-iv-card__title{font-size:16px;line-height:1.3;font-weight:700;color:var(--iv-ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#top .bjjg-iv-card__who{font-size:14px;color:var(--iv-muted);font-weight:500}
#top .bjjg-iv-card__meta{font-size:13px;color:var(--iv-muted);display:flex;align-items:center;gap:4px;flex-wrap:wrap}
#top .bjjg-iv-likes{display:inline-flex;align-items:center;gap:3px}
#top .bjjg-iv-likes .bjjg-iv-i{width:14px;height:14px}
#top .bjjg-iv-card.is-compact{flex-direction:row;gap:10px}
#top .bjjg-iv-card.is-compact .bjjg-iv-thumb{flex:0 0 168px;border-radius:10px}
#top .bjjg-iv-card.is-compact .bjjg-iv-card__title{font-size:14px}
#top .bjjg-iv-card.is-compact .bjjg-iv-card__who,#top .bjjg-iv-card.is-compact .bjjg-iv-card__meta{font-size:12px}
#top .bjjg-iv-empty{margin:24px 0;color:var(--iv-muted)}
#top .bjjg-iv-empty[hidden],#top .bjjg-iv-more[hidden],#top .bjjg-iv-cform__more[hidden],#top .bjjg-iv-cform__err[hidden]{display:none}
#top .bjjg-iv-more-wrap{text-align:center;margin-top:32px}

/* Buttons */
#top .bjjg-iv-btn,#top .bjjg-iv-more{display:inline-flex;align-items:center;gap:7px;height:40px;padding:0 16px;border:1px solid var(--iv-line);border-radius:20px;background:#fff;color:var(--iv-ink);font-family:inherit;font-weight:600;font-size:14px;line-height:1;cursor:pointer}
#top .bjjg-iv-btn:hover,#top .bjjg-iv-more:hover{background:#f4efe3}
#top .bjjg-iv-btn.is-primary{background:var(--iv-navy);border-color:var(--iv-navy);color:var(--iv-cream)}
#top .bjjg-iv-btn.is-primary:hover{background:var(--iv-deep)}
#top .bjjg-iv-btn[disabled]{opacity:.6;cursor:wait}
#top .bjjg-iv-like[aria-pressed=true]{background:var(--iv-navy);border-color:var(--iv-navy);color:var(--iv-cream)}

/* Video page */
#top .bjjg-iv-back{display:inline-flex;align-items:center;gap:6px;margin:0 0 14px;font-size:14px;font-weight:600;color:var(--iv-muted)}
#top .bjjg-iv-back:hover{color:var(--iv-ink)}
#top .bjjg-iv-layout{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:28px;align-items:start}
@media (max-width:1000px){#top .bjjg-iv-layout{grid-template-columns:1fr}}
#top .bjjg-iv-player{position:relative;aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:#000}
#top .bjjg-iv-player img,#top .bjjg-iv-player iframe{position:absolute;inset:0;width:100%;height:100%;border:0;margin:0;object-fit:cover}
#top .bjjg-iv-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:76px;height:54px;border:0;border-radius:16px;background:rgba(38,44,69,.88);color:var(--iv-cream);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,transform .15s}
#top .bjjg-iv-play .bjjg-iv-i{width:30px;height:30px}
#top .bjjg-iv-player:hover .bjjg-iv-play{background:var(--iv-red);transform:translate(-50%,-50%) scale(1.05)}
#top .bjjg-iv-noscript{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);color:#fff;font-weight:600}
#top .bjjg-iv-title{margin:16px 0 12px;font-size:clamp(20px,2.4vw,26px);line-height:1.25;font-weight:800}
#top .bjjg-iv-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}
#top .bjjg-iv-who{display:flex;align-items:center;gap:10px;min-width:0}
#top .bjjg-iv-avatar{flex:none;width:40px;height:40px;border-radius:50%;background:var(--iv-navy);color:var(--iv-cream);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:17px}
#top .bjjg-iv-avatar.is-small{width:34px;height:34px;font-size:14px;background:var(--iv-sand);color:var(--iv-deep)}
#top .bjjg-iv-who__name{display:block;font-weight:700;font-size:15px}
#top .bjjg-iv-who__name:hover{text-decoration:underline}
#top .bjjg-iv-who__sub{display:block;font-size:13px;color:var(--iv-muted)}
#top .bjjg-iv-actions{display:flex;gap:8px}
#top .bjjg-iv-desc{margin:14px 0 0;padding:14px 16px;border-radius:12px;background:#f1ebdd;font-size:15px;line-height:1.55}
#top .bjjg-iv-desc__meta{margin:0 0 6px;font-weight:700;font-size:14px}
#top .bjjg-iv-desc__text{margin:0 0 10px;word-wrap:break-word}
#top .bjjg-iv-desc__text a{color:var(--iv-navy);text-decoration:underline}
#top .bjjg-iv-tags{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0 0}
#top .bjjg-iv-tag{display:inline-flex;align-items:center;height:32px;padding:0 12px;border-radius:16px;background:#fff;border:1px solid var(--iv-line);font-size:13px;font-weight:600}
#top .bjjg-iv-tag:hover{background:#f8f4ea}

/* Comments */
#top .bjjg-iv-comments{margin-top:24px;padding:18px 18px 8px;border-radius:14px;background:#fff;border:1px solid var(--iv-line)}
#top .bjjg-iv-comments h2{margin:0 0 14px;font-size:18px;font-weight:800}
#top .bjjg-iv-cform{margin:0 0 16px}
#top .bjjg-iv-cform textarea,#top .bjjg-iv-cform input[type=text],#top .bjjg-iv-cform input[type=email]{display:block;width:100%;margin:0;padding:10px 12px;border:1px solid var(--iv-line);border-radius:10px;background:#fff;color:var(--iv-ink);font-family:inherit;font-weight:400;font-size:15px;line-height:1.45;box-shadow:none}
#top .bjjg-iv-cform textarea{min-height:46px;resize:vertical}
#top .bjjg-iv-cform textarea:focus,#top .bjjg-iv-cform input:focus{outline:2px solid var(--iv-navy);outline-offset:1px;border-color:var(--iv-navy)}
#top .bjjg-iv-cform__row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
@media (max-width:560px){#top .bjjg-iv-cform__row{grid-template-columns:1fr}}
#top .bjjg-iv-cform__actions{display:flex;justify-content:flex-end;gap:8px;margin-top:10px}
#top .bjjg-iv-cform__err{margin:10px 0 0;padding:8px 12px;border-radius:8px;background:#fbeae6;color:#8a2a1a;font-size:14px}
#top .bjjg-iv-cform__err.is-ok{background:#e9f1ee;color:#2f5b50}
#top .bjjg-iv-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
#top .bjjg-iv-clist{list-style:none;margin:0;padding:0}
#top .bjjg-iv-c{display:flex;gap:12px;padding:12px 0;border-top:1px solid #efe9da;margin:0}
#top .bjjg-iv-c__head{margin:0 0 2px;font-size:14px}
#top .bjjg-iv-c__head span{color:var(--iv-muted);font-size:13px;margin-left:4px}
#top .bjjg-iv-c__text{margin:0;font-size:15px;line-height:1.5;word-wrap:break-word}

/* Up next */
#top .bjjg-iv-aside{padding:18px;border-radius:14px;background:#fff;border:1px solid var(--iv-line)}
#top .bjjg-iv-aside h2{margin:0 0 14px;font-size:18px;font-weight:800}
#top .bjjg-iv-next{display:flex;flex-direction:column;gap:12px}
#top .bjjg-iv-all{margin-top:16px}

/* The toast after copying a link */
.bjjg-iv-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:99999;padding:10px 16px;border-radius:10px;background:#262c45;color:#f8f0d8;font:600 14px "Libre Franklin",Arial,sans-serif}

/* The theme's previous/next post tabs at the screen edges: "Up next" does that job here. */
#top .avia-post-nav{display:none}