.school-preview{display:flex;justify-content:space-between;gap:20px;background:#fff7ed;border:1px solid #fed7aa;border-radius:16px;padding:20px;margin:0 0 20px}.school-preview p{font-size:13px;line-height:1.7;margin-top:6px;color:#6b7280}.school-preview label{min-width:210px;font-size:13px}.school-preview select{display:block;width:100%;padding:9px;margin-top:8px;border:1px solid #ddd;border-radius:8px;background:white}.school-menu-panel{background:white;border:1px solid #eee;border-radius:16px;padding:22px;margin-bottom:24px}.school-menu-nav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.school-target{padding:18px;background:#fafafa;border-radius:12px}.school-target h3{margin:12px 0}.school-menu-edit{padding:16px;border:1px solid #fed7aa;border-radius:12px;margin-bottom:16px}.school-edit-line{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.school-edit-line .field{flex:1;min-width:150px}.school-tab-edit{padding:12px;margin:12px 0;background:#fafafa;border-radius:10px;display:grid;gap:10px}.school-tab-edit>div{display:flex;gap:8px}@media(max-width:650px){.school-preview{flex-direction:column}.school-menu-panel{padding:14px}.school-menu-nav .btn{max-width:100%;overflow-wrap:anywhere}}
/* A school workspace uses the existing left rail, never a second inline menu. */
.school-return{display:block;font-size:11px;color:#888;padding:14px 10px;line-height:1.7}.school-identity{margin:8px 0 26px;padding:19px 12px;border-top:1px solid #eee;border-bottom:1px solid #eee;display:grid;grid-template-columns:38px 1fr;gap:5px 10px;align-items:center}.school-identity-symbol{grid-row:span 2;width:38px;height:38px;display:grid;place-items:center;background:#fff0e4;color:#eb762f;border-radius:10px}.school-identity-symbol svg{width:21px;height:21px}.school-identity strong{font-size:14px;overflow-wrap:anywhere}.school-identity small{font-size:10px;color:#999}.school-rail-nav{display:grid;gap:8px}.school-rail-parent{display:flex;align-items:center;justify-content:space-between;text-align:left;width:100%;padding:13px 12px;border-radius:9px;font-size:13px;font-weight:650;color:#5c6268;gap:8px}.school-rail-parent>span:first-child{display:flex;align-items:center;gap:9px;overflow-wrap:anywhere;min-width:0}.school-rail-parent svg{width:17px;height:17px;flex-shrink:0}.school-rail-parent.active{color:#d66525;background:#fff2e7}.school-rail-tabs{margin:5px 0 12px 19px;border-left:1px solid #eee;padding:3px 0 3px 10px;display:grid;gap:4px}.school-rail-tab{display:flex;align-items:center;gap:8px;text-align:left;width:100%;padding:11px 8px;border-radius:7px;font-size:12px;color:#858a91;overflow-wrap:anywhere}.school-rail-tab.active{background:#fff9f3;color:#d66a2a;font-weight:650}.school-rail-dot{width:4px;height:4px;border-radius:50%;background:currentColor;flex-shrink:0}.school-rail-kind{margin-left:auto;font-size:9px;white-space:nowrap;opacity:.65}.school-rail-empty{font-size:11px;line-height:1.8;padding:14px;color:#999}.school-rail-bottom{margin-top:30px;border-top:1px solid #eee;padding-top:20px}.school-rail-bottom .nav-item{width:100%;text-align:left}.school-page-title{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px}.school-location{font-size:11px;color:#969aa1;margin-bottom:13px}.school-location span{padding:0 9px}.school-page-title h1{font-size:28px;letter-spacing:-1px;margin-bottom:10px}.school-page-title>div>p:last-child{font-size:12px;color:#92979f;line-height:1.8}.school-demo-details{margin-bottom:22px;border:1px solid #f1ece7;border-radius:9px;background:#fffcf8}.school-demo-details>summary{padding:11px 15px;font-size:11px;color:#a08976;cursor:pointer}.school-demo-details .school-preview{margin:0;border:0;border-radius:0;background:transparent}.school-content-sheet{border:1px solid #e8eaec;background:#fff;border-radius:12px;padding:32px;margin-bottom:28px;box-shadow:0 3px 12px #33302a03}.school-content-type{display:flex;align-items:center;gap:8px;font-size:11px;color:#cb783e;padding-bottom:22px;border-bottom:1px solid #f1f1f1}.school-content-type svg{height:18px;width:18px}.school-content-sheet h2{font-size:22px;margin:28px 0 14px;letter-spacing:-.6px;overflow-wrap:anywhere}.school-content-sheet p{font-size:13px;line-height:1.9;color:#8d939a;white-space:pre-wrap;overflow-wrap:anywhere}.school-content-footer{display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid #f1f1f1;margin-top:34px;padding-top:22px}.school-content-footer>span{font-size:11px;color:#acb0b5}.school-all-boards{border-top:1px solid #eee;padding-top:18px}.school-all-boards summary{cursor:pointer;color:#91969c;font-size:12px;padding:8px 0}.school-all-boards .board-grid{margin-top:18px}body:has(.school-rail-nav){--sidebar:250px}body:has(.school-rail-nav) .brand{white-space:nowrap}body:has(.school-rail-nav) main{max-width:1250px}#sidebar .school-rail-parent:hover,#sidebar .school-rail-tab:hover{background:#fff3e8}@media(max-width:900px){body:has(.school-rail-nav){--sidebar:220px}.school-content-sheet{padding:24px}.school-content-footer{align-items:flex-start;flex-direction:column}}@media(max-width:700px){body:has(.school-rail-nav){--sidebar:0px}.school-page-title h1{font-size:23px}.school-content-sheet{padding:20px}.school-page-title{align-items:flex-start}.school-content-footer .btn{width:100%}}
/* Platform navigation stays available alongside the school's custom rail. */
#global-navigation{display:flex;flex-wrap:wrap;gap:5px 7px;padding:12px 30px;background:#fff;border-bottom:1px solid #eceef0;position:sticky;top:0;z-index:15}#global-navigation a{display:flex;align-items:center;gap:6px;padding:9px 11px;border:1px solid transparent;border-radius:7px;color:#727982;font-size:12px;font-weight:550;white-space:nowrap}#global-navigation a svg{width:15px;height:15px;flex-shrink:0}#global-navigation a:hover{background:#fff7ef;color:#db6b2c}#global-navigation a[aria-current=page]{color:#d66525;background:#fff0e3;border-color:#ffe0c7}#global-navigation a small{font-size:8px;color:#a4a4a4}#global-navigation a:focus-visible{outline:2px solid #e87832;outline-offset:2px}.board-mode #global-navigation{display:none}@media(max-width:960px){#global-navigation{padding:10px 20px;gap:3px}#global-navigation a{padding:8px;font-size:11px}}@media(max-width:700px){#global-navigation{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));position:static;padding:10px 14px}#global-navigation a{white-space:normal;font-size:10px;padding:8px 5px}#global-navigation a small{display:none}}
/* The platform rail is shared by every place; place menus slide over it. */
.place-menu-trigger{display:grid;grid-template-columns:28px 1fr;align-items:center;gap:3px 8px;text-align:left;width:100%;padding:13px 10px;margin:18px 0 12px;background:#fff3e9;border:1px solid #ffdfc5;border-radius:10px;color:#d46d2e}.place-menu-trigger>span{grid-row:span 2}.place-menu-trigger svg{width:23px;height:23px}.place-menu-trigger strong{font-size:12px}.place-menu-trigger small{font-size:10px;color:#ad947f}.place-menu-backdrop{position:fixed;inset:0;z-index:39;background:#27231f24;cursor:default}.place-menu-backdrop[hidden]{display:none}.place-menu-drawer{position:fixed;inset:0 auto 0 0;width:300px;max-width:calc(100vw - 40px);z-index:40;background:white;border-right:1px solid #eee;box-shadow:12px 0 40px #35281918;display:flex;flex-direction:column;transform:translateX(-105%);visibility:hidden;transition:transform .23s ease,visibility .23s}.place-menu-drawer.open{transform:translateX(0);visibility:visible}.place-drawer-heading{display:flex;justify-content:space-between;align-items:center;padding:24px 20px 18px;border-bottom:1px solid #f1eee9;gap:12px}.place-drawer-heading small{font-size:9px;letter-spacing:1.5px;color:#e07c40}.place-drawer-heading h2{font-size:18px;margin-top:7px;overflow-wrap:anywhere}.place-drawer-switch{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:14px}.place-drawer-switch button{font-size:11px;display:flex;gap:6px;align-items:center;justify-content:center;padding:10px 6px;border:1px solid #eee;border-radius:8px;overflow-wrap:anywhere}.place-drawer-switch svg{width:15px;height:15px;flex-shrink:0}.place-drawer-switch button[aria-pressed=true]{color:#d46d2e;background:#fff4eb;border-color:#ffd8b9}.place-drawer-body{padding:0 16px 20px;overflow-y:auto;flex:1}.place-drawer-body .brand,.place-drawer-body>.school-return,.place-drawer-body .school-identity,.place-drawer-body>.school-return{display:none}.place-drawer-body>.school-return{display:none}.place-drawer-body .nav-item{width:100%;text-align:left}.place-drawer-body .nav-item span{overflow-wrap:anywhere;white-space:normal}.place-drawer-hint{font-size:10px;color:#9d9d9d;border-top:1px solid #eee;padding:14px 20px;line-height:1.7}.place-menu-drawer :focus-visible{outline:2px solid #e77835;outline-offset:2px}body:has(.place-menu-drawer .school-rail-nav){--sidebar:230px}body:has(.place-menu-drawer .school-rail-nav) main{max-width:1510px}.board-mode .sidebar,.board-mode .topbar{display:flex}.board-mode .sidebar{flex-direction:column}.board-mode .workspace{margin-left:var(--sidebar)}.board-mode main{min-height:calc(100vh - 80px)}.board-mode .canvas-page{min-height:calc(100vh - 80px)}
@media(max-width:700px){:root,body:has(.place-menu-drawer .school-rail-nav){--sidebar:64px}.sidebar{width:64px;transform:none;visibility:visible;padding:15px 6px;box-shadow:none}.workspace,.board-mode .workspace{margin-left:64px}.sidebar .brand{font-size:0;gap:0;justify-content:center}.sidebar .brand-symbol{font-size:20px;margin:0}.sidebar .brand-sub,.sidebar .nav-label,.sidebar .sidebar-bottom,.sidebar .place-switch,.sidebar .brand>span:last-child{display:none}.sidebar .nav-item{font-size:0;justify-content:center;padding:13px 8px;gap:0}.sidebar .nav-item>span{display:none}.sidebar .nav-item svg{width:21px;height:21px}.sidebar .institution-link>.school-icon{display:grid}.sidebar .nav-list{gap:2px}.place-menu-trigger{display:flex;justify-content:center;padding:10px 0;margin:20px 0 10px}.place-menu-trigger strong,.place-menu-trigger small{display:none}.place-menu-trigger>span{display:flex}.topbar{padding:0 12px}.topbar .mobile-menu{display:none}.topbar .breadcrumb{font-size:10px}main{padding:22px 14px}.place-menu-drawer{width:290px}.board-mode .topbar{height:65px}}
@media(prefers-reduced-motion:reduce){.place-menu-drawer{transition:none}}
/* Keep the fixed feature rail compact enough for everyday navigation. */
:root{--sidebar:230px}.sidebar{padding:22px 15px 16px}.sidebar .brand{white-space:nowrap;font-size:25px}.sidebar .brand-sub{margin-top:9px}.sidebar .place-switch{display:none}.sidebar .nav-label{margin:18px 10px 7px}.sidebar .nav-item{padding:10px 11px}.sidebar .free-note{display:none}.sidebar .sidebar-bottom{margin-top:20px}.sidebar .place-menu-trigger{margin:17px 0 10px;padding:11px 10px}.place-drawer-body .brand{display:none}@media(max-width:960px){:root{--sidebar:210px}}@media(max-width:700px){:root,body:has(.place-menu-drawer .school-rail-nav){--sidebar:64px}.sidebar{padding:15px 6px}.sidebar .brand{font-size:0}.sidebar .nav-item{padding:13px 8px}.sidebar .place-menu-trigger{padding:10px 0;margin:20px 0 10px}}
.place-current-button{display:flex;align-items:center;gap:11px;margin:16px 16px 7px;padding:14px 12px;border:1px solid #efe9e2;border-radius:11px;text-align:left;background:#fffdf9;flex-shrink:0}.place-current-button:hover{border-color:#edba94;background:#fff7ee}.place-choice-icon{width:39px;height:39px;border-radius:11px;display:grid;place-items:center;flex-shrink:0;background:#fff0e1;color:#dc8040}.place-choice-icon.institution{background:#eef2eb;color:#81956d}.place-choice-icon svg{width:21px;height:21px}.place-choice-copy{display:grid;gap:5px;min-width:0;flex:1}.place-choice-copy strong{font-size:13px;color:#44494f;overflow-wrap:anywhere;line-height:1.5}.place-choice-copy small{font-size:10px;color:#9fa2a5;line-height:1.6}.place-current-chevron{font-size:18px;color:#a9a29a;margin-left:auto}.place-picker-view{flex:1;overflow-y:auto;padding:0 16px 20px}.place-picker-back{display:block;color:#979a9e;font-size:11px;padding:18px 0}.place-picker-search{display:flex;align-items:center;gap:8px;border:1px solid #e8e9eb;border-radius:9px;padding:10px 12px;margin-bottom:25px;background:#fafafa}.place-picker-search>svg{width:17px;height:17px;color:#aaa;flex-shrink:0}.place-picker-search input{width:100%;min-width:0;font-size:12px;background:transparent;border:0;outline:0}.place-picker-search:focus-within{border-color:#e8ab77;box-shadow:0 0 0 2px #fff1e6}.place-picker-label{font-size:11px;color:#a2a4a8;padding:0 3px;margin-bottom:10px}.place-picker-label span{margin-left:6px;color:#c0c0c0}.place-choice-row{width:100%;display:flex;align-items:center;gap:11px;padding:15px 10px;text-align:left;border:1px solid transparent;border-radius:10px;margin-bottom:7px;background:#fff}.place-choice-row:hover{background:#faf9f7;border-color:#eee}.place-choice-row.selected{background:#fff7ed;border-color:#f8e3ce}.place-choice-row .place-choice-copy small{font-size:10px}.place-choice-check{color:#b0b3b6;font-size:17px}.place-choice-row.selected .place-choice-check{color:#e58b45}.place-picker-discover{display:flex;align-items:center;gap:9px;margin:24px 0 0;padding:17px 8px;border-top:1px solid #eee;font-size:11px;color:#8c939a}.place-picker-discover svg{width:16px;height:16px}.place-picker-empty{font-size:12px;text-align:center;padding:30px 8px;color:#999}
.place-picker-search input:focus-visible{outline:none}
.breadcrumb>#breadcrumb-place{padding:0;overflow-wrap:anywhere}

/* Desktop and mobile use the same navigation and place controls. */
.sidebar-close { display: none; }
.sidebar-place-picker { margin: 16px 0 4px; }
.sidebar-place-picker .place-current-button { width: 100%; margin: 0; cursor: pointer; list-style: none; }
.sidebar-place-picker summary::-webkit-details-marker { display: none; }
.sidebar-place-picker .place-picker-view { padding: 10px 0 0; }
.sidebar-place-picker .place-choice-row { padding: 8px; }
.sidebar-place-picker .place-picker-discover { margin: 8px 0 0; }
.sidebar .school-rail-bottom { margin: 4px 0; padding: 0; border: 0; }
.board-collection-switch { display: flex; gap: 8px; margin: 0 0 16px; }
.board-collection-switch a { padding: 8px 14px; border-radius: 8px; color: #565c64; }
.board-collection-switch a[aria-current="page"] { background: #fff0e6; color: #a8461f; font-weight: 700; }
@media (max-width: 700px) {
  :root { --sidebar: 0px; }
  #sidebar { width: min(300px, 86vw); padding: 18px 15px; transform: translateX(-100%); visibility: hidden; z-index: 40; }
  #sidebar.open { transform: none; visibility: visible; }
  #sidebar .sidebar-close { display: grid; position: absolute; right: 12px; top: 12px; }
  #sidebar .brand { justify-content: flex-start; padding-right: 42px; }
  #sidebar .nav-label, #sidebar .sidebar-bottom, #sidebar .nav-item > span { display: revert; }
  #sidebar .nav-item { font-size: 13px; justify-content: flex-start; gap: 9px; padding: 10px 11px; }
  .workspace, .board-mode .workspace { margin-left: 0; }
  .topbar .mobile-menu { display: grid; }
}

.place-material-board { margin: 0 0 24px; border: 1px solid #ece7e1; border-radius: 12px; overflow: hidden; }
.place-material-heading { padding: 20px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; }
.place-material-heading h2 { font-size: 20px; }
.place-material-heading p { margin: 5px 0 0; color: #65635f; font-size: 13px; }
.place-material-table { width: 100%; border-collapse: collapse; table-layout: fixed; text-align: left; font-size: 13px; }
.place-material-table :is(th,td) { padding: 12px; border-top: 1px solid #eeeae5; overflow-wrap: anywhere; }
.place-material-table th { background: #fff8f1; }
.place-material-table th:first-child { width: 70px; }
.place-material-table th:last-child { width: 24%; }
.bulletin-list th:nth-child(2){text-align:left}.bulletin-list :is(th,td){white-space:nowrap}.bulletin-list .bulletin-list-icon{width:38px;padding-left:20px;padding-right:4px;color:#d66a2a}.bulletin-list-icon svg{width:17px;height:17px;vertical-align:middle}.bulletin-list .bulletin-list-title{width:auto;text-align:left;white-space:normal}.bulletin-list .bulletin-list-title .board-list-title{text-align:left;padding:0;font-weight:650}.bulletin-list td:not(.bulletin-list-title):not(.bulletin-list-icon),.bulletin-list th:not(:nth-child(2)):not(.bulletin-list-icon){width:118px;font-size:11px;color:#777}.bulletin-list th:last-child{width:118px}@media(max-width:760px){.bulletin-list :is(th,td):nth-last-child(-n+2){display:none}.bulletin-list td:not(.bulletin-list-title):not(.bulletin-list-icon),.bulletin-list th:not(:nth-child(2)):not(.bulletin-list-icon){width:84px}.bulletin-list .bulletin-list-icon{padding-left:12px}}
.place-material-kind { display: inline-block; border-radius: 6px; padding: 4px 7px; background: #fff0e3; color: #8c411c; }
.place-material-kind.is-form { background: #edf4f8; color: #284e66; }
.place-material-empty { padding: 20px; color: #65635f; border-top: 1px solid #eeeae5; }

.bulletin-create-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:24px}.bulletin-create-options button{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:15px;padding:20px;border:1px solid #eee1d6;border-radius:12px;background:#fffaf5;cursor:pointer}.bulletin-create-options button:hover{border-color:var(--orange)}.bulletin-create-options svg{width:28px;color:var(--orange)}.bulletin-create-options strong,.bulletin-create-options small{display:block}.bulletin-create-options small{font-size:11px;color:#777;margin-top:7px;line-height:1.5}@media(max-width:500px){.bulletin-create-options{grid-template-columns:1fr}.bulletin-create-options button{flex-direction:row;align-items:center}}

.drive-unpublish{float:right;color:#a54d24;font-size:11px;padding:5px}

/* 클릭·우클릭으로 바로 구성하는 플레이스 메뉴 트리 */
.place-tree-nav{gap:3px}.place-tree-folder{margin:0}.place-tree-row{display:flex;align-items:center;gap:2px}.place-tree-row .school-rail-parent{flex:1}.place-tree-bulletin .school-rail-parent{padding-left:calc(12px + var(--tree-depth, 0) * 13px)}.place-tree-folder>.place-tree-row .school-rail-parent{padding-left:calc(12px + var(--tree-depth, 0) * 13px)}.place-tree-children{margin:1px 0 3px calc(13px + var(--tree-depth, 0) * 4px);padding-left:8px;gap:2px}.place-tree-children .school-rail-tab{padding-left:calc(8px + var(--tree-depth, 0) * 7px)}.place-node-menu{width:29px;height:29px;display:grid;place-items:center;border:0;border-radius:7px;background:transparent;color:#a06c4d;font-size:18px;cursor:pointer;flex:0 0 auto}.place-node-menu:hover{background:#fff0e4;color:#c95420}.place-tree-create{color:#c95420;font-weight:700}.place-tree-nav .school-rail-parent{min-height:38px}.place-tree-nav .school-rail-empty{margin:0;padding:7px 13px 9px;font-size:10px}.place-tree-nav .school-rail-tab{margin:0}.place-tree-empty{display:grid;justify-items:start;gap:9px;padding:14px 13px!important;border:1px dashed #f0c6aa;border-radius:10px;background:#fffaf6;cursor:context-menu}.place-tree-empty p{margin:0}.place-tree-empty .btn{display:inline-flex;align-items:center;gap:5px;padding:8px 11px;font-size:11px}.place-tree-empty .btn svg{width:14px;height:14px}.place-tree-empty small{color:#a08d82;line-height:1.55}