/* Editorial layouts use the existing Techunly colors, fonts and controls. */
.resource-page{padding-bottom:64px;overflow-wrap:anywhere}
.resource-header{padding-bottom:42px;border-bottom:1px solid var(--line)}
.resource-header h1{max-width:1000px;font-size:clamp(2.2rem,4.4vw,4rem);line-height:1.12;letter-spacing:-.04em;margin:22px 0}
.resource-header .hero-intro{max-width:820px;margin:0 0 24px}
.resource-byline{font-size:1rem;color:var(--muted)}
.resource-topics,.resource-library,.resource-note{padding-block:42px}
.resource-page h2{font-size:clamp(1.65rem,2.5vw,2.25rem);line-height:1.25;letter-spacing:-.025em}
.resource-topics>p{max-width:850px;color:var(--muted)}
.resource-topics ul{display:flex;flex-wrap:wrap;gap:12px;list-style:none;padding:0;margin:26px 0 0}
.resource-topics li{border:1px solid #c9dfed;background:#eef6fc;border-radius:6px;padding:10px 16px;font-size:1rem}
.resource-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin:28px 0}
.resource-card{min-width:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff}
.resource-card>a{display:block;height:100%;text-decoration:none}.resource-card>a:hover h3{text-decoration:underline;text-underline-offset:5px}
.resource-card>a:focus-visible{outline-offset:-5px}
.resource-card img{width:100%;height:auto;aspect-ratio:1440/915;object-fit:cover;border-bottom:1px solid var(--line)}
.resource-card>a>div{padding:26px}.resource-card h3{font-size:1.65rem;line-height:1.25;letter-spacing:-.02em}.resource-card p:not(.eyebrow){color:var(--muted)}
.resource-note{border-top:1px solid var(--line)}
.resource-layout{display:grid;grid-template-columns:minmax(0,260px) minmax(0,760px);gap:64px;align-items:start;padding-top:42px}
.resource-toc{padding:24px;background:#eef6fc;border:1px solid #c9dfed;border-radius:8px}
.resource-toc ol{padding-left:22px;margin:0;display:grid;gap:14px}.resource-toc li{font-size:1rem;line-height:1.5}.resource-toc a{text-decoration:none}.resource-toc a:hover{text-decoration:underline}
.resource-body{min-width:0}.resource-body figure{margin:0 0 44px}.resource-body figure img{width:100%;height:auto;border:1px solid var(--line);border-radius:8px}
.resource-body figcaption{font-size:.9375rem;color:var(--muted);line-height:1.6;margin-top:12px}
.resource-body section{margin-bottom:40px}.resource-body p{color:var(--muted)}.resource-body a,.resource-note a,.resource-cta a:not(.button){color:var(--blue);text-underline-offset:4px}
.resource-checklist{padding-left:26px;display:grid;gap:16px}.resource-checklist li{padding-left:6px;line-height:1.7}
.resource-author{border-top:1px solid var(--line);padding-top:28px}
.resource-cards-single{max-width:760px;grid-template-columns:1fr}.resource-cards-single .resource-card>a{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);align-items:center}
.resource-cta{border-top:2px solid var(--blue);padding-top:36px}.resource-cta>p{max-width:760px}.resource-cta .trial-note{text-align:left}.resource-cta .button{white-space:normal;text-align:center}
@media(max-width:980px){.resource-layout{grid-template-columns:minmax(0,220px) minmax(0,1fr);gap:30px}}
@media(max-width:720px){.resource-layout{grid-template-columns:1fr;gap:32px}.resource-cards{grid-template-columns:1fr;gap:24px}.resource-cards-single .resource-card>a{display:block}.resource-card>a>div{padding:22px}.resource-header{padding-bottom:24px}.resource-topics,.resource-library,.resource-note{padding-block:28px}.resource-toc{padding:22px}.resource-cta .button{width:100%}}

