
/* CCFT v1.39.18 - Original + specialist guideline button alignment */
#ccftSpecialistGuidelines{margin-top:16px}
.ccft-spg-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}
.ccft-spg-hero h2{margin:0 0 5px}
.ccft-spg-muted{opacity:.72}
.ccft-spg-sourcechips{display:flex;gap:7px;flex-wrap:wrap;margin-top:8px}
.ccft-spg-chip{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;background:rgba(77,104,130,.10);font-size:.78rem;font-weight:700}
.ccft-spg-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:12px;margin-top:14px}
.ccft-spg-tile{border:1px solid rgba(0,0,0,.12);border-radius:14px;padding:14px;background:var(--card-bg,#fff);cursor:pointer;text-align:left;color:inherit}
.ccft-spg-tile:hover{transform:translateY(-1px);box-shadow:0 5px 18px rgba(0,0,0,.08)}
.ccft-spg-tile h3{margin:0 0 5px;font-size:1rem}
.ccft-spg-tile p{margin:0;font-size:.84rem;opacity:.76;line-height:1.45}
.ccft-spg-tile .ccft-spg-tag{display:inline-block;margin-top:9px;font-size:.75rem;font-weight:800;opacity:.78}
.ccft-spg-view{margin-top:14px}
.ccft-spg-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.ccft-spg-title h2{margin:0 0 3px}
.ccft-spg-title p{margin:0;opacity:.72}
.ccft-spg-actions{display:flex;gap:8px;flex-wrap:wrap}
.ccft-spg-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0}
.ccft-spg-tabs button{border-radius:999px;padding:7px 11px}
.ccft-spg-tabs button.active{font-weight:800;box-shadow:0 0 0 2px rgba(76,103,132,.25)}
.ccft-spg-panel{display:none}
.ccft-spg-panel.active{display:block}
.ccft-spg-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}
.ccft-spg-box{border:1px solid rgba(0,0,0,.11);border-radius:12px;padding:13px;background:rgba(255,255,255,.45)}
.ccft-spg-box h3,.ccft-spg-box h4{margin:0 0 8px}
.ccft-spg-box ul{margin:7px 0 0;padding-left:20px}
.ccft-spg-box li{margin:5px 0;line-height:1.4}
.ccft-spg-alert{border-left:5px solid #a33;background:rgba(170,51,51,.08)}
.ccft-spg-priority{border-left:5px solid #9a6b00;background:rgba(154,107,0,.08)}
.ccft-spg-good{border-left:5px solid #317a4b;background:rgba(49,122,75,.08)}
.ccft-spg-blue{border-left:5px solid #3e6f9e;background:rgba(62,111,158,.08)}
.ccft-spg-checklist{display:grid;gap:7px}
.ccft-spg-check{display:flex;align-items:flex-start;gap:9px;padding:8px 9px;border:1px solid rgba(0,0,0,.09);border-radius:9px}
.ccft-spg-check input{margin-top:3px;flex:0 0 auto}
.ccft-spg-check.done{opacity:.56}
.ccft-spg-check.done span{text-decoration:line-through}
.ccft-spg-progress{height:8px;border-radius:999px;background:rgba(0,0,0,.08);overflow:hidden;margin:8px 0}
.ccft-spg-progress>span{display:block;height:100%;background:currentColor;width:0;transition:width .2s ease}
.ccft-spg-ref{padding:10px 0;border-bottom:1px solid rgba(0,0,0,.08)}
.ccft-spg-ref:last-child{border-bottom:0}
.ccft-spg-ref a{font-weight:800}
.ccft-spg-note{font-size:.82rem;line-height:1.45;opacity:.76}
.ccft-spg-hidden{display:none!important}
@media print{
  body *{visibility:hidden!important}
  #ccftSpecialistGuidelineView,#ccftSpecialistGuidelineView *{visibility:visible!important}
  #ccftSpecialistGuidelineView{position:absolute!important;left:0;top:0;width:100%;margin:0!important}
  .ccft-spg-actions,.ccft-spg-tabs,.ccft-spg-check input{display:none!important}
  .ccft-spg-panel{display:block!important}
  .ccft-spg-box{break-inside:avoid}
}


/* Specialist guides integrated into the existing Guidelines Library */
.ccft-spg-integrated-item{display:contents}
.ccft-spg-library-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px;margin-top:14px}
.ccft-spg-library-card{
  width:100%;min-height:96px;display:grid;
  grid-template-columns:46px minmax(0,1fr) 20px;
  align-items:center;gap:12px;padding:13px 14px;
  border:1px solid rgba(0,0,0,.12);border-radius:14px;
  background:var(--card-bg,#fff);color:inherit;text-align:left;
  cursor:pointer;font:inherit;box-shadow:0 1px 3px rgba(0,0,0,.04)
}
.ccft-spg-library-card:hover{transform:translateY(-1px);box-shadow:0 5px 18px rgba(0,0,0,.08)}
.ccft-spg-library-icon{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:rgba(77,104,130,.10);font-size:1.35rem}
.ccft-spg-library-copy{display:block;min-width:0}
.ccft-spg-library-copy strong{display:block;font-size:.98rem;margin-bottom:4px}
.ccft-spg-library-copy span{display:block;font-size:.8rem;line-height:1.35;opacity:.72}
.ccft-spg-library-arrow{font-size:1.5rem;opacity:.5;font-weight:700}
.ccft-spg-integrated-item[hidden],.ccft-spg-library-card[hidden]{display:none!important}
@media(max-width:650px){
  .ccft-spg-library-card{grid-template-columns:40px minmax(0,1fr) 18px;padding:12px}
  .ccft-spg-library-icon{width:38px;height:38px}
}


/* v1.39.15: keep specialist tiles out of the unopened landing view and normalise
   every card in the opened Guidelines Library to the same footprint. */
#guidelinesHubContent .ccft-spg-equal-tile-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(250px,1fr))!important;
  grid-auto-rows:1fr!important;
  align-items:stretch!important;
  gap:14px!important;
}
#guidelinesHubContent .ccft-spg-equal-tile-grid>.ccft-spg-equal-tile-item{
  min-width:0!important;
  height:100%!important;
}
#guidelinesHubContent .ccft-spg-equal-tile-grid>.ccft-spg-equal-tile-item>*{
  width:100%!important;
  height:100%!important;
  min-height:150px!important;
  box-sizing:border-box!important;
}
#guidelinesHubContent .ccft-spg-equal-tile-grid .ccft-spg-library-card{
  min-height:150px!important;
  height:100%!important;
}
@media(max-width:700px){
  #guidelinesHubContent .ccft-spg-equal-tile-grid{
    grid-template-columns:1fr!important;
  }
  #guidelinesHubContent .ccft-spg-equal-tile-grid>.ccft-spg-equal-tile-item>*,
  #guidelinesHubContent .ccft-spg-equal-tile-grid .ccft-spg-library-card{
    min-height:120px!important;
  }
}


