/* 시안 3 제안 · 2026-09-27: 공연 프로그램의 넓은 판형을 참고한 별도 방향.
   사용자 브랜드 네이비·골드는 유지하고 가로 탐색, 종이색 지면, 명확한 활자 대비로 비교한다. */
:root{--bg:#f5f2eb;--paper:#fffefa;--navy:#1A2A4D;--ink:#1A2A4D;--accent:#C8A85C;--secondary:#49566d;--muted:#626d80;--reading-muted:#626d80;--line:#dfded6;--studio:#eeeee8;--workspace-top:140px;--context-height:60px}
body{background:var(--bg);color:var(--ink)}
.edition-three{display:block;min-height:100vh}
.edition-three .workspace{margin:0;width:100%;min-width:0}
.v3-chrome{position:sticky;top:0;z-index:22;background:var(--paper)}
.v3-brandbar{height:86px;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:0 max(32px,calc((100vw - 1280px)/2));border-bottom:1px solid var(--line)}
.v3-brand{display:flex;align-items:center;gap:34px;flex-shrink:0}
.v3-brand .wordmark{padding:0;font-size:27px;letter-spacing:3.5px;font-weight:400;line-height:1;color:var(--navy)}
.v3-brand .wordmark>span{font:9px var(--font);letter-spacing:2.7px;margin-top:10px;color:var(--secondary)}
.v3-institution{display:flex;align-items:center;gap:12px;border-left:1px solid #d8d5c9;padding-left:28px}
.v3-institution-mark{width:33px;height:38px;display:grid;place-items:center;border:1px solid var(--accent);font:italic 24px var(--serif);color:var(--navy)}
.v3-institution strong{font-size:14px;font-weight:600;display:block;letter-spacing:-.3px}
.v3-institution>div>span{display:block;color:var(--muted);font-size:12px;margin-top:7px;white-space:nowrap}
.v3-account-tools{display:flex;align-items:center;gap:17px}
.v3-account-tools .workspace-search{border:0;background:none;padding:8px 0;min-height:40px;color:var(--muted);font-size:13px}
.v3-account-tools .workspace-search kbd{font-size:11px;border:1px solid var(--line);padding:2px 5px;margin-left:2px;border-radius:3px}
.v3-compare{display:flex;align-items:center;gap:5px;white-space:nowrap;color:var(--navy);font-size:12px;text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:5px;min-height:40px}
.v3-edition{font-size:11px;color:var(--secondary);padding:5px 7px;border:1px solid #d9cfb6;white-space:nowrap}
.v3-account-tools .role-switch{border-left:1px solid var(--line);padding-left:17px}
.v3-account-tools .role-switch select{font-size:13px;min-height:40px;color:var(--navy)}
.v3-account-tools .icon-btn{width:40px;height:40px;color:var(--navy)}
.v3-navigation{height:54px;display:flex;align-items:stretch;justify-content:space-between;background:var(--navy);padding:0 max(32px,calc((100vw - 1280px)/2));gap:20px}
.v3-main-nav{display:flex;align-items:stretch;gap:9px;min-width:0}
.v3-main-nav .nav-item{margin:0;padding:0 20px;min-height:54px;width:auto;gap:9px;border-radius:0;background:transparent;color:#cfd5e2;font-size:14px;white-space:nowrap;position:relative}
.v3-main-nav .nav-item>.icon{width:17px;height:17px;flex-basis:17px;color:#adb9ce}
.v3-main-nav .nav-item:hover{color:white;background:#ffffff08}
.v3-main-nav .nav-item.active{background:#ffffff09;color:white;box-shadow:none}
.v3-main-nav .nav-item.active:before{top:auto;bottom:0;left:18px;right:18px;width:auto;height:3px;background:var(--accent);border-radius:0}
.v3-main-nav .nav-item.active>.icon{color:#e0c989}
.v3-main-nav .nav-count{font-size:11px;color:#d7ddeb;margin-left:1px;padding:2px 5px;border:1px solid #52617c;border-radius:3px}
.v3-utility-nav{display:flex;align-items:center;gap:21px;flex-shrink:0}
.v3-utility-nav button{display:flex;align-items:center;gap:7px;min-height:44px;font-size:12px;color:#d0d7e5;white-space:nowrap}
.v3-utility-nav button:hover,.v3-utility-nav button.active{color:#e5ce91}
.v3-notification{position:relative;min-width:25px;justify-content:center}
.v3-notification i{width:4px;height:4px;border-radius:50%;background:var(--accent);position:absolute;right:0;top:12px}
#work-context{top:var(--workspace-top);z-index:19;border-bottom:1px solid var(--line);background:#efede6}
.work-context-bar{max-width:1280px;margin:auto;min-height:60px;padding:8px 0;background:transparent;border:0;gap:14px}
.work-context-bar>label{font-size:12px;color:var(--secondary)}
.work-context-bar>label .icon{display:none}
.work-context-bar select{background:transparent;border-color:#d3d2c9;border-radius:2px;min-height:36px;font-size:13px;max-width:260px}
.work-context-bar>span{font-size:12px;color:var(--muted)}
.work-context-bar>.btn{font-size:12px;min-height:36px;margin-left:auto}
#main{width:100%;padding:38px 32px 58px;max-width:1344px;margin:0 auto;min-height:calc(100vh - 260px)}
.page{max-width:1280px;margin:auto;animation:v3-page-enter 220ms ease-out}
.page-heading{align-items:center;margin-bottom:30px;gap:20px}
.page-heading h1{font-size:36px;line-height:1.3;letter-spacing:-1px}
.page-heading p{font-size:14px;color:var(--muted);margin-top:14px}
.heading-actions{gap:10px}
.btn{border-radius:3px;min-height:43px;font-size:13px;padding:11px 17px;transition:background 160ms,color 160ms,border-color 160ms,transform 160ms}
.btn.primary{background:var(--navy);box-shadow:none}
.btn.primary:hover{background:#293d64;border-color:#293d64;box-shadow:none}
.btn.secondary{background:var(--paper);color:var(--navy);border-color:#d5d7d8}
.btn.secondary:hover{background:#f1efe6;border-color:#b6a67f}
.text-btn{color:var(--navy);font-size:13px}
.workspace-footer{width:calc(100% - 64px);max-width:1280px;margin:0 auto;padding:23px 0 27px;display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #d3d0c5;font-size:12px;color:var(--muted)}
.workspace-footer>a{font:19px var(--serif);letter-spacing:2px;color:var(--navy)}
.workspace-footer i{font:12px var(--serif);letter-spacing:0;margin-left:5px}
#toasts{left:50%}
.draft-resume-bar,.connection-banner{border-radius:3px}
.has-work-context .members-sticky-tools{top:calc(var(--workspace-top) + var(--context-height))}
.members-sticky-tools{top:var(--workspace-top)}
.skip-link{z-index:200}
@keyframes v3-page-enter{from{opacity:.7;transform:translateY(4px)}to{opacity:1;transform:none}}
@media(max-width:1344px){.work-context-bar,.workspace-footer{margin-left:32px;margin-right:32px}}
@media(max-width:1180px){.v3-institution{display:none}.v3-main-nav{gap:0}.v3-main-nav .nav-item{padding:0 16px}.v3-utility-nav{gap:15px}.v3-account-tools{gap:15px}}
@media(max-width:900px){.v3-account-tools .workspace-search kbd{display:none}.v3-utility-nav button>span:not(.icon){display:none}.v3-main-nav .nav-item{padding:0 13px}.v3-navigation{gap:10px}.v3-account-tools .workspace-search>span:not(.icon){display:none}.v3-edition{display:none}}
/* 모바일에서도 주 메뉴를 접어 숨기지 않아 현재 위치와 이웃 메뉴를 바로 찾는다. */
@media(max-width:700px){
 :root{--workspace-top:121px;--context-height:61px}
 .v3-brandbar{height:70px;padding:0 18px;gap:12px}
 .v3-brand .wordmark{font-size:22px;letter-spacing:2.8px}
 .v3-brand .wordmark>span{font-size:8px;letter-spacing:1.5px;margin-top:7px}
 .v3-account-tools{gap:8px}
 .v3-account-tools .workspace-search{width:32px;justify-content:center}
 .v3-account-tools .role-switch{border:0;padding:0}
 .v3-account-tools .role-switch select{font-size:12px;max-width:84px;padding-left:0;padding-right:15px}
 .v3-account-tools .v3-logout{display:inline-flex;width:32px;height:44px;min-width:32px}
 .v3-compare{position:fixed;bottom:18px;right:16px;z-index:15;background:var(--navy);color:#fff9eb;border:1px solid #bfa569;padding:9px 12px;border-radius:3px;box-shadow:0 3px 10px #1a2a4d20;text-decoration:none;font-size:12px;min-height:42px}
 .v3-navigation{height:51px;padding:0 10px;gap:4px}
 .v3-main-nav{overflow-x:auto;scrollbar-width:none;flex:1}
 .v3-main-nav::-webkit-scrollbar{display:none}
 .v3-main-nav .nav-item{padding:0 13px;min-height:51px;font-size:13px;gap:6px;flex-shrink:0}
 .v3-main-nav .nav-item>.icon,.v3-main-nav .nav-count{display:none}
 .v3-main-nav .nav-item.active:before{left:13px;right:13px}
 .v3-utility-nav{gap:0;border-left:1px solid #43516b;padding-left:5px}
 .v3-utility-nav button{width:35px;min-height:44px;justify-content:center}
 .v3-utility-nav [data-page="activity"]{display:none!important}
 .work-context-bar{margin:0 18px;padding:9px 0;gap:9px;min-height:61px}
 .work-context-bar>label{font-size:12px}
 .work-context-bar select{font-size:16px;min-height:40px;flex:1;width:0;max-width:none}
 .work-context-bar>span{display:none}
 .work-context-bar>.btn{min-height:40px;font-size:12px;padding:6px;white-space:normal;max-width:88px}
 #main{padding:25px 18px 42px;margin:0;width:100%;min-height:calc(100vh - 180px)}
 .page-heading{margin-bottom:24px;gap:14px;align-items:flex-start}
 .page-heading h1{font-size:30px}.page-heading p{font-size:13px;line-height:1.8}
 .heading-actions{gap:8px;width:100%;margin:0}.btn{min-height:44px;font-size:13px;padding:10px 14px}
 .workspace-footer{width:calc(100% - 36px);margin:0 18px;padding:20px 0 85px;flex-wrap:wrap;gap:13px}
 .workspace-footer>span:last-child{display:block;font-size:12px}
 .workspace-footer>span:nth-child(2){flex:1 1 100%;font-size:12px;line-height:1.7}
 .members-sticky-tools{position:relative;top:auto!important}
}
@media(prefers-reduced-motion:reduce){.page{animation:none}.btn{transition:none}}
@media print{.v3-chrome,#work-context,.v3-compare{display:none!important}#main{padding:0;max-width:none}.workspace-footer{display:none}}

.v3-footer-activity{display:none}
@media(max-width:700px){.v3-footer-activity{display:flex;align-items:center;gap:7px;min-height:44px;color:var(--navy);font-size:12px;margin-left:auto}.v3-brand .wordmark{font-size:20px;letter-spacing:2px}.v3-brand .wordmark>span{font-size:7px;letter-spacing:1.35px}}
/* 시안 3 제안: 모바일에서 검색 문구만 접고 실제 검색 아이콘은 남긴다. */
.v3-account-tools .workspace-search>.icon{display:inline-block}