:root{font-family:Inter,Pretendard,"Noto Sans KR",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#182338;background:#f6f8fb;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f6f8fb;color:#182338}a{color:inherit;text-decoration:none}.container{width:min(1500px,calc(100% - 48px));margin:0 auto}
/* Same site shell as the main ChemMagician homepage */
.static-header{background:#081126;color:#fff;border-bottom:1px solid rgba(255,255,255,.1)}.static-nav{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:30px}.static-brand{display:inline-flex;align-items:center;gap:11px;font-size:clamp(1.65rem,4vw,2.3rem);font-weight:900;letter-spacing:-.05em}.static-brand-logo{width:38px;height:38px;display:block}.static-links{display:flex;align-items:center;gap:24px;color:#c8d1e3;font-size:14px;font-weight:750}.static-links>a:hover{color:#fff}.static-tool-menu{position:relative}.static-tool-menu summary{display:flex;align-items:center;gap:7px;list-style:none;cursor:pointer;color:#c8d1e3;user-select:none}.static-tool-menu summary::-webkit-details-marker{display:none}.static-tool-menu summary::after{content:"⌄";font-size:11px}.static-tool-menu[open] summary,.static-tool-menu:hover summary{color:#fff}.static-tool-dropdown{position:absolute;top:calc(100% + 12px);left:50%;z-index:50;min-width:190px;padding:7px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:#0d1730;box-shadow:0 16px 36px rgba(0,0,0,.28);opacity:0;visibility:hidden;transform:translate(-50%,-4px);transition:.16s}.static-tool-menu:hover .static-tool-dropdown,.static-tool-menu:focus-within .static-tool-dropdown,.static-tool-menu[open] .static-tool-dropdown{opacity:1;visibility:visible;transform:translate(-50%,0)}.static-tool-dropdown a{display:block;padding:11px 13px;border-radius:8px;color:#d7deeb;white-space:nowrap}.static-tool-dropdown a:hover{background:rgba(255,255,255,.08);color:#fff}
.wrap{width:min(1500px,calc(100% - 48px));margin:0 auto;padding:42px 0 78px}.crumbs{margin:0 0 16px;color:#7b8798;font-size:13px}.crumbs a{color:#4f5f75}.crumbs a:hover{color:#182338}.hero{padding:42px 44px;border:1px solid #e0e6ed;border-radius:18px;background:linear-gradient(145deg,#fff 0%,#f7f9fc 100%);box-shadow:0 2px 12px rgba(15,23,42,.04)}.eyebrow{display:block;margin:0 0 12px;color:#7d899b;font-size:11px;font-weight:900;letter-spacing:.17em}.hero h1{margin:0;color:#182338;font-size:clamp(34px,5vw,50px);line-height:1.08;letter-spacing:-.045em}.alias{margin:12px 0 0;color:#526174;font-size:15px;font-weight:750}.summary{max-width:850px;margin:18px 0 0;color:#657386;font-size:15px;line-height:1.85}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:28px}.fact{padding:16px 17px;border:1px solid #e1e6ed;border-radius:12px;background:#fff}.fact small{display:block;margin-bottom:7px;color:#8190a3;font-size:11px}.fact strong{display:block;color:#263348;font-size:14px;overflow-wrap:anywhere}.cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{min-height:48px;padding:0 18px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:850}.btn-primary{border:1px solid #172036;background:#172036;color:#fff}.btn-primary:hover{background:#24324a}.btn-secondary{border:1px solid #d5dde7;background:#fff;color:#2d3c52}.btn-secondary:hover{background:#f7f9fb}.section{margin-top:18px;padding:28px 32px;border:1px solid #e1e6ed;border-radius:14px;background:#fff}.section h2{margin:0 0 14px;color:#263348;font-size:20px;letter-spacing:-.025em}.section p,.section li{color:#5f6e82;font-size:14px;line-height:1.9}.section p{margin:0}.section p+p{margin-top:10px}.section ol{margin:0;padding-left:22px}.quick-links,.related{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}.quick-links a,.related a,.index-link a{display:inline-flex;align-items:center;min-height:38px;padding:0 12px;border:1px solid #dce3eb;border-radius:9px;background:#f9fbfc;color:#44546a;font-size:13px;font-weight:750}.quick-links a:hover,.related a:hover{border-color:#aebccc;background:#fff;color:#172036}.index-link{margin-top:18px!important}.directory-search{display:block;max-width:720px;margin-top:28px}.directory-search span,.search-form label{display:block;margin-bottom:8px;color:#526174;font-size:13px;font-weight:800}.directory-search input,.search-row input{width:100%;height:50px;padding:0 15px;border:1px solid #d6dee7;border-radius:10px;background:#fff;color:#182338;font:inherit;outline:none}.directory-search input:focus,.search-row input:focus{border-color:#7c8da5;box-shadow:0 0 0 3px rgba(83,104,136,.10)}.result-count{margin-top:12px!important;color:#7b8798!important;font-size:13px!important}.compound-directory{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.compound-card{display:flex;flex-direction:column;gap:7px;padding:17px;border:1px solid #e1e6ed;border-radius:12px;background:#fff;box-shadow:0 1px 3px rgba(15,23,42,.025)}.compound-card:hover{border-color:#b9c5d3;transform:translateY(-1px)}.compound-card strong{color:#263348}.compound-card span{color:#7b8798;font-size:12px}.empty-state{padding:22px;border:1px dashed #cdd6e1;border-radius:12px;background:#fafbfd}.search-form{max-width:760px;margin-top:28px}.search-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}
.static-footer{background:#081126;color:#a9b4c8}.static-footer-inner{width:min(1500px,calc(100% - 48px));min-height:248px;margin:0 auto;padding:52px 0 42px;display:grid;grid-template-columns:minmax(360px,1.85fr) repeat(3,minmax(150px,.65fr));gap:70px;align-items:start}.static-footer-brand-block .footer-brand{color:#fff;font-size:30px;font-weight:850;line-height:1.15}.static-footer-brand-block p{max-width:520px;margin:24px 0 0;color:#9aa8bd;font-size:17px;line-height:1.65}.static-footer-columns{display:contents}.static-footer-columns>div{display:flex;flex-direction:column;align-items:flex-start;gap:18px}.static-footer-columns strong{margin:0 0 6px;color:#fff;font-size:17px}.static-footer-columns a{color:#a9b4c8;font-size:16px}.static-footer-columns a:hover{color:#fff}
@media(max-width:820px){.static-nav{align-items:flex-start;padding:20px 0;flex-direction:column}.static-links{gap:14px;flex-wrap:wrap}.static-tool-dropdown{left:0;transform:translate(0,-4px)}.static-tool-menu:hover .static-tool-dropdown,.static-tool-menu:focus-within .static-tool-dropdown,.static-tool-menu[open] .static-tool-dropdown{transform:translate(0,0)}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.compound-directory{grid-template-columns:repeat(2,minmax(0,1fr))}.static-footer-inner{grid-template-columns:1fr 1fr;gap:34px 26px}.static-footer-brand-block{grid-column:1/-1}}@media(max-width:560px){.container,.wrap{width:min(100% - 28px,1180px)}.hero{padding:28px 23px}.section{padding:23px 21px}.grid,.compound-directory,.search-row{grid-template-columns:1fr}.cta-row .btn{width:100%}.static-footer-inner{width:min(100% - 32px,1500px);min-height:0;padding:38px 0;grid-template-columns:1fr}.static-footer-brand-block{grid-column:auto}.static-footer-brand-block .footer-brand{font-size:25px}.static-footer-brand-block p{margin-top:15px;font-size:14px}.static-footer-columns strong{font-size:14px}.static-footer-columns a{font-size:13px}}

/* Unified language menu */
.static-language-menu{position:relative;margin-left:4px}.static-language-menu summary{min-width:92px;height:34px;padding:0 11px;border:1px solid rgba(255,255,255,.22);border-radius:8px;background:rgba(255,255,255,.06);color:#e5eaf3;display:inline-flex;align-items:center;justify-content:space-between;gap:8px;list-style:none;cursor:pointer;font-size:11px;font-weight:800;white-space:nowrap;user-select:none}.static-language-menu summary::-webkit-details-marker{display:none}.static-language-menu summary::after{content:'⌄';font-size:11px;transition:transform .16s ease}.static-language-menu[open] summary::after{transform:rotate(180deg)}.static-language-dropdown{position:absolute;top:calc(100% + 7px);right:0;z-index:80;min-width:158px;padding:6px;border:1px solid rgba(255,255,255,.13);border-radius:10px;background:#0d1730;box-shadow:0 14px 30px rgba(0,0,0,.28)}.static-language-dropdown button{width:100%;min-height:36px;padding:0 11px;border:0;border-radius:7px;background:transparent;color:#d7deeb;display:flex;align-items:center;gap:9px;font:inherit;font-size:12px;font-weight:750;text-align:left;cursor:pointer}.static-language-dropdown button:hover{background:rgba(255,255,255,.08);color:#fff}.static-language-dropdown button.active{background:rgba(139,124,246,.16);color:#fff}.static-language-flag{font-size:15px;line-height:1}@media(max-width:820px){.static-language-menu{margin-left:0}.static-language-dropdown{left:0;right:auto}}