/* Dementor Club — course bridge v1
   Keeps each course's local voice while binding it to the club presentation contract.
   Visual identity is owned by /visual-standard-v2.css; do not import legacy visual layers here. */
:root{--course-paper:var(--dc-paper,#f2f0e8);--course-ink:var(--dc-ink,#111);--course-acid:var(--dc-acid,#d8ff3e);--course-line:rgba(17,17,17,.2)}
body.dc-course-product{background:var(--course-paper);color:var(--course-ink);font-family:Inter,Arial,Helvetica,sans-serif}
body.dc-course-product main{min-width:0}
body.dc-course-product .topbar{z-index:260}
body.dc-course-product .top{top:72px;z-index:200}
body.dc-course-product .top .wrap{max-width:1500px;margin:auto}
body.dc-course-product .course-brand{font-family:inherit;text-transform:uppercase;letter-spacing:-.02em}
body.dc-course-product .utility,body.dc-course-product .badge{border-radius:0}
body.dc-course-product .progress{border-radius:0}
body.dc-course-product .progress i{background:var(--course-acid)}
body.dc-course-product .modal-box{background:var(--course-paper);color:var(--course-ink);border-radius:0;border:1px solid var(--course-ink);box-shadow:12px 12px 0 var(--course-acid)}
body.dc-course-product button,body.dc-course-product a[class*="btn"],.money-btn,.dc-course-actions a,.dc-planned-button{border-radius:0}

/* Course identity belongs inside the content, not in replacement navigation. */
.money-shell,.dc-course-shell{max-width:1500px}
.money-meta,.dc-course-topline{border-bottom:1px solid currentColor;padding-bottom:14px;text-transform:uppercase;letter-spacing:.08em;font-size:10px}
.money-hero h1,.dc-course-hero h1{letter-spacing:-.075em;line-height:.82}
.money-card,.dc-method-grid article,.dc-fit-grid article{border-radius:0;box-shadow:none}
.money-card textarea{border-radius:0;border:0;border-bottom:1px solid currentColor;box-shadow:none}
.money-feedback,.dc-status-note,.dc-safety-note{border-top:1px solid currentColor;border-bottom:1px solid currentColor;padding:14px 0;font-size:11px;letter-spacing:.07em;text-transform:uppercase}
.money-flow,.dc-course-flow,.dc-price-rules,.dc-sequence{border-radius:0}
.money-flow>div,.dc-course-flow>article,.dc-price-rules>div{border-radius:0}
.money-quote,.dc-courage-course blockquote{border-radius:0;box-shadow:none}
.money-btn,.dc-course-actions .button{min-height:48px;text-transform:uppercase;font-weight:800;letter-spacing:.05em}

/* Interactive COURSE-001 surfaces */
body.dc-course-product--danger #app .screen,body.dc-course-product--danger #app .panel,body.dc-course-product--danger #app .card{border-radius:0;box-shadow:none}
body.dc-course-product--danger #app button,body.dc-course-product--danger #app .choice,body.dc-course-product--danger #app .option{border-radius:0}
body.dc-course-product--danger #app input,body.dc-course-product--danger #app textarea,body.dc-course-product--danger #app select{border-radius:0;box-shadow:none}
body.dc-course-product--danger #app .choice:hover{box-shadow:none;background:var(--course-acid);color:var(--course-ink)}
body.dc-course-product--danger #app .choice.selected{box-shadow:none;background:var(--course-acid);color:var(--course-ink)}

@media(max-width:900px){body.dc-course-product .top{top:64px}}
@media(max-width:700px){
  body.dc-course-product .top{position:sticky;top:64px}
  body.dc-course-product .top .wrap{padding-left:16px;padding-right:16px}
  .money-hero h1,.dc-course-hero h1{font-size:clamp(48px,14vw,64px);line-height:.83;max-width:100%;overflow-wrap:normal;word-break:normal}
  .money-hero-grid,.dc-course-hero-grid,.dc-course-split{grid-template-columns:1fr}
  .money-actions,.dc-course-actions{display:grid;grid-template-columns:1fr}
  .money-actions>*,.dc-course-actions>*{width:100%}
}
@media(prefers-reduced-motion:reduce){body.dc-course-product *,body.dc-course-product *::before,body.dc-course-product *::after,.money-hero *,body.dc-courage-course *{animation-duration:.01ms;animation-iteration-count:1;transition-duration:.01ms}}

/* BATCH7 RESPONSIVE SIGN-OFF */
/* NE KOMANDA uses the shared Dementor visual vocabulary but owns course geometry here. */
@media(min-width:901px) and (max-width:1180px){
  .dc-dementor--gabil .dc-dementor-hero{overflow:hidden}
  .dc-dementor--gabil .dc-dementor-hero__layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);gap:28px;align-items:center;min-width:0}
  .dc-dementor--gabil .dc-dementor-hero__copy,.dc-dementor--gabil .dc-dementor-hero__portrait{min-width:0;max-width:100%}
  .dc-dementor--gabil .dc-dementor-hero__portrait{overflow:hidden}
  .dc-dementor--gabil .dc-dementor-hero__portrait img{display:block;width:100%;max-width:100%;height:auto;object-fit:contain}
}