/* OPC studio / public finish 1.1.0. Inherits the site's font and main actions. */
.opcf-studio{font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased}
.opcf-studio .opcf-editor-grid{grid-template-columns:156px minmax(0,1fr) 300px;gap:22px;align-items:start}
.opcf-studio .opcf-studio-heading{margin-bottom:22px}.opcf-studio .opcf-studio-heading h1{font-size:28px;letter-spacing:-.03em;text-wrap:balance}
.opcf-studio .opcf-studio-heading p{font-size:13px;color:#778498}
.opcf-studio .opcf-studio-command{padding:14px 18px;background:#fff;border-radius:13px;box-shadow:0 1px 3px #20364d05,0 8px 24px #20364d06;margin-bottom:24px}
.opcf-studio .opcf-studio-rail{max-height:calc(100dvh - 138px);overflow:auto;scrollbar-width:thin}
.opcf-studio .opcf-editor-nav a{border:1px solid transparent;padding:12px 11px;align-items:center;border-radius:11px;min-height:70px}
.opcf-system .opcf-studio .opcf-editor-nav a.is-current{background:#edf3fc;border-color:#c9d7eb;color:#2d568b;box-shadow:0 1px 3px #20364d05}
.opcf-system .opcf-studio .opcf-editor-nav a.is-current :is(small,em){color:#6680a1;opacity:1}
.opcf-studio .opcf-editor-nav strong{font-size:13px}.opcf-studio .opcf-editor-nav small{font-size:11px}.opcf-studio .opcf-editor-nav em{font-size:11px}
.opcf-studio .opcf-readiness{padding:14px;margin-top:16px;background:transparent;box-shadow:none;border:1px solid #e0e6ef;border-radius:12px}
.opcf-studio .opcf-readiness-top{gap:9px}.opcf-studio .opcf-readiness-ring{width:38px;height:38px}.opcf-studio .opcf-readiness-ring strong{font-size:14px}
.opcf-studio .opcf-readiness>p{font-size:11px;color:#8290a3}.opcf-studio .opcf-readiness-list button{font-size:12px;min-height:40px}
.opcf-studio .opcf-form-group,.opcf-studio .opcf-studio-item{padding:22px;border:1px solid #dfe6ef;border-radius:15px;box-shadow:0 1px 3px #20364d04,0 7px 20px #20364d05}
.opcf-studio .opcf-form-heading h2{font-size:23px;letter-spacing:-.02em}.opcf-studio .opcf-form-heading p{font-size:13px;color:#758397}
.opcf-studio .opcf-group-heading h3{font-size:16px}.opcf-studio .opcf-group-heading p{font-size:12px}.opcf-studio .opcf-group-heading{margin-bottom:17px}
.opcf-studio .opcf-field-grid{gap:20px 16px}.opcf-studio .opcf-label input:not([type=checkbox]):not([type=file]),.opcf-studio .opcf-label textarea{background:#fff;border-color:#d8e0eb;border-radius:9px;box-shadow:inset 0 1px 2px #20364d03}
.opcf-studio .opcf-label input:focus,.opcf-studio .opcf-label textarea:focus{border-color:#83a7d5;box-shadow:0 0 0 3px #3868ad10}
.opcf-studio .opcf-field-caption{font-size:13px}.opcf-studio .opcf-field-caption small{color:#8e99a9}.opcf-studio .opcf-field-help{font-size:12px;line-height:1.7}
.opcf-studio .opcf-avatar-editor .opcf-avatar{width:64px;height:64px;border-radius:50%;outline:1px solid rgba(0,0,0,.1);outline-offset:-1px}.opcf-studio .opcf-avatar-editor .opcf-monogram{outline:0}
.opcf-studio .opcf-studio-item{margin-top:13px}.opcf-studio .opcf-item-heading{margin-bottom:9px;align-items:center}.opcf-studio .opcf-item-heading h3{font-size:17px;text-wrap:balance}.opcf-studio .opcf-item-heading>div{min-width:0}.opcf-studio .opcf-item-number{width:30px;height:30px;font-size:12px;border-radius:8px}
.opcf-studio .opcf-item-details>summary{display:flex;align-items:start;justify-content:space-between;gap:12px;min-height:40px;cursor:pointer;list-style:none;color:#718095;font-size:12px;line-height:1.8}
.opcf-studio .opcf-item-details>summary::-webkit-details-marker{display:none}.opcf-studio .opcf-item-details>summary>span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-width:0}.opcf-studio .opcf-item-details>summary>em{flex:none;font-style:normal;color:#456991}
.opcf-studio .opcf-item-details[open]>summary{margin-bottom:19px}.opcf-studio .opcf-item-actions{gap:7px;padding-top:12px;margin-top:9px;border-top:1px solid #e9edf3}.opcf-studio .opcf-item-actions .opcf-button{min-height:40px;font-size:12px;padding:7px 10px}
.opcf-studio .opcf-preset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
.opcf-studio .opcf-preset-grid>button{display:grid;gap:9px;text-align:left;padding:10px;min-width:0;border:1px solid #dde5ef;border-radius:12px;background:#fff;transition:border-color .16s,box-shadow .16s}
.opcf-studio .opcf-preset-grid>button[aria-pressed=true]{border-color:#7d9fc8;background:#f7faff;box-shadow:0 0 0 2px #638bb512}.opcf-studio .opcf-preset-grid strong{font-size:13px}.opcf-studio .opcf-preset-grid small{font-size:11px;color:#8090a3}
.opcf-studio .opcf-preset-sample{display:grid;gap:5px;padding:12px;background:#edf5ff;border:1px solid #d8e6f5;border-radius:7px}.opcf-studio .opcf-preset-sample i{display:block;border-radius:3px;height:5px;background:#9cb8db;width:80%}.opcf-studio .opcf-preset-sample i:first-child{width:36%;height:10px;margin-bottom:7px}.opcf-studio .opcf-preset-sample i:last-child{width:60%}
.opcf-studio .opcf-preset-sample[data-preset=mint]{background:#edf7f2;border-color:#d8ebe0}.opcf-studio .opcf-preset-sample[data-preset=mint] i{background:#90bba4}.opcf-studio .opcf-preset-sample[data-preset=sand]{background:#faf4e9;border-color:#ece1d0}.opcf-studio .opcf-preset-sample[data-preset=sand] i{background:#c9ad82}
.opcf-studio .opcf-editor-preview{top:110px;min-width:0;max-width:none;width:100%;scroll-margin-top:100px}
.opcf-studio .opcf-preview-privacy{font-size:11px;line-height:1.8;margin:12px 0}.opcf-studio .opcf-live-link{font-size:12px}.opcf-mobile-studio-tabs{display:none}
.opcf-app .opcf-share-qr{max-width:200px;margin:20px auto}.opcf-app .opcf-share-qr svg{width:100%;height:auto;fill:#26374d}.opcf-app .opcf-share-url{width:100%;font-size:13px;padding:12px;border:1px solid #dce4ee;border-radius:9px}
.opcf-system .opcf-card,.opc-founders-home .opc-home-founder{transition:border-color .18s,box-shadow .18s,transform .18s;border-radius:14px;box-shadow:0 1px 3px #21364d06,0 8px 22px #21364d07}
.opcf-system .opcf-card:hover,.opc-founders-home .opc-home-founder:hover{border-color:#afc6e2;box-shadow:0 2px 5px #21364d08,0 13px 27px #21364d0b;transform:translateY(-2px)}
.opc-founders-home .opc-home-founder-work>.opcf-card-product-image{width:42px;height:42px;object-fit:cover;float:right;border-radius:7px;outline:1px solid rgba(0,0,0,.1);outline-offset:-1px}
.opcf-personal-page[data-preset=mint] .opcf-showcase-hero{background:#edf7f2;border-color:#cce1d4}.opcf-personal-page[data-preset=mint] .opcf-showcase-hero :is(h1,.opcf-monogram){color:#2e674b}.opcf-personal-page[data-preset=mint] .opcf-showcase-contact{background:#f0f6f2;border-color:#d7e6db}
.opcf-personal-page[data-preset=sand] .opcf-showcase-hero{background:#faf3e8;border-color:#e8d9c3}.opcf-personal-page[data-preset=sand] .opcf-showcase-hero :is(h1,.opcf-monogram){color:#805a2c}.opcf-personal-page[data-preset=sand] .opcf-showcase-contact{background:#f7f2eb;border-color:#e8ddcf}
.opcf-personal-page .opcf-showcase-product{box-shadow:0 1px 3px #21364d04,0 8px 20px #21364d04}.opcf-personal-page :is(h1,h2,h3){text-wrap:balance}.opcf-studio .opcf-studio-icon{fill:none}
.opcf-studio :is(button,input,textarea,select,summary):focus-visible{outline:2px solid #6087b9;outline-offset:3px}
@media(max-width:1200px) and (min-width:901px){.opcf-studio .opcf-editor-grid{grid-template-columns:130px minmax(0,1fr) 260px;gap:16px}.opcf-studio .opcf-form-group,.opcf-studio .opcf-studio-item{padding:18px}}
@media(max-width:1050px) and (min-width:901px){.opcf-studio .opcf-editor-grid{grid-template-columns:128px minmax(0,1fr)}.opcf-studio .opcf-editor-preview{grid-column:2;position:static;max-width:520px}}
@media(max-width:900px){.opcf-studio .opcf-editor-grid{grid-template-columns:1fr;gap:20px}.opcf-studio .opcf-studio-rail{max-height:none;overflow:visible;position:static}.opcf-studio .opcf-editor-nav{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.opcf-studio .opcf-editor-nav a{min-height:55px;padding:8px;justify-content:center}.opcf-studio .opcf-editor-nav small,.opcf-studio .opcf-editor-nav em,.opcf-studio .opcf-nav-icon{display:none}.opcf-studio .opcf-readiness{display:none}.opcf-studio .opcf-editor-preview{grid-column:auto;position:static;max-width:540px;margin:auto}.opcf-studio[data-view=edit] .opcf-editor-preview{display:none}.opcf-studio[data-view=preview] #opcf-editor-body,.opcf-studio[data-view=preview] .opcf-studio-rail{display:none}.opcf-mobile-studio-tabs{display:flex;position:sticky;bottom:14px;z-index:4;gap:5px;padding:5px;background:#f5f7fa;border:1px solid #dce4ed;border-radius:13px;box-shadow:0 4px 16px #1f355416;max-width:440px;margin:20px auto}.opcf-mobile-studio-tabs button{flex:1;min-height:44px;border:1px solid transparent;border-radius:9px;background:transparent;color:#77869a;font:inherit;font-size:13px}.opcf-mobile-studio-tabs button[aria-pressed=true]{background:#fff;border-color:#dce3ed;color:#2d568b;box-shadow:0 1px 3px #20364d0b}.opcf-studio .opcf-studio-command{position:sticky;top:var(--opcf-site-header,0px);z-index:3}}
@media(max-width:600px){.opcf-studio .opcf-form-group,.opcf-studio .opcf-studio-item{padding:20px 17px}.opcf-studio .opcf-editor-nav{grid-template-columns:repeat(3,minmax(0,1fr))}.opcf-studio .opcf-editor-nav a{min-height:42px}.opcf-studio .opcf-preset-grid{grid-template-columns:1fr}.opcf-studio .opcf-preset-grid>button{grid-template-columns:78px 1fr;align-items:center;column-gap:12px}.opcf-studio .opcf-preset-sample{grid-row:span 2}.opcf-studio .opcf-preset-grid small{grid-column:2}.opcf-studio .opcf-item-heading{flex-wrap:wrap}.opcf-studio .opcf-item-heading>.opcf-tag{margin-left:38px}.opcf-studio .opcf-item-details>summary{flex-wrap:wrap}.opcf-studio .opcf-item-actions{flex-wrap:wrap}.opcf-studio .opcf-studio-command{padding:12px}.opcf-studio .opcf-studio-command .opcf-button{font-size:12px}.opcf-studio .opcf-label input:not([type=checkbox]):not([type=file]),.opcf-studio .opcf-label textarea{font-size:16px}}
@media(prefers-reduced-motion:reduce){.opcf-studio *, .opcf-system .opcf-card,.opc-founders-home .opc-home-founder{transition:none!important;scroll-behavior:auto!important}.opcf-system .opcf-card:hover,.opc-founders-home .opc-home-founder:hover{transform:none}}

/* The site theme fills generic SVGs; keep only studio line icons unfilled. */
.opcf-studio svg.opcf-studio-icon,.opcf-studio svg.opcf-studio-icon *,.opcf-studio [data-hu-preview] svg,.opcf-studio [data-hu-preview] svg *{fill:none!important;stroke:currentColor}

@media(min-width:1051px){.opcf-studio .opcf-studio-rail,.opcf-studio .opcf-editor-preview{top:calc(var(--opcf-site-header,84px) + 20px)}}

@media(max-width:900px){.opcf-studio .opcf-editor-preview,.opcf-studio #opcf-editor-body{scroll-margin-top:calc(var(--opcf-site-header,0px) + var(--opcf-toolbar-height,116px) + 12px)}}

/* Shared navigation: inherit link states and resist the theme's SVG fill. */
.opcf-layout svg.opcf-nav-symbol,.opcf-layout svg.opcf-nav-symbol *{fill:none!important;stroke:currentColor}
.opcf-layout .opc-base-sidebar .opc-side-link svg.opcf-nav-symbol{flex:0 0 20px;width:20px;height:20px;color:inherit}
.opcf-layout .opcf-mobile-nav svg.opcf-nav-symbol{flex:none;width:16px;height:16px;color:inherit}
@media(max-width:900px){.opcf-layout .opcf-mobile-nav a{flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:56px;padding:7px 2px}.opcf-layout .opcf-mobile-nav a>span{white-space:nowrap}}

/* Editor section directory: compact rows within one quiet surface. */
@media(min-width:901px){
 .opcf-studio .opcf-editor-nav{gap:4px;padding:6px;border:1px solid #e0e6ee;border-radius:14px;background:#fff;box-shadow:0 1px 2px #20364d04,0 5px 16px #20364d04}
 .opcf-studio .opcf-editor-nav a{display:grid;grid-template-columns:28px minmax(0,1fr);gap:3px 8px;padding:10px 8px;min-height:0;border-radius:8px;color:#364960;transition:background-color .16s,border-color .16s,box-shadow .16s,color .16s,transform .12s}
 .opcf-studio .opcf-editor-nav a>span:last-child{display:contents}
 .opcf-studio .opcf-editor-nav .opcf-nav-icon{grid-column:1;grid-row:1 / span 2;width:28px;height:28px;align-self:center;border:1px solid #e4eaf2;border-radius:8px;background:#f3f6fa;color:#637991;box-shadow:inset 0 1px 0 #fff;transition:background-color .16s,border-color .16s,color .16s}
 .opcf-studio .opcf-editor-nav .opcf-nav-icon svg{width:17px;height:17px}
 .opcf-studio .opcf-editor-nav strong{grid-column:2;grid-row:1;font-size:13px;font-weight:600;line-height:1.45;white-space:nowrap}
 .opcf-studio .opcf-editor-nav small{grid-column:1 / -1;grid-row:3;margin-top:3px;font-size:11px;line-height:1.5;color:#6f7e91;opacity:1;white-space:nowrap}
 .opcf-studio .opcf-editor-nav em{grid-column:2;grid-row:2;justify-self:start;padding:1px 5px;border-radius:4px;background:#f0f3f7;color:#5d6e82;font-size:10.5px;line-height:1.5;white-space:nowrap}
 .opcf-studio .opcf-editor-nav a:not(.is-current):hover{background:#f5f8fc;border-color:#dce5f0;color:#294c76;box-shadow:0 1px 2px #20364d03}
 .opcf-studio .opcf-editor-nav a:not(.is-current):hover .opcf-nav-icon{background:#eaf1fc;border-color:#d0def0;color:#466b9d}
 .opcf-system .opcf-studio .opcf-editor-nav a.is-current{background:linear-gradient(135deg,#f3f7ff,#eaf2ff);border-color:#bfd2ed;color:#254f86;box-shadow:0 1px 2px #234c7c06,0 3px 8px #234c7c06}
 .opcf-system .opcf-studio .opcf-editor-nav a.is-current .opcf-nav-icon{background:#dce9fc;border-color:#c0d4f0;color:#346bb3;box-shadow:inset 0 1px 0 #ffffff8c,0 1px 2px #24579a08}
 .opcf-system .opcf-studio .opcf-editor-nav a.is-current small{color:#5c779b}
 .opcf-system .opcf-studio .opcf-editor-nav a.is-current em{background:#dce9fa;color:#456a99}
 .opcf-studio .opcf-editor-nav a:active{transform:scale(.985)}
}
@media(min-width:901px) and (max-width:1200px){
 .opcf-studio .opcf-editor-nav{padding:4px;gap:3px}
 .opcf-studio .opcf-editor-nav a{grid-template-columns:22px minmax(0,1fr);column-gap:5px;padding:11px 5px;min-height:65px}
 .opcf-studio .opcf-editor-nav .opcf-nav-icon{width:22px;height:26px;border-radius:6px}
 .opcf-studio .opcf-editor-nav .opcf-nav-icon svg{width:15px;height:15px}
 .opcf-studio .opcf-editor-nav strong{font-size:12px}
 .opcf-studio .opcf-editor-nav small{display:none}
 .opcf-studio .opcf-editor-nav em{font-size:10px;padding-inline:4px}
}
.opcf-studio .opcf-editor-nav a:focus-visible{outline:2px solid #6087b9;outline-offset:2px}
@media(prefers-reduced-motion:reduce){.opcf-studio .opcf-editor-nav a:active{transform:none}}

/* The profile workspace header uses its own original, text-free image banner. */
.opcf-system .opcf-app .opcf-studio-heading{position:relative;display:block;min-height:188px;padding:26px 28px 62px;border:1px solid #e0e6ee;border-radius:15px;background-color:#fcfaf7;background-image:linear-gradient(90deg,#fcfaf7 0%,#fcfaf7 35%,rgba(252,250,247,.92) 47%,rgba(252,250,247,0) 68%),url("images/opc-profile-banner-v1.webp");background-position:center,right center;background-size:100% 100%,auto 100%;background-repeat:no-repeat;box-shadow:0 1px 2px #20364d03,0 6px 18px #20364d04;isolation:isolate}
.opcf-studio .opcf-studio-heading .opcf-page-identity{max-width:62%}
.opcf-system .opcf-app .opcf-studio-heading h1{font-size:28px;line-height:1.4;letter-spacing:-.025em;margin:0 0 8px;color:#203047}
.opcf-studio .opcf-studio-heading p{font-size:13px;line-height:1.85;color:#63758b;margin:0;max-width:560px}
.opcf-studio .opcf-studio-heading .opcf-studio-state{position:absolute;left:28px;bottom:19px;min-height:28px;padding:4px 9px;border:1px solid #d2deec;border-radius:7px;background:#ffffffd9;box-shadow:0 1px 2px #20364d03;color:#45678f;font-size:11px;line-height:1.6;gap:6px}
.opcf-studio .opcf-studio-heading .opcf-studio-state svg{width:16px;height:16px}
@media(max-width:900px){
 .opcf-system .opcf-app .opcf-studio-heading{min-height:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;margin-bottom:20px}
 .opcf-studio .opcf-studio-heading .opcf-page-identity{max-width:100%}
 .opcf-system .opcf-app .opcf-studio-heading h1{font-size:26px;line-height:1.4;margin-bottom:7px}
 .opcf-studio .opcf-studio-heading p{max-width:none}
 .opcf-studio .opcf-studio-heading .opcf-studio-state{position:static;margin-top:10px;max-width:100%;white-space:normal;background:#edf4ff;box-shadow:none}
}
@media(max-width:600px){
 .opcf-system .opcf-app .opcf-studio-heading{margin-bottom:18px}
 .opcf-system .opcf-app .opcf-studio-heading h1{font-size:24px}
 .opcf-studio .opcf-studio-heading p{font-size:12px;line-height:1.8}
 .opcf-studio .opcf-studio-heading .opcf-studio-state{font-size:10px}
}