.nav-tour{font-size:12px;font-weight:600;color:var(--green);border:1px solid #d9e4dc;border-radius:99px;padding:8px 15px;white-space:nowrap}.nav-tour:hover{background:#eff5f0}.tour-page{background:#f5f6f2}.tour-page [hidden]{display:none!important}.tour-page button{cursor:pointer}.tour-page button:disabled{cursor:default;opacity:.4}.tour-intro{text-align:center;padding:65px 24px 43px}.tour-intro h1{font-size:clamp(36px,4.8vw,61px);margin:16px 0 18px;line-height:1.18}.tour-intro>p:not(.eyebrow){font-size:16px;color:var(--muted);line-height:1.8}.demo-badge{display:inline-flex;gap:8px;align-items:center;background:#e8efe5;color:#4d654d;border:1px solid #dbe6d8;font-size:12px;padding:7px 14px;border-radius:99px;margin-top:22px}.back-home{font-size:12px;color:var(--muted)}.back-home:hover{color:var(--green)}.tour-layout{max-width:1400px;margin:auto;padding:0 32px;display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:35px;align-items:start}.tour-window{border:1px solid #d5dcd2;border-radius:15px;overflow:hidden;background:#fff;box-shadow:0 18px 55px #25372b0b}.tour-titlebar{height:38px;background:#edf0eb;border-bottom:1px solid #dce2d9;display:flex;align-items:center;gap:13px;padding:0 15px;font-size:10px;color:#647067}.tour-titlebar>b{font-size:9px;margin-left:auto;font-weight:500}.window-dots{display:flex;gap:5px}.window-dots i{background:#bbc7ba;width:7px;height:7px;border-radius:50%}.tour-app{display:grid;grid-template-columns:173px minmax(0,1fr);min-height:595px}.tour-sidebar{background:#173a29;color:#deeadf;padding:27px 13px 20px;display:flex;flex-direction:column}.tour-brand{display:flex;align-items:center;gap:9px;padding:0 7px}.tour-brand img{border-radius:10px}.tour-brand strong{display:block;font-size:20px;letter-spacing:-.05em;color:white}.tour-brand small{font-size:10px;color:#adc4b4}.nav-label{font-size:10px;color:#a3bea9;margin:35px 9px 11px}.tour-sidebar nav{display:grid;gap:5px}.tour-sidebar nav button{display:flex;align-items:center;gap:11px;color:#dce7de;padding:11px;border:none;background:transparent;border-radius:7px;font-size:12px;text-align:left;min-height:43px}.tour-sidebar nav button>span{font-size:17px;width:21px;text-align:center}.tour-sidebar nav button:hover{background:#234633}.tour-sidebar nav button[aria-current=page]{color:white;background:#315d42;font-weight:600}.tour-sidebar button:focus-visible{outline-color:#c4e6b7;outline-offset:-3px}.tour-sidebar-note{color:#c0d1c4;font-size:11px;line-height:1.8;margin-top:auto;padding:40px 9px 0}.tour-sidebar-note small{display:block;color:#a3bea9;font-size:9px;margin-top:10px}.tour-workspace{min-width:0;background:#f5f6f2}.tour-toolbar{height:47px;display:flex;align-items:center;justify-content:space-between;padding:0 25px;border-bottom:1px solid #e0e5dc;font-size:10px;color:#68756b;background:#fafbf8}.example-label{background:#edf2e9;color:#5b775c;border:1px solid #dbe5d6;border-radius:5px;padding:3px 8px;font-size:9px}.tour-screen{padding:25px}.screen-heading>p:first-child{font-size:10px;color:#6f7b71;letter-spacing:.03em}.screen-heading h2{font-size:26px;letter-spacing:-.055em;line-height:1.3;margin:5px 0 9px;color:#24442e}.screen-heading>p:last-child{font-size:11px;color:#6b776c;line-height:1.8}.tour-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:23px}.tour-stats article{background:#fff;border:1px solid #dfe6da;border-radius:10px;padding:15px}.tour-stats article:first-child{background:#eaf1e5;border-color:#d5e3ca}.tour-stats article>span{font-size:11px;color:#64785e}.tour-stats strong{display:block;font-size:35px;color:#315d42;line-height:1.4;margin:5px 0}.tour-stats strong small{font-size:11px;font-weight:400;margin-left:5px}.tour-stats p{font-size:10px;color:#6c7866}.dashboard-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:12px;margin-top:16px}.tour-card{background:#fff;border:1px solid #dfe6da;border-radius:10px;padding:19px;min-width:0}.tour-card h3{font-size:12px;color:#3e5e45}.card-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.card-heading>span{font-size:9px;color:#74866c}.tour-bars{display:flex;align-items:flex-end;gap:12px;height:144px;border-bottom:1px solid #e2e8dc;padding:20px 7px 0;margin:8px 0}.tour-bars i{flex:1;height:var(--bar);background:#c4d9b7;border-radius:3px 3px 0 0}.tour-bars i:last-child{background:#557d45}.chart-description{font-size:9px;color:#6b7963;margin-top:10px}.event-list{list-style:none;padding:0;margin:17px 0 0;display:grid;gap:16px}.event-list li{display:flex;align-items:center;gap:12px;font-size:11px;color:#3f563c}.event-list li>b{display:grid;place-items:center;width:33px;height:33px;background:#f0f4eb;border-radius:8px;font-size:12px;color:#638251}.event-list small{display:block;font-size:9px;color:#75816d;margin-top:2px}.screen-tip{display:flex;gap:10px;align-items:flex-start;margin-top:24px;padding:14px;background:#edf2e9;color:#5a6e4e;border-radius:8px;font-size:10px;line-height:1.9}.screen-tip>span{font-size:16px;line-height:1.4}.screen-controls{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap;margin:24px 0 14px;font-size:10px;color:#6b7765}.tour-search{display:flex;align-items:center;gap:9px;background:#fff;border:1px solid #d6dfcf;border-radius:7px;padding:8px 11px;flex:1;max-width:290px;min-width:160px}.tour-search span{font-size:20px;line-height:1}.tour-search input{border:0;outline-offset:5px;min-width:0;width:100%;font:inherit;font-size:12px;background:transparent;color:#25442c}.tour-search input:focus-visible{outline:2px solid #268353}.tour-table-scroll{overflow:auto;border:1px solid #dfe6da;border-radius:10px;background:#fff}.tour-table{border-collapse:collapse;width:100%;font-size:11px;text-align:left;white-space:nowrap}.tour-table th{font-size:10px;font-weight:500;color:#697c60;background:#f0f4eb}.tour-table th,.tour-table td{padding:13px;border-bottom:1px solid #e9eee5}.tour-table tr:last-child td{border-bottom:0}.member-link{display:flex;align-items:center;gap:8px;background:none;border:0;color:#315d42;font-weight:600;font-size:12px;padding:0;min-height:33px}.member-link:hover{text-decoration:underline}.member-link small,.tour-attendance-list small,.student-line small{font-size:9px;font-weight:400;color:#738168;margin-left:3px}.avatar{display:inline-grid;place-items:center;width:31px;height:31px;flex:none;background:#edf3e6;color:#617d4e;border-radius:50%;font-size:13px}.tag{display:inline-block;font-size:9px;color:#4a7241;background:#edf4e8;border-radius:5px;padding:4px 7px}.tag.warm{color:#826229;background:#faf1da}.empty-message{padding:28px;text-align:center;color:#6b7765;font-size:12px}.subtle-button{border:1px solid #d3deca;border-radius:6px;background:white;color:#597448;padding:7px 10px;font-size:10px}.attendance-summary{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;padding:12px 15px;background:#e9f1e2;border:1px solid #d7e5ca;border-radius:8px;color:#4f6f40;font-size:10px}.attendance-summary strong{font-size:12px}.tour-attendance-list{list-style:none;background:#fff;border:1px solid #dfe6da;border-radius:10px;padding:0 15px;margin:15px 0 0}.tour-attendance-list li{display:flex;align-items:center;gap:12px;border-bottom:1px solid #e6eddf;padding:10px 0;font-size:12px}.tour-attendance-list li:last-child{border:0}.tour-attendance-list li div{flex:1}.tour-attendance-list li div>span{display:block;font-size:10px;color:#6f8063;margin-top:3px}.tour-attendance-list button{background:#fff;border:1px solid #d6e0ce;border-radius:6px;padding:9px 12px;font-size:11px;color:#65765c;min-width:80px;min-height:37px}.tour-attendance-list button[aria-pressed=true]{background:#315d42;border-color:#315d42;color:#fff}.department-filter{display:flex;gap:7px;margin:24px 0 17px}.department-filter button{padding:10px 16px;border:1px solid #d8e2d0;border-radius:7px;color:#5c7352;background:#fff;font-size:11px}.department-filter button[aria-pressed=true]{background:#315d42;color:white;border-color:#315d42}.department-preview{display:grid;grid-template-columns:1fr 1fr;gap:12px}.class-card h3{font-size:18px;letter-spacing:-.04em;margin:12px 0 6px}.class-card p{font-size:10px;line-height:1.8;color:#6f8063}.student-line{display:flex;align-items:center;gap:10px;padding:17px 0;border-top:1px solid #e4ecde;margin-top:15px;font-size:12px}.student-line+.student-line{margin-top:0}.check-list{list-style:none;display:grid;gap:15px;padding:0;margin:24px 0 0;color:#56734a;font-size:11px;line-height:1.9}.check-list li:before{content:'✓';margin-right:8px;color:#557e42}.calendar-demo{display:grid;grid-template-columns:1.4fr 1fr;gap:12px;margin-top:25px}.calendar-week,.calendar-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.calendar-week{margin-top:20px;margin-bottom:9px;text-align:center;font-size:10px;color:#768a68}.calendar-days button,.calendar-days .blank-day{height:36px;min-width:0;border:0;border-radius:6px;color:#566b4b;background:#f6f8f2;font-size:11px;position:relative;padding:0}.calendar-days button:hover{background:#e4eddb}.calendar-days button[aria-pressed=true]{color:#fff;background:#315d42}.calendar-days button[data-has-event=true]:after{content:'';position:absolute;bottom:4px;left:calc(50% - 2px);height:3px;width:3px;border-radius:50%;background:currentColor}.calendar-days .blank-day{background:transparent}.calendar-detail .card-label{font-size:10px;color:#74866a}.calendar-detail h3{font-size:16px;margin-top:8px;line-height:1.7}.calendar-detail>p:last-child{font-size:10px;color:#75846c;line-height:1.8;margin-top:23px}.role-picker{display:flex;align-items:center;gap:10px;color:#617458;font-size:11px}.role-picker select{background:white;color:#315d42;border:1px solid #d3dfc9;border-radius:7px;padding:9px 11px;max-width:180px;font:inherit;font-size:12px}.permission-chips{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}.permission-chips span{display:inline-flex;align-items:center;padding:9px 12px;color:#496b39;background:#edf4e6;border:1px solid #dbe8cf;border-radius:7px;font-size:12px}.role-description{font-size:12px;color:#6b7d5e;line-height:2}.permission-note{display:flex;gap:13px;padding:25px 0;color:#6c7d60}.permission-note>span{font-size:24px;color:#4c7440}.permission-note h3{font-size:12px;margin-bottom:8px}.permission-note p{font-size:11px;line-height:2}.tour-guide{padding-top:36px}.guide-label{font-size:10px;font-weight:600;letter-spacing:.18em;color:#5b7955}.guide-step{font-size:12px;letter-spacing:.1em;color:#6b7866;margin-top:29px}.tour-guide h2{font-size:25px;line-height:1.4;letter-spacing:-.055em;color:#284930;margin-top:10px}.tour-guide>p:not(.guide-label):not(.guide-step):not(.guide-disclaimer){color:#6c7766;font-size:13px;line-height:1.9;margin-top:17px}.guide-try{border-top:1px solid #d8e1d0;border-bottom:1px solid #d8e1d0;padding:22px 0;margin-top:25px}.guide-try>span{color:#466438;font-size:11px;font-weight:600}.guide-try p{font-size:12px;line-height:1.9;color:#6c7b60;margin-top:8px}.guide-navigation{display:flex;justify-content:space-between;gap:12px;margin-top:24px}.guide-navigation button{background:#fff;border:1px solid #d4dfcb;border-radius:7px;padding:10px 15px;color:#4c6d3c;font-size:12px;min-height:40px}.guide-navigation #tour-next{background:#315d42;color:white;border-color:#315d42}.guide-disclaimer{font-size:10px;line-height:1.9;color:#6e7c65;margin-top:24px}.tour-ending{text-align:center;padding:100px 24px 78px}.tour-ending h2{font-size:clamp(32px,4vw,47px);line-height:1.25;letter-spacing:-.05em;color:#284930;margin-top:15px}.tour-ending>p:not(.eyebrow){font-size:14px;color:#737e6c;margin:22px 0}.ending-link{display:block;color:#567649;font-size:12px;margin-top:18px}.ending-link:hover{text-decoration:underline}.tour-footer{border-top:1px solid #dfe5d9;max-width:1336px;margin:auto;padding:25px 0;display:flex;align-items:center;justify-content:space-between}.tour-footer p{color:#6c7b61;font-size:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.tour-noscript{max-width:900px;margin:0 auto 25px;padding:15px;background:#edf3e6;font-size:13px}#member-dialog{width:min(440px,calc(100% - 32px));border:1px solid #d3dfcb;border-radius:16px;padding:24px;background:#fff;color:#284930;max-height:85vh;overflow:auto}#member-dialog::backdrop{background:#172c2459}.dialog-header{display:flex;justify-content:space-between;align-items:center;gap:15px}.dialog-header button{border:1px solid #d3dfcb;background:white;border-radius:7px;width:36px;height:36px;font-size:23px;color:#6c7e61}.dialog-avatar{width:55px;height:55px;font-size:22px;margin-top:25px}#member-dialog h2{font-size:27px;margin:10px 0 3px}#detail-group{font-size:12px;color:#6b7a61}#member-dialog dl{margin:25px 0}#member-dialog dl>div{padding:13px 0;border-top:1px solid #e2eadb}#member-dialog dt{font-size:11px;font-weight:600}#member-dialog dd{margin:4px 0 0;font-size:12px;line-height:1.8;color:#697a60}.dialog-note{background:#f1f5eb;padding:12px;border-radius:8px;font-size:11px;color:#6b7d60;line-height:1.9}
@media(max-width:1100px){.tour-layout{grid-template-columns:minmax(0,1fr);gap:25px;max-width:960px}.tour-guide{padding:25px;border:1px solid #d8e1d0;border-radius:12px;display:grid;grid-template-columns:1fr 1fr;column-gap:30px}.guide-label,.guide-step,.tour-guide h2,.tour-guide>p:not(.guide-disclaimer){grid-column:1}.guide-step{margin-top:10px}.tour-guide h2{font-size:24px}.guide-try{grid-column:2;grid-row:1 / 5;margin:0;padding:12px 0}.guide-navigation{grid-column:2;grid-row:5;margin:0}.guide-disclaimer{grid-column:1 / -1;margin-top:17px}.tour-footer{margin:0 32px}}
.tour-page,.tour-workspace{background:#f5f5f7}.tour-sidebar{background:#202b29}.tour-settings{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:18px 0}.tour-settings label{display:grid;gap:6px;color:#53665a;font-size:11px;min-width:0}.tour-settings select{min-height:44px;border:1px solid #d5ddd8;border-radius:8px;padding:8px 12px;background:#fff;color:#315d42;font:inherit;max-width:100%}.tour-settings .tour-toggle{display:flex;align-items:center;gap:8px;min-height:44px;line-height:1.8}.tour-toggle input{width:18px;height:18px;accent-color:#315d42;flex:none}.tour-settings button{min-height:44px;font-size:11px}.tour-settings button[aria-pressed=true]{background:#315d42;color:#fff}.tour-followup{margin-top:18px}.tour-followup p,.tour-feature-grid p{font-size:11px;color:#637269;line-height:1.9;margin-top:12px}.tour-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:20px}.tour-page select:focus-visible,.tour-page input:focus-visible,.tour-page button:focus-visible{outline:2px solid #268353;outline-offset:3px}
@media(max-width:680px){.tour-feature-grid{grid-template-columns:minmax(0,1fr)}.tour-stats{grid-template-columns:minmax(0,1fr)}.tour-stats article{display:grid;grid-template-columns:1fr auto;align-items:center;gap:2px 10px}.tour-stats strong{grid-column:2;grid-row:1 / 3;margin:0}.tour-stats p{grid-column:1}.tour-settings{gap:10px}.tour-settings label{flex:1 1 120px}.tour-settings .tour-toggle{flex-basis:100%}}
@media(max-width:680px){.nav-tour{font-size:10px;padding:7px 10px}.tour-intro{padding:43px 20px 28px}.tour-intro>p:not(.eyebrow){font-size:13px}.demo-badge{font-size:10px;padding:7px 11px}.tour-layout{padding:0 15px;gap:18px}.tour-titlebar{font-size:9px;height:31px;padding:0 11px}.tour-app{grid-template-columns:minmax(0,1fr);min-height:0}.tour-sidebar{padding:9px}.tour-brand,.nav-label,.tour-sidebar-note{display:none}.tour-sidebar nav{display:flex;overflow-x:auto;gap:4px;padding:2px}.tour-sidebar nav button{flex:none;padding:9px 11px;font-size:11px;min-height:40px;gap:5px}.tour-sidebar nav button>span{font-size:14px;width:16px}.tour-toolbar{height:37px;padding:0 17px;font-size:9px}.tour-screen{padding:21px 16px}.screen-heading h2{font-size:23px}.screen-heading>p:last-child{font-size:11px}.tour-stats{gap:7px;margin-top:18px}.tour-stats article{padding:12px 9px}.tour-stats article>span{font-size:10px}.tour-stats strong{font-size:29px}.tour-stats p{font-size:9px}.dashboard-grid,.department-preview,.calendar-demo{grid-template-columns:1fr}.tour-card{padding:17px}.dashboard-grid .event-list{grid-template-columns:1fr;gap:12px}.tour-bars{height:120px}.tour-table td,.tour-table th{padding:10px 9px}.tour-table{font-size:10px}.member-link{font-size:11px;gap:5px}.member-link .avatar{width:24px;height:24px;font-size:10px}.member-link small{display:none}.tour-attendance-list li{padding:9px 0;gap:9px}.tour-attendance-list button{min-height:42px}.tour-guide{display:block;padding:22px}.guide-step{margin-top:16px}.tour-guide h2{font-size:23px}.tour-guide>p:not(.guide-label):not(.guide-step):not(.guide-disclaimer){font-size:12px;margin-top:12px}.guide-try{margin-top:18px;padding:15px 0}.guide-navigation{margin-top:18px}.tour-ending{padding:65px 20px 50px}.tour-ending>p:not(.eyebrow){font-size:12px}.tour-footer{margin:0 20px;padding:22px 0}.back-home{font-size:10px}.calendar-days button{height:40px}.permission-chips span{font-size:11px;padding:8px 10px}.guide-navigation button{min-height:44px}.tour-sidebar nav button:focus-visible{outline-offset:-3px}}

/* Demo window shares the app's b1tgXq00O Luma/Mist/Cyan tokens.
   Public-site navigation and all other pages keep their existing design. */
@media screen {
  body.tour-page { --demo-bg:oklch(1 0 0); --demo-fg:oklch(.148 .004 228.8); --demo-card:oklch(1 0 0); --demo-soft:oklch(.963 .002 197.1); --demo-muted:oklch(.56 .021 213.5); --demo-primary:oklch(.52 .105 223.128); --demo-on-primary:oklch(.984 .019 200.873); --demo-border:oklch(.925 .005 214.3); --demo-sidebar:oklch(.987 .002 197.1); --demo-radius:19px; --demo-shadow:0 2px 3px #15252b0f,0 1px 2px #15252b0a; }
  html[data-home-theme=dark] body.tour-page { --demo-bg:oklch(.148 .004 228.8); --demo-fg:oklch(.987 .002 197.1); --demo-card:oklch(.218 .008 223.9); --demo-soft:oklch(.275 .011 216.9); --demo-muted:oklch(.723 .014 214.4); --demo-primary:oklch(.45 .085 224.283); --demo-border:oklch(1 0 0 / 10%); --demo-sidebar:oklch(.218 .008 223.9); --demo-shadow:0 2px 3px #0002,0 1px 2px #0002; }
  html body.tour-page :is(.tour-window,#member-dialog,#tour-org-terms,.tour-org-options) { color:var(--demo-fg); background:var(--demo-card); border:1px solid var(--demo-border); border-radius:var(--demo-radius); box-shadow:var(--demo-shadow); font-family:'Noto Sans KR Variable','Noto Sans KR','Noto Sans','Apple SD Gothic Neo','Malgun Gothic',sans-serif; }
  html body.tour-page .tour-app { grid-template-columns:200px minmax(0,1fr); }
  html body.tour-page .tour-sidebar { background:var(--demo-sidebar); color:var(--demo-fg); border-right:1px solid var(--demo-border); }
  html body.tour-page .tour-brand strong { color:var(--demo-fg); }
  html body.tour-page .tour-sidebar :is(.nav-label,small,.tour-sidebar-note) { color:var(--demo-muted); }
  html body.tour-page .tour-sidebar nav button { min-height:44px; font-size:13px; border-radius:999px; color:var(--demo-fg); }
  html body.tour-page .tour-sidebar nav button:hover { background:var(--demo-soft); }
  html body.tour-page .tour-sidebar nav button[aria-current=page] { background:var(--demo-primary); color:var(--demo-on-primary); }
  html body.tour-page .tour-sidebar nav button svg { width:19px; height:19px; flex:none; }
  html body.tour-page .tour-workspace { background:color-mix(in oklch,var(--demo-soft) 48%,var(--demo-bg)); }
  html body.tour-page :is(.tour-titlebar,.tour-toolbar) { background:var(--demo-bg); border-color:var(--demo-border); color:var(--demo-muted); }
  html body.tour-page .tour-screen { padding:24px; font-size:14px; }
  html body.tour-page .screen-heading h2 { color:var(--demo-fg); font-size:26px; }
  html body.tour-page :is(.screen-heading>p,.tour-card p,.tour-stats p,.chart-description,.card-heading>span,.event-list small,.screen-controls,.tour-table th,.member-link small,.tour-attendance-list small,.tour-attendance-list li div>span,.student-line small,.class-card p,.calendar-week,.calendar-detail p,.role-description,.permission-note,.tour-settings label) { color:var(--demo-muted); }
  html body.tour-page :is(.tour-card,.tour-stats article,.tour-stats article:first-child,.tour-table-scroll,.tour-attendance-list) { background:var(--demo-card); border:1px solid var(--demo-border); border-radius:var(--demo-radius); box-shadow:var(--demo-shadow); }
  html body.tour-page :is(.tour-card h3,.tour-stats strong,.member-link,.student-line,.event-list li,.check-list,.tour-stats article>span) { color:var(--demo-fg); }
  html body.tour-page :is(.tour-card h3,.tour-stats article>span) { font-size:13px; }
  html body.tour-page :is(.tour-table th,.screen-tip,.attendance-summary,.dialog-note,.avatar,.tag,.permission-chips span,.example-label,.event-list li>b) { background:var(--demo-soft); color:var(--demo-muted); border-color:var(--demo-border); }
  html body.tour-page :is(.tour-table td,.tour-table th,.tour-attendance-list li,.student-line,.tour-bars,#member-dialog dl>div) { border-color:var(--demo-border); }
  html body.tour-page :is(.tour-search,.tour-settings select,.role-picker select,.subtle-button,.tour-attendance-list button,.department-filter button,.calendar-days button,.dialog-header button) { border:1px solid var(--demo-border); border-radius:999px; background:var(--demo-card); color:var(--demo-fg); min-height:44px; }
  html body.tour-page :is(.tour-window,#tour-org-terms) .subtle-button { font:inherit; font-size:14px; line-height:1.5; padding:9px 14px; }
  html body.tour-page :is(#member-dialog,#tour-org-terms) .dialog-header button { width:44px; height:44px; flex:none; }
  html body.tour-page #member-dialog dd { color:var(--demo-muted); }
  html body.tour-page .tour-search input { color:var(--demo-fg); background:transparent; }
  html body.tour-page :is(.tour-attendance-list button[aria-pressed=true],.department-filter button[aria-pressed=true],.calendar-days button[aria-pressed=true],.tour-settings button[aria-pressed=true]) { background:var(--demo-primary); color:var(--demo-on-primary); border-color:var(--demo-primary); }
  html body.tour-page .tour-bars i { background:color-mix(in oklch,var(--demo-primary) 35%,var(--demo-soft)); }
  html body.tour-page .tour-bars i:last-child { background:var(--demo-primary); }
  html body.tour-page .tour-window :is(button,input,select,summary):focus-visible,html body.tour-page :is(#tour-org-terms,.tour-org-options) :is(button,input):focus-visible { outline:2px solid var(--demo-primary); outline-offset:3px; }
  html body.tour-page .tour-member-tabs { display:flex; flex-wrap:wrap; gap:8px; border-bottom:1px solid var(--demo-border); padding-bottom:14px; margin-bottom:20px; }
  html body.tour-page .tour-member-tabs button { min-height:44px; padding:10px 16px; background:transparent; color:var(--demo-muted); border:0; border-radius:999px; font:inherit; font-weight:600; }
  html body.tour-page .tour-member-tabs button[aria-pressed=true] { background:var(--demo-primary); color:var(--demo-on-primary); }
  html body.tour-page :is(.tour-org-heading,.tour-org-card-heading) { display:flex; align-items:center; flex-wrap:wrap; justify-content:space-between; gap:12px; min-width:0; }
  html body.tour-page .tour-org-heading { margin-bottom:20px; }
  html body.tour-page .tour-org-heading .screen-heading { min-width:0; flex:1; }
  html body.tour-page .tour-org-heading h2 { overflow-wrap:anywhere; }
  html body.tour-page .tour-org-card { min-width:0; background:var(--demo-card); border:1px solid var(--demo-border); border-radius:var(--demo-radius); box-shadow:var(--demo-shadow); padding:20px; margin:0 0 16px; }
  html body.tour-page .tour-org-card h3 { font-size:15px; margin:0; color:var(--demo-fg); overflow-wrap:anywhere; }
  html body.tour-page :is(.tour-org-filter-fields,.tour-org-move-fields) { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:end; gap:12px; margin-top:12px; }
  html body.tour-page :is(.tour-org-filter-fields,.tour-org-move-fields,.tour-org-terms-fields) label { display:grid; min-width:0; gap:8px; color:var(--demo-muted); font-size:13px; line-height:1.5; }
  html body.tour-page :is(.tour-org-filter-fields,.tour-org-move-fields,.tour-org-terms-fields) :is(input,select),html body.tour-page .tour-org-person { width:100%; min-width:0; height:44px; padding:9px 16px; border:1px solid var(--demo-border); border-radius:999px; background:var(--demo-soft); color:var(--demo-fg); font:inherit; font-size:14px; line-height:1.5; }
  html body.tour-page .tour-org-person { display:flex; justify-content:space-between; align-items:center; gap:10px; text-align:left; cursor:pointer; }
  html body.tour-page #tour-org-selected-name { flex:1; min-width:0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
  html body.tour-page .tour-org-primary { min-height:44px; border:1px solid var(--demo-primary); border-radius:999px; padding:9px 16px; color:var(--demo-on-primary); background:var(--demo-primary); font:inherit; font-size:14px; font-weight:600; cursor:pointer; }
  html body.tour-page .tour-org-note { font-size:12px; line-height:1.7; color:var(--demo-muted); margin:12px 0 0; overflow-wrap:anywhere; }
  html body.tour-page .tour-org-tree-actions { display:flex; flex-wrap:wrap; gap:8px; margin:16px 0; }
  html body.tour-page .tour-org-tree-count { color:var(--demo-muted); margin-left:auto; }
  html body.tour-page .tour-org-groups details { border-top:1px solid var(--demo-border); padding-top:12px; margin-top:12px; }
  html body.tour-page .tour-org-groups summary { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px; min-height:44px; cursor:pointer; }
  html body.tour-page .tour-org-groups summary strong { overflow-wrap:anywhere; }
  html body.tour-page .tour-org-groups summary span { color:var(--demo-muted); font-size:12px; }
  html body.tour-page .tour-org-people { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin-top:10px; }
  html body.tour-page .tour-org-person-card { min-width:0; min-height:72px; text-align:left; padding:12px 14px; background:var(--demo-soft); color:var(--demo-fg); border:1px solid var(--demo-border); border-radius:7px; font:inherit; cursor:pointer; overflow-wrap:anywhere; }
  html body.tour-page .tour-org-person-card small { display:block; color:var(--demo-muted); font-size:12px; margin-top:4px; }
  html body.tour-page .tour-org-person-card[aria-pressed=true] { border-color:var(--demo-primary); box-shadow:inset 3px 0 var(--demo-primary); }
  html body.tour-page .tour-org-options { position:fixed; z-index:150; max-height:360px; padding:6px; overflow-y:auto; overscroll-behavior:contain; }
  html body.tour-page .tour-org-option { position:relative; display:flex; align-items:center; gap:10px; width:100%; min-height:60px; padding:10px 38px 10px 12px; border:0; border-radius:7px; text-align:left; background:transparent; color:var(--demo-fg); font:inherit; font-size:14px; cursor:pointer; }
  html body.tour-page .tour-org-option-text { display:grid; gap:2px; min-width:0; overflow-wrap:anywhere; }
  html body.tour-page .tour-org-option small { color:var(--demo-muted); font-size:12px; }
  html body.tour-page .tour-org-option:is(:focus-visible,:hover,[aria-selected=true]) { outline-offset:-2px; background:var(--demo-primary); color:var(--demo-on-primary); }
  html body.tour-page .tour-org-option:is(:focus-visible,:hover,[aria-selected=true]) small { color:inherit; opacity:.85; }
  html body.tour-page .tour-org-check { position:absolute; top:50%; right:12px; transform:translateY(-50%); }
  html body.tour-page #tour-org-terms { width:min(620px,calc(100vw - 32px)); max-height:85dvh; overflow:auto; padding:24px; }
  html body.tour-page #tour-org-terms h2 { font-size:21px; margin:0; }
  html body.tour-page .tour-org-terms-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin-top:20px; }
  html body.tour-page #tour-org-terms::backdrop { background:#0008; }
  html body.tour-page #tour-org-term-error { color:var(--demo-fg); }
  html body.tour-page :is(.tour-org-options,#tour-organization) [hidden] { display:none!important; }
}
@media screen and (min-width:1500px) { html body.tour-page :is(.tour-org-filter-fields,.tour-org-move-fields) { grid-template-columns:minmax(0,1.5fr) repeat(2,minmax(0,1fr)) auto; } html body.tour-page .tour-org-filter-fields { grid-template-columns:minmax(0,1.2fr) repeat(2,minmax(0,1fr)) minmax(0,1.3fr) auto; } }
@media screen and (max-width:680px) { html body.tour-page .tour-app { grid-template-columns:minmax(0,1fr); } html body.tour-page .tour-sidebar { border-right:0; border-bottom:1px solid var(--demo-border); } html body.tour-page .tour-screen { padding:20px 16px; } html body.tour-page :is(.tour-org-filter-fields,.tour-org-move-fields,.tour-org-terms-fields) { grid-template-columns:minmax(0,1fr); } html body.tour-page .tour-org-card { padding:16px; } html body.tour-page :is(.tour-org-filter-fields,.tour-org-move-fields,.tour-org-terms-fields) :is(input,select) { font-size:16px; } html body.tour-page .tour-org-options { max-width:calc(100vw - 24px); } }
@media screen and (max-width:360px) { html body.tour-page .tour-org-people { grid-template-columns:minmax(0,1fr); } }