/* TetherOps Resources */
.resources-hero{position:relative;min-height:535px;background:radial-gradient(circle at 79% 22%,rgba(46,157,248,.19),transparent 28%),radial-gradient(circle at 12% 85%,rgba(46,157,248,.08),transparent 31%),linear-gradient(120deg,#061624,#081f33 58%,#0a2942);overflow:visible}
.resources-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(83,178,255,.5),transparent)}
.resources-hero .topbar{position:relative;z-index:20}
.resources-active{border-bottom-color:#2da3ff!important;color:#fff!important}
.resources-hero-copy{padding:78px 0 92px;max-width:1020px}
.resources-hero-copy .eyebrow{margin-bottom:16px}
.resources-hero-copy h1{margin:0;font-size:64px;line-height:1.04;letter-spacing:-3.2px;font-weight:790;max-width:970px}
.resources-hero-copy h1 span{color:#2f9cf8}
.resources-lede{max-width:860px;margin:24px 0 31px;color:#b8c8d7;font-size:21px;line-height:1.58}
.resources-actions{display:flex;gap:18px;flex-wrap:wrap}
.resources-actions .button{min-width:230px}
.resources-main{background:#f7fbfe;color:#08162a}
.resources-section{padding:82px 0}
.resources-section.alt{background:#edf5fb}
.resources-kicker{margin:0 0 10px;color:#218de8;font-size:12px;font-weight:800;letter-spacing:2.2px}
.resources-heading{margin:0;color:#071827;font-size:42px;line-height:1.08;letter-spacing:-1.7px}
.resources-copy{color:#486075;font-size:18px;line-height:1.68}
.resources-copy p{margin:0 0 16px}
.resources-copy strong{color:#0a243b}
.resources-intro{display:grid;grid-template-columns:.78fr 1.22fr;gap:78px;align-items:start}
.library-head{max-width:820px;margin-bottom:34px}
.resource-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.resource-card{display:flex;flex-direction:column;min-height:250px;background:#fff;border:1px solid #d8e6f0;border-radius:16px;padding:28px;box-shadow:0 12px 30px rgba(22,65,98,.05);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.resource-card:hover{transform:translateY(-3px);box-shadow:0 18px 38px rgba(22,65,98,.09);border-color:#bddcf3}
.resource-meta{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:24px}
.resource-number{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:9px;background:#e8f4ff;color:#168beb;font-weight:800;font-size:13px}
.resource-type{color:#648096;font-size:11px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase}
.resource-card h3{margin:0 0 11px;color:#09223a;font-size:24px;letter-spacing:-.7px}
.resource-card p{margin:0 0 22px;color:#4c6478;font-size:16px;line-height:1.58}
.resource-link{margin-top:auto;color:#168beb;font-size:14px;font-weight:800;letter-spacing:.2px}
.resource-link span{margin-left:6px;font-size:18px}
.guide-wrap{display:grid;grid-template-columns:330px 1fr;gap:64px;align-items:start}
.guide-side{position:sticky;top:26px}
.guide-side h2{margin-bottom:16px}
.guide-side p{margin:0;color:#50697d;font-size:17px;line-height:1.6}
.guide-panel{background:#fff;border:1px solid #d8e6f0;border-radius:18px;padding:34px;box-shadow:0 12px 28px rgba(20,61,91,.045)}
.guide-panel+.guide-panel{margin-top:18px}
.guide-panel h3{margin:0 0 8px;color:#0a2135;font-size:25px;letter-spacing:-.7px}
.guide-panel>p{margin:0 0 21px;color:#536b7e;font-size:16px;line-height:1.6}
.checklist{list-style:none;margin:0;padding:0;display:grid;gap:13px}
.checklist li{position:relative;padding-left:31px;color:#344e63;font-size:16px;line-height:1.48}
.checklist li::before{content:"";position:absolute;left:0;top:.18em;width:18px;height:18px;border:2px solid #84bee9;border-radius:5px;background:#f7fbff}
.score-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:26px}
.score-box{border-radius:12px;padding:15px 16px;background:#eef6fc;border:1px solid #d5e7f4}
.score-box b{display:block;color:#117fda;font-size:13px;letter-spacing:.4px;margin-bottom:5px}
.score-box span{display:block;color:#536b7e;font-size:13px;line-height:1.35}
.audit-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.audit-box{border-radius:14px;background:#071a2a;padding:24px;color:#fff}
.audit-box.light{background:#eef6fc;color:#09223a;border:1px solid #d5e7f4}
.audit-box h4{margin:0 0 14px;font-size:18px}
.audit-box ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.audit-box li{position:relative;padding-left:18px;color:#c1d2df;font-size:14px;line-height:1.45}
.audit-box.light li{color:#40596d}
.audit-box li::before{content:"";position:absolute;left:0;top:.58em;width:6px;height:6px;border-radius:50%;background:#2e9df8}
.dataset-steps{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.dataset-step{border:1px solid #d8e6f0;border-radius:13px;padding:20px;background:#fbfdff}
.dataset-step b{display:block;color:#168beb;font-size:11px;letter-spacing:1.3px;margin-bottom:7px}
.dataset-step strong{display:block;color:#0a2135;font-size:16px;margin-bottom:6px}
.dataset-step span{display:block;color:#556d80;font-size:14px;line-height:1.45}
.alert-table{display:grid;gap:0;border:1px solid #d8e6f0;border-radius:14px;overflow:hidden}
.alert-row{display:grid;grid-template-columns:180px 1fr;border-bottom:1px solid #d8e6f0;background:#fff}
.alert-row:last-child{border-bottom:0}
.alert-row b{padding:15px 18px;background:#eef6fc;color:#0c4777;font-size:13px;letter-spacing:.2px}
.alert-row span{padding:15px 18px;color:#465f74;font-size:14px;line-height:1.45}
.brief{background:#061827;border-radius:18px;padding:36px;color:#fff;box-shadow:0 20px 45px rgba(7,24,39,.12)}
.brief-head{display:flex;justify-content:space-between;gap:30px;align-items:start;margin-bottom:25px}
.brief h3{margin:0 0 9px;font-size:28px;letter-spacing:-.8px}
.brief-head p{margin:0;color:#adc0cf;font-size:16px;line-height:1.55;max-width:690px}
.brief-tag{flex:0 0 auto;border:1px solid rgba(83,178,255,.36);background:rgba(46,157,248,.09);color:#62b7ff;border-radius:999px;padding:9px 13px;font-size:11px;font-weight:800;letter-spacing:1.2px}
.brief-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.brief-item{border:1px solid rgba(255,255,255,.10);border-radius:12px;padding:18px;background:rgba(255,255,255,.035)}
.brief-item b{display:block;color:#59b2ff;font-size:12px;letter-spacing:.8px;margin-bottom:7px}
.brief-item span{display:block;color:#cad7e0;font-size:14px;line-height:1.45}
.not-automate{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px;align-items:start}
.caution-list{display:grid;gap:12px}
.caution{border-left:3px solid #2e9df8;background:#fff;padding:18px 20px;border-radius:0 12px 12px 0;box-shadow:0 8px 18px rgba(20,61,91,.045)}
.caution strong{display:block;color:#0a2135;font-size:16px;margin-bottom:5px}
.caution span{display:block;color:#566e81;font-size:14px;line-height:1.45}
.resources-cta{background:linear-gradient(120deg,#061624,#0a2942);color:#fff;padding:68px 0}
.resources-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:48px}
.resources-cta h2{margin:0 0 10px;font-size:38px;letter-spacing:-1.3px}
.resources-cta p{margin:0;color:#afc2d1;font-size:18px;line-height:1.55;max-width:760px}
.resources-cta .button{flex:0 0 auto;min-width:220px}
@media(max-width:1150px){
  .resources-hero-copy h1{font-size:55px}
  .resources-intro{gap:48px}
  .guide-wrap{grid-template-columns:270px 1fr;gap:40px}
}
@media(max-width:820px){
  .resources-hero-copy{padding:68px 0 76px}
  .resources-hero-copy h1{font-size:44px;letter-spacing:-2px}
  .resources-lede{font-size:18px}
  .resources-section{padding:58px 0}
  .resources-intro,.guide-wrap,.not-automate{grid-template-columns:1fr;gap:26px}
  .guide-side{position:static}
  .resources-heading{font-size:34px}
  .resource-grid,.audit-grid,.dataset-steps,.brief-grid{grid-template-columns:1fr}
  .resource-card{min-height:0}
  .score-strip{grid-template-columns:1fr}
  .alert-row{grid-template-columns:1fr}
  .alert-row b{padding-bottom:7px}
  .alert-row span{padding-top:7px}
  .brief-head{flex-direction:column}
  .resources-cta-inner{align-items:flex-start;flex-direction:column}
  .resources-cta h2{font-size:32px}
}
@media(max-width:760px){
  .resources-hero .page-shell{width:calc(100% - 32px)}
}
