/* UV MARKET DESIGN SYSTEM · Brandbook 2026 */
:root{--bg:#f8f8fc;--panel:#fff;--ink:#222222;--muted:#687080;--line:#eaeaea;--brand:#8252de;--accent:#83e2e5;--violet:#a06bf2;--shadow:0 10px 35px rgba(56,35,99,.045);font-synthesis:none}
@font-face{font-family:'Gilroy';src:local('Gilroy'),local('Gilroy Regular');font-weight:100 900;font-style:normal;font-display:swap}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:'Gilroy','Segoe UI',Arial,sans-serif;font-size:15px;line-height:1.66}
a{text-decoration:none;color:var(--brand)}a:hover{color:#6637bd}
button,input,select{font:inherit}img{max-width:100%}
.top{position:sticky;top:0;z-index:30;height:78px;padding:0 30px;background:#fff;border-bottom:1px solid #eee;display:flex;align-items:center;gap:20px}
.logo{display:flex;align-items:center;gap:9px;color:#24222a;font-size:22px;font-weight:800;white-space:nowrap;letter-spacing:-.8px}
.logo b{color:#8252de}.brand-mark{display:inline-grid;place-items:center;width:34px;height:34px;background:linear-gradient(137deg,#a06bf2,#83e2e5);border-radius:11px;color:#fff;font-size:16px;line-height:1}.top-sub{font-size:12px;border-left:1px solid #ddd;padding-left:15px;color:#7b8293}
.top-right{margin-left:auto;display:flex;align-items:center;gap:12px}.to-site{font-size:13px;font-weight:650}.to-site:hover{text-decoration:underline}
.search-wrap{flex:0 1 540px;position:relative;margin-left:22px;width:100%}.search{width:100%;height:47px;background:#f7f7fb;border:1px solid #e6e4ed;border-radius:13px;padding:10px 14px 10px 47px;outline:none;color:#29252e;transition:box-shadow .15s,border-color .15s;font-size:14px}.search:focus{background:#fff;border-color:#a06bf2;box-shadow:0 0 0 4px #a06bf21d}.search-mark{position:absolute;top:8px;left:15px;color:#8b7c9f;font-size:24px;pointer-events:none}
.results{display:none;position:absolute;z-index:100;left:0;right:0;top:calc(100% + 8px);max-height:min(65vh,650px);overflow:auto;border:1px solid #eae4f1;border-radius:16px;background:#fff;box-shadow:0 25px 65px #28202e23;padding:11px}.results.show{display:block}.result{display:block;padding:12px 15px;margin:2px;border-radius:10px;color:#24212b}.result:hover,.result:focus,.result.selected{background:#f4efff;outline:none}.result-meta{display:block;font-size:11px;font-weight:750;color:#895cdb;margin-bottom:3px}.result strong{display:block;font-size:13px;line-height:1.45}.result .excerpt{display:block;font-size:12px;font-weight:450;color:#647080;white-space:normal;overflow:hidden;line-height:1.55;margin-top:5px}.result mark,.search-item mark{background:#e8defb;color:#5124a2;border-radius:3px;padding:0 1px}.none{padding:14px;color:var(--muted)}.result-footer{border-top:1px solid #ede8f5;display:block;padding:12px 14px;color:var(--brand);font-size:12px;font-weight:750}.result-footer:hover{background:#f4efff}
.menu-btn{display:none;background:none;border:0;font-size:22px;cursor:pointer;color:#40364b}
.shell{display:grid;grid-template-columns:276px minmax(0,1fr);max-width:1720px;margin:auto;min-height:calc(100vh - 78px)}.sidebar{position:sticky;top:78px;background:#fff;border-right:1px solid #efecf2;height:calc(100vh - 78px);padding:23px 16px 38px;overflow:auto}.sidebar-title{padding:8px 14px 11px;color:#92909d;text-transform:uppercase;letter-spacing:1.6px;font-size:10px;font-weight:800}.side-main,.side-market{display:flex;align-items:center;gap:10px;border-radius:11px;padding:10px 12px;font-size:13px;font-weight:700;color:#50505b}.side-main:hover,.side-market:hover,.side-article:hover{color:#7649c7;background:#f6f3fd}.side-main.active,.side-market.active,.side-article.active{color:#7547c9;background:#f2edfd}.side-icon{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:10px;background:linear-gradient(130deg,#f0e7ff,#ddfbfa);color:#8158c6;font-size:11px;font-weight:850}.side-divider{border-top:1px solid #eeedf0;margin:16px 12px}.side-list{padding:0 0 9px 20px}.side-article{display:block;color:#64616e;border-radius:7px;padding:7px 9px;font-size:12px;line-height:1.42}.market-details>summary{list-style:none;cursor:pointer}.market-details>summary::-webkit-details-marker{display:none}.market-details>summary:after{content:'⌄';color:#9f97b3;margin-left:auto}.market-details[open]>summary:after{transform:rotate(180deg)}
main{padding:40px clamp(25px,4vw,78px) 100px;min-width:0}.container{max-width:1150px;margin:0 auto}.bread{font-size:12px;color:#9893a1;margin-bottom:20px}.bread a{color:#777183}.bread span{margin:0 9px}
.hero{position:relative;overflow:visible;border-radius:25px;padding:49px 53px 45px;color:#fff;background:linear-gradient(118deg,#322449 4%,#594086 47%,#8d64d9 100%);margin-bottom:34px;isolation:isolate}.hero:before{content:'';position:absolute;z-index:-1;inset:0;pointer-events:none;border-radius:inherit;background:radial-gradient(circle at 95% 0%,#83e2e550,transparent 45%)}.hero h1{font-size:34px;line-height:1.2;color:white;letter-spacing:-.65px;margin:8px 0 12px}.hero p{max-width:730px;color:#ebe5f6;margin:0}.eyebrow{font-size:11px;font-weight:760;color:#b9f7f0;text-transform:uppercase;letter-spacing:1.5px}.metrics{display:flex;gap:25px;margin:23px 0 0;flex-wrap:wrap}.metrics b{display:block;font-size:19px}.metrics span{font-size:12px;color:#ece3fc}
.hero-search-wrap{position:relative;max-width:790px;margin-top:26px}.hero-search-wrap .search{height:62px;background:#fff;padding:15px 21px 15px 53px;border-color:#fff;border-radius:14px;color:#29232e;font-size:16px;box-shadow:0 13px 35px #20172e35}.hero-search-wrap .search-mark{left:18px;top:13px;color:#8057bc;font-size:29px}.hero-hints{display:flex;flex-wrap:wrap;gap:9px;align-items:center;margin-top:15px;font-size:12px;color:#e6ddf6}.hint{border:1px solid #ffffff57;border-radius:100px;color:white;background:#ffffff20;padding:5px 13px;cursor:pointer;font-size:12px}.hint:hover{background:#ffffff33}
.section-label{margin:35px 0 15px;font-size:20px;font-weight:800;letter-spacing:-.25px}.market-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.market-card{display:flex;gap:14px;align-items:flex-start;background:#fff;padding:21px;min-height:144px;border:1px solid #eeedf1;border-radius:17px;box-shadow:var(--shadow);color:#26212d;transition:transform .16s,box-shadow .16s,border-color .16s}.market-card:hover{transform:translateY(-2px);border-color:#cbbbeb;box-shadow:0 15px 36px #40305b16}.market-card .side-icon{width:45px;height:45px;font-size:13px;border-radius:13px}.market-card h3{font-size:15px;margin:3px 0 7px;line-height:1.3}.market-card p{color:#777582;font-size:12px;margin:0}.chip{display:inline-block;color:#8053cf;font-weight:800;font-size:11px;margin-top:8px}
.article-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.article-card{background:white;border:1px solid #eeedf1;border-radius:15px;padding:19px 22px;color:#2f2a36;min-height:89px;box-shadow:var(--shadow)}.article-card:hover{border-color:#b7a2e4}.article-card strong{display:block;line-height:1.4}.article-card small{display:block;font-size:12px;margin-top:6px;color:#827e8a}.cat-heading{display:flex;align-items:center;gap:14px}.cat-heading h1{font-size:34px}.cat-heading .side-icon{width:57px;height:57px;font-size:16px}
.article-head h1{font-size:clamp(28px,3vw,34px);line-height:1.21;margin:0 0 15px;letter-spacing:-.5px}.article-head p{color:#787583;margin:0 0 24px}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 214px;align-items:start;gap:26px}.article{background:#fff;min-width:0;padding:36px 42px;border:1px solid #eeecf1;border-radius:17px;box-shadow:var(--shadow);font-size:15px;line-height:1.7}.article p{margin:0 0 16px}.article h2{font-size:26px;line-height:1.25;margin:33px 0 14px}.article h3{font-size:22px;line-height:1.3;margin:26px 0 11px}.article h4{font-size:18px;line-height:1.3;margin:22px 0 10px}.article figure{margin:16px 0 25px}.article figure img{width:auto;max-width:100%;max-height:750px;object-fit:contain;border:1px solid #eaeaea;background:#fafafa;border-radius:11px;display:block}.article figcaption{font-size:11px;color:var(--muted)}.article p.list-item{padding-left:22px;position:relative}.article p.list-item:before{content:'•';position:absolute;left:7px;color:#a06bf2}.kb-table-scroll{overflow-x:auto;margin:21px 0}.kb-table{width:100%;border-collapse:collapse;font-size:13px;line-height:1.5}.kb-table td,.kb-table th{border:1px solid #eae4f1;padding:10px 12px;vertical-align:top;text-align:left;min-width:120px}.kb-table th{background:#f3eefd;color:#4e3f6d;font-weight:800}.kb-table tr:nth-child(even){background:#fcfaff}.article a{text-decoration:underline;text-decoration-color:#d3c0f4;text-underline-offset:3px;overflow-wrap:anywhere}.toc{position:sticky;top:108px;padding:12px;border-left:1px solid #ebe7f2;font-size:12px;color:#7c768a}.toc b{color:#5f566b;display:block;margin:5px 0 12px;text-transform:uppercase;letter-spacing:.9px;font-size:11px}.toc a{color:#6c6579;display:block;padding:6px 0;line-height:1.4}.toc a:hover{color:#8252de}
.source-note{border-top:1px solid #ebe9ee;padding-top:16px;margin-top:30px;font-size:12px;color:#88828e}.pager{display:flex;justify-content:space-between;gap:15px;margin-top:25px;flex-wrap:wrap}.page-button{padding:16px 19px;background:white;border:1px solid #eae6f0;border-radius:12px;max-width:50%;font-size:13px;font-weight:660}.page-button:hover{border-color:#aa91df;background:#fbf8ff}.alert{padding:20px 24px;background:#f1fafe;border-left:3px solid #83e2e5;color:#565b6a;border-radius:11px;font-size:13px}.footer{color:#93909c;font-size:12px;text-align:center;margin-top:75px;padding-top:20px;border-top:1px solid #e9e6ef}
.search-page-head{margin:0 0 28px}.search-page-head h1{font-size:34px;margin:0 0 5px}.search-page-head p{font-size:13px;color:#727381}.search-page-form{position:relative;max-width:910px;margin:20px 0 27px}.search-page-form .search{height:60px;background:#fff;font-size:17px;padding-left:53px}.search-page-form .search-mark{font-size:27px;top:13px;left:17px}.search-page-layout{display:grid;grid-template-columns:225px minmax(0,1fr);gap:30px;align-items:start}.filter-card{background:#fff;border-radius:16px;border:1px solid #eae6f0;padding:18px}.filter-card h3{font-size:14px;margin:0 0 13px}.filter-option{display:flex;align-items:center;gap:8px;border-radius:9px;font-size:12px;padding:8px 7px;cursor:pointer;color:#605c69}.filter-option:hover{background:#f6f1fe}.filter-option input{accent-color:#8252de}.filter-option .count{margin-left:auto;color:#8d8993}.search-list-head{font-size:13px;color:#756e7e;margin-bottom:10px}.search-item{display:block;border:1px solid #eae7ef;border-radius:14px;background:#fff;padding:21px 24px;margin-bottom:12px;color:#25212c}.search-item:hover{border-color:#bbace4}.search-item .result-meta{font-size:12px}.search-item h2{font-size:19px;margin:2px 0 7px}.search-item p{margin:0;color:#676472;font-size:13px}.search-empty{border:1px solid #eee;background:white;border-radius:14px;padding:28px;color:#777}
@media(max-width:1250px){.article-layout{display:block}.toc{display:none}.market-grid{grid-template-columns:repeat(2,1fr)}.top-sub{display:none}.search-wrap{margin-left:0}}
@media(max-width:850px){.top{height:64px;padding:0 13px;gap:9px}.menu-btn{display:inline-block}.logo{font-size:19px}.brand-mark{width:29px;height:29px}.to-site,.top-right{display:none}.search-wrap{margin-left:0}.search{height:43px;font-size:12px;padding:8px 10px 8px 32px}.search-mark{left:10px;top:8px;font-size:19px}.shell{display:block}.sidebar{display:none;position:fixed;top:64px;bottom:0;left:0;width:min(320px,85vw);height:auto;z-index:25;box-shadow:9px 10px 22px #2222}body.menu-open .sidebar{display:block}main{padding:21px 16px 65px}.hero{padding:32px 24px;border-radius:17px}.hero h1{font-size:28px}.hero-search-wrap .search{font-size:14px}.market-grid,.article-grid{grid-template-columns:1fr}.article{padding:22px 19px}.article h2{font-size:23px}.article h3{font-size:20px}.search-page-layout{display:block}.filter-card{margin-bottom:20px}.search-page-head h1{font-size:27px}.page-button{max-width:100%}}