/* v1.39.16: specialist guideline cards now mirror the existing Guidelines Library
   card anatomy: category pill, vertical icon rail, title, description and Open Guide. */
#guidelinesHubContent .ccft-spg-library-card{
  position:relative;
  display:grid!important;
  grid-template-columns:64px minmax(0,1fr)!important;
  gap:16px!important;
  align-items:stretch!important;
  width:100%!important;
  min-height:150px!important;
  height:100%!important;
  padding:18px!important;
  box-sizing:border-box!important;
  border:1px solid rgba(0,0,0,.14)!important;
  border-radius:14px!important;
  background:var(--card-bg,#fff)!important;
  color:inherit!important;
  text-align:left!important;
  box-shadow:none!important;
  cursor:default!important;
}
#guidelinesHubContent .ccft-spg-library-card:hover{
  transform:none!important;
  box-shadow:none!important;
}
#guidelinesHubContent .ccft-spg-library-rail{
  min-height:100%;
  border-radius:12px;
  background:rgba(77,104,130,.10);
  display:flex;
  align-items:center;
  justify-content:center;
  padding:8px 0;
}
#guidelinesHubContent .ccft-spg-library-icon{
  width:auto!important;
  height:auto!important;
  border-radius:0!important;
  background:transparent!important;
  font-size:1.45rem!important;
}
#guidelinesHubContent .ccft-spg-library-body{
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:flex-start;
}
#guidelinesHubContent .ccft-spg-library-category{
  display:inline-block;
  max-width:100%;
  margin:0 0 14px;
  padding:6px 11px;
  border-radius:999px;
  background:rgba(77,104,130,.12);
  font-size:.76rem;
  line-height:1.15;
  font-weight:800;
  letter-spacing:.01em;
}
#guidelinesHubContent .ccft-spg-library-card h3{
  margin:0 0 10px!important;
  font-size:1.05rem!important;
  line-height:1.25!important;
}
#guidelinesHubContent .ccft-spg-library-card p{
  margin:0 0 14px!important;
  font-size:.92rem!important;
  line-height:1.42!important;
  opacity:.82;
  flex:1 1 auto;
}
#guidelinesHubContent .ccft-spg-library-open{
  margin-top:auto;
  align-self:flex-start;
}
#guidelinesHubContent .ccft-spg-library-copy,
#guidelinesHubContent .ccft-spg-library-arrow{
  display:none!important;
}

