/* Telegram-inspired rhythm: quiet surfaces, compact navigation, readable rows. */
body{--interaction:var(--accent);--row-hover:color-mix(in srgb,var(--soft) 65%,var(--paper));background:color-mix(in srgb,var(--paper) 96%,var(--ink) 4%)}
body:not([data-theme]),body[data-theme="yellow"]{--interaction:#2588c9}
.page{max-width:1080px;padding-top:18px}.masthead{border-bottom:0;padding-bottom:10px}.class-tag{letter-spacing:0}.page>header{padding:20px 8px 24px}.page>header .eyebrow,.page>header .decoration,.home-kicker,.home-tip{display:none}.page>header h1{font-size:clamp(25px,3vw,34px);letter-spacing:-.5px}.hero-sprout,.hero-spark{display:none}.intro{font-size:13px;margin-top:8px}
.mobile-pager{max-width:none;margin:0 0 0;padding:0 12px;background:var(--paper);border:1px solid var(--ui-border);border-bottom:0;border-radius:16px 16px 0 0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;isolation:isolate}
.mobile-pager .pager-indicator{display:none}.mobile-pager button{height:58px;position:relative;border-radius:0;background:transparent;color:var(--muted);gap:8px;font-weight:600}.mobile-pager button[aria-selected="true"]{color:var(--interaction);background:transparent}.mobile-pager button::after{content:'';position:absolute;bottom:0;left:20%;right:20%;height:3px;border-radius:3px 3px 0 0;background:var(--interaction);transform:scaleX(0);transition:transform var(--motion-base) var(--ease-out)}.mobile-pager button[aria-selected="true"]::after{transform:scaleX(1)}.mobile-pager button:hover{background:var(--row-hover)}
body[data-navigation="list"] .board-grid{border-radius:0 0 16px 16px}.board-grid{box-shadow:none;border-color:var(--ui-border)}.board-grid .content-page{padding:24px 28px;min-height:400px}.board-top{margin-bottom:12px}.board h3{font-size:22px}.board-desc{margin-bottom:18px}.board-number{display:none}.board-symbol{border-radius:50%}
.home-heading{margin-bottom:16px}.home-heading h2{font-size:23px}.home-row{padding:20px 10px;border-radius:0;transition:background-color var(--motion-fast)}.home-row:hover{background:var(--row-hover)}.home-row-copy strong{font-size:16px;margin-bottom:4px}.home-row-count{border-radius:14px;min-width:26px;text-align:center;font-weight:600}.home-arrow{font-size:18px;opacity:.55}.home-row .board-symbol{width:44px;height:44px;flex:0 0 44px;background:var(--soft);color:var(--interaction)}
.post{margin:0;padding:20px 4px;border:0;border-bottom:1px solid var(--ui-border);border-radius:0;background:transparent;box-shadow:none}.post:last-of-type{border-bottom:0}.post:hover{border-color:var(--ui-border);background:transparent}.post-summary{padding:0 38px 0 0;min-height:36px;gap:12px}.post-summary::before{width:6px;height:6px;border-width:1.5px}.post-summary h4{font-size:15px;font-weight:600;line-height:1.7}.post-expanded-body{padding:16px 0 2px 20px}.post-content{font-size:14px;line-height:1.9}.post-menu{top:18px;right:0}.post-menu summary{width:32px;height:32px;border-radius:50%;color:var(--muted)}.post-menu summary:hover{background:var(--soft)}.post-links a{display:inline-flex;align-items:center;min-height:38px;border:0;padding:8px 12px;background:var(--soft);color:var(--interaction);border-radius:9px;text-decoration:none}
.menu-panel,.post-menu-panel{background:var(--paper);border:1px solid var(--ui-border);border-radius:14px;box-shadow:0 6px 24px #00000012;backdrop-filter:none;-webkit-backdrop-filter:none;padding:6px}.menu-panel button,.post-menu-panel button{border-radius:8px;min-height:44px}.menu-profile{padding:14px 12px;border-bottom:1px solid var(--ui-border);margin-bottom:6px}.account-menu summary{border-radius:50%;border:0;background:transparent}.account-menu summary:hover{background:var(--soft)}
.board-filter-panel{background:var(--row-hover);border:0;border-radius:12px;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;margin:14px 0 8px}.board-filter-toggle{border:0;background:transparent;color:var(--interaction);border-radius:50%}.board-filter-toggle[aria-expanded="true"]{background:var(--soft)}
.publish-button,.primary-action,#publish-form button[type="submit"]{background:var(--interaction);color:#fff;border:0;border-radius:10px;box-shadow:none}.publish-button:hover,.primary-action:hover,#publish-form button[type="submit"]:hover{filter:brightness(.96)}
.timetable-entry,.clock-entry{border:0;background:var(--soft);color:var(--interaction);border-radius:13px}.timetable-page{background:var(--paper);box-shadow:none}.course-detail .course-session-item{background:var(--soft);border:0}.course-meta-chip{background:var(--soft)}.close-dialog{border-radius:50%;color:var(--muted)}dialog::backdrop{background:#15232f33;backdrop-filter:none;-webkit-backdrop-filter:none}
@media(max-width:600px){.page{padding:12px 8px 20px}.page>header{padding:18px 4px 22px}.page>header h1{font-size:25px}.board-grid .content-page{padding:20px 16px}.mobile-pager{padding:0 3px}.mobile-pager button{height:56px;font-size:12px;flex-direction:column;gap:3px}.mobile-pager svg{width:19px;height:19px}.mobile-pager button::after{left:16%;right:16%}.home-heading h2{font-size:21px}.home-row{padding:18px 0}.post{padding:18px 0}.post-menu{top:16px}.post-expanded-body{padding-left:0}.post-summary h4{font-size:15px}}
@media(prefers-reduced-motion:reduce){.mobile-pager button::after{transition:none}}