@font-face{font-family:'ALON Pretendard';src:url('/assets/preview-brand/Pretendard-Black.otf') format('opentype');font-weight:900;font-display:swap}
:root{font-family:Manrope,'DM Sans',system-ui,-apple-system,sans-serif;color:#142246;background:#f6f8fc;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit;text-decoration:none}button,select{font:inherit}button,a,select{outline-offset:3px}.skip-link{position:absolute;top:-100px;left:1rem;z-index:20;background:#102a8d;color:#fff;padding:.7rem 1rem;border-radius:.7rem}.skip-link:focus{top:1rem}.preview-shell{display:flex;min-height:100vh}.preview-sidebar{width:250px;flex:none;background:#fff;border-right:1px solid #e8edf5;padding:30px 16px 18px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow:auto}.sidebar-brand{display:flex;align-items:center;gap:11px;padding:0 11px;margin-bottom:32px;font-weight:800;font-size:19px;line-height:1.02;letter-spacing:-.06em}.sidebar-brand small{display:block;font-size:10px;letter-spacing:.16em;color:#667a9f;margin-top:4px}.brand-symbol{display:grid;place-items:center;width:35px;height:35px;background:#162fa2;color:#fff;border-radius:11px;font-size:22px;letter-spacing:-.08em}.guest-card{display:flex;align-items:center;gap:10px;border:1px solid #dfe7f5;border-radius:14px;background:#f7f9fe;padding:11px;margin-bottom:23px}.guest-avatar{display:grid;place-items:center;width:37px;height:37px;flex:none;border-radius:12px;background:#e5eafd;color:#1936a5;font-weight:800}.guest-card div{min-width:0}.guest-card strong,.guest-card small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.guest-card strong{font-size:11px}.guest-card small{font-size:10px;color:#6b7893;margin-top:3px}.guest-dot{margin-left:auto;width:7px;height:7px;border-radius:50%;background:#9eacc9}.sidebar-kicker{margin:18px 11px 8px;color:#8996ad;text-transform:uppercase;font-size:9px;font-weight:800;letter-spacing:.13em}.sidebar-link{display:flex;align-items:center;gap:12px;padding:10px 11px;border-radius:10px;font-size:11px;font-weight:700;color:#5e6c88;margin:2px 0}.sidebar-link:hover,.sidebar-link:focus-visible{background:#edf2ff;color:#1b38a5}.sidebar-link.active{background:#e9efff;color:#1635a6}.sidebar-index{font-size:9px;color:#9aa8c0;font-weight:800}.sidebar-link.active .sidebar-index{color:#637bd2}.sidebar-bottom{margin-top:auto;padding:19px 9px 0;border-top:1px solid #edf0f6;display:grid;gap:12px}.sample-mark{font-size:10px;text-transform:uppercase;letter-spacing:.1em;font-weight:800;color:#617299}.sidebar-signin{display:block;text-align:center;border-radius:10px;padding:10px;background:#172fa4;color:#fff;font-size:11px;font-weight:800}.preview-main{min-width:0;flex:1}.preview-topbar{height:72px;background:#fff;border-bottom:1px solid #e8edf5;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,3vw,48px);gap:20px}.topbar-location{display:flex;align-items:center;gap:9px;font-size:11px;color:#8390aa;white-space:nowrap}.topbar-location strong{color:#263b65}.topbar-actions{display:flex;align-items:center;gap:13px}.language-select{display:flex;align-items:center;gap:7px;font-size:10px;color:#65728d;font-weight:700}.language-select select{appearance:none;border:1px solid #dce4f1;border-radius:8px;padding:8px 25px 8px 9px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='m2 4 4 4 4-4' fill='none' stroke='%23657491' stroke-width='1.4'/%3E%3C/svg%3E") no-repeat right 8px center/10px;font-weight:700;color:#25375d;font-size:10px}.topbar-signin,.topbar-create{font-size:10px;font-weight:800;white-space:nowrap}.topbar-signin{color:#1c389d}.topbar-create{background:#172fa4;color:#fff;padding:10px 14px;border-radius:9px}main{width:min(1200px,100%);margin:auto;padding:36px clamp(22px,3vw,48px) 78px}.page-intro{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:26px}.section-kicker{margin:0 0 10px;font-size:10px;letter-spacing:.15em;text-transform:uppercase;font-weight:800;color:#526ac1}.page-intro h1{font-size:clamp(29px,3.5vw,48px);line-height:1.14;letter-spacing:-.055em;margin:0 0 12px;font-weight:800;max-width:740px}.intro-copy{font-size:13px;line-height:1.8;color:#65738e;max-width:700px;margin:0}.primary-action{display:inline-flex;align-items:center;justify-content:center;background:#142fa7;color:#fff;border-radius:11px;padding:13px 21px;font-size:11px;font-weight:800;white-space:nowrap;box-shadow:0 9px 21px #18399e22}.primary-action:hover,.topbar-create:hover,.sidebar-signin:hover{background:#0d257f}.access-notice{display:flex;align-items:center;gap:14px;border:1px solid #dce5fa;background:#eef3ff;padding:13px 17px;border-radius:13px;margin-bottom:31px}.notice-mark{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#d8e4ff;color:#244cc1;flex:none}.access-notice p{font-size:11px;line-height:1.6;margin:0;flex:1;color:#40577e;font-weight:600}.access-notice a{font-size:10px;font-weight:800;color:#173ba9;white-space:nowrap}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:14px}.section-heading h2,.card-heading h2,.guide-section h2{margin:0;letter-spacing:-.035em;font-size:18px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.metric-card,.dashboard-card,.feature-tile,.guide-section,.feature-detail-aside,.feature-screenshot,.feature-next,.feature-guide{background:#fff;border:1px solid #e5eaf3;box-shadow:0 5px 23px #1e396208;border-radius:16px}.metric-card{padding:20px 20px 17px;min-height:124px;display:flex;flex-direction:column}.metric-label{font-size:10px;color:#687793;font-weight:700}.metric-card strong{font-size:28px;letter-spacing:-.05em;margin:8px 0 2px}.metric-card small{font-size:9px;color:#96a1b6}.dashboard-pair{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(245px,1fr);gap:14px;margin-top:19px}.dashboard-card{padding:21px}.card-heading{display:flex;justify-content:space-between;align-items:end;gap:12px}.card-heading a,.dashboard-card>a{color:#1d42b7;font-size:10px;font-weight:800;white-space:nowrap}.schedule-card>p{font-size:11px;line-height:1.65;color:#6e7b94;margin:15px 0 0}.schedule-image{height:267px;margin-top:17px;border-radius:11px;overflow:hidden;background:#edf1fb;position:relative}.schedule-image img{display:block;width:121%;max-width:none;height:100%;object-fit:cover;object-position:center;transform:translateX(-17%)}.dashboard-side{display:grid;grid-template-rows:1fr 1.25fr;gap:14px}.current-class{display:flex;flex-direction:column;background:linear-gradient(135deg,#183dad,#14277d);color:#fff;border:0}.current-class .section-kicker{color:#b8c9ff}.current-class strong{font-size:17px;line-height:1.35;margin:4px 0 7px}.current-class span{font-size:10px;color:#cbd6ff}.current-class a{color:#fff;margin-top:auto;align-self:flex-start;border-bottom:1px solid #ffffff99;padding-top:15px}.study-card{display:flex;flex-direction:column}.study-row{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid #edf0f5}.study-row>span{font-size:9px;font-weight:800;color:#7186bd}.study-row strong{display:block;font-size:11px}.study-row small{display:block;margin-top:3px;font-size:9px;color:#9aa6bb}.study-card>a{margin-top:auto;padding-top:12px}.features-section{margin-top:46px}.section-heading p:not(.section-kicker){font-size:11px;color:#78869f;margin:6px 0 0}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.feature-tile{overflow:hidden;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.feature-tile:hover{transform:translateY(-3px);box-shadow:0 10px 28px #1e396218}.tile-image{height:139px;display:block;overflow:hidden;background:#e8eefb}.tile-image img{width:128%;max-width:none;height:100%;object-fit:cover;object-position:center;transform:translateX(-21%)}.tile-text{display:grid;gap:5px;padding:15px 18px 18px}.tile-text strong{font-size:12px}.tile-text>span{font-size:10px;color:#7a88a0;line-height:1.5}.tile-arrow{position:absolute;align-self:end;margin:155px 16px 0;font-size:14px;color:#4864b6}.guide-section{display:grid;grid-template-columns:1fr 1fr;gap:25px;padding:29px;margin-top:39px;background:#eaf0fd}.guide-section p:not(.section-kicker){font-size:11px;line-height:1.7;color:#647799}.guide-links{display:grid;gap:7px}.guide-links a{display:flex;justify-content:space-between;align-items:center;background:#fff;border-radius:9px;padding:12px 15px;font-size:11px;color:#2a4176}.guide-links a:hover{color:#173caa}.preview-footer{max-width:1200px;margin:auto;border-top:1px solid #e5eaf2;padding:22px clamp(22px,3vw,48px) 36px;display:flex;justify-content:space-between;gap:15px;font-size:10px;color:#93a0b4}.preview-footer nav{display:flex;gap:17px}.preview-footer a:hover{text-decoration:underline}.breadcrumb{display:flex;gap:10px;color:#92a0b7;font-size:10px;font-weight:700;margin:0 0 26px}.breadcrumb a{color:#435fb0}.feature-intro{margin-bottom:27px}.feature-detail{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(255px,.9fr);gap:15px;align-items:stretch}.feature-screenshot{overflow:hidden;min-height:430px}.screenshot-header{height:42px;background:#f8faff;border-bottom:1px solid #e8edf5;display:flex;align-items:center;gap:11px;padding:0 17px;font-size:9px;font-weight:700;color:#7d8ca8}.screenshot-header .sample-mark{margin-left:auto;font-size:8px}.window-dots{display:flex;gap:4px}.window-dots i{display:block;width:6px;height:6px;border-radius:50%;background:#bcc9dc}.feature-screenshot>img{width:124%;max-width:none;height:calc(100% - 42px);min-height:388px;display:block;object-fit:cover;object-position:center;transform:translateX(-19%)}.feature-detail-aside{padding:26px;display:flex;flex-direction:column}.feature-detail-aside h2{font-size:23px;letter-spacing:-.04em;margin:0 0 19px}.point-list{list-style:none;padding:0;margin:0}.point-list li{display:flex;gap:13px;border-top:1px solid #edf0f5;padding:15px 0;font-size:11px;line-height:1.6;color:#5f6e89}.point-number{font-size:9px;color:#4966b8;font-weight:800;padding-top:3px}.sample-explanation{font-size:10px;color:#8d9ab1;line-height:1.6;margin:auto 0 14px}.secondary-action{display:flex;align-items:center;justify-content:space-between;border-radius:10px;background:#edf2ff;color:#2447ae;font-size:11px;font-weight:800;padding:12px 15px}.feature-bottom{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}.feature-next,.feature-guide{padding:22px;display:grid;gap:8px}.feature-next span,.feature-guide span{color:#8695af;font-size:10px}.feature-next strong,.feature-guide strong{font-size:13px}.auth-gate{border:1px solid #e1e8f4;border-radius:20px;width:min(430px,calc(100vw - 34px));padding:29px;box-shadow:0 30px 80px #10235b44}.auth-gate::backdrop{background:#0b173c91;backdrop-filter:blur(3px)}.auth-gate form{position:absolute;right:13px;top:12px}.gate-close{background:transparent;border:0;color:#687996;font-size:24px;cursor:pointer}.gate-icon{width:37px;height:37px;display:grid;place-items:center;background:#eaf0ff;color:#1940ad;border-radius:12px;margin-bottom:20px}.auth-gate h2{font-size:23px;letter-spacing:-.04em;margin:0 0 9px}.auth-gate p:not(.section-kicker){font-size:12px;line-height:1.7;color:#6d7d98}.gate-actions{display:flex;gap:9px;margin:22px 0 13px}.gate-actions a{flex:1;text-align:center;padding:12px 10px;border-radius:9px;font-size:11px;font-weight:800;background:#edf2ff;color:#2547ab}.gate-actions a:first-child{background:#1734a9;color:#fff}.auth-gate small{color:#8997ad;font-size:9px}
@media(max-width:950px){.preview-sidebar{width:206px}.preview-topbar{padding:0 22px}.feature-detail{grid-template-columns:1fr}.feature-screenshot{min-height:0}.feature-screenshot>img{height:430px}.feature-detail-aside{min-height:300px}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.preview-shell{display:block}.preview-sidebar{position:relative;width:auto;height:auto;overflow:visible;padding:15px 18px;display:block;border-right:0;border-bottom:1px solid #e8edf5}.sidebar-brand{display:inline-flex;margin:0 0 12px;padding:0}.guest-card{float:right;margin:0;padding:6px 9px}.guest-avatar{width:26px;height:26px;border-radius:8px;font-size:11px}.guest-card strong{font-size:9px}.guest-card small{font-size:8px}.guest-dot,.preview-sidebar .sidebar-kicker,.preview-sidebar .sidebar-link,.sidebar-bottom{display:none}.preview-topbar{height:auto;padding:12px 18px;align-items:flex-start}.topbar-location{display:none}.topbar-actions{width:100%;justify-content:space-between;gap:9px}.language-select>span{display:none}main{padding:27px 18px 50px}.page-intro{align-items:start;display:block}.page-intro h1{font-size:31px}.page-intro .primary-action{margin-top:17px}.access-notice{align-items:start}.access-notice a{display:none}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-pair,.guide-section,.feature-bottom{grid-template-columns:1fr}.schedule-image{height:230px}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.tile-image{height:100px}.tile-text{padding:11px}.tile-arrow{display:none}.feature-detail{grid-template-columns:1fr}.feature-screenshot>img{height:300px;min-height:0}.preview-footer{padding:20px 18px 28px;display:grid}.guide-section{padding:20px}}@media(max-width:380px){.guest-card{max-width:145px}.topbar-create{padding:10px}.feature-grid{grid-template-columns:1fr}.tile-image{height:140px}}
.mobile-feature-nav{display:none}@media(max-width:700px){.mobile-feature-nav{display:flex;gap:6px;overflow:auto;scrollbar-width:none;background:#fff;border-bottom:1px solid #e8edf5;padding:9px 18px}.mobile-feature-nav::-webkit-scrollbar{display:none}.mobile-feature-nav a{flex:none;white-space:nowrap;padding:8px 11px;background:#f4f6fb;border-radius:8px;color:#687895;font-size:10px;font-weight:800}.mobile-feature-nav a.active{background:#e5edff;color:#183ca9}}

/* Keep the public sample aligned with the signed-in web workspace. */
:root {
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #1a1f36;
  background: #f4f7fc;
  --preview-blue: #2e5bff;
  --preview-line: #2e5bff33;
  --preview-muted: #8798ad;
}
body { background: #f4f7fc; }
.preview-shell { display: block; }
.preview-sidebar {
  position: fixed;
  inset: 0 auto 0 0;
  top: 0;
  width: 242px;
  height: 100dvh;
  padding: 24px 18px 0;
  overflow: hidden;
  border-right: 1px solid var(--preview-line);
}
.sidebar-brand {
  gap: 12px;
  padding: 0 11px;
  margin: 0;
  min-height: 42px;
  font-size: 25px;
  letter-spacing: 1px;
  line-height: 1;
  color: var(--preview-blue);
}
.brand-symbol {
  width: 42px;
  height: 42px;
  padding: 4px;
  border: 1px solid #e3e8f5;
  border-radius: 13px;
  background: #fff;
}
.brand-symbol img { display: block; width: 32px; height: 32px; object-fit: contain; }
.brand-word { font-family: 'ALON Pretendard', sans-serif; font-weight: 900; }
.guest-card {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding: 15px 12px 12px;
  margin: 22px 0 24px;
  border: 1px solid var(--preview-line);
  border-radius: 16px;
  background: linear-gradient(135deg, #f4f7ff, #fff);
}
.guest-avatar {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #e8edff;
  color: var(--preview-blue);
  font-size: 19px;
}
.guest-card div { flex: 1 1 calc(100% - 58px); align-self: center; }
.guest-card strong { color: #1a1f36; font-size: 14px; font-weight: 700; }
.guest-card small { color: var(--preview-muted); font-size: 10px; }
.guest-badge {
  flex: 0 0 auto;
  margin-left: 58px;
  padding: 4px 6px;
  border-radius: 5px;
  color: #2e5bff;
  background: #edf1ff;
  font-size: 8px;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.sidebar-navigation {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 3px 4px 20px 0;
  scrollbar-width: thin;
}
.sidebar-kicker {
  margin: 0 0 9px;
  padding: 0 13px;
  color: var(--preview-muted);
  font-size: 9px;
  font-weight: 650;
  letter-spacing: 1.7px;
}
.sidebar-kicker:not(:first-child) { margin-top: 22px; }
.sidebar-link {
  min-height: 41px;
  padding: 10px 11px;
  margin: 1px 0;
  border-radius: 9px;
  color: #1a1f36;
  font-size: 12px;
  font-weight: 500;
}
.sidebar-link svg { flex: 0 0 18px; }
.sidebar-link > span { min-width: 0; line-height: 1.45; }
.sidebar-link.active { color: var(--preview-blue); background: #edf1ff; font-weight: 600; }
.sidebar-bottom { padding: 10px 0 env(safe-area-inset-bottom, 0px); border-top: 1px solid var(--preview-line); }
.sidebar-signin { background: transparent; color: #1a1f36; text-align: left; font-size: 12px; font-weight: 500; }
.sidebar-signin:hover { background: #edf1ff; color: var(--preview-blue); }
.preview-main { margin-left: 242px; }
.preview-topbar {
  height: 82px;
  padding: 0 40px;
  border-bottom: 1px solid var(--preview-line);
  background: #ffffffeb;
}
.topbar-location { gap: 15px; color: #98a0ae; font-size: 11px; font-weight: 400; }
.topbar-location strong { color: #1a1f36; font-weight: 500; }
.topbar-actions { gap: 16px; }
.language-control { position: relative; flex: none; }
.language-trigger {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  min-width: 112px;
  min-height: 40px;
  padding: 0 12px;
  border: 1px solid #dce4f1;
  border-radius: 10px;
  background: #fff;
  color: #263b65;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
}
.language-trigger:hover,
.language-trigger[aria-expanded="true"] { border-color: #9ab0ef; background: #f9fbff; }
.language-trigger svg { color: #74829c; transition: transform .16s ease; }
.language-trigger[aria-expanded="true"] svg { transform: rotate(180deg); }
.language-menu {
  position: absolute;
  z-index: 60;
  top: calc(100% + 8px);
  right: 0;
  width: 150px;
  padding: 6px;
  border: 1px solid #dce4f1;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 15px 40px #14224624;
}
.language-menu[hidden] { display: none; }
.language-menu button {
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 36px;
  padding: 8px 10px;
  border: 0;
  border-radius: 7px;
  background: transparent;
  color: #263b65;
  text-align: left;
  font-size: 12px;
  cursor: pointer;
}
.language-menu button::before { content: ""; width: 15px; flex: none; }
.language-menu button[aria-checked="true"] { background: #edf1ff; color: #254ac9; font-weight: 700; }
.language-menu button[aria-checked="true"]::before { content: "✓"; }
.language-menu button:hover { background: #f3f6ff; }
.topbar-signin, .topbar-create { font-size: 11px; font-weight: 600; }
.topbar-create, .primary-action { background: var(--preview-blue); }
main { width: 100%; max-width: 1610px; padding: 37px 40px 64px; }
.page-intro { align-items: end; margin: 0 0 25px; }
.page-intro h1 {
  max-width: none;
  margin: 0;
  color: #1a1f36;
  font-size: clamp(30px, 2.6vw, 36px);
  line-height: 1.2;
  font-weight: 650;
  letter-spacing: -1.2px;
}
.section-kicker { color: #929aaa; font-size: 10px; font-weight: 700; letter-spacing: 1.7px; }
.page-intro .section-kicker { margin-bottom: 13px; }
.intro-copy { max-width: 760px; margin-top: 12px; color: #687892; font-size: 13px; line-height: 1.7; }
.access-notice { min-height: 56px; margin-bottom: 26px; padding: 12px 16px; border-color: var(--preview-line); border-radius: 12px; background: #edf1fd; }
.notice-mark { width: 24px; height: 24px; font-size: 12px; font-weight: 700; }
.access-notice p { font-size: 11px; font-weight: 500; }
.section-heading h2, .card-heading h2 { font-size: 23px; letter-spacing: -.7px; }
.metric-grid { gap: 14px; }
.metric-card {
  min-height: 124px;
  padding: 20px 18px;
  border: 1px solid #cbd6f3;
  border-radius: 16px;
  background: linear-gradient(145deg, #f7f9ff, #fff 46%);
  box-shadow: 0 16px 34px -30px #5271cf70;
}
.metric-card:nth-child(2) { border-color: #e8d3bd; background: linear-gradient(145deg, #fcf8f3, #fff 46%); }
.metric-card:nth-child(3) { border-color: #c4ded8; background: linear-gradient(145deg, #f4faf8, #fff 46%); }
.metric-card:nth-child(4) { border-color: #d7c9eb; background: linear-gradient(145deg, #f9f7fc, #fff 46%); }
.metric-label { font-size: 11px; color: var(--preview-muted); }
.metric-card strong { font-size: clamp(24px,2.15vw,32px); font-weight: 720; margin: 6px 0; }
.metric-card small { font-size: 10px; color: var(--preview-muted); }
.dashboard-pair { display: grid; grid-template-columns: minmax(0,1.65fr) minmax(245px,1fr); margin-top: 24px; }
.dashboard-card { border: 1px solid var(--preview-line); border-radius: 17px; box-shadow: none; }
.schedule-card { padding: 26px; }
.schedule-image { height: 267px; }
.dashboard-side { display: grid; margin-top: 0; }
.current-class { border: 0; }
.study-card { min-height: 165px; }
.preview-footer { max-width: 1610px; }
@media (max-width: 950px) {
  .preview-topbar { padding: 0 22px; }
  main { padding: 30px 22px 60px; }
  .metric-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .dashboard-pair { grid-template-columns: 1fr; }
  .dashboard-side { grid-template-columns: repeat(2,minmax(0,1fr)); grid-template-rows: auto; }
}
@media (max-width: 700px) {
  .preview-sidebar { position: relative; width: 100%; height: auto; padding: 15px 18px; overflow: visible; border-right: 0; }
  .sidebar-brand { min-height: 42px; padding: 0; margin: 0; }
  .guest-card { float: right; margin: 0; padding: 6px 9px; border-radius: 12px; }
  .guest-avatar { width: 27px; height: 27px; font-size: 12px; }
  .guest-card strong { font-size: 9px; }
  .guest-card small { font-size: 8px; }
  .guest-card div { flex: 1; }
  .guest-badge, .sidebar-navigation, .sidebar-bottom { display: none; }
  .preview-main { margin-left: 0; }
  .preview-topbar { height: auto; padding: 12px 18px; }
  .page-intro h1 { font-size: 27px; }
  main { padding: 27px 18px 50px; }
  .schedule-image { height: 230px; }
  .dashboard-side { grid-template-columns: 1fr; }
}