:root {
  --bpcf-bg: #090d13;
  --bpcf-panel: #111925;
  --bpcf-panel-2: #151f2e;
  --bpcf-line: rgba(92, 176, 255, 0.24);
  --bpcf-blue: #52b7ff;
  --bpcf-cyan: #83e8ff;
  --bpcf-text: #edf7ff;
  --bpcf-muted: #a9bbca;
}


.bpcf-shell {
  width: min(1160px, calc(100% - 36px));
  max-width: 1160px !important;
  margin: 0 auto;
  padding: 70px 0 86px;
  color: var(--bpcf-text);
  font-size: 17px;
  line-height: 1.7;
}

.bpcf-shell *, .bpcf-shell *::before, .bpcf-shell *::after { box-sizing: border-box; }
.bpcf-shell h1, .bpcf-shell h2, .bpcf-shell h3 { color: #fff; line-height: 1.12; margin-top: 0; }
.bpcf-shell h1 { font-size: clamp(2.5rem, 6vw, 5.5rem); letter-spacing: -0.045em; max-width: 900px; }
.bpcf-shell h2 { font-size: clamp(2rem, 4vw, 3.4rem); letter-spacing: -0.035em; }
.bpcf-shell h3 { font-size: 1.28rem; }
.bpcf-shell p { color: var(--bpcf-muted); }

.bpcf-kicker, .bpcf-eyebrow {
  color: var(--bpcf-cyan) !important;
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

.bpcf-lead { font-size: clamp(1.08rem, 2vw, 1.35rem); max-width: 760px; }
.bpcf-hero { display: grid; grid-template-columns: minmax(0, 1.7fr) minmax(260px, 0.7fr); gap: 42px; align-items: end; padding: 40px 0 70px; }
.bpcf-home-hero { position: relative; isolation: isolate; display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(260px, .7fr); gap: 42px; align-items: end; min-height: 520px; padding: 56px 0 80px; overflow: hidden; }
.bpcf-home-hero::before { content: ""; position: absolute; inset: 0 -3% 0 18%; z-index: 0; background: url("moca-home-hero.webp") right center / auto 92% no-repeat; opacity: .48; pointer-events: none; }
.bpcf-home-hero::after { content: ""; position: absolute; inset: 0; z-index: 0; background: linear-gradient(90deg, #090d13 0%, rgba(9,13,19,.92) 46%, rgba(9,13,19,.3) 76%, rgba(9,13,19,.06) 100%); pointer-events: none; }
.bpcf-home-hero > * { position: relative; z-index: 1; }
.bpcf-home-hero h1 { max-width: 980px; }
.bpcf-hero-actions { display: flex; flex-wrap: wrap; gap: 14px 24px; align-items: center; margin-top: 30px; }
.bpcf-callout { display: grid; gap: 10px; padding: 26px; border: 1px solid var(--bpcf-line); border-radius: 18px; background: linear-gradient(145deg, rgba(31,91,142,.24), rgba(10,16,24,.84)); box-shadow: 0 20px 60px rgba(0,0,0,.24); }
.bpcf-callout strong { color: #fff; }
.bpcf-callout span { color: var(--bpcf-muted); }

.bpcf-section { padding: 64px 0; border-top: 1px solid rgba(130,183,224,.16); }
.bpcf-heading-row { display: flex; justify-content: space-between; gap: 30px; margin-bottom: 26px; }
.bpcf-grid { display: grid; gap: 20px; margin-top: 30px; }
.bpcf-grid-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.bpcf-grid-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.bpcf-grid-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }

.bpcf-card { display: flex; flex-direction: column; min-height: 240px; padding: 28px; border: 1px solid var(--bpcf-line); border-radius: 20px; background: linear-gradient(150deg, rgba(21,31,46,.96), rgba(9,14,21,.96)); box-shadow: 0 18px 50px rgba(0,0,0,.2); transition: transform .2s ease, border-color .2s ease; }
.bpcf-card .bpcf-link { margin-top: auto; }
.bpcf-card:hover { transform: translateY(-3px); border-color: rgba(83,183,255,.52); }
.bpcf-card p { margin-bottom: 22px; }
.bpcf-link { color: var(--bpcf-cyan) !important; font-weight: 800; text-decoration: none; }
.bpcf-link:hover, .bpcf-link:focus { text-decoration: underline; }

.bpcf-button { display: inline-flex; align-items: center; justify-content: center; margin-top: 18px; padding: 13px 20px; border: 1px solid rgba(108,207,255,.62); border-radius: 999px; background: linear-gradient(135deg, #1169a5, #13416f); color: #fff !important; font-weight: 800; text-decoration: none; box-shadow: 0 0 30px rgba(43,160,255,.16); }
.bpcf-button:hover, .bpcf-button:focus { background: linear-gradient(135deg, #1682c8, #165487); }
.bpcf-text-button { display: inline-flex; align-items: center; gap: 8px; color: var(--bpcf-cyan) !important; font-weight: 800; text-decoration: none; }
.bpcf-text-button:hover, .bpcf-text-button:focus { text-decoration: underline; }
.bpcf-hero-actions .bpcf-button { margin-top: 0; }
.bpcf-note { margin-top: 22px; padding: 18px 20px; border-left: 3px solid var(--bpcf-blue); background: rgba(40,108,161,.12); }

.bpcf-guide-nav, .bpcf-topic-nav { display: flex; flex-wrap: wrap; gap: 10px; padding: 18px; border: 1px solid var(--bpcf-line); border-radius: 18px; background: rgba(10,16,24,.72); }
.bpcf-guide-nav { position: sticky; top: 12px; z-index: 5; margin-bottom: 18px; backdrop-filter: blur(14px); }
.bpcf-guide-nav a, .bpcf-topic-nav a { padding: 9px 14px; border: 1px solid rgba(118,185,235,.24); border-radius: 999px; color: var(--bpcf-text) !important; font-size: .9rem; font-weight: 800; text-decoration: none; }
.bpcf-guide-nav a:hover, .bpcf-guide-nav a:focus, .bpcf-topic-nav a:hover, .bpcf-topic-nav a:focus, .bpcf-topic-nav a.is-active { border-color: var(--bpcf-blue); background: rgba(36,125,191,.24); color: #fff !important; }

.bpcf-example-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; margin-top: 30px; }
.bpcf-example-card { padding: 26px; border: 1px solid var(--bpcf-line); border-radius: 20px; background: linear-gradient(150deg, rgba(21,31,46,.96), rgba(9,14,21,.96)); }
.bpcf-example-card blockquote { margin: 20px 0; padding: 18px; border-left: 3px solid #ffbf69; background: rgba(119,80,25,.16); color: #fff; font-size: 1.02rem; }
.bpcf-example-card ul { padding-left: 1.2rem; color: var(--bpcf-muted); }
.bpcf-example-label { color: #ffda91 !important; font-size: .78rem; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }

.bpcf-guide-list { display: grid; gap: 14px; margin-top: 30px; }
.bpcf-guide-list article { display: grid; grid-template-columns: minmax(260px, .9fr) minmax(0, 1.1fr); gap: 28px; align-items: center; padding: 24px 26px; border: 1px solid var(--bpcf-line); border-radius: 18px; background: rgba(15,24,35,.72); }
.bpcf-guide-list article span { color: var(--bpcf-cyan); font-size: .76rem; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; }
.bpcf-guide-list article h3, .bpcf-guide-list article p { margin: 5px 0 0; }

.bpcf-steps { display: grid; gap: 16px; margin: 30px 0 0; padding: 0; list-style: none; counter-reset: bpcf-step; }
.bpcf-steps li { counter-increment: bpcf-step; display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: 4px 16px; align-items: start; padding: 20px; border: 1px solid var(--bpcf-line); border-radius: 16px; background: rgba(15,24,35,.72); }
.bpcf-steps li::before { content: counter(bpcf-step); grid-row: span 2; display: grid; place-items: center; width: 42px; height: 42px; border-radius: 50%; background: #123c62; color: var(--bpcf-cyan); font-weight: 900; }
.bpcf-steps strong { color: #fff; }
.bpcf-steps span { color: var(--bpcf-muted); }

.bpcf-split { display: grid; grid-template-columns: 1.4fr .8fr; gap: 36px; align-items: center; }
.bpcf-source-box, .bpcf-placeholder { padding: 32px; border: 1px solid var(--bpcf-line); border-radius: 20px; background: radial-gradient(circle at top right, rgba(49,145,214,.18), transparent 45%), var(--bpcf-panel); }
.bpcf-method { display: grid; grid-template-columns: repeat(5, 1fr); gap: 8px; margin: 0; padding: 0; list-style: none; }
.bpcf-method li { padding: 16px 10px; border: 1px solid var(--bpcf-line); border-radius: 12px; color: #fff; text-align: center; font-weight: 800; }

.bpcf-news-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.bpcf-news-card { display: flex; flex-direction: column; min-height: 280px; padding: 28px; border: 1px solid var(--bpcf-line); border-radius: 20px; background: linear-gradient(150deg, rgba(21,31,46,.96), rgba(9,14,21,.96)); }
.bpcf-news-card h3 { margin-top: 18px; }
.bpcf-news-card h3 a { color: #fff; text-decoration: none; }
.bpcf-news-card h3 a:hover, .bpcf-news-card h3 a:focus { color: var(--bpcf-cyan); }
.bpcf-news-card .bpcf-link { margin-top: auto; }
.bpcf-news-card-compact { min-height: 250px; }
.bpcf-home-news-empty { margin-bottom: 28px; }
.bpcf-home-story-grid { display: grid; gap: 18px; }
.bpcf-home-story-count-1 { grid-template-columns: minmax(0, .65fr); }
.bpcf-home-story-count-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.bpcf-home-story-count-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.bpcf-home-story-count-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.bpcf-home-story-grid .bpcf-news-card { min-height: 270px; padding: 24px; }
.bpcf-home-story-grid .bpcf-news-card h3 { font-size: clamp(1.45rem, 2vw, 2rem); line-height: 1.12; }
.bpcf-moca-watch { position: relative; isolation: isolate; min-height: 470px; overflow: hidden; border: 1px solid var(--bpcf-line); border-radius: 22px; background: #070d14; box-shadow: 0 18px 50px rgba(0,0,0,.24); }
.bpcf-moca-watch::before { content: ""; position: absolute; inset: 0; z-index: -3; background: url("moca-home-hero.webp") center / cover no-repeat; transform: scaleX(-1); }
.bpcf-moca-watch::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(5,9,15,.03) 0%, rgba(5,9,15,.12) 42%, rgba(5,9,15,.9) 70%, rgba(5,9,15,.99) 100%), linear-gradient(0deg, rgba(5,9,15,.72) 0%, transparent 62%); pointer-events: none; }
.bpcf-moca-reflection { position: absolute; z-index: -2; top: 5%; bottom: 5%; left: 2%; width: 27%; border-radius: 48% 48% 12px 12px; background: url("moca-panther-reflection-v4.webp") 36% center / cover no-repeat; box-shadow: inset 0 0 42px rgba(0,0,0,.52), 0 0 32px rgba(73,194,255,.2); filter: saturate(.92) contrast(1.05); }
.bpcf-moca-watch-copy { position: absolute; z-index: 1; right: clamp(30px, 5vw, 66px); bottom: clamp(30px, 5vw, 58px); width: min(38%, 410px); }
.bpcf-moca-watch-copy h3 { margin: 8px 0 12px; font-size: clamp(2rem, 4vw, 3.3rem); }
.bpcf-moca-watch-copy p:not(.bpcf-eyebrow) { margin: 0 0 18px; color: #c0d1de; line-height: 1.55; }
.bpcf-moca-watch-below { margin-top: 24px; }
.bpcf-news-meta { display: flex; align-items: center; justify-content: space-between; gap: 12px; color: var(--bpcf-muted); font-size: .82rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.bpcf-news-status { padding: 5px 9px; border: 1px solid rgba(255,198,74,.5); border-radius: 999px; color: #ffd774; }
.bpcf-topic-nav { margin: 26px 0 30px; }
.bpcf-topic-badge { display: inline-flex; width: fit-content; margin-top: 16px; color: var(--bpcf-cyan); font-size: .72rem; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
.bpcf-archive { display: grid; grid-template-columns: minmax(180px, .38fr) minmax(0, 1.62fr); gap: 30px; margin-top: 44px; padding: 30px; border: 1px solid var(--bpcf-line); border-radius: 20px; background: rgba(12,19,28,.74); }
.bpcf-archive ol { display: grid; gap: 0; margin: 0; padding: 0; list-style: none; }
.bpcf-archive li { display: grid; grid-template-columns: 110px minmax(0, 1fr) auto; gap: 18px; align-items: center; padding: 14px 0; border-bottom: 1px solid rgba(130,183,224,.14); }
.bpcf-archive li:last-child { border-bottom: 0; }
.bpcf-archive time { color: var(--bpcf-muted); font-size: .82rem; font-weight: 800; }
.bpcf-archive a { color: #fff; font-weight: 800; text-decoration: none; }
.bpcf-archive a:hover, .bpcf-archive a:focus { color: var(--bpcf-cyan); }
.bpcf-archive .bpcf-topic-badge { margin-top: 0; text-align: right; }

.bpcf-brief { width: min(820px, 100%); margin-inline: auto; }
.bpcf-brief h2 { margin-top: 2.4em; }
.bpcf-brief p { line-height: 1.75; }

.bpcf-game-hero, .bpcf-about-hero { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(300px, .85fr); gap: 44px; align-items: center; padding: 30px 0 70px; }
.bpcf-game-hero figure, .bpcf-about-hero figure { margin: 0; overflow: hidden; border: 1px solid var(--bpcf-line); border-radius: 26px; background: #05080d; box-shadow: 0 30px 90px rgba(0,0,0,.45); }
.bpcf-game-hero img, .bpcf-about-hero img { display: block; width: 100%; height: 480px; object-fit: cover; }
.bpcf-about-hero img { height: 360px; }
.bpcf-game-hero figcaption, .bpcf-about-hero figcaption { padding: 12px 16px; color: var(--bpcf-muted); font-size: .88rem; }

.bpcf-moca-film { display: grid; grid-template-columns: minmax(240px, .8fr) minmax(0, 1.2fr); gap: 42px; align-items: center; }
.bpcf-moca-film > div:first-child { max-width: 430px; }
.bpcf-video-shell { position: relative; width: 100%; max-width: 680px; justify-self: end; overflow: hidden; border: 1px solid var(--bpcf-line); border-radius: 26px; background: #03070c; box-shadow: 0 30px 90px rgba(0,0,0,.48); user-select: none; -webkit-user-select: none; }
.bpcf-video-shell video { display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: cover; background: #03070c; pointer-events: none; }

.bpcf-instagram { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(260px, .75fr); gap: 44px; align-items: center; }
.bpcf-instagram > div { max-width: 680px; }
.bpcf-instagram figure { width: min(100%, 370px); margin: 0 auto; overflow: hidden; border: 1px solid var(--bpcf-line); border-radius: 26px; background: #fff; box-shadow: 0 26px 70px rgba(0,0,0,.34); }
.bpcf-instagram figure a { display: block; }
.bpcf-instagram img { display: block; width: 100%; height: auto; }
.bpcf-instagram figcaption { padding: 12px 16px; color: #233347; background: #fff; font-size: .88rem; text-align: center; }

.bpcf-quiz { scroll-margin-top: 30px; }
.bpcf-quiz-top { display: flex; justify-content: space-between; gap: 20px; align-items: end; }
.bpcf-score { color: var(--bpcf-cyan); font-weight: 800; white-space: nowrap; }
.bpcf-quiz-card { padding: clamp(22px, 4vw, 42px); border: 1px solid var(--bpcf-line); border-radius: 24px; background: linear-gradient(145deg, var(--bpcf-panel-2), var(--bpcf-bg)); }
.bpcf-scenario { margin: 0 0 24px; color: #fff !important; font-size: 1.18rem; }
.bpcf-answers { display: grid; gap: 12px; }
.bpcf-answer { width: 100%; padding: 16px 18px; border: 1px solid rgba(122,182,224,.28); border-radius: 13px; background: rgba(4,10,16,.62); color: var(--bpcf-text); text-align: left; cursor: pointer; }
.bpcf-answer:hover, .bpcf-answer:focus { border-color: var(--bpcf-blue); background: rgba(26,83,127,.28); }
.bpcf-answer[disabled] { cursor: default; opacity: .72; }
.bpcf-answer.is-correct { border-color: #4bd29b; background: rgba(32,138,96,.2); }
.bpcf-answer.is-wrong { border-color: #ff7d86; background: rgba(158,51,62,.2); }
.bpcf-feedback { margin-top: 20px; padding: 18px; border-radius: 14px; background: rgba(75,148,202,.12); }
.bpcf-next { margin-top: 18px; }
.bpcf-quiz-status { min-height: 1.5em; }

/* Two ways to play, one Games page. */
.bpcf-game-choices { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin: -26px 0 12px; }
.bpcf-game-choices a { display: grid; gap: 7px; padding: 24px; border: 1px solid var(--bpcf-line); border-radius: 18px; color: var(--bpcf-text) !important; background: rgba(12,24,36,.86); text-decoration: none !important; }
.bpcf-game-choices a:hover, .bpcf-game-choices a:focus-visible { border-color: var(--bpcf-blue); background: rgba(28,65,94,.78); }
.bpcf-game-choices span, .bpcf-incident-step { color: var(--bpcf-cyan); font-size: .76rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.bpcf-game-choices strong { color: #fff; font-size: 1.25rem; }
.bpcf-game-choices small { color: var(--bpcf-muted); font-size: .9rem; }
.bpcf-incident, .bpcf-quiz { scroll-margin-top: 24px; }
.bpcf-incident-layout { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(260px, .75fr); gap: 22px; align-items: start; }
.bpcf-incident-main { min-width: 0; }
.bpcf-incident-gauges { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin-bottom: 16px; }
.bpcf-incident-gauge { padding: 14px; border: 1px solid var(--bpcf-line); border-radius: 13px; background: rgba(10,19,29,.84); }
.bpcf-incident-gauge-label { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 3px; font-size: .78rem; line-height: 1.3; }
.bpcf-incident-gauge-label strong { color: #fff; }
.bpcf-incident-gauge-label span { color: var(--bpcf-cyan); white-space: nowrap; }
.bpcf-incident-meter { height: 7px; margin-top: 11px; overflow: hidden; border-radius: 10px; background: rgba(110,159,193,.2); }
.bpcf-incident-meter span { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, #1970a8, #71e0ff); transition: width .25s ease; }
.bpcf-incident-stage { padding: clamp(20px, 3.5vw, 34px); border: 1px solid var(--bpcf-line); border-radius: 20px; background: linear-gradient(150deg, #132332, #080e17); }
.bpcf-incident-stage h3 { margin: 5px 0 15px; color: #fff; font-size: clamp(1.4rem, 2.4vw, 1.9rem); }
.bpcf-incident-stage h3:focus { outline: none; }
.bpcf-incident-stage .bpcf-scenario { line-height: 1.55; }
.bpcf-incident-moca { display: flex; align-items: center; gap: 15px; margin: 0 0 20px; padding: 10px 14px; border-left: 3px solid var(--bpcf-cyan); border-radius: 9px; background: rgba(39,112,158,.14); }
.bpcf-incident-moca img { width: 54px; height: 54px; flex: none; border-radius: 50%; object-fit: cover; object-position: center 28%; }
.bpcf-incident-moca p { margin: 0; font-size: .9rem; }
.bpcf-incident-consequence { margin-top: 22px; padding: 19px; border: 1px solid rgba(70,175,211,.4); border-radius: 13px; background: rgba(27,94,127,.2); }
.bpcf-incident-consequence strong { color: var(--bpcf-cyan); }
.bpcf-incident-consequence p { margin: 6px 0 0; }
.bpcf-incident-feed { position: sticky; top: 18px; padding: 21px; border: 1px solid var(--bpcf-line); border-radius: 18px; background: rgba(10,18,27,.9); }
.bpcf-incident-feed h3 { margin: 0 0 13px; color: #fff; font-size: 1rem; }
.bpcf-incident-feed ol { max-height: 440px; margin: 0; padding-left: 22px; overflow: auto; }
.bpcf-incident-feed li { margin: 0 0 13px; padding-left: 3px; color: var(--bpcf-muted); font-size: .86rem; line-height: 1.5; }
.bpcf-incident-feed li::marker { color: var(--bpcf-cyan); }
.bpcf-incident-feed li strong { color: #fff; }
.bpcf-incident-report { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.bpcf-incident-report section { padding: 17px; border: 1px solid var(--bpcf-line); border-radius: 12px; background: rgba(10,21,31,.75); }
.bpcf-incident-report h4 { margin: 0 0 6px; color: var(--bpcf-cyan); }
.bpcf-incident-report p { margin: 0; font-size: .9rem; line-height: 1.5; }
.bpcf-incident-review { margin-top: 22px; }
.bpcf-incident-review summary { color: #fff; font-weight: 800; cursor: pointer; }
.bpcf-incident-review li { margin-bottom: 10px; }
.bpcf-downloads-hero { padding: 30px 0 14px; }
.bpcf-downloads-hero h1 { max-width: 760px; }
.bpcf-download-card h2 { font-size: 1.25rem; }
.bpcf-download-note { margin-top: 24px; color: var(--bpcf-muted); }
.bpcf-download-note a { color: var(--bpcf-cyan); }

@media (max-width: 860px) {
  .bpcf-incident-layout { grid-template-columns: 1fr; }
  .bpcf-incident-feed { position: static; }
}
@media (max-width: 600px) {
  .bpcf-game-choices, .bpcf-incident-gauges, .bpcf-incident-report { grid-template-columns: 1fr; }
  .bpcf-game-choices { margin-top: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .bpcf-incident-meter span { transition: none; }
}

/* Theme polish: compact branding, readable spacing, and a wider home hub. */
header.wp-block-template-part > .wp-block-group.alignfull {
  padding-block: 16px !important;
}

header.wp-block-template-part > .wp-block-group.alignfull > .wp-block-group.alignwide {
  align-items: center;
  column-gap: 24px;
  flex-wrap: nowrap;
}

header.wp-block-template-part .wp-block-site-logo,
header.wp-block-template-part .wp-block-site-logo img {
  width: 96px !important;
  height: 64px !important;
}

header.wp-block-template-part .wp-block-site-logo img {
  border: 1px solid rgba(95, 217, 255, .28);
  border-radius: 18px;
  box-shadow: 0 0 28px rgba(37, 149, 255, .14);
  object-fit: cover;
}

header.wp-block-template-part > .wp-block-group.alignfull > .wp-block-group.alignwide > p {
  flex: 0 1 285px;
  line-height: 1.45;
  margin: 0;
  color: #b8cbea !important;
}

header.wp-block-template-part nav.wp-block-navigation {
  flex: 1 1 auto;
  font-size: .94rem;
  margin-left: auto;
}

header.wp-block-template-part .wp-block-navigation__container {
  column-gap: 22px;
  row-gap: 10px;
}

body.home .entry-content > .wp-block-cover.alignwide {
  min-height: clamp(620px, 78vh, 760px) !important;
  border: 1px solid rgba(92, 176, 255, .14);
  border-radius: 24px;
  box-shadow: 0 26px 80px rgba(0, 0, 0, .32);
  overflow: hidden;
}

body.home .entry-content > .pagelayer-row:has(.pagelayer-col-holder:empty),
body.home .entry-content > .wp-block-columns:has(.wp-block-column:empty),
body.home .entry-content > p:empty {
  display: none;
}

body.home .entry-content > h4.wp-block-heading {
  margin-top: 56px;
  font-size: clamp(1.75rem, 3vw, 2.35rem);
  letter-spacing: -.02em;
}

body.home .entry-content > figure.wp-block-image {
  margin-top: 18px;
  overflow: hidden;
  border: 1px solid rgba(92, 176, 255, .2);
  border-radius: 24px;
  box-shadow: 0 24px 70px rgba(0, 0, 0, .34);
}

body.home .entry-content > figure.wp-block-image img {
  display: block;
  width: 100%;
}

body.home .entry-content > figure.wp-block-image ~ p:not(.wp-block-paragraph:empty) {
  margin-top: 16px;
}

body.home .bpcf-home-wrap {
  padding-top: 54px;
  padding-bottom: 22px;
}

body.home .bpcf-home-latest {
  padding-bottom: 22px;
}

/* Remove the theme's unused post-content template slot on the homepage. */
body.home main > section.wp-block-template-part:empty,
body.home main > section.wp-block-template-part:not(:has(a, button, img, svg, video, iframe, form, p, h1, h2, h3, h4, h5, h6)) {
  display: none;
}

body.home .bpcf-home-hub {
  padding-block: 54px;
}

body.home .bpcf-home-hub .bpcf-heading-row > div {
  max-width: 780px;
}

body.home .bpcf-home-hub .bpcf-card {
  min-height: 330px;
}

/* WooCommerce's generic Coming Soon template includes placeholder networks. */
body.woocommerce-coming-soon .wp-block-social-links,
body.woocommerce-coming-soon-page .wp-block-social-links,
body[class*="coming-soon"] .wp-block-social-links {
  display: none !important;
}

/* Hide the original Pagelayer demo content until real public contact and
   social profiles are ready. The About-page Instagram feature is supplied by
   this plugin and does not use these theme placeholders. */
.pagelayer-social_grp,
.pagelayer-footer .p-iok8178,
.pagelayer-footer .p-thd710 {
  display: none !important;
}

/* Replace the legacy stock-hacker banner on WordPress article pages with the
   site's ghost-panther Cyber Watch artwork. */
body.single-post .p-fgl2151 {
  background-image: linear-gradient(90deg, rgba(3,8,13,.78), rgba(3,8,13,.28)), url("ghost-panther-cyber-watch.jpg") !important;
  background-position: center center !important;
  background-size: cover !important;
}

/* Modernize the legacy gold-script site title used by article templates. */
body.single-post .pagelayer-wp-title-heading {
  color: #f4f7fb !important;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size: clamp(18px, 2vw, 24px) !important;
  font-weight: 750 !important;
  line-height: 1.35 !important;
  letter-spacing: .1em !important;
  text-transform: uppercase !important;
  text-shadow: 0 0 20px rgba(58, 207, 255, .22);
}

body.single-post .pagelayer-wp-title-link {
  text-decoration: none !important;
}

body.single-post .pagelayer-wp-title-holder::after {
  content: "";
  display: block;
  width: 56px;
  height: 2px;
  margin-top: 10px;
  border-radius: 999px;
  background: linear-gradient(90deg, #5ad8ff, rgba(90, 216, 255, 0));
}

body.single-post h1.pagelayer-post-title {
  margin: 0 !important;
  line-height: 1.15 !important;
}

/* The parent Cyber Watch category is already represented by the main menu and
   breadcrumb. Keep only the useful story-topic badges beneath the article. */
body.single-post .pagelayer-post-info-label.pagelayer-terms a[href$="/category/cyber-watch/"] {
  display: none !important;
}

/* Keep article breadcrumbs structural: Cyber Watch leads directly to the
   article, while detailed topics remain as badges beneath the article. */
body.single-post .pagelayer-breadcrumb-section a[href*="/category/cyber-watch/"]:not([href$="/category/cyber-watch/"]),
body.single-post .pagelayer-breadcrumb-section .pagelayer-breadcrumb-sep:has(+ a[href*="/category/cyber-watch/"]:not([href$="/category/cyber-watch/"])) {
  display: none !important;
}

@media (min-width: 1101px) {
  /* Reclaim the theme's unused right-hand header column so all primary menu
     links stay on one line on desktop article pages. */
  body.single-post .p-juz5034 {
    display: none !important;
  }

  body.single-post .p-ii63872 {
    width: 30% !important;
  }

  body.single-post .p-wxv7727 {
    width: 70% !important;
  }

  body.single-post .p-svz9093 .pagelayer-wp_menu-ul {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center;
    justify-content: flex-end;
  }

  body.single-post .p-svz9093 .pagelayer-wp_menu-ul > li > a {
    padding-right: 8px !important;
    padding-left: 8px !important;
  }
}

@media (max-width: 1100px) {
  .bpcf-grid-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  header.wp-block-template-part > .wp-block-group.alignfull > .wp-block-group.alignwide {
    flex-wrap: wrap;
  }

  header.wp-block-template-part > .wp-block-group.alignfull > .wp-block-group.alignwide > p {
    flex: 1 1 260px;
  }

  header.wp-block-template-part nav.wp-block-navigation {
    flex-basis: 100%;
    margin-left: 0;
  }
}

@media (max-width: 860px) {
  .bpcf-hero, .bpcf-home-hero, .bpcf-game-hero, .bpcf-about-hero, .bpcf-split, .bpcf-instagram, .bpcf-moca-film { grid-template-columns: 1fr; }
  .bpcf-moca-film > div:first-child { max-width: 720px; }
  .bpcf-video-shell { justify-self: start; }
  .bpcf-home-hero { min-height: 0; }
  .bpcf-home-hero::before { inset: 0 -30% 0 24%; background-size: auto 74%; opacity: .28; }
  .bpcf-home-hero::after { background: linear-gradient(90deg, #090d13 0%, rgba(9,13,19,.94) 64%, rgba(9,13,19,.3) 100%); }
  .bpcf-grid-4, .bpcf-grid-3, .bpcf-grid-2, .bpcf-example-grid { grid-template-columns: 1fr; }
  .bpcf-news-grid { grid-template-columns: 1fr; }
  .bpcf-home-story-count-3, .bpcf-home-story-count-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .bpcf-guide-list article, .bpcf-archive { grid-template-columns: 1fr; }
  .bpcf-archive li { grid-template-columns: 100px minmax(0, 1fr); }
  .bpcf-archive .bpcf-topic-badge { grid-column: 2; text-align: left; }
  .bpcf-method { grid-template-columns: repeat(2, 1fr); }
  .bpcf-game-hero img, .bpcf-about-hero img { height: min(68vh, 520px); }

  body.home .entry-content > .wp-block-cover.alignwide {
    min-height: min(760px, 88svh) !important;
    border-radius: 18px;
  }

  body.home .bpcf-home-hub .bpcf-card {
    min-height: 0;
  }
}

@media (max-width: 520px) {
  .bpcf-shell { width: min(100% - 24px, 1160px); padding-top: 44px; }
  .bpcf-section { padding: 46px 0; }
  .bpcf-card { min-height: 0; padding: 22px; }
  .bpcf-home-story-grid, .bpcf-home-story-count-1, .bpcf-home-story-count-2, .bpcf-home-story-count-3, .bpcf-home-story-count-4 { grid-template-columns: 1fr; }
  .bpcf-moca-watch { min-height: 570px; }
  .bpcf-moca-watch::before { background-position: 54% top; }
  .bpcf-moca-watch::after { background: linear-gradient(0deg, rgba(5,9,15,.99) 0%, rgba(5,9,15,.92) 40%, rgba(5,9,15,.08) 78%); }
  .bpcf-moca-reflection { width: 38%; height: 48%; bottom: auto; }
  .bpcf-moca-watch-copy { right: 22px; bottom: 22px; left: 22px; width: auto; }
  .bpcf-quiz-top { display: block; }
  .bpcf-method { grid-template-columns: 1fr; }
  .bpcf-guide-nav { position: static; }
  .bpcf-archive { padding: 22px; }
  .bpcf-archive li { grid-template-columns: 1fr; gap: 5px; }
  .bpcf-archive .bpcf-topic-badge { grid-column: 1; }

  header.wp-block-template-part .wp-block-site-logo,
  header.wp-block-template-part .wp-block-site-logo img {
    width: 78px !important;
    height: 52px !important;
  }

  header.wp-block-template-part > .wp-block-group.alignfull > .wp-block-group.alignwide > p {
    display: none;
  }

  body.home .entry-content > h4.wp-block-heading {
    margin-top: 40px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .bpcf-card { transition: none; }
}

/* Moca's private, deterministic help guide. */
.bpcf-helper { position: fixed; right: 22px; bottom: 22px; z-index: 9990; display: grid; justify-items: end; gap: 12px; font-family: inherit; }
.bpcf-helper, .bpcf-helper * { box-sizing: border-box; }
.bpcf-helper-panel { width: min(390px, calc(100vw - 32px)); max-height: min(650px, calc(100vh - 120px)); overflow-y: auto; padding: 22px; border: 1px solid rgba(89,186,255,.42); border-radius: 22px; background: linear-gradient(155deg, rgba(9,17,27,.99), rgba(3,8,14,.99)); color: #eef7ff; box-shadow: 0 24px 80px rgba(0,0,0,.58), 0 0 32px rgba(40,151,232,.15); }
.bpcf-helper-panel[hidden] { display: none !important; }
.bpcf-helper-panel header { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; margin-bottom: 10px; }
.bpcf-helper-panel h2 { margin: 2px 0 0; color: #fff; font-size: 1.45rem; line-height: 1.15; }
.bpcf-helper-kicker { margin: 0; color: #79c7ff; font-size: .74rem; font-weight: 900; letter-spacing: .13em; text-transform: uppercase; }
.bpcf-helper-panel > p:not(.bpcf-helper-privacy) { margin: 0 0 15px; color: #c6d6e2; font-size: .95rem; line-height: 1.5; }
.bpcf-helper-close { flex: 0 0 auto; width: 36px; height: 36px; padding: 0; border: 1px solid rgba(135,203,249,.25); border-radius: 50%; background: rgba(255,255,255,.05); color: #e9f6ff; font: 700 1.55rem/1 sans-serif; cursor: pointer; }
.bpcf-helper-panel nav { display: grid; gap: 9px; }
.bpcf-helper-panel nav a { display: grid; gap: 3px; padding: 13px 14px; border: 1px solid rgba(118,185,235,.22); border-radius: 14px; background: rgba(43,105,151,.12); color: #fff !important; text-decoration: none !important; transition: border-color .16s ease, background .16s ease, transform .16s ease; }
.bpcf-helper-panel nav a:hover, .bpcf-helper-panel nav a:focus { border-color: #58b9ff; background: rgba(43,125,185,.24); transform: translateY(-1px); outline: none; }
.bpcf-helper-panel nav a strong { color: #fff; font-size: .96rem; }
.bpcf-helper-panel nav a span { color: #b9cad7; font-size: .82rem; line-height: 1.35; }
.bpcf-helper-privacy { margin: 15px 0 0; color: #8fa7b8; font-size: .74rem; line-height: 1.35; }
.bpcf-helper-toggle { display: flex; align-items: center; gap: 11px; min-width: 216px; padding: 8px 16px 8px 8px; border: 1px solid rgba(89,186,255,.5); border-radius: 999px; background: linear-gradient(135deg, #09111b, #102a3d); color: #fff; box-shadow: 0 16px 44px rgba(0,0,0,.42), 0 0 24px rgba(48,157,235,.16); cursor: pointer; text-align: left; }
.bpcf-helper-toggle img { width: 52px; height: 52px; object-fit: cover; object-position: center; border: 1px solid rgba(115,203,255,.45); border-radius: 50%; background: #050b12; }
.bpcf-helper-toggle span { display: grid; gap: 1px; }
.bpcf-helper-toggle strong { color: #fff; font-size: .94rem; line-height: 1.2; }
.bpcf-helper-toggle small { color: #a9c0d0; font-size: .72rem; line-height: 1.2; }
.bpcf-helper-toggle:hover, .bpcf-helper-toggle:focus { border-color: #77caff; outline: 2px solid rgba(103,197,255,.2); outline-offset: 3px; }

@media (max-width: 520px) {
  .bpcf-helper { right: 12px; bottom: 12px; left: 12px; }
  .bpcf-helper-panel { width: 100%; max-height: calc(100vh - 100px); }
  .bpcf-helper-toggle { min-width: 0; max-width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
  .bpcf-helper-panel nav a { transition: none; }
}

/* Moca's illustrated story and the owner's separate engineering journal. */
.bpcf-comic { max-width: 820px; margin: 32px auto 0; }
.bpcf-comic img { display: block; width: 100%; height: auto; border: 1px solid var(--bpcf-line); border-radius: 18px; }
.bpcf-comic figcaption { text-align: center; padding: 14px; color: var(--bpcf-muted); font-size: .9rem; }
.bpcf-story-heading { max-width: 780px; }
.bpcf-story-text { max-width: 740px; margin: 44px auto 0; }
.bpcf-story-text > p { font-size: 1.06rem; }
.bpcf-story-lesson { border-left: 3px solid var(--bpcf-cyan); padding: 20px 26px; margin-top: 32px; background: rgba(37,126,186,.1); border-radius: 0 14px 14px 0; }
.bpcf-story-lesson strong { color: #fff; font-size: 1.4rem; }
.bpcf-transcript { margin-top: 22px; padding: 18px 22px; border: 1px solid var(--bpcf-line); border-radius: 14px; }
.bpcf-transcript summary { color: var(--bpcf-cyan); font-weight: 700; cursor: pointer; }
.bpcf-transcript li { margin-top: 12px; }
.bpcf-moca-gallery { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 22px; margin-top: 32px; }
.bpcf-moca-gallery figure { min-width: 0; margin: 0; overflow: hidden; border: 1px solid var(--bpcf-line); border-radius: 18px; background: #101824; }
.bpcf-moca-gallery img { display: block; width: 100%; height: auto; aspect-ratio: 3/4; object-fit: contain; }
.bpcf-moca-gallery figcaption { padding: 14px 18px; color: var(--bpcf-muted); font-size: .9rem; }
[data-bpcf-moca-media] img { -webkit-user-drag: none; -webkit-touch-callout: none; }
.bpcf-owner-hero, .bpcf-journal-hero { padding: 30px 0 50px; border-bottom: 1px solid var(--bpcf-line); }
.bpcf-owner-hero h1, .bpcf-journal-hero h1 { max-width: 1050px; font-size: clamp(2.4rem,5.5vw,4.8rem); }
.bpcf-owner-hero > p:last-child { max-width: 780px; }
.bpcf-owner-layout, .bpcf-journal-layout { display: grid; grid-template-columns: minmax(0,1fr) 280px; gap: 50px; align-items: start; }
.bpcf-owner-main, .bpcf-journal-copy { min-width: 0; }
.bpcf-owner-sidebar { display: grid; gap: 22px; margin-top: 56px; min-width: 0; }
.bpcf-owner-sidebar .bpcf-callout { padding: 24px; }
.bpcf-owner-sidebar p { margin: 0; font-size: .93rem; }
.bpcf-owner-sidebar strong { line-height: 1.35; color: #fff; }
.bpcf-owner-sidebar span { color: var(--bpcf-muted); font-size: .95rem; }
.bpcf-owner .bpcf-grid-3 { grid-template-columns: 1fr; }
.bpcf-owner .bpcf-section h2, .bpcf-journal .bpcf-section h2 { font-size: clamp(1.9rem,3vw,2.7rem); }
.bpcf-owner .bpcf-method { margin-top: 26px; }
.bpcf-featured-project { margin-top: 28px; padding: 32px; border: 1px solid rgba(82,183,255,.5); border-radius: 22px; background: linear-gradient(145deg,rgba(23,78,125,.3),rgba(12,20,33,.95)); }
.bpcf-featured-project h3 { font-size: clamp(1.5rem,2.3vw,2.1rem); }
.bpcf-project-tags { display: flex; flex-wrap: wrap; gap: 8px; list-style: none; padding: 0; margin: 22px 0 28px; }
.bpcf-project-tags li { padding: 5px 12px; border: 1px solid var(--bpcf-line); border-radius: 999px; color: var(--bpcf-cyan); font-size: .8rem; }
.bpcf-journal-copy > .bpcf-section { padding-top: 42px; margin-top: 0; }
.bpcf-journal-hero > .bpcf-link { display: inline-block; margin-bottom: 22px; }
.bpcf-journal-copy li { margin-bottom: 12px; }
.bpcf-table-scroll { width: 100%; overflow-x: auto; margin-top: 24px; }
.bpcf-cost-table { border-collapse: collapse; width: 100%; text-align: left; color: var(--bpcf-muted); font-size: .94rem; }
.bpcf-cost-table caption { text-align: left; color: #fff; font-weight: 700; margin-bottom: 14px; }
.bpcf-cost-table th, .bpcf-cost-table td { padding: 16px; border: 1px solid var(--bpcf-line); vertical-align: top; }
.bpcf-cost-table th { color: #fff; background: rgba(28,73,111,.2); }
.bpcf-journal-sources a { color: var(--bpcf-cyan); overflow-wrap: anywhere; }
@media (min-width: 600px) and (max-width: 1599px) {
  header.wp-block-template-part > .wp-block-group.alignfull > .wp-block-group.alignwide { flex-wrap: wrap !important; }
  header.wp-block-template-part nav.wp-block-navigation { flex: 1 0 100%; width: 100%; margin: 12px 0 0; }
  header.wp-block-template-part .wp-block-navigation__container { column-gap: 15px !important; row-gap: 12px; justify-content: center; font-size: 14px !important; }
}
@media (max-width: 899px) {
  .bpcf-owner-layout, .bpcf-journal-layout { grid-template-columns: minmax(0,1fr); gap: 0; }
  .bpcf-owner-sidebar { margin-top: 0; grid-template-columns: repeat(2,minmax(0,1fr)); }
  .bpcf-moca-gallery { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
}
@media (max-width: 599px) {
  .bpcf-owner-sidebar, .bpcf-moca-gallery { grid-template-columns: minmax(0,1fr); }
  .bpcf-owner-hero, .bpcf-journal-hero { padding-top: 10px; }
  .bpcf-featured-project { padding: 24px; }
  .bpcf-story-lesson { padding: 18px; }
  .bpcf-cost-table th, .bpcf-cost-table td { padding: 12px; }
}


/* Bookmarks add guidance beside The Watcher while retaining the original page. */
.bpcf-comic-book { position:relative; max-width:820px; margin:32px auto 0; isolation:isolate; }
.bpcf-comic-book .bpcf-comic { margin:0; position:relative; z-index:2; }
.bpcf-book-tabs { position:absolute; top:64px; right:-104px; width:112px; display:grid; gap:14px; z-index:1; }
.bpcf-book-tab { display:flex; flex-direction:column; gap:5px; justify-content:center; min-height:84px; padding:14px 9px 14px 19px; border:1px solid #5198b9; border-left:0; border-radius:0 13px 13px 0; background:linear-gradient(110deg,#173f57,#143047); box-shadow:4px 8px 16px #0005; color:#e6f7ff!important; text-decoration:none; font-size:.83rem; font-weight:700; line-height:1.35; transition:transform .15s ease,filter .15s ease; }
.bpcf-book-tab > span { color:#94e5ff; font-size:.74rem; letter-spacing:.1em; }
.bpcf-book-tab-email { background:linear-gradient(110deg,#233b59,#202b46); border-color:#7c99c0; }
.bpcf-book-tab-pocket { background:linear-gradient(110deg,#5c492a,#352b1b); border-color:#b7a16b; color:#fff3d5!important; }
.bpcf-book-tab-pocket > span { color:#efd294; }
.bpcf-book-tab small { font-size:.67rem; color:#e5d1ac; font-weight:400; }
.bpcf-book-tab:hover { transform:translateX(5px); filter:brightness(1.2); }
.bpcf-book-tab:focus-visible { outline:3px solid var(--bpcf-cyan); outline-offset:4px; }
.bpcf-pocket-link { max-width:820px; margin:14px auto 0; text-align:center; font-size:.92rem; }
.bpcf-guidance-dialog { width:min(1080px,calc(100% - 32px)); max-width:1080px; max-height:90vh; max-height:90dvh; padding:28px; color:var(--bpcf-text); background:#0c1520; border:1px solid #4e829e; border-radius:18px; box-shadow:0 30px 100px #0009; overflow:auto; overscroll-behavior:contain; }
.bpcf-guidance-dialog::backdrop { background:rgba(0,7,15,.85); backdrop-filter:blur(5px); }
.bpcf-guidance-dialog:not([open]) { display:none; }
.bpcf-guidance-dialog [hidden] { display:none!important; }
.bpcf-guidance-top { display:flex; justify-content:space-between; align-items:flex-start; gap:20px; }
.bpcf-guidance-top h2 { font-size:clamp(1.6rem,3vw,2.35rem); margin-bottom:18px; }
.bpcf-guidance-top .bpcf-kicker { margin-top:0; }
.bpcf-guidance-close { display:flex; align-items:center; gap:12px; min-height:44px; padding:8px 14px; border:1px solid #547286; border-radius:8px; background:#182d3e; color:#eff7ff; font:inherit; font-size:.9rem; cursor:pointer; white-space:nowrap; }
.bpcf-guidance-close span { font-size:1.5rem; line-height:1; }
.bpcf-guidance-nav { display:flex; gap:10px; flex-wrap:wrap; border-bottom:1px solid var(--bpcf-line); padding-bottom:15px; }
.bpcf-guidance-nav button { min-height:44px; border:1px solid #557384; border-radius:8px; padding:9px 15px; color:#c9dce9; background:#142434; font:inherit; font-size:.95rem; cursor:pointer; }
.bpcf-guidance-nav button[aria-selected="true"] { color:#091721; background:#9ae4f6; border-color:#9ae4f6; }
.bpcf-guidance-dialog button:focus-visible,.bpcf-guidance-dialog a:focus-visible { outline:3px solid var(--bpcf-cyan); outline-offset:3px; }
.bpcf-guidance-intro { margin:22px 0; }
.bpcf-guidance-poster { max-width:100%; margin:0; }
.bpcf-guidance-poster img { display:block; width:100%; height:auto; border-radius:10px; }
.bpcf-guidance-watch { margin-top:30px; }
.bpcf-guidance-watch h3 { margin-bottom:8px; font-size:1.3rem; }
.bpcf-guidance-watch p { margin-top:0; font-size:.94rem; }
.bpcf-guidance-watch video { display:block; width:100%; aspect-ratio:16/9; background:#04080c; border:1px solid var(--bpcf-line); border-radius:10px; }
.bpcf-guidance-dialog .bpcf-transcript { font-size:.95rem; }
.bpcf-guidance-download { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:16px; padding-top:24px; margin-top:30px; border-top:1px solid var(--bpcf-line); }
.bpcf-guidance-download strong { color:#edcb86; }
.bpcf-guidance-download p { font-size:.9rem; margin-bottom:0; }
.bpcf-guidance-download .bpcf-button { margin-top:0; gap:10px; }
@media(max-width:1080px) {
  .bpcf-comic-book { width:calc(100% - 104px); margin-left:0; margin-right:104px; }
  .bpcf-book-tabs { top:35px; }
}
@media(max-width:640px) {
  .bpcf-comic-book { width:100%; margin-left:auto; margin-right:auto; }
  .bpcf-book-tabs { position:static; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); width:100%; gap:8px; margin-top:-8px; padding:0 5px; }
  .bpcf-book-tab { min-height:88px; border:1px solid #5198b9; border-top:0; border-radius:0 0 10px 10px; padding:18px 8px 10px; font-size:.78rem; text-align:center; }
  .bpcf-book-tab:hover { transform:translateY(3px); }
  .bpcf-comic-book .bpcf-comic { padding-bottom:0; }
  .bpcf-comic-book .bpcf-comic figcaption { background:#0b1017; }
  .bpcf-pocket-link { margin-top:22px; }
  .bpcf-guidance-dialog { width:calc(100% - 16px); max-height:94vh; max-height:94dvh; padding:18px 12px; }
  .bpcf-guidance-top { gap:8px; }
  .bpcf-guidance-top h2 { font-size:1.5rem; }
  .bpcf-guidance-close { padding:8px; font-size:.8rem; }
  .bpcf-guidance-nav button { flex:1; font-size:.9rem; padding:9px 8px; }
  .bpcf-guidance-dialog .bpcf-transcript { padding:14px; }
  .bpcf-guidance-dialog .bpcf-transcript ol { padding-left:22px; }
}
@media(prefers-reduced-motion:reduce) { .bpcf-book-tab { transition:none; } }