/* Ready to Train the Bots: styles scoped to .r4t-guide and recolored to the site palette.
   Made by scripts/import_r4t_page.py; re-import rather than editing by hand. */
.r4t-guide{--evergreen:      #231F21;
      --evergreen-dark: #1F1B1D;
      --bold-orange:    #B8007F;
      --vivid-magenta:  #e800a5;
      --charcoal:       #413b3e;
      --gray-green:     #6B6569;
      --light-sage:     #E6E0E3;
      --pale-sage:      #F8F5F6;
      --radiant: linear-gradient(90deg,#E800A5,#E800A5);}
.r4t-guide *,
.r4t-guide *::before,
.r4t-guide *::after{box-sizing: border-box; margin: 0; padding: 0;}
.r4t-guide{font-family: Barlow, sans-serif;
      font-weight: normal;
      font-size: 17px;
      color: var(--charcoal);
      background: #fff;
      line-height: 1.6;}
.r4t-guide .site-nav{position: sticky;
      top: 0;
      z-index: 200;
      background: #fff;
      border-bottom: 1px solid var(--light-sage);}
.r4t-guide .site-nav::before{content: '';
      display: block;
      height: 3px;
      background: var(--radiant);}
.r4t-guide .nav-inner{max-width: 900px;
      margin: 0 auto;
      padding: 0 20px;
      height: 60px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 16px;}
.r4t-guide .nav-brand{display: flex; align-items: center; text-decoration: none; flex-shrink: 0;}
.r4t-guide .nav-brand img{height: 30px; width: auto; display: block;}
.r4t-guide .nav-series{display: flex;
      align-items: center;
      gap: 8px;
      font-family: 'Barlow Semi Condensed', sans-serif;
      font-weight: 400;
      font-size: 13px;
      letter-spacing: 0.02em;
      text-transform: none;
      color: var(--gray-green);}
.r4t-guide .nav-series-title{color: var(--charcoal); font-weight: 700; font-size: 15px;}
.r4t-guide .nav-back{display: inline-flex;
      align-items: center;
      gap: 6px;
      font-family: 'Barlow Semi Condensed', sans-serif;
      font-weight: 400;
      font-size: 12px;
      letter-spacing: 0.02em;
      text-transform: none;
      color: var(--evergreen);
      text-decoration: none;
      border: 1px solid var(--light-sage);
      border-radius: 20px;
      padding: 5px 14px 5px 10px;
      transition: border-color 0.2s, background 0.2s;
      white-space: nowrap;
      flex-shrink: 0;}
.r4t-guide .nav-back:hover{border-color: var(--evergreen); background: var(--pale-sage);}
@media (max-width: 600px){
.r4t-guide .nav-series{display: none;}
}
.r4t-guide .masthead{background: var(--evergreen);
      position: relative;
      overflow: hidden;
      padding: 52px 60px 48px;}
.r4t-guide .masthead::before{content: '';
      position: absolute;
      top: 0; left: 60px; right: 60px;
      height: 3px;
      background: var(--radiant);
      border-radius: 0 0 2px 2px;}
.r4t-guide .masthead::after{content: '⊹';
      position: absolute;
      right: -10px; bottom: -50px;
      font-family: 'Barlow Condensed', sans-serif;
      font-style: italic;
      font-weight: 700;
      font-size: 280px;
      line-height: 1;
      color: rgba(255,255,255,0.035);
      pointer-events: none;
      user-select: none;}
.r4t-guide .masthead-inner{max-width: 900px; margin: 0 auto; position: relative; z-index: 1;}
.r4t-guide .masthead-eyebrow{font-family: 'Barlow Semi Condensed', sans-serif;
      font-weight: 300;
      font-size: 12px;
      letter-spacing: 0.18em;
      text-transform: uppercase;
      color: rgba(255,255,255,0.4);
      margin-bottom: 14px;
      display: flex;
      align-items: center;
      gap: 10px;}
.r4t-guide .masthead-eyebrow::after{content: '';
      display: inline-block;
      width: 36px; height: 1px;
      background: rgba(255,255,255,0.15);}
.r4t-guide .masthead h1{font-family: 'Barlow Condensed', sans-serif;
      font-style: italic;
      font-weight: 700;
      font-size: clamp(40px, 7vw, 72px);
      line-height: 1.0;
      color: #fff;
      margin: 0 0 12px;
      letter-spacing: -0.01em;}
.r4t-guide .masthead-sub{font-family: 'Barlow Semi Condensed', sans-serif;
      font-weight: 600;
      font-size: 20px;
      color: rgba(255,255,255,0.85);
      margin-bottom: 26px;
      font-style: normal;
      letter-spacing: 0.01em;}
.r4t-guide .masthead-tags{display: flex; flex-wrap: wrap; gap: 8px;}
.r4t-guide .masthead-tag{font-family: 'Barlow Semi Condensed', sans-serif;
      font-weight: 600;
      font-size: 13px;
      letter-spacing: 0.02em;
      text-transform: none;
      padding: 6px 14px;
      border-radius: 4px;
      background: var(--bold-orange);
      border: 1px solid var(--bold-orange);
      color: #fff;}
.r4t-guide .masthead-rule{height: 3px; background: var(--radiant);}
@media (max-width: 720px){
.r4t-guide .masthead{padding: 36px 24px 32px;}
.r4t-guide .masthead::before{left: 24px; right: 24px;}
}
.r4t-guide .partner-callout{float: right;
      width: 230px;
      margin: 0 0 16px 24px;
      background: var(--pale-sage);
      border: 1px solid var(--light-sage);
      border-top: 4px solid var(--vivid-magenta);
      border-radius: 0 0 8px 8px;
      padding: 18px 20px 20px;}
.r4t-guide .partner-callout-logo{display: block;
      width: 100%;
      height: auto;
      margin: 0 auto 12px;}
.r4t-guide .partner-callout-eyebrow{font-family: 'Barlow Semi Condensed', sans-serif;
      font-weight: 700;
      font-size: 10px;
      letter-spacing: 0.16em;
      text-transform: uppercase;
      color: var(--gray-green);
      margin: 0 0 6px;}
.r4t-guide .partner-callout-text{font-size: 12.5px;
      line-height: 1.55;
      color: var(--charcoal);
      margin: 0 0 9px;}
.r4t-guide .partner-callout-link{font-family: 'Barlow Semi Condensed', sans-serif;
      font-weight: 600;
      font-size: 11px;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      color: var(--bold-orange);
      text-decoration: none;
      display: inline-flex;
      align-items: center;
      gap: 4px;}
.r4t-guide .partner-callout-link::after{content: '→';}
.r4t-guide .partner-callout-link:hover{color: var(--vivid-magenta);}
@media (max-width: 700px){
.r4t-guide .partner-callout{float: none;
        width: auto;
        max-width: 340px;
        margin: 0 0 18px;}
}
.r4t-guide .action-bar{max-width: 900px;
      margin: 0 auto;
      padding: 12px 20px;
      display: flex;
      align-items: center;
      gap: 12px;
      flex-wrap: wrap;
      border-bottom: 1px solid var(--light-sage);}
.r4t-guide .share-group{display: flex;
      align-items: center;
      gap: 6px;
      flex-wrap: wrap;}
.r4t-guide .share-label{font-family: 'Barlow Semi Condensed', sans-serif;
      font-weight: 600;
      font-size: 12px;
      letter-spacing: 0.18em;
      text-transform: uppercase;
      color: #999;
      margin-right: 2px;}
.r4t-guide .share-btn{display: inline-flex;
      align-items: center;
      gap: 6px;
      font-family: 'Barlow Semi Condensed', sans-serif;
      font-weight: 600;
      font-size: 12px;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      color: var(--gray-green);
      background: transparent;
      border: 1.5px solid var(--light-sage);
      border-radius: 4px;
      padding: 7px 13px;
      text-decoration: none;
      cursor: pointer;
      transition: color 0.18s, border-color 0.18s, background 0.18s;
      white-space: nowrap;}
.r4t-guide .share-btn svg{width: 14px; height: 14px; fill: currentColor; flex-shrink: 0;}
.r4t-guide .share-btn:hover{color: var(--evergreen); border-color: var(--evergreen); background: var(--pale-sage);}
.r4t-guide .share-btn.copied{color: #1a7a42; border-color: #1a7a42;}
.r4t-guide .print-btn{display: inline-flex;
      align-items: center;
      gap: 7px;
      font-family: 'Barlow Semi Condensed', sans-serif;
      font-weight: 500;
      font-size: 11px;
      letter-spacing: 2px;
      text-transform: uppercase;
      padding: 8px 18px;
      border-radius: 5px;
      background: var(--charcoal);
      color: #fff;
      border: none;
      cursor: pointer;
      transition: background 0.2s;
      flex-shrink: 0;}
.r4t-guide .print-btn:hover{background: var(--vivid-magenta);}
.r4t-guide .page{max-width: 900px;
      margin: 0 auto;
      padding: 36px 20px 80px;}
.r4t-guide hr{border: none;
      border-top: 1px solid var(--light-sage);
      margin: 32px 0;}
.r4t-guide .section-heading{display: flex;
      align-items: center;
      gap: 12px;
      font-family: 'Barlow Condensed', sans-serif;
      font-style: italic;
      font-weight: 700;
      font-size: 28px;
      letter-spacing: 0.01em;
      color: var(--evergreen);
      margin-bottom: 18px;}
.r4t-guide p{font-size: 15px;
      line-height: 1.75;
      color: var(--charcoal);
      margin-bottom: 14px;}
.r4t-guide p:last-child{margin-bottom: 0;}
.r4t-guide a{color: var(--bold-orange);}
.r4t-guide a:hover{color: var(--vivid-magenta);}
.r4t-guide ul,
.r4t-guide ol{padding-left: 1.3em; margin-bottom: 14px;}
.r4t-guide li{font-size: 15px;
      line-height: 1.75;
      color: var(--charcoal);
      margin-bottom: 6px;}
.r4t-guide li strong{font-style: normal;}
.r4t-guide h3{font-family: 'IBM Plex Sans', sans-serif;
      font-weight: bold;
      font-style: italic;
      font-size: 17px;
      line-height: 1.3;
      color: var(--evergreen);
      margin: 26px 0 8px;}
.r4t-guide h3:first-child{margin-top: 0;}
.r4t-guide h3.bold-only{font-style: normal;}
.r4t-guide h4{font-family: 'Barlow Semi Condensed', sans-serif;
      font-weight: 700;
      font-size: 17px;
      letter-spacing: 0.01em;
      text-transform: none;
      color: var(--evergreen);
      margin: 20px 0 8px;}
.r4t-guide .callout{border-left: 3px solid var(--vivid-magenta);
      background: var(--pale-sage);
      padding: 13px 18px;
      border-radius: 0 6px 6px 0;
      margin: 16px 0;}
.r4t-guide .callout strong{display: block;
      font-family: 'Barlow Semi Condensed', sans-serif;
      font-weight: 700;
      font-size: 12px;
      letter-spacing: 0.16em;
      text-transform: uppercase;
      color: var(--evergreen);
      margin-bottom: 6px;}
.r4t-guide .callout p{font-size: 14px !important; font-style: italic; margin: 0 !important; line-height: 1.65 !important;}
.r4t-guide .checklist{list-style: none; padding: 0; margin: 10px 0 0;}
.r4t-guide .checklist li{display: flex;
      gap: 12px;
      align-items: flex-start;
      padding: 9px 0;
      border-bottom: 1px solid var(--pale-sage);
      margin-bottom: 0;}
.r4t-guide .checklist li:last-child{border-bottom: none;}
.r4t-guide .check-box{width: 17px; height: 17px;
      border: 1.5px solid var(--light-sage);
      border-radius: 3px;
      flex-shrink: 0;
      margin-top: 2px;}
.r4t-guide .checklist li span{font-size: 14.5px; line-height: 1.7;}
.r4t-guide .two-col-list{list-style: none;
      padding: 0;
      margin: 0 0 14px;
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 10px;}
.r4t-guide .two-col-list li{background: var(--pale-sage);
      border: 1px solid var(--light-sage);
      border-radius: 6px;
      padding: 14px 16px;
      font-size: 13px;
      line-height: 1.65;
      color: var(--charcoal);
      margin-bottom: 0;}
.r4t-guide .two-col-list li strong{display: block;
      font-family: 'Barlow Semi Condensed', sans-serif;
      font-weight: 600;
      font-size: 11px;
      letter-spacing: 0.05em;
      color: var(--evergreen);
      margin-bottom: 4px;}
@media (max-width: 600px){
.r4t-guide .two-col-list{grid-template-columns: 1fr;}
}
.r4t-guide .dual-use{display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 14px;
      margin: 16px 0 22px;}
.r4t-guide .dual-use-col{border: 1px solid var(--light-sage);
      border-radius: 8px;
      overflow: hidden;
      display: flex;
      flex-direction: column;}
.r4t-guide .dual-use-header{padding: 10px 16px;
      font-family: 'Barlow Semi Condensed', sans-serif;
      font-weight: 700;
      font-size: 12px;
      letter-spacing: 0.14em;
      text-transform: uppercase;
      color: #fff;}
.r4t-guide .dual-use-col--threat .dual-use-header{background: var(--bold-orange);}
.r4t-guide .dual-use-col--defense .dual-use-header{background: var(--evergreen);}
.r4t-guide .dual-use-body{padding: 14px 18px 16px; flex: 1;}
.r4t-guide .dual-use-body p{font-size: 13.5px;
      line-height: 1.65;
      margin-bottom: 10px;}
.r4t-guide .dual-use-body p:last-child{margin-bottom: 0;}
.r4t-guide .dual-use-body p strong{display: block;
      font-family: 'IBM Plex Sans', sans-serif;
      font-style: italic;
      font-weight: 700;
      font-size: 13px;
      color: var(--evergreen);
      margin-bottom: 2px;}
@media (max-width: 600px){
.r4t-guide .dual-use{grid-template-columns: 1fr;}
}
.r4t-guide .lens-grid{display: grid;
      grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
      gap: 10px;
      margin: 16px 0 22px;}
.r4t-guide .lens-card{border: 1px solid var(--light-sage);
      border-radius: 8px;
      padding: 14px 16px 16px;
      background: #fff;
      position: relative;}
.r4t-guide .lens-card-tag{font-family: 'Barlow Semi Condensed', sans-serif;
      font-weight: 300;
      font-size: 10px;
      letter-spacing: 0.18em;
      text-transform: uppercase;
      color: var(--gray-green);
      margin-bottom: 6px;}
.r4t-guide .lens-card-title{font-family: 'Barlow Condensed', sans-serif;
      font-style: italic;
      font-weight: 700;
      font-size: 22px;
      line-height: 1;
      color: var(--evergreen);
      margin-bottom: 8px;}
.r4t-guide .lens-card-desc{font-size: 13px;
      line-height: 1.55;
      color: var(--charcoal);
      margin: 0;}
.r4t-guide .r4t-table-wrap{overflow-x: auto; margin: 16px 0 22px;}
.r4t-guide .r4t-table{width: 100%;
      border-collapse: collapse;
      font-size: 13.5px;
      min-width: 560px;}
.r4t-guide .r4t-table th{background: var(--evergreen);
      color: #fff;
      font-family: 'Barlow Semi Condensed', sans-serif;
      font-weight: 700;
      font-size: 11px;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      text-align: left;
      padding: 11px 14px;
      vertical-align: bottom;}
.r4t-guide .r4t-table td{border: 1px solid var(--light-sage);
      padding: 12px 14px;
      vertical-align: top;
      line-height: 1.65;
      color: var(--charcoal);}
.r4t-guide .r4t-table tr:nth-child(even) td{background: var(--pale-sage);}
.r4t-guide .r4t-table td:first-child{font-family: 'IBM Plex Sans', sans-serif;
      font-style: italic;
      font-weight: 700;
      color: var(--evergreen);
      width: 26%;}
.r4t-guide .code-label{font-family: 'Barlow Semi Condensed', sans-serif;
      font-weight: 700;
      font-size: 10px;
      letter-spacing: 0.16em;
      text-transform: uppercase;
      color: var(--gray-green);
      margin: 16px 0 6px;}
.r4t-guide .code-block{background: var(--evergreen-dark);
      color: #EFE9EC;
      border-radius: 8px;
      padding: 16px 18px;
      margin: 0 0 14px;
      overflow-x: auto;
      font-family: 'SFMono-Regular', Menlo, Consolas, 'Liberation Mono', monospace;
      font-size: 12.5px;
      line-height: 1.65;
      white-space: pre;
      tab-size: 2;}
.r4t-guide .code-block .cc{color: var(--gray-green);}
.r4t-guide .link-grid{list-style: none;
      padding: 0;
      margin: 12px 0 0;
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 10px;}
.r4t-guide .link-grid li{border: 1px solid var(--light-sage);
      border-radius: 6px;
      padding: 13px 15px;
      margin-bottom: 0;
      background: #fff;}
.r4t-guide .link-grid a{font-family: 'IBM Plex Sans', sans-serif;
      font-style: italic;
      font-weight: 700;
      font-size: 14px;
      color: var(--evergreen);
      text-decoration: none;
      display: inline-flex;
      align-items: center;
      gap: 5px;}
.r4t-guide .link-grid a::after{content: '→'; color: var(--bold-orange); font-style: normal;}
.r4t-guide .link-grid a:hover{color: var(--vivid-magenta);}
.r4t-guide .link-grid .link-note{display: block;
      font-size: 12.5px;
      color: var(--charcoal);
      margin-top: 4px;
      line-height: 1.5;}
@media (max-width: 600px){
.r4t-guide .link-grid{grid-template-columns: 1fr;}
}
.r4t-guide .group-label{font-family: 'Barlow Semi Condensed', sans-serif;
      font-weight: 700;
      font-size: 11px;
      letter-spacing: 0.18em;
      text-transform: uppercase;
      color: var(--bold-orange);
      padding-bottom: 8px;
      border-bottom: 2px solid var(--light-sage);
      margin: 26px 0 12px;}
.r4t-guide .group-label:first-of-type{margin-top: 6px;}
.r4t-guide .group-intro{font-size: 14px; color: var(--charcoal); margin: 0 0 12px;}
.r4t-guide .phase-primer{border: 1px solid var(--light-sage);
      border-left: 3px solid var(--evergreen);
      border-radius: 4px 6px 6px 4px;
      background: var(--pale-sage);
      margin-bottom: 10px;
      overflow: hidden;}
.r4t-guide .phase-primer[open]{background: #fff;}
.r4t-guide .phase-primer-summary{list-style: none;
      cursor: pointer;
      padding: 12px 16px 12px 18px;
      display: flex;
      align-items: center;
      gap: 12px;
      transition: background 0.18s;
      user-select: none;}
.r4t-guide .phase-primer-summary::-webkit-details-marker{display: none;}
.r4t-guide .phase-primer-summary:hover{background: rgba(232, 0, 165, 0.04);}
.r4t-guide .phase-primer[open] .phase-primer-summary{border-bottom: 1px solid var(--light-sage);
      background: var(--pale-sage);}
.r4t-guide .phase-primer-icon{flex-shrink: 0;
      width: 22px;
      height: 22px;
      border-radius: 50%;
      background: var(--evergreen);
      color: #fff;
      display: flex;
      align-items: center;
      justify-content: center;
      font-family: 'Barlow Condensed', sans-serif;
      font-style: italic;
      font-weight: 700;
      font-size: 14px;
      line-height: 1;}
.r4t-guide .phase-primer-label{flex: 1;
      font-family: 'IBM Plex Sans', sans-serif;
      font-style: italic;
      font-weight: 700;
      font-size: 14px;
      color: var(--evergreen);
      line-height: 1.3;}
.r4t-guide .phase-primer-label-tag{display: block;
      font-family: 'Barlow Semi Condensed', sans-serif;
      font-style: normal;
      font-weight: 300;
      font-size: 10px;
      letter-spacing: 0.18em;
      text-transform: uppercase;
      color: var(--gray-green);
      margin-bottom: 2px;}
.r4t-guide .phase-primer-chevron{flex-shrink: 0;
      font-family: 'Barlow Semi Condensed', sans-serif;
      font-weight: 600;
      font-size: 11px;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      color: var(--bold-orange);
      display: flex;
      align-items: center;
      gap: 5px;}
.r4t-guide .phase-primer-chevron::after{content: '+';
      font-size: 16px;
      font-weight: 400;
      line-height: 1;
      transition: transform 0.2s;}
.r4t-guide .phase-primer[open] .phase-primer-chevron::after{content: '−';}
.r4t-guide .phase-primer[open] .phase-primer-chevron span{display: none;}
.r4t-guide .phase-primer[open] .phase-primer-chevron::before{content: 'Collapse';}
.r4t-guide .phase-primer-body{padding: 16px 22px 20px;
      background: #fff;}
.r4t-guide .phase-primer-body p{font-size: 14px;
      line-height: 1.7;
      margin-bottom: 12px;}
.r4t-guide .phase-primer-body p:last-child{margin-bottom: 0;}
.r4t-guide .phase-primer-body h4{font-family: 'IBM Plex Sans', sans-serif;
      font-style: italic;
      font-weight: 700;
      font-size: 14px;
      color: var(--evergreen);
      margin: 16px 0 6px;
      text-transform: none;
      letter-spacing: 0;}
.r4t-guide .phase-primer-body h4:first-child{margin-top: 0;}
.r4t-guide .phase-primer-body ul{margin: 4px 0 14px;}
.r4t-guide .phase-primer-body li{font-size: 14px; line-height: 1.6;}
@media print{
.r4t-guide .phase-primer{background: #fff !important;}
.r4t-guide .phase-primer > .phase-primer-body{display: block !important;}
.r4t-guide .phase-primer-chevron{display: none;}
.r4t-guide .phase-primer-summary{cursor: default;}
}
.r4t-guide .r4t-cta{border: 1.5px solid #e0e0e0;
      border-radius: 10px;
      padding: 40px 52px;
      margin-top: 40px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 40px;
      position: relative;
      overflow: hidden;}
.r4t-guide .r4t-cta::before{content: '';
      position: absolute;
      top: 0; left: 52px; right: 52px;
      height: 3px;
      background: var(--radiant);
      border-radius: 0 0 2px 2px;}
.r4t-guide .r4t-cta-eyebrow{font-family: 'Barlow Semi Condensed', sans-serif;
      font-weight: 300;
      font-size: 11px;
      letter-spacing: 0.2em;
      text-transform: uppercase;
      color: #888;
      margin-bottom: 8px;}
.r4t-guide .r4t-cta-heading{font-family: 'Barlow Condensed', sans-serif;
      font-style: italic;
      font-weight: 700;
      font-size: clamp(20px, 3vw, 28px);
      line-height: 1.05;
      color: var(--evergreen);
      margin: 0 0 8px;}
.r4t-guide .r4t-cta-sub{font-size: 13px; line-height: 1.6; color: #555; margin: 0; max-width: 440px;}
.r4t-guide .r4t-cta-btn{flex-shrink: 0;
      display: inline-flex;
      align-items: center;
      gap: 7px;
      font-family: 'Barlow Semi Condensed', sans-serif;
      font-weight: 600;
      font-size: 12px;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      background: var(--vivid-magenta);
      color: #fff;
      border: 1px solid var(--vivid-magenta);
      border-radius: 6px;
      padding: 12px 22px;
      text-decoration: none;
      white-space: nowrap;
      transition: background 0.18s, border-color 0.18s;}
.r4t-guide .r4t-cta-btn::after{content: '→';}
.r4t-guide .r4t-cta-btn:hover{background: var(--bold-orange); border-color: var(--bold-orange); color: #fff;}
@media (max-width: 720px){
.r4t-guide .r4t-cta{flex-direction: column; align-items: flex-start; padding: 32px 24px;}
.r4t-guide .r4t-cta::before{left: 24px; right: 24px;}
}
.r4t-guide .series-description-block{background: var(--pale-sage);
      border-radius: 8px;
      padding: 20px 24px;
      margin-top: 32px;}
.r4t-guide .series-description-block .series-eyebrow{font-family: 'Barlow Semi Condensed', sans-serif;
      font-weight: 700;
      font-size: 12px;
      letter-spacing: 0.2em;
      text-transform: uppercase;
      color: var(--gray-green);
      margin-bottom: 8px;}
.r4t-guide .series-description-block p{font-size: 14px; color: var(--charcoal); margin-bottom: 8px;}
.r4t-guide .series-description-block p:last-child{margin-bottom: 0;}
.r4t-guide .page-footer{margin-top: 40px;
      padding-top: 24px;
      border-top: 1px solid var(--light-sage);
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 20px;
      flex-wrap: wrap;}
.r4t-guide .footer-note{font-size: 12px; color: var(--gray-green); max-width: 360px; font-style: italic; line-height: 1.6;}
.r4t-guide .footer-legal{font-size: 11px !important;
      color: var(--gray-green) !important;
      margin: 0 !important;}
.r4t-guide .footer-legal a{color: var(--gray-green); text-decoration: none; transition: color 0.18s;}
.r4t-guide .footer-legal a:hover{color: var(--evergreen);}
.r4t-guide .footer-legal-sep{margin: 0 6px; color: var(--gray-green);}
.r4t-guide .ref-list{list-style: none; padding: 0; margin: 0; counter-reset: ref;}
.r4t-guide .ref-list li{counter-increment: ref;
      position: relative;
      padding: 8px 0 8px 30px;
      border-bottom: 1px solid var(--pale-sage);
      font-size: 13px;
      line-height: 1.6;
      color: var(--charcoal);}
.r4t-guide .ref-list li:last-child{border-bottom: none;}
.r4t-guide .ref-list li::before{content: counter(ref);
      position: absolute;
      left: 0; top: 8px;
      font-family: 'Barlow Condensed', sans-serif;
      font-style: italic;
      font-weight: 700;
      font-size: 15px;
      color: var(--bold-orange);}
.r4t-guide .ref-list a{word-break: break-word;}
@media print{
@page{ size: letter; margin: 0.6in 0.75in; }
.r4t-guide .site-nav,
.r4t-guide .action-bar,
.r4t-guide .r4t-cta{display: none !important;}
.r4t-guide .page{padding-top: 20px;}
.r4t-guide .masthead{background: var(--evergreen) !important;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
        page-break-after: avoid;}
.r4t-guide .masthead-rule,
.r4t-guide .masthead-tag,
.r4t-guide .masthead::before{-webkit-print-color-adjust: exact;
        print-color-adjust: exact;}
.r4t-guide .callout{background: var(--pale-sage) !important;
        border-left: 3px solid var(--evergreen) !important;
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;}
.r4t-guide .dual-use-col,
.r4t-guide .lens-card,
.r4t-guide .phase-primer,
.r4t-guide .r4t-table tr{page-break-inside: avoid;}
.r4t-guide .dual-use-header,
.r4t-guide .r4t-table th,
.r4t-guide .code-block{-webkit-print-color-adjust: exact;
        print-color-adjust: exact;}
.r4t-guide .section-heading,
.r4t-guide h3,
.r4t-guide h4,
.r4t-guide .group-label{page-break-after: avoid;}
}
.r4t-guide .r4t-draftnote{position: fixed;
      right: 20px;
      bottom: 20px;
      z-index: 500;
      width: 300px;
      max-width: calc(100vw - 32px);
      background: #fff;
      border: 1px solid var(--light-sage);
      border-top: 4px solid var(--vivid-magenta);
      border-radius: 0 0 10px 10px;
      box-shadow: 0 10px 30px rgba(35,31,33,0.18);
      padding: 15px 18px 17px;
      font-family: Barlow, sans-serif;}
.r4t-guide .r4t-draftnote.is-hidden,
.r4t-guide .r4t-draftnote-reopen.is-hidden{display: none;}
.r4t-guide .r4t-draftnote-close{position: absolute;
      top: 7px;
      right: 9px;
      appearance: none;
      background: none;
      border: none;
      cursor: pointer;
      font-size: 20px;
      line-height: 1;
      color: var(--gray-green);
      padding: 2px 5px;
      border-radius: 4px;
      transition: color 0.16s, background 0.16s;}
.r4t-guide .r4t-draftnote-close:hover{color: var(--vivid-magenta); background: var(--pale-sage);}
.r4t-guide .r4t-draftnote-eyebrow{font-family: 'Barlow Semi Condensed', sans-serif;
      font-weight: 300;
      font-size: 10px;
      letter-spacing: 0.2em;
      text-transform: uppercase;
      color: var(--gray-green);
      margin: 0 0 4px;}
.r4t-guide .r4t-draftnote-title{font-family: 'Barlow Condensed', sans-serif;
      font-style: italic;
      font-weight: 700;
      font-size: 19px;
      line-height: 1.1;
      color: var(--evergreen);
      margin: 0 0 7px;}
.r4t-guide .r4t-draftnote-body{font-size: 13px;
      line-height: 1.55;
      color: var(--charcoal);
      margin: 0 0 13px;}
.r4t-guide .r4t-draftnote-actions{display: flex; flex-direction: column; gap: 8px;}
.r4t-guide .r4t-draftnote-btn{display: inline-flex;
      align-items: center;
      justify-content: center;
      text-align: center;
      text-decoration: none;
      cursor: pointer;
      font-family: 'Barlow Semi Condensed', sans-serif;
      font-weight: 600;
      font-size: 12px;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      border-radius: 6px;
      padding: 9px 14px;
      border: 1.5px solid var(--evergreen);
      background: var(--evergreen);
      color: #fff;
      transition: background 0.16s, border-color 0.16s, color 0.16s;}
.r4t-guide .r4t-draftnote-btn:hover{background: var(--vivid-magenta); border-color: var(--vivid-magenta);}
.r4t-guide .r4t-draftnote-reopen{position: fixed;
      right: 20px;
      bottom: 20px;
      z-index: 500;
      display: inline-flex;
      align-items: center;
      gap: 8px;
      appearance: none;
      cursor: pointer;
      font-family: 'Barlow Semi Condensed', sans-serif;
      font-weight: 600;
      font-size: 12px;
      letter-spacing: 0.1em;
      text-transform: uppercase;
      color: #fff;
      background: var(--evergreen);
      border: 1px solid var(--evergreen);
      border-top: 3px solid var(--vivid-magenta);
      border-radius: 8px;
      padding: 9px 14px;
      box-shadow: 0 6px 18px rgba(35,31,33,0.20);
      transition: background 0.16s, border-color 0.16s;}
.r4t-guide .r4t-draftnote-reopen:hover{background: var(--vivid-magenta); border-color: var(--vivid-magenta);}
.r4t-guide .r4t-draftnote-reopen-dot{width: 8px; height: 8px; border-radius: 50%;
      background: var(--bold-orange); display: inline-block; flex-shrink: 0;}
@media (max-width: 600px){
.r4t-guide .r4t-draftnote{right: 12px; left: 12px; bottom: 12px; width: auto;}
.r4t-guide .r4t-draftnote-reopen{right: 12px; bottom: 12px;}
}
@media print{
.r4t-guide .r4t-draftnote,
.r4t-guide .r4t-draftnote-reopen{display: none !important;}
}