/* Intruno Resources — page-specific CSS */

body{margin:0;background:#F8F7F4}
*{box-sizing:border-box}

@media(max-width:920px){
	.res-grid{grid-template-columns:1fr!important}
	.filter-row{flex-wrap:wrap!important}
	.dc-resources-10aa9f96,
	.dc-resources-28dc83d2,
	.dc-resources-7fb58666,
	.dc-resources-e857e274{padding-left:32px;padding-right:32px}
}

@media(max-width:640px){
	.dc-resources-28dc83d2{padding:56px 20px 42px}
	.dc-resources-10aa9f96{padding:20px 20px 0}
	.dc-resources-7fb58666{padding:0 20px 64px}
	.dc-resources-e857e274{padding:64px 20px}
	.dc-resources-077ae47b,
	.dc-resources-f2521584{width:100%}
	.dc-resources-93246b07{font-size:29px}
	.dc-resources-04ee96ee{padding:16px;border-radius:14px 14px 0 0}
	.dc-resources-148e1e8b{min-width:100%;width:100%}
	.dc-resources-3de8f987{width:100%;gap:7px}
	.dc-resources-0a182a70{font-size:12px;padding:7px 11px}
	.dc-resources-8b017de0{height:120px}
	.dc-resources-e40f35a8{padding:20px}
}

/* Scroll reveal */
.fade-section{
	opacity:0;
	transform:translateY(22px);
	transition:opacity .75s ease,transform .75s cubic-bezier(.22,1,.36,1)
}
.fade-section.visible{opacity:1;transform:none}

.fade-card{
	opacity:0;
	transform:translateY(14px);
	transition:opacity .6s ease,transform .6s cubic-bezier(.22,1,.36,1),border-color .2s ease,box-shadow .2s ease
}
.fade-card.visible{opacity:1;transform:none}

/* Hero */
.dc-resources-28dc83d2{background:#1C2B2B;padding:80px 64px 56px}
.dc-resources-077ae47b{max-width:1320px;margin:0 auto}
.dc-resources-4021416d{
	font-family:Figtree,sans-serif;
	font-size:12.5px;
	font-weight:600;
	letter-spacing:.08em;
	text-transform:uppercase;
	color:#C4622A
}
.dc-resources-93246b07{
	font-family:'IBM Plex Mono',monospace;
	font-weight:600;
	font-size:34px;
	line-height:1.2;
	color:#F8F7F4;
	margin:16px 0 12px;
	max-width:600px
}

/* Filters */
.dc-resources-10aa9f96{padding:32px 64px 0;background:#1C2B2B}
.dc-resources-04ee96ee{
	background:#F8F7F4;
	border-radius:16px 16px 0 0;
	padding:20px 28px;
	display:flex;
	align-items:center;
	gap:20px;
	flex-wrap:wrap
}
.dc-resources-148e1e8b{
	flex:1;
	min-width:220px;
	display:flex;
	align-items:center;
	gap:10px;
	border:1px solid oklch(85% .008 85);
	border-radius:9px;
	padding:10px 14px;
	background:#fff;
	transition:border-color .2s ease,box-shadow .2s ease
}
.dc-resources-148e1e8b:focus-within{
	border-color:#C4622A;
	box-shadow:0 0 0 3px rgba(196,98,42,.08)
}
.dc-resources-9a3e4e3b{
	border:none;
	outline:none;
	font-family:Figtree,sans-serif;
	font-size:14px;
	color:#1C2B2B;
	flex:1;
	background:none;
	min-width:0
}
.dc-resources-9a3e4e3b::placeholder{color:oklch(55% .012 85)}
.dc-resources-3de8f987{display:flex;gap:8px;flex-wrap:wrap}
.dc-resources-0a182a70{
	border:1px solid oklch(85% .008 85);
	background:#fff;
	color:#1C2B2B;
	font-family:Figtree,sans-serif;
	font-size:13px;
	font-weight:600;
	padding:8px 14px;
	border-radius:20px;
	cursor:pointer;
	transition:background .2s ease,color .2s ease,border-color .2s ease,transform .2s ease
}
.dc-resources-0a182a70:hover{
	border-color:#C4622A;
	transform:translateY(-1px)
}
.dc-resources-0a182a70.is-active{
	border-color:#C4622A;
	background:#C4622A;
	color:#fff
}

/* Resource grid */
.dc-resources-7fb58666{padding:0 64px 96px;background:#F8F7F4}
.dc-resources-f2521584{max-width:1320px;margin:0 auto;padding-top:36px}
.dc-resources-bf0f489{
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:24px
}
.dc-resources-522f323e{
	text-decoration:none;
	display:flex;
	flex-direction:column;
	border:1px solid oklch(88% .008 85);
	border-radius:14px;
	overflow:hidden;
	background:#fff;
	min-height:100%;
	transition:border-color .2s ease,transform .25s ease,box-shadow .25s ease
}
.dc-resources-522f323e:hover{
	border-color:#C4622A;
	transform:translateY(-3px);
	box-shadow:0 10px 28px rgba(28,43,43,.08)
}
.dc-resources-8b017de0{
	height:140px;
	background:#fff;
	display:flex;
	align-items:center;
	justify-content:center
}
.dc-resources-8b017de0 svg{display:block}
.dc-resources-e40f35a8{
	padding:22px;
	display:flex;
	flex-direction:column;
	gap:10px;
	flex:1
}
.dc-resources-8e7170d5{
	font-size:11px;
	font-weight:700;
	letter-spacing:.05em;
	text-transform:uppercase;
	color:#C4622A;
	font-family:Figtree,sans-serif
}
.dc-resources-7d5f8f01{
	font-family:Figtree,sans-serif;
	font-size:17px;
	font-weight:600;
	color:#1C2B2B;
	margin:0;
	line-height:1.35
}
.dc-resources-195d7ec1{
	font-family:Figtree,sans-serif;
	font-size:13px;
	color:oklch(48% .012 85);
	margin:0;
	line-height:1.55;
	flex:1
}

/* Empty states */
.dc-resources-empty-search,
.dc-resources-empty-certifications{
	text-align:center;
	padding:80px 40px
}
.dc-resources-empty-search[hidden],
.dc-resources-empty-certifications[hidden]{display:none!important}
.dc-resources-empty-search p,
.dc-resources-empty-certifications p{
	font-family:Figtree,sans-serif;
	font-size:15px;
	color:oklch(50% .012 85);
	margin:0
}
.dc-resources-empty-certifications svg{
	display:block;
	margin:0 auto 16px
}
.dc-resources-empty-certifications h3{
	font-family:Figtree,sans-serif;
	font-size:18px;
	font-weight:600;
	color:rgba(28,43,43,.45);
	margin:0 0 10px
}
.dc-resources-empty-certifications p{color:rgba(28,43,43,.45)}

/* Closing section */
.dc-resources-e857e274{padding:88px 64px;background:#1C2B2B;text-align:center}
.dc-resources-6e9aa867{max-width:600px;margin:0 auto}
.dc-resources-f79f67a7{
	font-family:Figtree,sans-serif;
	font-weight:600;
	font-size:28px;
	color:#F8F7F4;
	margin:0 0 14px
}
.dc-resources-24accdf0{
	font-family:Figtree,sans-serif;
	font-size:14.5px;
	color:oklch(75% .01 85);
	margin:0
}

/* Hidden card state */
.dc-resources-522f323e.is-hidden{display:none}

/* Reduced motion */
@media(prefers-reduced-motion:reduce){
	.fade-section,.fade-card{opacity:1;transform:none;transition:none}
	.dc-resources-522f323e,
	.dc-resources-0a182a70,
	.dc-resources-148e1e8b{transition:none}
}

.fade-card{transition-delay:var(--resource-delay,0s)}

/* Final resources additions */
.resources-final-hero{background:#1C2B2B!important;padding:72px 0 56px!important;}
.resources-hero-grid{width:90%;max-width:1320px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,400px);gap:clamp(32px,5vw,64px);align-items:start;}
.resources-events{background:rgba(248,247,244,.05);border:1px solid rgba(248,247,244,.18);border-radius:16px;padding:22px 24px;color:#F8F7F4;}
.resources-events>span{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#C4622A;display:block;margin-bottom:12px;}
.resources-event-row{display:grid;grid-template-columns:86px 1fr;gap:14px;align-items:baseline;padding:11px 0;border-top:1px solid rgba(248,247,244,.12);}
.resources-event-row strong{font:600 12.5px "IBM Plex Mono",monospace;color:#C3FCF1;}
.resources-event-row span{font-size:13.5px;line-height:1.45;}
.resources-events p{font-size:12.5px;line-height:1.55;color:rgba(248,247,244,.6);margin:16px 0 0;}
.resources-featured{padding:0;background:#1C2B2B;}
.resources-featured-inner{width:90%;max-width:1320px;margin:0 auto;border:1px solid rgba(248,247,244,.18);border-radius:16px;padding:28px 32px;display:flex;align-items:center;gap:26px;justify-content:space-between;flex-wrap:wrap;}
.resources-featured-inner>div{max-width:640px;}
.resources-featured-inner span{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#C4622A;display:block;margin-bottom:12px;}
.resources-featured-inner h2{font:600 23px/1.3 "IBM Plex Mono",monospace;color:#F8F7F4;margin:0 0 10px;}
.resources-featured-inner p{font-size:14.5px;line-height:1.6;color:rgba(248,247,244,.7);margin:0;}
.resources-featured-inner a{font-size:14.5px;font-weight:600;color:#C3FCF1;text-decoration:none;white-space:nowrap;}
.resource-certification{cursor:pointer;}
@media(max-width:920px){.resources-hero-grid{grid-template-columns:1fr;}.resources-events{max-width:none;}.resources-featured-inner{padding:24px;}}
@media(max-width:640px){.resources-hero-grid,.resources-featured-inner{width:92%;}.resources-final-hero{padding:48px 0 42px!important;}.resources-featured-inner{align-items:flex-start;}.resources-featured-inner h2{font-size:20px;}.resources-event-row{grid-template-columns:76px 1fr;}}

.resources-certifications-detail{background:#E5E4DF;padding:0 0 88px;}
.resources-cert-inner{width:90%;max-width:820px;margin:0 auto;}
.resources-cert-inner>p{font-size:15.5px;line-height:1.78;color:#454541;margin:0 0 32px;padding: 40px 0 0;}
.resources-cert-label{font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#C4622A;display:block;margin:24px 0 14px;}
.resources-cert-card{background:#fff;border-radius:14px;box-shadow:0 1px 2px rgba(28,43,43,.04),0 8px 22px rgba(28,43,43,.09);padding:24px 26px;margin-bottom:20px;}
.resources-cert-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;}
.resources-cert-meta span{display:block;font-size:11.5px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:#6b6b66;margin-bottom:5px;}
.resources-cert-meta strong{font:15px "IBM Plex Mono",monospace;color:#1C2B2B;}
.resources-cert-card>p{font-size:15px;line-height:1.7;color:#454541;margin:0;padding-top:14px;border-top:1px solid #e5e4df;}
.resources-cert-card img{display:block;width:238px;height:auto;max-width:100%;margin:4px 0 22px;}
.resources-cert-table{border:1px solid #deddd7;border-radius:10px;overflow:hidden;}
.resources-cert-table div{display:grid;grid-template-columns:minmax(150px,220px) 1fr;border-bottom:1px solid #e5e4df;}
.resources-cert-table div:last-child{border-bottom:0;}
.resources-cert-table strong,.resources-cert-table span{padding:13px 18px;font-size:13.5px;line-height:1.6;}
.resources-cert-table strong{background:#E5E4DF;border-right:1px solid #e5e4df;}
.resources-cert-table span{font-family:"IBM Plex Mono",monospace;word-break:break-word;}
.resources-cert-disclaimer{background:#E5E4DF;border-radius:10px;padding:20px 22px;margin-top:20px;}
.resources-cert-disclaimer>span{font-size:11px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;display:block;margin-bottom:10px;}
.resources-cert-disclaimer p{font-size:13.5px;line-height:1.72;margin:0;color:#1C2B2B;}
.resources-cert-card h3{font-size:16px;margin:22px 0 10px;}
@media(max-width:800px){.resources-cert-meta{grid-template-columns:1fr 1fr;}.resources-cert-inner{width:92%;}}
@media(max-width:560px){.resources-cert-meta{grid-template-columns:1fr;}.resources-cert-table div{grid-template-columns:1fr;}.resources-cert-table strong{border-right:0;border-bottom:1px solid #e5e4df;}.resources-cert-card{padding:20px;}}


/* INTRUNO FINAL PAGE-ONLY RESPONSIVE OVERRIDES */
/* The site chrome is intentionally untouched. These rules apply only to page content. */
main.intruno-page {
  width: 100%;
  max-width: 100%;
  overflow-x: clip;
}
main.intruno-page > section {
  padding-left: 30px !important;
  padding-right: 30px !important;
}
main.intruno-page .intruno-container,
main.intruno-page .intruno-container-wide,
main.intruno-page .inv-container,
main.intruno-page .resources-cert-inner,
main.intruno-page .resources-featured-inner,
main.intruno-page .resources-hero-grid {
  width: 90%;
  max-width: 1320px;
  margin-left: auto;
  margin-right: auto;
}
main.intruno-page .hero-grid,
main.intruno-page .hero-cols,
main.intruno-page .grid-2,
main.intruno-page .grid-3,
main.intruno-page .grid-6,
main.intruno-page .two-col {
  min-width: 0;
}
main.intruno-page img,
main.intruno-page svg,
main.intruno-page video,
main.intruno-page iframe {
  max-width: 100%;
}
main.intruno-page .card,
main.intruno-page .bevel-card,
main.intruno-page .inv-walkthrough-card,
main.intruno-page .resources-cert-card {
  box-sizing: border-box;
}
main.intruno-page input,
main.intruno-page select,
main.intruno-page textarea {
  max-width: 100%;
}
@media (max-width: 1024px) {
  main.intruno-page > section {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
  main.intruno-page .hero-grid,
  main.intruno-page .hero-cols {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  main.intruno-page .grid-3 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  main.intruno-page .grid-6 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  main.intruno-page .grid-2 {
    min-width: 0;
  }
  main.intruno-page .cap-stack > .grid-2 {
    position: static !important;
    height: auto !important;
  }
}
@media (max-width: 700px) {
  main.intruno-page > section {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  main.intruno-page .intruno-container,
  main.intruno-page .intruno-container-wide,
  main.intruno-page .inv-container,
  main.intruno-page .resources-cert-inner,
  main.intruno-page .resources-featured-inner,
  main.intruno-page .resources-hero-grid {
    width: 92%;
  }
  main.intruno-page .grid-2,
  main.intruno-page .grid-3,
  main.intruno-page .grid-6,
  main.intruno-page .two-col {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  main.intruno-page .life-row,
  main.intruno-page .stage-row {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  main.intruno-page .life-row::-webkit-scrollbar,
  main.intruno-page .stage-row::-webkit-scrollbar {
    display: none;
  }
  main.intruno-page .side-rail {
    display: none !important;
  }
  main.intruno-page .inv-walkthrough-tabs {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  main.intruno-page .inv-walkthrough-tab {
    flex: 0 0 auto;
  }
}
@media (max-width: 420px) {
  main.intruno-page > section {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  main.intruno-page .intruno-container,
  main.intruno-page .intruno-container-wide,
  main.intruno-page .inv-container,
  main.intruno-page .resources-cert-inner,
  main.intruno-page .resources-featured-inner,
  main.intruno-page .resources-hero-grid {
    width: 94%;
  }
}