@media(max-width:700px){
  #guidelinesHubContent .ccft-spg-library-card{
    grid-template-columns:54px minmax(0,1fr)!important;
    gap:12px!important;
    padding:14px!important;
    min-height:120px!important;
  }
  #guidelinesHubContent .ccft-spg-library-category{
    margin-bottom:10px;
  }
}


/* v1.39.17 — corrected checklist layout for all six specialist guides. */
#ccftSpecialistGuidelineView .ccft-spg-checklist{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:10px!important;
  width:100%!important;
  margin-top:14px!important;
}
#ccftSpecialistGuidelineView label.ccft-spg-check{
  display:grid!important;
  grid-template-columns:28px minmax(0,1fr)!important;
  align-items:start!important;
  column-gap:12px!important;
  width:100%!important;
  min-width:0!important;
  min-height:54px!important;
  margin:0!important;
  padding:12px 14px!important;
  box-sizing:border-box!important;
  border:1px solid rgba(0,0,0,.10)!important;
  border-left:4px solid #9d2d35!important;
  border-radius:10px!important;
  background:#fff!important;
  color:inherit!important;
  cursor:pointer!important;
  line-height:1.4!important;
}
#ccftSpecialistGuidelineView label.ccft-spg-check:hover{
  background:rgba(157,45,53,.035)!important;
  border-color:rgba(157,45,53,.28)!important;
  border-left-color:#8d232c!important;
}
#ccftSpecialistGuidelineView label.ccft-spg-check input[type="checkbox"]{
  appearance:auto!important;
  -webkit-appearance:checkbox!important;
  display:block!important;
  position:static!important;
  float:none!important;
  width:18px!important;
  min-width:18px!important;
  max-width:18px!important;
  height:18px!important;
  min-height:18px!important;
  max-height:18px!important;
  margin:2px 0 0 0!important;
  padding:0!important;
  transform:none!important;
  justify-self:start!important;
  align-self:start!important;
  box-sizing:border-box!important;
}
#ccftSpecialistGuidelineView label.ccft-spg-check > span{
  display:block!important;
  position:static!important;
  float:none!important;
  width:auto!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  color:inherit!important;
  font-size:.94rem!important;
  font-weight:600!important;
  line-height:1.42!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
  white-space:normal!important;
}
#ccftSpecialistGuidelineView label.ccft-spg-check.done{
  opacity:.68!important;
  background:rgba(49,122,75,.055)!important;
  border-left-color:#317a4b!important;
}
#ccftSpecialistGuidelineView label.ccft-spg-check.done > span{
  text-decoration:line-through!important;
}
#ccftSpecialistGuidelineView .ccft-spg-progress{
  height:10px!important;
  margin:10px 0 8px!important;
  border-radius:999px!important;
  background:rgba(0,0,0,.08)!important;
}
#ccftSpecialistGuidelineView .ccft-spg-progress > span{
  background:#9d2d35!important;
  border-radius:999px!important;
}
#ccftSpecialistGuidelineView [data-spg-progress-label]{
  margin:0 0 8px!important;
  font-size:.88rem!important;
  font-weight:700!important;
  opacity:.72!important;
}

