.portal-unified{background:hsl(var(--background));color:hsl(var(--foreground));font-family:var(--font-inter)}.portal-unified .portal-main h1{font-size:clamp(1.875rem,3.6vw,3rem);font-weight:800;line-height:1.12;letter-spacing:-.035em}.portal-unified .portal-main h2{font-weight:800;line-height:1.3;letter-spacing:-.025em}.portal-unified .portal-main h3{font-weight:800;line-height:1.35;letter-spacing:-.015em}.portal-unified .portal-main>section,.portal-unified .portal-main>article{min-width:0}.portal-unified .portal-main>section.border,.portal-unified .portal-main>div>section.border{border-color:hsl(var(--border));box-shadow:0 1px 2px hsl(var(--foreground) / .05)}.portal-unified .portal-hero,.portal-unified .opex-learning-hero{background:hsl(var(--card));color:hsl(var(--foreground));border:1px solid hsl(var(--border));box-shadow:0 1px 2px hsl(var(--foreground) / .05)}.portal-unified .portal-hero>h1{color:inherit}.portal-unified .portal-hero>p:last-of-type{max-width:48rem;font-size:.875rem;line-height:1.75;color:hsl(var(--muted-foreground))}.portal-unified .portal-main>section>h2{font-size:1.5rem}.portal-unified .portal-header,.portal-unified .portal-sidebar{background:hsl(var(--navigation));color:hsl(var(--navigation-foreground));border-color:hsl(var(--navigation-border))}.portal-unified .portal-footer{background:hsl(var(--primary));color:hsl(var(--primary-foreground) / .65)}.portal-unified .portal-main :is(a,button):focus-visible,.portal-unified .portal-header :is(a,button):focus-visible,.portal-unified .portal-sidebar :is(a,button):focus-visible{outline:3px solid hsl(var(--ring));outline-offset:3px}.portal-unified .portal-main :is(.text-\[\#8c6b3e\],.text-\[\#795a34\],.text-\[\#916e42\],.text-\[\#d8b57e\]){color:hsl(var(--foreground))}.portal-unified .portal-main .border-\[\#ab8752\]{border-color:hsl(var(--border))}.portal-footer{container:portal-footer / inline-size}.portal-footer .portal-footer-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:2rem}.portal-footer-grid>*,.portal-footer .app-footer-legal>*{min-width:0;overflow-wrap:anywhere}.portal-footer :is(p,a,button,span){color:inherit}.portal-footer :is(strong,.portal-footer-heading){color:hsl(var(--primary-foreground))}.portal-footer :is(a,button):hover{color:hsl(var(--primary-foreground))}.portal-footer :is(a,button):focus-visible{outline:2px solid hsl(var(--primary-foreground));outline-offset:3px}@container portal-footer (min-width: 600px){.portal-footer .portal-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portal-footer-grid>section:first-child{grid-column:1 / -1}}@container portal-footer (min-width: 1000px){.portal-footer .portal-footer-grid{grid-template-columns:minmax(0,1.2fr) repeat(2,minmax(0,1fr))}.portal-footer-grid>section:first-child{grid-column:auto}}.portal-example-folder-card{--example-brand: var(--portal-brand, hsl(var(--foreground)));--example-on-brand: var(--portal-on-brand, hsl(var(--background)));--example-accent: var(--portal-accent, hsl(var(--primary)));--example-background: var(--portal-background, hsl(var(--background)));display:flex;flex-direction:column;min-width:0;height:100%;overflow:hidden;border:1px solid color-mix(in srgb,var(--example-brand) 18%,hsl(var(--card)));background:hsl(var(--card));color:hsl(var(--foreground));text-decoration:none;box-shadow:0 4px 16px -10px color-mix(in srgb,var(--example-brand) 28%,transparent);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.portal-example-folder-card:hover{border-color:var(--example-brand);box-shadow:0 14px 30px -16px color-mix(in srgb,var(--example-brand) 45%,transparent);transform:translateY(-3px)}.portal-example-folder-card:focus-visible{outline:3px solid var(--example-brand);outline-offset:4px}.portal-example-folder-art{position:relative;isolation:isolate;min-height:130px;overflow:hidden;padding:18px 22px;border-top:3px solid var(--example-accent);background:var(--example-brand);color:var(--example-on-brand)}.portal-example-folder-art:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;opacity:.08;background-image:linear-gradient(var(--example-on-brand) 1px,transparent 1px),linear-gradient(90deg,var(--example-on-brand) 1px,transparent 1px);background-size:26px 26px;-webkit-mask-image:linear-gradient(90deg,transparent,black);mask-image:linear-gradient(90deg,transparent,black)}.portal-example-folder-art-top{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:10px;font-weight:700;letter-spacing:.15em;text-transform:uppercase}.portal-example-folder-art-top>:last-child{font-variant-numeric:tabular-nums;opacity:.7}.portal-example-folder-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;margin-top:17px;border:1px solid color-mix(in srgb,var(--example-on-brand) 30%,transparent);background:color-mix(in srgb,var(--example-on-brand) 8%,transparent)}.portal-example-folder-watermark{position:absolute;right:18px;bottom:-26px;transform:rotate(-12deg);opacity:.13}.portal-example-folder-card .portal-example-folder-art svg,.portal-example-folder-card .portal-example-folder-art svg *{color:var(--example-on-brand)!important;stroke:currentColor!important}.portal-example-folder-content{display:flex;flex:1;flex-direction:column;min-width:0;padding:24px 22px 26px}.portal-example-folder-label{display:flex;align-items:center;gap:7px;margin-bottom:13px;color:hsl(var(--muted-foreground));font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.portal-example-folder-card .portal-example-folder-title{margin:0;color:hsl(var(--foreground));font-size:20px;font-weight:750;line-height:1.3;letter-spacing:-.025em;overflow-wrap:anywhere}.portal-example-folder-card .portal-example-folder-description{margin:12px 0 0;color:hsl(var(--muted-foreground));font-size:13px;line-height:1.65}.portal-example-folder-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 22px;border-top:1px solid color-mix(in srgb,var(--example-brand) 12%,hsl(var(--card)));background:color-mix(in srgb,var(--example-background) 50%,hsl(var(--card)));color:hsl(var(--foreground));font-size:12px;font-weight:700}.portal-example-folder-arrow{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:34px;height:34px;background:var(--example-brand);color:var(--example-on-brand)}.portal-example-folder-card .portal-example-folder-arrow svg,.portal-example-folder-card .portal-example-folder-arrow svg *{color:var(--example-on-brand)!important;stroke:currentColor!important}@media(prefers-reduced-motion:reduce){.portal-example-folder-card{transition:none}.portal-example-folder-card:hover{transform:none}}