/* Modern resource system; scoped to resources so existing product layouts stay intact. */
.resource-page{background:linear-gradient(180deg,#f2f9ff 0,#fff 780px)}
.resource-header{position:relative;padding-bottom:48px;background-image:linear-gradient(#0f5f9e06 1px,transparent 1px),linear-gradient(90deg,#0f5f9e06 1px,transparent 1px);background-size:36px 36px;border-bottom:0}
.resource-header h1{max-width:1000px;color:#0d2941;font-weight:700;letter-spacing:-.045em;margin-block:22px}
.resource-header>.eyebrow{padding-top:20px;color:#0f5f9e}.resource-header .hero-intro{margin-left:0}
.resource-flow{background:linear-gradient(115deg,#0d2941,#123f60);color:#fff;padding:28px;margin-top:30px;border-left:4px solid #00b8d4;border-radius:8px;box-shadow:0 18px 36px #0d294112}
.resource-library{padding-block:60px}.resource-card{border-radius:9px;box-shadow:0 10px 28px #0d29410a;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.resource-card:hover,.resource-card:focus-within{transform:translateY(-3px);border-color:#1680ca;box-shadow:0 18px 36px #0f5f9e15}.resource-card .eyebrow{font-size:.75rem}.resource-card img{background:#edf6fd}.resource-card h3{font-weight:700}
.resource-explorer{padding-block:38px 20px}.resource-tablist{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0 16px}.resource-tablist button{background:#fff;border:1px solid #b7cddd;border-radius:5px;min-height:48px;padding:12px 18px;color:#163952;font-weight:650;transition:background .18s,color .18s,border-color .18s}
.resource-tablist button:hover{border-color:#0f5f9e;background:#edf7ff}.resource-tablist button[aria-selected=true]{background:#0f5f9e;color:#fff;border-color:#0f5f9e}
.resource-panel{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:50px;background:#fff;border:1px solid #c9dfed;border-radius:8px;padding:32px;margin:0 0 16px;min-width:0}
.resource-panel h3{font-size:1.7rem;line-height:1.25}.resource-panel p{color:var(--muted);max-width:760px}.resource-panel a{color:var(--blue);font-weight:650;text-underline-offset:5px;line-height:1.6}.resource-panel-note{border-left:2px solid #00b8d4;padding-left:24px;align-self:center;font-size:1.35rem;line-height:1.6;color:#163952!important}
.resource-panels.is-enhanced{display:grid}.resource-panels.is-enhanced .resource-panel{grid-area:1/1;margin:0}.resource-panels.is-enhanced .resource-panel[aria-hidden=true]{visibility:hidden;pointer-events:none}
.resource-jumps{display:flex;flex-wrap:wrap;gap:10px;padding-top:16px;max-width:1050px}.resource-jumps a{border:1px solid #b7cddd;border-radius:5px;background:#fff;color:#123f60;padding:10px 14px;font-size:.9375rem;line-height:1.5;text-decoration:none;min-height:44px;transition:background .18s,border-color .18s}
.resource-jumps a:hover,.resource-jumps a[aria-current]{background:#e5f3fd;border-color:#0f5f9e}.resource-toc a[aria-current]{color:var(--blue);text-decoration:underline;font-weight:700}
.resource-layout{grid-template-columns:minmax(0,240px) minmax(0,740px);gap:72px;padding-top:34px}.resource-toc{background:#fff;border-top:3px solid #0f5f9e}.resource-body section{margin-bottom:52px}.resource-body h2{padding-top:10px}.resource-body p{line-height:1.85}.resource-cta{background:#eef7fd;padding:36px;border:1px solid #c9dfed;border-top:3px solid #00b8d4;border-radius:8px}
.resource-page :focus-visible{outline:3px solid #0874ba;outline-offset:4px}.resource-flow :focus-visible{outline-color:#78e6f0}
@media(max-width:980px){.resource-layout{gap:32px;grid-template-columns:minmax(0,210px) minmax(0,1fr)}.resource-panel{gap:28px}}
@media(max-width:720px){.resource-header{padding-bottom:24px}.resource-header h1{font-size:clamp(2.15rem,8.4vw,3.2rem)}.resource-header>.eyebrow{padding-top:8px}.resource-flow{padding:22px}.resource-explorer{padding-top:28px}.resource-tablist{gap:8px}.resource-tablist button{flex:1 1 120px;padding:12px;font-size:.9375rem}.resource-panel{grid-template-columns:1fr;padding:22px;gap:12px}.resource-panel-note{display:none}.resource-layout{grid-template-columns:1fr;gap:28px}.resource-toc{padding:20px}.resource-jumps{gap:8px}.resource-jumps a{font-size:.875rem}.resource-library{padding-block:36px}.resource-cta{padding:24px}.resource-body p{line-height:1.75}}
@media(prefers-reduced-motion:reduce){.resource-page *{transition:none!important;animation:none!important}.resource-card:hover,.resource-card:focus-within{transform:none}}

/* Reserve the enhanced geometry before deferred scripts run; no-JS keeps all sections. */
@media(scripting:enabled){
  .resource-tablist[hidden]{display:flex!important}
  .resource-panels{display:grid}
  .resource-panels .resource-panel{grid-area:1/1;margin:0}
  .resource-panels:not(.is-enhanced) .resource-panel:not(:first-child){visibility:hidden;pointer-events:none}
}

@media(scripting:enabled) and (max-width:720px){
  .site-header .menu-toggle[hidden]{display:block!important;order:2;font-size:.9375rem}
  .site-header #site-navigation:not([data-open=true]){display:none}
}

/* Each operational stage is an independent, keyboard-accessible tab. */
.resource-flow{min-width:0;max-width:100%;container-type:inline-size}
.resource-flow>.eyebrow{font-size:.8125rem;letter-spacing:.1em;color:#78e6f0;margin:0 0 18px;padding:0;line-height:1.5}
.flow-tablist{position:relative;display:flex;gap:10px;overflow-x:auto;overscroll-behavior-x:contain;padding:6px 6px 14px;scroll-padding:6px;scrollbar-color:#78e6f0 #123f60}
.flow-tablist button{flex:1 0 106px;min-height:76px;max-width:180px;padding:12px 10px;border:2px solid transparent;border-radius:7px;background:var(--pale);color:var(--ink);font:inherit;font-size:1rem;font-weight:650;line-height:1.3;text-align:left;cursor:pointer;transition:background .18s,border-color .18s}
.flow-number{display:block;font-size:.75rem;letter-spacing:.08em;margin-bottom:7px;color:inherit}
.flow-tablist button:hover{border-color:#00b8d4}
.flow-tablist button[aria-selected=true]{background:#78e6f0;color:#0f2740;border-color:#fff;box-shadow:0 3px 0 #00b8d4}
.flow-panel{min-width:0;margin:22px 0 0!important;background:#fff;color:var(--ink);border-radius:8px;padding:24px}
.flow-panel h3{font-size:clamp(1.4rem,2vw,1.8rem);line-height:1.25;margin:10px 0 16px}
.flow-panel p{font-size:1.125rem;line-height:1.7;color:var(--muted);margin:0 0 18px}
.flow-panel .eyebrow{font-size:.8125rem;color:var(--blue);line-height:1.5}
.flow-product{min-width:0}
.flow-panel figure{margin:20px 0 0}
.flow-panel img{display:block;width:100%;height:auto;aspect-ratio:1440/915;object-fit:contain;background:var(--pale);border:1px solid var(--line);border-radius:5px}
.flow-panel figcaption{font-size:.8125rem;line-height:1.55;color:var(--muted);margin-top:10px}
.flow-panel.has-people{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:24px;align-items:start}
.flow-panels.is-enhanced{display:grid}
.flow-panels.is-enhanced>.flow-panel{grid-area:1/1}
.flow-panels.is-enhanced>.flow-panel[aria-hidden=true]{visibility:hidden;pointer-events:none}
.resource-flow .flow-panel:focus-visible{outline:3px solid #78e6f0;outline-offset:4px}
@container(max-width:640px){.flow-panel.has-people{grid-template-columns:1fr;gap:18px}.flow-panel{padding:18px}}
@media(scripting:enabled){.flow-tablist[hidden]{display:flex!important}.flow-panels{display:grid}.flow-panels>.flow-panel{grid-area:1/1}.flow-panels:not(.is-enhanced)>.flow-panel:not(:first-child){visibility:hidden;pointer-events:none}}

.flow-tablist button,.flow-panel{scroll-margin-top:var(--nav-offset)}

.flow-panel .flow-people{min-width:0;margin:0;align-self:start}
.flow-panel .flow-people img{aspect-ratio:4/5;object-fit:cover;border:0}