/* Beyond Remarkable page — isolated so a cached shared stylesheet cannot flatten the page. */
.br-page{background:#080b10}
.br-hero{min-height:650px;display:flex;align-items:center;position:relative;overflow:hidden;border-bottom:1px solid rgba(200,206,214,.16);background:linear-gradient(90deg,rgba(4,7,12,.96) 0%,rgba(4,7,12,.78) 35%,rgba(4,7,12,.20) 57%,rgba(4,7,12,.03) 100%),url('images/beyond-remarkable-action-v3.webp') center 48%/cover no-repeat}
.br-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.28));pointer-events:none}
.br-hero-inner{position:relative;z-index:2}
.br-hero-copy{max-width:720px;padding:94px 0 100px}
.br-hero h1{font-size:clamp(5rem,11vw,9.4rem);max-width:none;text-shadow:0 8px 34px rgba(0,0,0,.72)}
.br-hero .lede{max-width:670px;color:#dde2e8;text-shadow:0 2px 14px rgba(0,0,0,.92)}
.br-generator-section{padding-top:54px;padding-bottom:54px;border-bottom:1px solid var(--line);background:linear-gradient(135deg,#0e141c,#0a0d12)}
.br-generator-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:52px;align-items:center;padding:38px 42px;border:1px solid #344152;border-radius:14px;background:radial-gradient(circle at 82% 20%,rgba(84,134,196,.17),transparent 33%),linear-gradient(145deg,#17202b,#0e131a);box-shadow:0 22px 55px rgba(0,0,0,.24)}
.br-generator-card h2{font-size:clamp(2.5rem,5vw,4.5rem)}
.br-generator-card p{max-width:760px;margin:18px 0 0;color:#bec7d1;font-size:1.04rem}
.br-generator-button{min-width:230px}
.br-chapters-section{padding-top:84px;padding-bottom:96px}
.br-section-head{margin-bottom:38px}
.br-chapter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.br-chapter-card{min-height:112px;display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:18px;align-items:center;padding:20px 22px;border:1px solid #27323f;border-radius:10px;background:linear-gradient(145deg,#121923,#0d1219);transition:border-color .2s ease,transform .2s ease,background .2s ease}
.br-chapter-card:hover{transform:translateY(-2px);border-color:#5d7898;background:linear-gradient(145deg,#172231,#101721)}
.br-chapter-card:focus-visible{outline:3px solid #a9c8ea;outline-offset:3px}
.br-chapter-number{color:#7e99b8;font:800 .76rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em}
.br-chapter-card strong{display:block;font-size:1.04rem;line-height:1.3;color:#edf1f5}
.br-chapter-card small{display:block;margin-top:7px;color:#8794a3;font-size:.78rem;letter-spacing:.04em}
.br-chapter-card i{font-style:normal;color:#8fa9c7;font-size:1.1rem}
.br-back-section{border-top:1px solid var(--line);background:#0d1116}
.br-back-row{display:flex;align-items:end;justify-content:space-between;gap:30px}
.br-back-row h2{max-width:720px}
@media(max-width:820px){
  .br-hero{min-height:560px;background-position:60% center}
  .br-hero-copy{padding:76px 0 82px}
  .br-generator-card{grid-template-columns:1fr;gap:28px;padding:30px 26px}
  .br-generator-button{justify-self:start}
  .br-chapter-grid{grid-template-columns:1fr}
  .br-back-row{align-items:start;flex-direction:column}
}
@media(max-width:520px){
  .br-hero h1{font-size:clamp(4rem,20vw,6rem)}
  .br-chapter-card{grid-template-columns:42px minmax(0,1fr) auto;gap:12px;padding:18px 16px}
}