/* Open Guide button aligned to the same bottom position on every new tile
   and styled to match the red original guideline buttons. */
#guidelinesHubContent .ccft-spg-library-card{
  min-height:310px!important;
}
#guidelinesHubContent .ccft-spg-library-body{
  min-height:100%!important;
  height:100%!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
}
#guidelinesHubContent .ccft-spg-library-card p{
  flex:0 0 auto!important;
}
#guidelinesHubContent .ccft-spg-library-open{
  margin-top:auto!important;
  align-self:flex-start!important;
  min-width:92px!important;
  padding:7px 12px!important;
  border:1px solid #65161d!important;
  border-radius:2px!important;
  background:#962731!important;
  color:#fff!important;
  font:inherit!important;
  font-size:.84rem!important;
  line-height:1.15!important;
  font-weight:700!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.10)!important;
  cursor:pointer!important;
}
#guidelinesHubContent .ccft-spg-library-open:hover,
#guidelinesHubContent .ccft-spg-library-open:focus{
  background:#7d1f27!important;
  border-color:#551218!important;
  color:#fff!important;
}

@media(max-width:700px){
  #guidelinesHubContent .ccft-spg-library-card{
    min-height:250px!important;
  }
  #ccftSpecialistGuidelineView label.ccft-spg-check{
    grid-template-columns:24px minmax(0,1fr)!important;
    padding:11px 12px!important;
    column-gap:10px!important;
  }
}


/* v1.39.18 — original Guidelines Library Open Guide buttons.
   Keep each original card's existing icon/category design, but make the content
   column a vertical flex layout so Open Guide always sits at the bottom. */
#guidelinesHubContent .ccft-original-guide-card-fixed{
  height:100%!important;
  min-height:310px!important;
}
#guidelinesHubContent .ccft-original-guide-body-fixed{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  min-width:0!important;
  height:100%!important;
  min-height:100%!important;
  box-sizing:border-box!important;
}
#guidelinesHubContent .ccft-original-guide-body-fixed > p{
  flex:0 0 auto!important;
}
#guidelinesHubContent button.ccft-original-open-guide-fixed{
  margin-top:auto!important;
  align-self:flex-start!important;
  position:static!important;
  bottom:auto!important;
  left:auto!important;
  right:auto!important;
  min-width:92px!important;
  padding:7px 12px!important;
  border:1px solid #65161d!important;
  border-radius:2px!important;
  background:#962731!important;
  color:#fff!important;
  font:inherit!important;
  font-size:.84rem!important;
  line-height:1.15!important;
  font-weight:700!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.10)!important;
  cursor:pointer!important;
}
#guidelinesHubContent button.ccft-original-open-guide-fixed:hover,
#guidelinesHubContent button.ccft-original-open-guide-fixed:focus{
  background:#7d1f27!important;
  border-color:#551218!important;
  color:#fff!important;
}
@media(max-width:700px){
  #guidelinesHubContent .ccft-original-guide-card-fixed{
    min-height:250px!important;
  }
}
