@font-face{font-family:SUIT;src:url(/fonts/SUIT-Variable.woff2)format("woff2");font-weight:100 900;font-display:swap;unicode-range:U+0-218F,U+2200-10FFFF}html.oc-site{--oc-bg:#fff;--oc-panel:#fff;--oc-panel-2:#f2f8fa;--oc-line:#e2ebef;--oc-line-2:#d0dde3;--oc-line-3:#b4c7d0;--oc-text:#0f1d26;--oc-text-2:#2a3a44;--oc-sub:#45555f;--oc-muted:#56666f;--oc-faint:#66757f;--oc-accent:#0a7da0;--oc-link:#0a6f8f;--oc-link-h:#075b75;--oc-primary:#0a7396;--oc-primary-h:#08617f;--oc-accent-soft:#0a7da014;--oc-rate:#cf3f33;--oc-sage:#2f7d55;--oc-amber:#9a5f16;--oc-champ:#86661c;--oc-steel:#4f6b85;--oc-violet:#6a5bb5;--oc-tint:#f2f8fa;--oc-tint-2:#e7f2f6;--oc-ink:#06212c;--oc-shadow:0 1px 2px #0a28370d,0 10px 30px #0a283712;--oc-shadow-lg:0 2px 4px #0a28370d,0 22px 50px #0a28371f;--oc-bad:#b3402f;--oc-bad-soft:#cf3f3317;--oc-warn-soft:#9a5f161a;--oc-good-soft:#2f7d551a;--oc-radius:16px;--oc-max:1240px;--oc-gutter:24px;color:var(--oc-text);background:var(--oc-bg);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:SUIT,Apple SD Gothic Neo,Malgun Gothic,system-ui,sans-serif}.oc-site body{background:var(--oc-bg);color:var(--oc-text);letter-spacing:-.01em;-webkit-font-smoothing:antialiased;margin:0;line-height:1.6;overflow-x:hidden}.oc-site body:not(.oc-ready){opacity:0;animation:0s 1.5s forwards oc-reveal}@keyframes oc-reveal{to{opacity:1}}.oc-site *{box-sizing:border-box}.oc-site a{color:var(--oc-link);text-decoration:none}.oc-site a:hover{color:var(--oc-link-h)}.oc-site button,.oc-site input,.oc-site select{font:inherit;color:inherit}.oc-site button{cursor:pointer}.oc-site a:focus-visible,.oc-site button:focus-visible,.oc-site input:focus-visible,.oc-site select:focus-visible,.oc-site summary:focus-visible,.oc-site [tabindex]:focus-visible{outline:2px solid var(--oc-accent);outline-offset:3px}.oc-site .skip-link{z-index:200;background:var(--oc-primary);color:#fff;border-radius:10px;padding:12px 16px;position:fixed;top:-100px;left:12px}.oc-site .skip-link:focus{top:12px}.oc-site .hidden,.oc-site [hidden]{display:none!important}.oc-site .site-header.oc-header{border-bottom:1px solid var(--oc-line);background:#fff;gap:0;max-width:none;height:auto;min-height:0;margin:0;padding:0;display:block}.oc-site .oc-header-in{max-width:var(--oc-max);padding:14px var(--oc-gutter);flex-wrap:wrap;align-items:center;gap:28px;margin:0 auto;display:flex}.oc-site .oc-brand{color:var(--oc-text);letter-spacing:-.01em;white-space:nowrap;font-size:21px;font-weight:800}.oc-site .oc-brand:hover{color:var(--oc-primary)}.oc-site .oc-nav{flex-wrap:wrap;flex:1;align-items:center;gap:24px;min-width:0;display:flex}.oc-site .oc-header .oc-nav-link{min-height:44px;color:var(--oc-text-2);white-space:nowrap;background:0 0;border:0;align-items:center;padding:0;font-size:15px;font-weight:600;display:inline-flex;position:static}.oc-site .oc-header .oc-nav-link:after{display:none}.oc-site .oc-header .oc-nav-link:hover{color:var(--oc-primary)}.oc-site .oc-header .oc-nav-link[aria-current]{color:var(--oc-text);font-weight:750}.oc-site .oc-actions{align-items:center;gap:10px;display:flex}.oc-site .oc-pop-wrap{position:relative}.oc-site .oc-cart-button,.oc-site .oc-login-button{border:1px solid var(--oc-line-2);min-height:44px;color:var(--oc-text);background:#fff;border-radius:10px;align-items:center;gap:8px;padding:0 14px;font-size:15px;font-weight:600;display:inline-flex}.oc-site .oc-cart-button:hover,.oc-site .oc-login-button:hover,.oc-site .oc-cart-button[aria-expanded=true],.oc-site .oc-login-button[aria-expanded=true]{border-color:var(--oc-accent);background:var(--oc-accent-soft)}.oc-site .oc-cart-button svg,.oc-site .oc-login-button svg{flex:none;width:20px;height:20px}.oc-site .oc-signup-button{border:1px solid var(--oc-primary);background:var(--oc-primary);color:#fff;cursor:pointer;white-space:nowrap;border-radius:8px;align-items:center;min-height:44px;padding:0 14px;font-size:15px;font-weight:700;display:inline-flex}.oc-site .oc-signup-button[hidden]{display:none}.oc-site .oc-signup-button:hover{border-color:var(--oc-primary-h);background:var(--oc-primary-h)}.oc-site .oc-cart-count{background:var(--oc-primary);color:#fff;font-variant-numeric:tabular-nums;border-radius:999px;justify-content:center;align-items:center;min-width:22px;height:22px;padding:0 6px;font-size:13px;font-weight:800;display:inline-flex}.oc-site .oc-cart-count.zero{background:var(--oc-tint-2);color:var(--oc-text-2)}.oc-site .oc-pop{z-index:60;border:1px solid var(--oc-line-2);width:min(340px,100vw - 32px);box-shadow:var(--oc-shadow-lg);background:#fff;border-radius:14px;flex-direction:column;gap:12px;padding:18px;display:flex;position:absolute;top:calc(100% + 8px);right:0}.oc-site .oc-pop-title{justify-content:space-between;align-items:baseline;margin:0;font-size:16px;font-weight:800;display:flex}.oc-site .oc-pop-title span{color:var(--oc-muted);font-size:13px;font-weight:600}.oc-site .oc-pop-note{color:var(--oc-muted);margin:0;font-size:13px;line-height:1.6}.oc-site .oc-social{border:1px solid var(--oc-line-2);background:var(--oc-tint);min-height:46px;color:var(--oc-text-2);cursor:not-allowed;border-radius:10px;justify-content:space-between;align-items:center;padding:0 16px;font-size:15px;font-weight:650;display:flex}.oc-site .oc-social small{color:var(--oc-muted);font-size:12px;font-weight:600}.oc-site .oc-cart-list{flex-direction:column;gap:2px;max-height:280px;margin:0;padding:0;list-style:none;display:flex;overflow:auto}.oc-site .oc-cart-list li{border-bottom:1px solid var(--oc-line);grid-template-columns:minmax(0,1fr) auto 36px;align-items:center;gap:10px;padding:8px 0;display:grid}.oc-site .oc-cart-list b{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700;display:block;overflow:hidden}.oc-site .oc-cart-list small{color:var(--oc-muted);font-size:12px}.oc-site .oc-cart-list span{font-variant-numeric:tabular-nums;font-size:14px;font-weight:700}.oc-site .oc-cart-remove{border:1px solid var(--oc-line-2);width:36px;height:36px;color:var(--oc-muted);background:0 0;border-radius:8px;place-items:center;display:grid}.oc-site .oc-cart-remove:hover{color:var(--oc-text);border-color:var(--oc-line-3)}.oc-site .oc-cart-remove svg{width:16px;height:16px}.oc-site .oc-cart-total{color:var(--oc-sub);justify-content:space-between;align-items:baseline;margin:0;font-size:14px;display:flex}.oc-site .oc-cart-total b{color:var(--oc-text);font-variant-numeric:tabular-nums;font-size:20px}.oc-site .library-footer.oc-footer{background:var(--oc-tint);border-top:1px solid var(--oc-line);max-width:none;color:var(--oc-muted);margin:72px 0 0;padding:0;font-size:14px;display:block}.oc-site .oc-footer-in{max-width:var(--oc-max);padding:32px var(--oc-gutter) 44px;flex-wrap:wrap;align-items:center;gap:14px 28px;margin:0 auto;display:flex}.oc-site .oc-footer .oc-footer-brand{color:var(--oc-text);letter-spacing:0;font-size:17px;font-weight:800}.oc-site .oc-footer nav{flex-wrap:wrap;flex:auto;gap:8px 22px;display:flex}.oc-site .oc-footer nav a,.oc-site .oc-footer nav span{color:var(--oc-muted);white-space:nowrap}.oc-site .oc-footer nav a:hover{color:var(--oc-primary)}.oc-site .oc-footer nav b{font:inherit;letter-spacing:inherit;color:var(--oc-text-2);font-weight:800}.oc-site .library-shell>.library-footer.oc-footer{box-shadow:0 0 0 100vmax var(--oc-tint);clip-path:inset(0 -100vmax);border-top:0}.oc-site .oc-footer>div>span:last-child{letter-spacing:0;margin-left:0;font-size:13px}.oc-site .oc-footer-biz{color:var(--oc-muted);flex-wrap:wrap;flex:1 0 100%;gap:4px 16px;margin:0;font-size:13px;display:flex}.oc-site .oc-toast,.oc-site .library-toast{z-index:300;background:var(--oc-ink);color:#fff;text-align:center;width:max-content;max-width:calc(100vw - 32px);box-shadow:var(--oc-shadow-lg);border:1px solid #7fdcf04d;border-radius:12px;padding:14px 20px;font-size:14px;line-height:1.6;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.oc-site.oc-detail-page .oc-toast{bottom:96px}.oc-site .library-shell{max-width:var(--oc-max);width:auto;padding:0 var(--oc-gutter);margin:0 auto}.oc-site .library-intro{padding:48px 0 22px;display:block}.oc-site .library-intro .eyebrow{letter-spacing:.24em;color:var(--oc-accent);margin:0 0 10px;font-size:12px;font-weight:800}.oc-site .library-intro h1{letter-spacing:-.02em;color:var(--oc-text);margin:0 0 10px;font-size:clamp(30px,3.4vw,40px);font-weight:800}.oc-site .library-intro p:not(.eyebrow){color:var(--oc-sub);margin:0;font-size:16px;line-height:1.7}.oc-site .learning-route{background:var(--oc-tint);border:1px solid var(--oc-tint-2);border-left:1px solid var(--oc-tint-2);border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin:0 0 26px;padding:14px 18px;display:flex;overflow:visible}.oc-site .learning-route>div{background:0 0;flex-direction:column;align-items:flex-start;gap:2px;min-width:0;padding:0;display:flex}.oc-site .learning-route strong{color:var(--oc-text);margin:0;font-size:15px;font-weight:700}.oc-site .learning-route>div>span{color:var(--oc-text-2);font-size:14px}.oc-site .learning-route>a{background:var(--oc-primary);color:#fff;border:0;border-radius:10px;align-items:center;gap:8px;min-height:44px;padding:0 16px;font-size:15px;font-weight:700;display:inline-flex}.oc-site .learning-route>a:hover{background:var(--oc-primary-h);color:#fff}.oc-site .learning-route>a>span{color:#fff}.oc-site .catalog-layout{display:block}.oc-site .catalog-sidebar{border-bottom:1px solid var(--oc-line);flex-wrap:wrap;align-items:center;gap:12px;padding:0 0 18px;display:flex;position:static}.oc-site .filter-heading{border:0;order:2;margin:0;padding:0}.oc-site .filter-heading h2{display:none}.oc-site .filter-heading button{min-height:40px;color:var(--oc-muted);background:0 0;border:0;padding:0 4px;font-size:14px}.oc-site .filter-heading button:hover{color:var(--oc-text)}.oc-site .category-options{flex-flow:wrap;flex:1;order:1;gap:8px;margin:0;padding:0;display:flex}.oc-site .category-options .category-option{border:1px solid var(--oc-line-2);width:auto;min-height:40px;color:var(--oc-text-2);background:0 0;border-radius:999px;align-items:center;gap:6px;padding:0 16px;font-size:14px;font-weight:600;display:inline-flex}.oc-site .category-options .category-option span{color:var(--oc-muted);font-variant-numeric:tabular-nums;font-size:13px}.oc-site .category-options .category-option{background:#fff}.oc-site .category-options .category-option[aria-pressed=true]{border-color:var(--oc-primary);background:var(--oc-primary);color:#fff;font-weight:700}.oc-site .availability{display:none}.oc-site .catalog-toolbar{flex-wrap:wrap;align-items:center;gap:12px 18px;margin:0;padding:18px 0;display:flex}.oc-site .cat-count{color:var(--oc-muted);margin:0 auto 0 0;font-size:14px}.oc-site .cat-count b{color:var(--oc-text)}.oc-site .search-box{border:1px solid var(--oc-line-2);background:#fff;border-radius:10px;align-items:center;gap:10px;width:280px;max-width:100%;height:44px;padding:0 14px;display:flex}.oc-site .search-box:focus-within{border-color:var(--oc-accent)}.oc-site .search-box svg{fill:none;width:18px;stroke:var(--oc-muted);stroke-width:1.7px;flex:none}.oc-site .search-box input{min-width:0;color:var(--oc-text);background:0 0;border:0;outline:none;flex:1;font-size:15px}.oc-site .search-box input::placeholder{color:var(--oc-faint)}.oc-site .oc-sort{color:var(--oc-muted);align-items:center;gap:8px;font-size:14px;display:flex}.oc-site .oc-sort select{border:1px solid var(--oc-line-2);height:44px;color:var(--oc-text);background:#fff;border-radius:10px;padding:0 12px;font-size:14px}.oc-site .oc-grid,.oc-site .dash-body>.cat-panel>.oc-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:22px;display:grid}.oc-site .cat-empty{border-radius:var(--oc-radius);border:1px dashed var(--oc-line-2);color:var(--oc-muted);text-align:center;background:0 0;padding:64px 20px;font-size:15px}.oc-site .cat-empty button{border:1px solid var(--oc-line-2);min-height:44px;color:var(--oc-link);background:0 0;border-radius:10px;align-items:center;margin-top:14px;padding:0 16px;display:inline-flex}.oc-site .dash-body{padding:8px 0 0}.oc-site .controls-sheet{border-radius:var(--oc-radius);background:var(--oc-panel);border:1px solid var(--oc-line);max-width:880px;padding:32px}.oc-site .controls-sheet .eyebrow{color:var(--oc-accent);letter-spacing:.24em;font-size:12px;font-weight:800}.oc-site .controls-sheet h2{color:var(--oc-text)}.oc-site .keys>div{border-bottom:1px solid var(--oc-line);color:var(--oc-text)}.oc-site .keys dd{color:var(--oc-sub)}.oc-site .keys kbd{background:var(--oc-tint-2);border:1px solid var(--oc-line-2);color:var(--oc-text);border-radius:6px;padding:2px 8px;font:700 13px/1.5 SUIT,sans-serif;display:inline-block}.oc-site .controls-sheet>p:last-child{color:var(--oc-muted)}.oc-site .oc-card{border-radius:var(--oc-radius);border:1px solid var(--oc-line);min-width:0;box-shadow:var(--oc-shadow);background:#fff;flex-direction:column;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex;position:relative;overflow:hidden}.oc-site .oc-card:hover{box-shadow:var(--oc-shadow-lg);border-color:#0a7da059;transform:translateY(-2px)}.oc-site .oc-card:focus-within{border-color:var(--oc-accent)}.oc-site .oc-thumb{aspect-ratio:16/10;background:var(--oc-tint-2);position:relative;overflow:hidden}.oc-site .oc-thumb img{object-fit:cover;width:100%;height:100%;transition:transform .35s;display:block}.oc-site .oc-card:hover .oc-thumb img{transform:scale(1.03)}.oc-site .oc-badges{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex;position:absolute;top:10px;left:10px;right:10px}.oc-site .oc-badges li{color:var(--oc-text);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffeb;border:1px solid #0f1d2614;border-radius:999px;padding:3px 9px;font-size:12px;font-weight:700;line-height:1.5}.oc-site .oc-body{flex-direction:column;flex:1;gap:6px;padding:16px 18px 6px;display:flex}.oc-site .oc-field{color:var(--oc-muted);margin:0;font-size:13px;font-weight:700}.oc-site [data-field=tutorial] .oc-field{color:var(--oc-steel)}.oc-site [data-field=basic] .oc-field{color:var(--oc-link)}.oc-site [data-field=culture] .oc-field{color:var(--oc-sage)}.oc-site [data-field=purification] .oc-field{color:var(--oc-violet)}.oc-site [data-field=qc] .oc-field{color:var(--oc-amber)}.oc-site [data-field=cert] .oc-field{color:var(--oc-champ)}.oc-site .oc-title{letter-spacing:-.015em;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.8em;margin:0;font-size:18px;font-weight:750;line-height:1.4;display:-webkit-box;overflow:hidden}.oc-site .oc-title a{color:var(--oc-text)}.oc-site .oc-title a:after{content:"";z-index:1;border-radius:var(--oc-radius);position:absolute;inset:0}.oc-site .oc-title a:focus-visible{outline:none}.oc-site .oc-title a:focus-visible:after{outline:2px solid var(--oc-accent);outline-offset:-2px}.oc-site .oc-sub{color:var(--oc-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:14px;line-height:1.55;display:-webkit-box;overflow:hidden}.oc-site .oc-meta{color:var(--oc-faint);flex-wrap:wrap;gap:4px 10px;margin:4px 0 0;font-size:13px;display:flex}.oc-site .oc-meta span+span{align-items:center;display:inline-flex}.oc-site .oc-meta span+span:before{content:"";background:var(--oc-faint);border-radius:50%;width:3px;height:3px;margin:0 10px 0 0;display:inline-block}.oc-site .oc-price{flex-wrap:wrap;align-items:baseline;gap:4px 8px;margin:6px 0 0;display:flex}.oc-site .oc-price strong{color:var(--oc-text);font-variant-numeric:tabular-nums;font-size:19px;font-weight:800}.oc-site .oc-price s{color:var(--oc-faint);font-variant-numeric:tabular-nums;font-size:13px}.oc-site .oc-price.free strong{color:var(--oc-sage);font-size:16px}.oc-site .oc-rate{color:var(--oc-rate);font-variant-numeric:tabular-nums;font-weight:800}.oc-site .oc-price .oc-rate{font-size:19px}.oc-site .oc-card-acts{z-index:2;padding:12px 18px 18px;position:relative}.oc-site .oc-card-btn{border:1px solid var(--oc-line-2);width:100%;min-height:44px;color:var(--oc-text);background:#fff;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:0 12px;font-size:15px;font-weight:650;display:flex}.oc-site .oc-card-btn:hover{border-color:var(--oc-accent);background:var(--oc-accent-soft)}.oc-site .oc-card-btn svg{flex:none;width:18px;height:18px}.oc-site .oc-card-btn.on{background:var(--oc-accent-soft);color:var(--oc-link);border-color:#0000;font-weight:700}.oc-site .oc-card-btn.primary{background:var(--oc-primary);color:#fff;border-color:#0000;font-weight:700}.oc-site .oc-card-btn.primary:hover{background:var(--oc-primary-h)}.oc-site .oc-detail{max-width:var(--oc-max);padding:22px var(--oc-gutter) 0;outline:none;margin:0 auto}.oc-site .oc-loading{color:var(--oc-muted);text-align:center;padding:80px 0}.oc-site .oc-crumbs{color:var(--oc-muted);flex-wrap:wrap;align-items:center;gap:6px 8px;margin:0 0 18px;font-size:14px;display:flex}.oc-site .oc-crumbs a{color:var(--oc-text-2)}.oc-site .oc-crumbs a:hover{color:var(--oc-primary)}.oc-site .oc-crumbs [aria-current]{color:var(--oc-muted)}.oc-site .oc-detail-grid{grid-template-columns:minmax(0,1fr) 360px;grid-template-areas:"hero buy""body buy";align-items:start;gap:0 40px;display:grid}.oc-site .oc-hero{grid-area:hero;min-width:0}.oc-site .oc-detail-body{grid-area:body;min-width:0}.oc-site .oc-buy{grid-area:buy;align-self:start;position:sticky;top:20px}.oc-site .oc-hero .oc-field{font-size:14px}.oc-site .oc-hero h1{letter-spacing:-.025em;overflow-wrap:anywhere;margin:6px 0 10px;font-size:clamp(28px,3.6vw,42px);font-weight:800;line-height:1.22}.oc-site .oc-lead{color:var(--oc-sub);max-width:720px;margin:0 0 18px;font-size:17px;line-height:1.65}.oc-site .oc-chips{flex-wrap:wrap;gap:8px;margin:0 0 26px;padding:0;list-style:none;display:flex}.oc-site .oc-chips li{border:1px solid var(--oc-line-2);color:var(--oc-text-2);background:#fff;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:14px;display:inline-flex}.oc-site .oc-chips li b{color:var(--oc-text);font-weight:700}.oc-site .oc-chips li.accent{background:var(--oc-accent-soft);color:var(--oc-link);border-color:#0a7da04d}.oc-site .oc-chips li.gold{color:var(--oc-champ);background:#86661c12;border-color:#86661c4d}.oc-site .oc-gallery{margin:0 0 8px}.oc-site .oc-slides{scroll-snap-type:x mandatory;scroll-behavior:smooth;border-radius:var(--oc-radius);scrollbar-width:none;outline:none;gap:14px;display:flex;overflow-x:auto}.oc-site .oc-slides::-webkit-scrollbar{display:none}.oc-site .oc-slide{scroll-snap-align:start;flex:0 0 100%;min-width:0;margin:0}.oc-site .oc-zoom{border-radius:var(--oc-radius);background:var(--oc-tint-2);cursor:zoom-in;border:0;width:100%;padding:0;display:block;position:relative;overflow:hidden}.oc-site .oc-zoom img{aspect-ratio:16/10;object-fit:cover;width:100%;height:auto;display:block}.oc-site .oc-zoom:after{content:"크게 보기";color:#fff;opacity:0;background:#06212cd1;border-radius:999px;padding:5px 11px;font-size:12px;font-weight:700;transition:opacity .15s;position:absolute;bottom:12px;right:12px}.oc-site .oc-zoom:hover:after,.oc-site .oc-zoom:focus-visible:after{opacity:1}.oc-site .oc-slide figcaption{color:var(--oc-sub);flex-wrap:wrap;gap:4px 10px;padding:10px 4px 0;font-size:14px;display:flex}.oc-site .oc-slide figcaption b{color:var(--oc-link);font-weight:700}.oc-site .oc-gallery-ctl{align-items:center;gap:10px;padding:10px 0 0;display:flex}.oc-site .oc-gallery-ctl button{border:1px solid var(--oc-line-2);width:44px;height:44px;color:var(--oc-text);background:#fff;border-radius:10px;place-items:center;font-size:18px;display:grid}.oc-site .oc-gallery-ctl button:hover:not(:disabled){border-color:var(--oc-accent);background:var(--oc-accent-soft)}.oc-site .oc-gallery-ctl button:disabled{opacity:.35;cursor:default}.oc-site .oc-dots{flex-wrap:wrap;gap:6px;display:flex}.oc-site .oc-dots button{background:0 0;border:0;place-items:center;width:28px;height:28px;padding:0;display:grid}.oc-site .oc-dots button:before{content:"";background:var(--oc-line-3);border-radius:50%;width:8px;height:8px}.oc-site .oc-dots button[aria-current=true]:before{background:var(--oc-accent)}.oc-site .oc-gallery-pos{color:var(--oc-muted);font-variant-numeric:tabular-nums;margin-left:auto;font-size:14px}.oc-site .oc-gallery-ctl .oc-autoplay span{border-left:4px solid;border-right:4px solid;width:12px;height:14px;display:block}.oc-site .oc-gallery-ctl .oc-autoplay[aria-pressed=true] span{border:7px solid #0000;border-left:12px solid;border-right:0;width:0;height:0;margin-left:3px}.oc-site .oc-tabs{z-index:20;border-bottom:1px solid var(--oc-line);scrollbar-width:none;background:#fff;gap:4px;margin:26px 0 0;padding:6px 0;display:flex;position:sticky;top:0;overflow-x:auto}.oc-site .oc-tabs::-webkit-scrollbar{display:none}.oc-site .oc-tabs a{min-height:44px;color:var(--oc-text-2);white-space:nowrap;border-radius:10px;flex:none;align-items:center;padding:0 14px;font-size:15px;font-weight:600;display:inline-flex}.oc-site .oc-tabs a:hover{color:var(--oc-text);background:var(--oc-tint)}.oc-site .oc-tabs a[aria-current=true]{color:var(--oc-text);background:var(--oc-accent-soft)}.oc-site .oc-sec{padding:40px 0 4px;scroll-margin-top:64px}.oc-site .oc-sec>h2{letter-spacing:-.02em;margin:0 0 6px;font-size:24px;font-weight:800}.oc-site .oc-sec>.oc-sec-lead{color:var(--oc-muted);margin:0 0 20px;font-size:15px;line-height:1.7}.oc-site .oc-sec h3{margin:0 0 10px;font-size:17px;font-weight:750}.oc-site .oc-checks{gap:10px;margin:0;padding:0;list-style:none;display:grid}.oc-site .oc-checks li{color:var(--oc-text-2);grid-template-columns:22px minmax(0,1fr);gap:10px;font-size:16px;line-height:1.6;display:grid}.oc-site .oc-checks svg{width:20px;height:20px;color:var(--oc-sage);margin-top:3px}.oc-site .oc-before{flex-wrap:wrap;align-items:center;gap:8px 12px;margin:16px 0 0;display:flex}.oc-site .oc-before>span{color:var(--oc-muted);font-size:14px;font-weight:700}.oc-site .oc-before .oc-prereq{margin:0}.oc-site .oc-sec .oc-gear-h{color:var(--oc-muted);margin:4px 0 8px;font-size:14px;font-weight:700}.oc-site .oc-gear-chips{flex-wrap:wrap;gap:8px;margin:0 0 16px;padding:0;list-style:none;display:flex}.oc-site .oc-gear-chips li{background:var(--oc-tint);border:1px solid var(--oc-line);color:var(--oc-text-2);border-radius:999px;padding:6px 12px;font-size:14px;line-height:1.4}.oc-site .oc-criteria{border-top:1px solid var(--oc-line);margin:0 0 14px;padding:0;list-style:none}.oc-site .oc-criteria li{border-bottom:1px solid var(--oc-line);grid-template-columns:120px minmax(0,1fr);gap:12px;padding:12px 2px;font-size:15px;line-height:1.6;display:grid}.oc-site .oc-criteria b{color:var(--oc-text);font-weight:700}.oc-site .oc-criteria span{color:var(--oc-text-2);overflow-wrap:anywhere}.oc-site .oc-criteria-more{margin:0 0 6px}.oc-site .oc-criteria-more h3{margin:18px 0 10px;font-size:15px}.oc-site .oc-criteria-more .oc-rules{margin:0}.oc-site .oc-plain{color:var(--oc-text-2);gap:6px;margin:0;padding:0 0 0 18px;font-size:15px;line-height:1.6;display:grid}.oc-site .oc-plain-p{color:var(--oc-sub);margin:12px 0 0;font-size:14px;line-height:1.7}.oc-site .oc-sec-more{margin:12px 0 0;font-size:14px}.oc-site .oc-buy-price{flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin:-4px 0 0;display:flex}.oc-site .oc-buy-price .oc-rate{font-size:20px}.oc-site .oc-buy-price strong{color:var(--oc-text);font-variant-numeric:tabular-nums;font-size:28px;font-weight:800}.oc-site .oc-buy-price s{color:var(--oc-faint);font-variant-numeric:tabular-nums;font-size:14px}.oc-site .oc-proc-tools{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin:0 0 12px;display:flex}.oc-site .oc-proc-tools p{color:var(--oc-muted);margin:0;font-size:14px}.oc-site .oc-text-btn{border:1px solid var(--oc-line-2);min-height:40px;color:var(--oc-link);background:0 0;border-radius:10px;padding:0 12px;font-size:14px;font-weight:650}.oc-site .oc-text-btn:hover{border-color:var(--oc-accent);background:var(--oc-accent-soft)}.oc-site .oc-group{border:1px solid var(--oc-line);background:#fff;border-radius:12px;margin:0 0 10px;overflow:hidden}.oc-site .oc-group[open]{border-color:var(--oc-line-2)}.oc-site .oc-group summary{cursor:pointer;grid-template-columns:auto minmax(0,1fr) auto 20px;align-items:center;gap:12px;min-height:56px;padding:10px 18px;list-style:none;display:grid}.oc-site .oc-group summary::-webkit-details-marker{display:none}.oc-site .oc-group summary:after{content:"";border-right:2px solid var(--oc-muted);border-bottom:2px solid var(--oc-muted);justify-self:center;width:9px;height:9px;margin-top:-4px;transition:transform .15s;transform:rotate(45deg)}.oc-site .oc-group[open] summary:after{margin-top:4px;transform:rotate(225deg)}.oc-site .oc-group-no{color:var(--oc-accent);font-variant-numeric:tabular-nums;font-size:14px;font-weight:800}.oc-site .oc-group-title{color:var(--oc-text);font-size:16px;font-weight:700}.oc-site .oc-group-count{color:var(--oc-muted);white-space:nowrap;font-size:13px}.oc-site .oc-steps{border-top:1px solid var(--oc-line);margin:0;padding:0 18px 12px;list-style:none}.oc-site .oc-steps li{border-bottom:1px solid var(--oc-line);grid-template-columns:64px minmax(0,1fr);gap:10px;padding:11px 0;display:grid}.oc-site .oc-steps li:last-child{border-bottom:0}.oc-site .oc-step-no{color:var(--oc-muted);font-variant-numeric:tabular-nums;font-size:14px;font-weight:700}.oc-site .oc-step-title{color:var(--oc-text);overflow-wrap:anywhere;font-size:15px;font-weight:650}.oc-site .oc-step-crit{color:var(--oc-muted);overflow-wrap:anywhere;margin-top:2px;font-size:13px;display:block}.oc-site .oc-score-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 22px;display:grid}.oc-site .oc-score-card{background:var(--oc-tint);border:1px solid var(--oc-line);border-radius:14px;min-width:0;padding:18px}.oc-site .oc-score-card small{color:var(--oc-accent);margin-bottom:6px;font-size:13px;font-weight:700;display:block}.oc-site .oc-score-card strong{color:var(--oc-text);margin-bottom:6px;font-size:20px;font-weight:800;display:block}.oc-site .oc-score-card p{color:var(--oc-sub);margin:0;font-size:14px;line-height:1.65}.oc-site .oc-rules-note{color:var(--oc-muted);margin:-4px 0 10px;font-size:14px}.oc-site .oc-rules-more{margin:-14px 0 22px}.oc-site .oc-rules-more .oc-rules{margin:8px 0 0}.oc-site .oc-rules{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px;margin:0 0 24px;padding:0;list-style:none;display:grid}.oc-site .oc-rules li{border-bottom:1px solid var(--oc-line);color:var(--oc-text-2);align-items:flex-start;gap:10px;min-width:0;padding:10px 0;font-size:15px;display:flex}.oc-site .oc-tag{border-radius:6px;flex:none;padding:1px 8px;font-size:12px;font-weight:800;line-height:1.7}.oc-site .oc-tag.critical{background:var(--oc-bad-soft);color:var(--oc-bad)}.oc-site .oc-tag.warning{background:var(--oc-warn-soft);color:var(--oc-amber)}.oc-site .oc-tag.plan{background:var(--oc-accent-soft);color:var(--oc-link)}.oc-site .oc-mode{background:#86661c0d;border:1px solid #86661c38;border-radius:14px;margin:24px 0 22px;padding:20px}.oc-site .oc-mode.practice{border-color:var(--oc-tint-2);background:var(--oc-tint)}.oc-site .oc-mode h3{align-items:center;gap:8px;display:flex}.oc-site .oc-mode ul{color:var(--oc-text-2);gap:6px;margin:0;padding:0 0 0 18px;font-size:15px;line-height:1.6;display:grid}.oc-site .oc-mode p{color:var(--oc-text-2);margin:0;font-size:15px;line-height:1.7}.oc-site .oc-mode .oc-order-h{margin-top:18px}.oc-site .oc-box .oc-box-note{color:var(--oc-muted);margin-top:10px;font-size:14px}.oc-site .oc-order{gap:8px;margin:16px 0 0;padding:0;list-style:none;display:grid}.oc-site .oc-order li{border:1px solid var(--oc-line);color:var(--oc-sub);background:#fff;border-radius:10px;padding:12px 14px;font-size:14px;line-height:1.6}.oc-site .oc-order li b{color:var(--oc-text);font-weight:700}.oc-site .oc-order li .oc-tag{margin-left:6px}.oc-site .oc-more{margin-top:8px}.oc-site .oc-more summary{min-height:40px;color:var(--oc-link);cursor:pointer;align-items:center;font-size:14px;font-weight:650;display:inline-flex}.oc-site .oc-exam{border-collapse:collapse;width:100%;margin:0 0 18px;font-size:15px}.oc-site .oc-exam th,.oc-site .oc-exam td{border-bottom:1px solid var(--oc-line);text-align:left;color:var(--oc-text-2);padding:11px 12px}.oc-site .oc-exam th{color:var(--oc-muted);font-size:13px;font-weight:700}.oc-site .oc-exam td:last-child,.oc-site .oc-exam th:last-child{text-align:right;font-variant-numeric:tabular-nums}.oc-site .oc-exam tfoot td{color:var(--oc-text);font-weight:800}.oc-site .oc-report{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.oc-site .oc-report li{background:var(--oc-tint);border:1px solid var(--oc-line);color:var(--oc-sub);border-radius:12px;padding:14px 16px;font-size:14px;line-height:1.6}.oc-site .oc-report li b{color:var(--oc-text);margin-bottom:2px;font-size:15px;display:block}.oc-site .oc-two{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.oc-site .oc-box{background:var(--oc-tint);border:1px solid var(--oc-line);border-radius:14px;min-width:0;padding:18px 20px}.oc-site .oc-box ul{color:var(--oc-text-2);gap:5px;margin:0;padding:0 0 0 18px;font-size:15px;line-height:1.6;display:grid}.oc-site .oc-box p{color:var(--oc-text-2);margin:0;font-size:15px;line-height:1.7}.oc-site .oc-box ul.oc-prereq{flex-wrap:wrap;gap:8px;padding:0;display:flex}.oc-site .oc-box ul.oc-license{gap:10px;padding:0;display:grid}.oc-site .oc-prereq{flex-wrap:wrap;gap:8px;margin:10px 0 0;padding:0;list-style:none;display:flex}.oc-site .oc-prereq a{border:1px solid var(--oc-line-2);min-height:40px;color:var(--oc-text);background:#fff;border-radius:999px;align-items:center;gap:6px;padding:0 14px;font-size:14px;font-weight:600;display:inline-flex}.oc-site .oc-prereq a:hover{border-color:var(--oc-accent);background:var(--oc-accent-soft)}.oc-site .oc-license{gap:10px;margin:0;padding:0;list-style:none;display:grid}.oc-site .oc-license li{color:var(--oc-text-2);align-items:flex-start;gap:10px;font-size:15px;line-height:1.6;display:flex}.oc-site .oc-buy-box{border:1px solid var(--oc-line-2);box-shadow:var(--oc-shadow);background:#fff;border-radius:18px;flex-direction:column;gap:16px;padding:22px;display:flex}.oc-site .oc-buy-box h2{margin:0;font-size:19px;font-weight:800}.oc-site .oc-periods{border:0;gap:8px;margin:0;padding:0;display:grid}.oc-site .oc-periods legend{color:var(--oc-muted);margin:0 0 8px;padding:0;font-size:13px;font-weight:700}.oc-site .oc-period{border:1px solid var(--oc-line-2);cursor:pointer;border-radius:12px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 10px;min-height:52px;padding:8px 14px;display:grid;position:relative}.oc-site .oc-period:hover{border-color:var(--oc-line-3)}.oc-site .oc-period input{opacity:0;pointer-events:none;position:absolute}.oc-site .oc-period:has(input:checked){border-color:var(--oc-accent);background:var(--oc-accent-soft)}.oc-site .oc-period:has(input:focus-visible){outline:2px solid var(--oc-accent);outline-offset:2px}.oc-site .oc-period-name{color:var(--oc-text);font-size:15px;font-weight:700}.oc-site .oc-period-price{color:var(--oc-text);font-variant-numeric:tabular-nums;text-align:right;font-size:15px;font-weight:750}.oc-site .oc-period-sub{color:var(--oc-muted);font-size:12px}.oc-site .oc-period-rate{color:var(--oc-rate);text-align:right;font-variant-numeric:tabular-nums;font-size:13px;font-weight:800}.oc-site .oc-sum{border-top:1px solid var(--oc-line);gap:6px;margin:0;padding:14px 0 0;display:grid}.oc-site .oc-sum div{color:var(--oc-sub);justify-content:space-between;align-items:baseline;gap:10px;font-size:14px;display:flex}.oc-site .oc-sum dt,.oc-site .oc-sum dd{margin:0}.oc-site .oc-sum dd{font-variant-numeric:tabular-nums}.oc-site .oc-sum .total dt{color:var(--oc-text);font-size:15px;font-weight:700}.oc-site .oc-sum .total dd{align-items:baseline;gap:8px;display:flex}.oc-site .oc-sum .total strong{color:var(--oc-text);font-size:26px;font-weight:800}.oc-site .oc-sum .total .oc-rate{font-size:18px}.oc-site .oc-per-month{color:var(--oc-muted);text-align:right;margin:-6px 0 0;font-size:13px}.oc-site .oc-btn{border:1px solid var(--oc-line-2);width:100%;min-height:50px;color:var(--oc-text);text-align:center;background:#fff;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:16px;font-weight:700;display:flex}.oc-site .oc-btn:hover{border-color:var(--oc-accent);background:var(--oc-accent-soft);color:var(--oc-text)}.oc-site .oc-btn svg{flex:none;width:20px;height:20px}.oc-site .oc-btn.primary{background:var(--oc-primary);color:#fff;border-color:#0000}.oc-site .oc-btn.primary:hover{background:var(--oc-primary-h);color:#fff}.oc-site .oc-btn.on{background:var(--oc-accent-soft);color:var(--oc-link);border-color:#0000}.oc-site .oc-btns{gap:8px;display:grid}.oc-site .oc-buy-note{color:var(--oc-muted);margin:0;font-size:13px;line-height:1.6}.oc-site .oc-free-line{color:var(--oc-sage);margin:0;font-size:22px;font-weight:800}.oc-site .oc-buybar{display:none}.oc-site .oc-lightbox{color:#eef2f6;background:#08161d;border:1px solid #ffffff1f;border-radius:16px;width:min(1200px,100vw - 32px);max-width:none;max-height:calc(100dvh - 32px);margin:auto;padding:0;overflow:hidden}.oc-site .oc-lightbox::backdrop{background:#06141cc7}.oc-site .oc-lightbox figure{flex-direction:column;margin:0;display:flex}.oc-site .oc-lightbox img{object-fit:contain;background:#040d12;width:100%;max-height:calc(100dvh - 140px);display:block}.oc-site .oc-lightbox-bar{align-items:center;gap:10px;padding:12px 14px;display:flex}.oc-site .oc-lightbox-bar figcaption{color:#c9d5dc;flex:1;min-width:0;font-size:14px}.oc-site .oc-lightbox-bar figcaption b{color:#7fdcf0;margin-right:8px}.oc-site .oc-lightbox-bar button{color:#eef2f6;background:0 0;border:1px solid #fff3;border-radius:10px;flex:none;place-items:center;width:44px;height:44px;font-size:18px;display:grid}.oc-site .oc-lightbox-bar button:hover{border-color:#7fdcf0}.oc-site .oc-lightbox-bar button svg{width:18px;height:18px}.oc-site .oc-missing{text-align:center;padding:80px 0}.oc-site .oc-missing h1{margin:0 0 10px;font-size:30px}.oc-site .oc-missing p{color:var(--oc-muted);margin:0 0 22px}.oc-site .oc-missing .oc-btn{width:auto;display:inline-flex}@media (width<=1100px){.oc-site .oc-detail-grid{grid-template-columns:minmax(0,1fr) 320px;gap:0 28px}.oc-site .oc-score-cards{grid-template-columns:1fr}}@media (width<=900px){.oc-site{--oc-gutter:20px}.oc-site .oc-detail-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"hero""body""buy"}.oc-site .oc-buy{margin-top:36px;position:static}.oc-site .oc-buy-box .oc-btns{display:none}.oc-site .oc-buybar{z-index:40;padding:10px var(--oc-gutter) calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--oc-line-2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff5;align-items:center;gap:10px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -6px 20px #0a283714}.oc-site .oc-buybar select{border:1px solid var(--oc-line-2);min-width:0;max-width:240px;height:46px;color:var(--oc-text);background:#fff;border-radius:10px;flex:auto;padding:0 10px;font-size:14px}.oc-site .oc-buybar-price{flex-direction:column;min-width:0;margin-right:auto;line-height:1.25;display:flex}.oc-site .oc-buybar-price small{color:var(--oc-muted);font-size:12px}.oc-site .oc-buybar-price strong{font-variant-numeric:tabular-nums;white-space:nowrap;font-size:17px;font-weight:800}.oc-site .oc-buybar .oc-btn{flex:none;width:auto;min-height:46px;padding:0 14px;font-size:15px}.oc-site.oc-detail-page body{padding-bottom:76px}.oc-site .oc-rules,.oc-site .oc-report,.oc-site .oc-two{grid-template-columns:1fr}}@media (width<=700px){.oc-site .oc-header-in{padding:14px var(--oc-gutter);gap:10px 16px}.oc-site .oc-nav{flex-basis:100%;order:3;gap:18px}.oc-site .oc-actions{margin-left:auto}.oc-site .oc-cart-label{display:none}.oc-site .library-intro{padding:30px 0 16px}.oc-site .learning-route,.oc-site .learning-route>div{text-align:left;justify-content:flex-start}.oc-site .oc-title{min-height:0}.oc-site .search-box{flex:100%;order:3;width:100%}.oc-site .oc-sort{order:2}.oc-site .oc-dots{display:none}.oc-site .oc-steps li{grid-template-columns:52px minmax(0,1fr)}.oc-site .oc-group summary{grid-template-columns:auto minmax(0,1fr) 20px;gap:10px;padding:10px 14px}.oc-site .oc-group-count{display:none}.oc-site .oc-steps{padding:0 14px 10px}.oc-site .oc-sec>h2{font-size:21px}.oc-site .oc-criteria li{grid-template-columns:96px minmax(0,1fr);gap:10px;font-size:14px}}@media (width<=440px){.oc-site{--oc-gutter:16px}.oc-site .oc-login-button span{display:none}.oc-site .oc-login-button,.oc-site .oc-cart-button{padding:0 11px}.oc-site .oc-buybar{flex-wrap:wrap;gap:8px}.oc-site .oc-buybar select{flex:55%;max-width:none}.oc-site .oc-buybar-price{text-align:right;flex:none;margin-right:0}.oc-site .oc-buybar .oc-btn{flex:calc(50% - 4px);padding:0 10px}.oc-site .oc-buybar .oc-btn svg,.oc-site .oc-buybar[data-priced] .oc-buybar-price small{display:none}.oc-site.oc-detail-page body{padding-bottom:132px}.oc-site.oc-detail-page .oc-toast{bottom:150px}.oc-site .oc-chips li{font-size:13px}}@media (prefers-reduced-motion:reduce){.oc-site .oc-card,.oc-site .oc-thumb img,.oc-site .oc-slides{scroll-behavior:auto;transition:none}.oc-site .oc-card:hover{transform:none}}.oc-site .oc-badges li.oc-level,.oc-site .oc-chips li.oc-level{font-weight:700}.oc-site .oc-level[data-level="1"]{color:#1d7148!important;background:#eaf6ef!important;border-color:#1d714838!important}.oc-site .oc-level[data-level="2"]{color:#9a5b00!important;background:#fdf3e2!important;border-color:#9a5b003d!important}.oc-site .oc-level[data-level="3"]{color:#b3362a!important;background:#fdecea!important;border-color:#b3362a3d!important}.oc-site .oc-heart{z-index:2;color:#6f7d88;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffeb;border:1px solid #0f1d2614;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:0;display:inline-flex;position:absolute;top:8px;right:8px}.oc-site .oc-heart svg{width:20px;height:20px}.oc-site .oc-heart:hover{color:#b3362a}.oc-site .oc-heart.on{color:#d2453a}.oc-site .oc-thumb:has(.oc-heart) .oc-badges{right:52px}.oc-site .oc-heart.has-count{border-radius:999px;gap:4px;width:auto;padding:0 11px 0 9px}.oc-site .oc-heart.has-count span{color:var(--oc-text-2);font-variant-numeric:tabular-nums;font-size:13px;font-weight:700}.oc-site .oc-thumb:has(.oc-heart.has-count) .oc-badges{right:100px}.oc-site .oc-badges li.oc-new,.oc-site .oc-chips li.oc-new{color:#fff;letter-spacing:.04em;background:#0f1d26;border-color:#0f1d26;font-weight:800}.oc-site .oc-hero-row{justify-content:space-between;align-items:flex-start;gap:12px;margin:0 0 26px;display:flex}.oc-site .oc-hero-row .oc-chips{margin:0}.oc-site .oc-heart-detail{border:1px solid var(--oc-line-2);min-height:36px;color:var(--oc-text-2);cursor:pointer;background:#fff;border-radius:999px;flex:none;align-items:center;gap:6px;padding:0 14px 0 11px;font-size:14px;font-weight:650;display:inline-flex}.oc-site .oc-heart-detail svg{width:19px;height:19px}.oc-site .oc-heart-detail b{color:var(--oc-text);font-variant-numeric:tabular-nums;font-weight:700}.oc-site .oc-heart-detail:hover{color:#b3362a;border-color:#b3362a59}.oc-site .oc-heart-detail.on{color:#d2453a;background:#fdf1f0;border-color:#d2453a66}.oc-site .oc-slides{cursor:grab}.oc-site .oc-gallery.is-dragging .oc-slides{scroll-snap-type:none;scroll-behavior:auto;cursor:grabbing;-webkit-user-select:none;user-select:none}.oc-site .oc-slides img{-webkit-user-drag:none}html.oc-site{--dbx-ink:#06121e;--dbx-ink-2:#0b1c2d;--dbx-cyan:#38e1ff;--dbx-blue:#3b82f6;--dbx-caret:#12b5df;--dbx-mono:ui-monospace,"Cascadia Mono","SFMono-Regular",Consolas,SUIT,monospace;--dbx-grad:linear-gradient(90deg,#38e1ff,#3b82f6);--dbx-deep:linear-gradient(90deg,#0a7fa6,#2563eb);--dbx-brackets:linear-gradient(var(--dbx-cyan),var(--dbx-cyan)) left top/16px 2px no-repeat,linear-gradient(var(--dbx-cyan),var(--dbx-cyan)) left top/2px 16px no-repeat, linear-gradient(var(--dbx-cyan),var(--dbx-cyan)) right top/16px 2px no-repeat,linear-gradient(var(--dbx-cyan),var(--dbx-cyan)) right top/2px 16px no-repeat, linear-gradient(var(--dbx-blue),var(--dbx-blue)) left bottom/16px 2px no-repeat,linear-gradient(var(--dbx-blue),var(--dbx-blue)) left bottom/2px 16px no-repeat, linear-gradient(var(--dbx-blue),var(--dbx-blue)) right bottom/16px 2px no-repeat,linear-gradient(var(--dbx-blue),var(--dbx-blue)) right bottom/2px 16px no-repeat}@keyframes dbx-caret{50%{opacity:0}}@keyframes dbx-sweep{to{background-position:0 240%,0 0}}.oc-site .site-header.oc-header{background:linear-gradient(90deg,#38e1ff00,#38e1ffbf 30%,#3b82f6bf 70%,#3b82f600) 0 100%/100% 1px no-repeat,#fff;border-bottom-color:#0000}.oc-site .oc-brand{font-family:var(--dbx-mono);letter-spacing:-.02em;background:linear-gradient(90deg,#0a7396 0 2.1ch,var(--oc-text) 2.1ch);color:#0000;-webkit-background-clip:text;background-clip:text}.oc-site .oc-brand:hover{background:var(--dbx-grad);color:#0000;-webkit-background-clip:text;background-clip:text}.oc-site .oc-brand.has-logo,.oc-site .oc-brand.has-logo:hover{color:inherit;background:0 0;align-items:center;display:inline-flex}.oc-site .oc-brand-logo{width:auto;height:44px;display:block}@media (width<=700px){.oc-site .oc-brand-logo{height:36px}}.oc-site .oc-header .oc-nav-link{position:relative}.oc-site .oc-header .oc-nav-link:before,.oc-site .oc-header .oc-nav-link:after{width:auto;height:auto;font-family:var(--dbx-mono);color:#14b3dc;opacity:0;pointer-events:none;background:0 0;border-radius:0;font-size:15px;font-weight:700;transition:opacity .15s,transform .15s;display:block;position:absolute;inset:50% auto auto}.oc-site .oc-header .oc-nav-link:before{content:"[";left:-13px;transform:translate(5px,-50%)}.oc-site .oc-header .oc-nav-link:after{content:"]";right:-13px;transform:translate(-5px,-50%)}.oc-site .oc-header .oc-nav-link:hover:before,.oc-site .oc-header .oc-nav-link:hover:after,.oc-site .oc-header .oc-nav-link[aria-current]:before,.oc-site .oc-header .oc-nav-link[aria-current]:after,.oc-site .oc-header .oc-nav-link:focus-visible:before,.oc-site .oc-header .oc-nav-link:focus-visible:after{opacity:1;transform:translateY(-50%)}.oc-site .oc-cart-button,.oc-site .oc-login-button{border-radius:8px}.oc-site .oc-cart-button:hover,.oc-site .oc-login-button:hover,.oc-site .oc-cart-button[aria-expanded=true],.oc-site .oc-login-button[aria-expanded=true]{background:#f2fcff;border-color:#38bee6cc;box-shadow:0 0 0 3px #38e1ff24}.oc-site .oc-pop{background:linear-gradient(90deg,#38e1ff,#3b82f6) 0 0/100% 2px no-repeat,#fff;border-color:#38aadc52;border-radius:10px}.oc-site .library-footer.oc-footer{background:linear-gradient(90deg,#38e1ff00,#38e1ff99 30%,#3b82f699 70%,#3b82f600) left top/100% 1px no-repeat,var(--oc-tint);border-top-color:#0000}.oc-site .oc-footer .oc-footer-brand{font-family:var(--dbx-mono);letter-spacing:-.02em}.oc-site .oc-btn,.oc-site .oc-card-btn,.oc-site .oc-text-btn,.oc-site .cat-empty button,.oc-site .oc-gallery-ctl button,.oc-site .oc-prereq a{border-radius:8px}.oc-site .oc-btn.primary,.oc-site .oc-card-btn.primary,.oc-site .learning-route>a{background:var(--dbx-deep);color:#fff;box-shadow:0 0 0 1px #38e1ff38,0 6px 18px #2563eb33}.oc-site .oc-btn.primary:hover,.oc-site .oc-card-btn.primary:hover,.oc-site .learning-route>a:hover{color:#fff;background:linear-gradient(90deg,#0a8db8,#3474f0);box-shadow:0 0 0 1px #38e1ff80,0 8px 26px #38e1ff52}.oc-site .oc-btn:not(.primary):not(.danger):hover,.oc-site .oc-card-btn:not(.primary):hover,.oc-site .oc-text-btn:hover{border-color:#38bee6cc;box-shadow:0 0 0 3px #38e1ff1f}.oc-site .library-intro h1:after,.oc-site .oc-hero h1:after,.oc-site .oc-my-head h1:after,.oc-site .oc-my-center h1:after,.oc-site .oc-legal-head h1:after{content:"";vertical-align:-.06em;background:var(--dbx-caret);width:.42em;height:.84em;margin-left:.14em;animation:1.05s step-end infinite dbx-caret;display:inline-block;box-shadow:0 0 10px #38e1ff8c}.oc-site .library-intro .eyebrow,.oc-site .controls-sheet .eyebrow{font-family:var(--dbx-mono);letter-spacing:.2em;color:#0a7396;background:linear-gradient(var(--dbx-cyan),var(--dbx-blue)) left center/8px 8px no-repeat;padding-left:16px;font-size:13px;display:inline-block}.oc-site .oc-sec>h2:before,.oc-site .my-sec>h2:before,.oc-site .my-sec-head h2:before{content:"";vertical-align:.14em;background:var(--dbx-grad);width:9px;height:9px;margin-right:10px;display:inline-block;box-shadow:0 0 8px #38e1ff80}.oc-site .learning-route{background:var(--dbx-brackets),var(--oc-tint);border-color:#38aadc38;border-radius:4px}.oc-site .learning-route>a{border-radius:8px}.oc-site .category-options .category-option{border-radius:6px}.oc-site .category-options .category-option span{font-family:var(--dbx-mono);font-size:12px}.oc-site .category-options .category-option:hover{background:#f2fcff;border-color:#38bee6b3}.oc-site .category-options .category-option[aria-pressed=true]{border-color:var(--dbx-ink);background:var(--dbx-ink);color:#eafcff;box-shadow:inset 0 0 0 1px #38e1ff73,0 0 14px #38e1ff33}.oc-site .category-options .category-option[aria-pressed=true] span{color:var(--dbx-cyan)}.oc-site .search-box,.oc-site .oc-sort select{border-radius:8px}.oc-site .search-box:focus-within{border-color:#38bee6e6;box-shadow:0 0 0 3px #38e1ff29}.oc-site .cat-count b{font-family:var(--dbx-mono)}.oc-site .oc-card{border-color:#38aadc42;border-radius:6px}.oc-site .oc-title a:after{border-radius:6px}.oc-site .oc-card:hover{border-color:#38e1ffd9;box-shadow:0 0 0 1px #38e1ff66,0 14px 34px #06283c29,0 0 28px #38e1ff38}.oc-site .oc-badges{z-index:1}.oc-site .oc-card .oc-thumb:after{content:"";pointer-events:none;opacity:0;background:linear-gradient(#0000 0,#38e1ff59 50%,#0000 52%) 0 -120%/100% 60% no-repeat,repeating-linear-gradient(#ffffff12 0 1px,#0000 1px 3px);transition:opacity .2s;position:absolute;inset:0}.oc-site .oc-card:hover .oc-thumb:after{opacity:1;animation:1.2s linear infinite dbx-sweep}.oc-site .oc-field{font-family:var(--dbx-mono);letter-spacing:.04em}.oc-site .oc-slides,.oc-site .oc-zoom{border-radius:6px}.oc-site .oc-zoom:before{content:"";z-index:1;pointer-events:none;opacity:.9;background:var(--dbx-brackets);position:absolute;inset:10px}.oc-site .oc-chips li,.oc-site .oc-gear-chips li{border-radius:6px}.oc-site .oc-tabs{background:linear-gradient(90deg,#38e1ff00,#38e1ff99 30%,#3b82f699 70%,#3b82f600) 0 100%/100% 1px no-repeat,#fff;border-bottom-color:#0000}.oc-site .oc-tabs a{border-radius:6px}.oc-site .oc-tabs a[aria-current=true]{background:var(--dbx-ink);color:#eafcff;box-shadow:inset 0 0 0 1px #38e1ff73}.oc-site .oc-group{border-color:#38aadc38;border-radius:6px}.oc-site .oc-group[open]{border-color:#38aadc73;box-shadow:0 0 0 3px #38e1ff12}.oc-site .oc-group-no{background:var(--dbx-ink);min-width:34px;height:28px;color:var(--dbx-cyan);font-family:var(--dbx-mono);border-radius:5px;justify-content:center;align-items:center;padding:0 6px;font-size:13px;display:inline-flex;box-shadow:inset 0 0 0 1px #38e1ff73}.oc-site .oc-step-no{font-family:var(--dbx-mono);color:#0a7396;font-size:13px}.oc-site .oc-score-card,.oc-site .oc-box,.oc-site .oc-report li,.oc-site .oc-mode{border-radius:6px}.oc-site .oc-score-card{background:var(--dbx-brackets),var(--oc-tint);border-color:#38aadc33}.oc-site .oc-score-card small{font-family:var(--dbx-mono);letter-spacing:.06em;color:#0a7396}.oc-site .oc-buy-box{background:linear-gradient(90deg,#38e1ff,#3b82f6) left top/100% 3px no-repeat,var(--dbx-brackets),#fff;border-color:#38aadc4d;border-radius:8px;position:relative;box-shadow:0 0 0 1px #38e1ff14,0 18px 44px #06283c1f}.oc-site .oc-period{border-radius:8px}.oc-site .oc-period:has(input:checked){background:#f0fbff;border-color:#38bee6e6;box-shadow:0 0 0 3px #38e1ff24}.oc-site .oc-legal-docs a{border-radius:6px}.oc-site .oc-legal-docs a:hover{background:#f2fcff;border-color:#38bee6b3}.oc-site .oc-legal-docs a[aria-current]{border-color:var(--dbx-ink);background:var(--dbx-ink);color:#eafcff;box-shadow:inset 0 0 0 1px #38e1ff73,0 0 14px #38e1ff33}.oc-site .my-nav a{border-radius:6px}.oc-site .my-nav a[aria-current]{background:var(--dbx-ink);color:#eafcff;box-shadow:inset 0 0 0 1px #38e1ff73}.oc-site .my-nav a[aria-current] svg{color:var(--dbx-cyan)}.oc-site .my-tabs a[aria-current]{border-bottom-color:var(--dbx-caret)}.oc-site .my-thumb{border-radius:4px}@media (prefers-reduced-motion:reduce){.oc-site .oc-btn.primary:hover{transform:none}}