/* Campus A: the social surfaces inherit the same tokens as the study journal. */
.beta .campus-icon { width:20px; height:20px; flex-shrink:0; vertical-align:middle; }
.beta .campus-card { background:#fff; border:1px solid var(--line); border-radius:16px; padding:18px; margin:0 0 16px; min-width:0; }
.beta .campus-button { min-height:44px; display:inline-flex; justify-content:center; align-items:center; gap:8px; padding:11px 15px; border-radius:12px; background:var(--blue); color:#fff; font-size:13px; line-height:1.45; font-weight:650; text-decoration:none; text-align:center; }
.beta .campus-secondary { color:#3c5273; background:var(--surface); }
.beta .campus-destructive { background:#b33f49; color:#fff; }
.beta .campus-danger { color:#ac3b45; }
.beta .campus-icon-button { width:40px; height:44px; display:flex; align-items:center; justify-content:center; border-radius:12px; background:var(--surface); }
.beta .campus-muted { font-size:11px; color:var(--muted); line-height:1.65; margin:8px 0; }
.beta .campus-center { text-align:center; }
.beta .campus-empty { border-radius:14px; padding:26px 18px; background:var(--surface); text-align:center; color:var(--muted); }
.beta .campus-empty > strong { display:block; color:var(--ink); font-size:15px; }
.beta .campus-empty p { font-size:12px; line-height:1.65; margin:8px 0 0; }
.beta .campus-message { padding:13px 15px; background:#edf4ff; border-radius:12px; font-size:12px; line-height:1.65; margin-bottom:14px; overflow-wrap:anywhere; }
.beta .campus-message > p { margin:6px 0 10px; }
.beta .campus-message .campus-button { margin:4px 6px 2px 0; }
.beta .campus-error { background:#fff2e7; color:#83440c; }
.beta .campus-avatar { width:34px; height:34px; border-radius:50%; background:#e7edff; color:#355bba; font-size:11px; font-weight:750; display:inline-flex; align-items:center; justify-content:center; flex-shrink:0; overflow:hidden; }
.beta .campus-avatar img { width:100%; height:100%; object-fit:cover; }
.beta .campus-avatar-large { width:78px; height:78px; font-size:25px; }
.beta .tone-violet { background:#ede7fa; color:#7050a7; }
.beta .tone-green { background:#e0f1e8; color:#397557; }
.beta .tone-amber { background:#fff0d5; color:#8c641f; }
.beta .tone-rose { background:#f9e4ed; color:#984768; }
/* The approved A hierarchy: greeting, study strip, image, tabs, composer, wall. */
.beta .campus-home-heading { display:flex; align-items:baseline; justify-content:space-between; gap:12px; margin:3px 0 15px; }
.beta .campus-home-heading h1 { min-width:0; font-size:27px; font-weight:800; line-height:1.25; letter-spacing:-.9px; }
.beta .campus-home-heading p { flex-shrink:0; font-size:12px; color:#4f607f; }
.beta .campus-discover { position:relative; isolation:isolate; display:flex; align-items:flex-end; width:100%; aspect-ratio:1.48; min-height:222px; padding:0; margin:0; overflow:hidden; border-radius:16px; background:#182738 url('/assets/campus/evening.webp') center 43%/cover; color:#fff; text-align:left; }
.beta .campus-discover::before { content:""; position:absolute; z-index:-1; inset:20% 0 0; background:linear-gradient(180deg,transparent,#070c17b8); }
.beta .campus-hero-content { display:flex; flex-direction:column; width:100%; gap:10px; padding:18px 15px 15px; }
.beta .campus-hero-content > strong { display:block; max-width:80%; font-size:36px; font-weight:800; line-height:1.03; letter-spacing:-.95px; }
.beta .campus-hero-bottom { display:flex; align-items:center; justify-content:space-between; gap:9px; }
.beta .campus-hero-bottom > span:first-child { min-width:0; max-width:65%; font-size:12px; line-height:1.5; color:#fff; }
.beta .campus-hero-link { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:38px; padding:9px 12px; background:var(--blue); color:#fff; border-radius:20px; font-size:12px; font-weight:650; white-space:nowrap; }
.beta .campus-hero-link > svg { width:12px; height:12px; }
.beta .campus-feed-bar { position:relative; display:flex; align-items:center; gap:4px; border-bottom:1px solid var(--line); margin:3px 0 10px; }
.beta .campus-chip-strip { display:flex; gap:5px; overflow-x:auto; scrollbar-width:none; min-width:0; scroll-padding-inline:2px; }
.beta .campus-chip-strip::-webkit-scrollbar { display:none; }
.beta .campus-chip { display:inline-flex; align-items:center; justify-content:center; gap:6px; min-height:42px; padding:9px 12px; flex-shrink:0; border-radius:10px; color:#53627e; font-size:12px; line-height:1.4; font-weight:550; }
.beta .campus-chip[aria-pressed=true] { color:var(--blue); background:#eef2ff; font-weight:800; }
.beta .campus-chip > svg { width:17px; height:17px; }
.beta .campus-feed-bar > .campus-chip-strip { flex:1; gap:0; }
.beta .campus-feed-bar > .campus-chip-strip > .campus-chip { position:relative; min-height:43px; padding:10px 11px; background:transparent; border-radius:0; font-size:12px; }
.beta .campus-feed-bar > .campus-chip-strip > .campus-chip:first-child { padding-left:4px; }
.beta .campus-feed-bar > .campus-chip-strip > .campus-chip[aria-pressed=true]::after { content:""; position:absolute; bottom:-1px; left:4px; right:4px; height:2px; background:var(--blue); border-radius:2px; }
.beta .campus-feed-options { flex-shrink:0; }
.beta .campus-feed-options > summary { display:grid; place-items:center; width:44px; min-height:44px; cursor:pointer; list-style:none; color:#586984; }
.beta .campus-feed-options > summary::-webkit-details-marker { display:none; }
.beta .campus-feed-options[open] > summary { color:var(--blue); }
.beta .campus-feed-options > div { position:absolute; z-index:10; top:100%; right:0; left:0; padding:14px; border:1px solid #e1e7f2; border-radius:14px; box-shadow:0 10px 24px #243b5b18; background:#fff; }
.beta .campus-feed-options > div > strong { display:block; font-size:13px; margin-bottom:8px; }
.beta .campus-feed-options .campus-chip-strip { margin-bottom:5px; }
.beta .campus-feed-options .campus-chip { font-size:11px; min-height:40px; padding:8px 10px; }
.beta .campus-compose-trigger { width:100%; display:flex; align-items:center; gap:11px; padding:7px 10px; min-height:48px; border-radius:24px; background:var(--surface); text-align:left; margin:0 0 9px; }
.beta .campus-compose-trigger > .campus-avatar { width:32px; height:32px; }
.beta .campus-compose-trigger > span:nth-child(2) { flex:1; min-width:0; font-size:12px; color:#697a97; }
.beta .campus-compose-icons { display:flex; gap:12px; color:#3f5277; }
.beta .campus-compose-icons svg { width:19px; height:19px; }
.beta .campus-demo-note { display:flex; gap:5px; align-items:baseline; color:#6d768a; font-size:8px; line-height:1.5; margin:0 2px 10px; font-weight:400; }
.beta .campus-demo-note > span { width:4px; height:4px; border-radius:50%; background:#bd9450; flex-shrink:0; }
/* Post bodies, replies and polls share the journal's precise reading scale. */
.beta .campus-feed > .campus-button { width:100%; margin:4px 0 16px; }
.beta .campus-post { min-width:0; margin:0 0 13px; padding:13px; background:#fff; border:1px solid var(--line); border-radius:16px; }
.beta .campus-post-top { display:flex; align-items:flex-start; justify-content:space-between; gap:8px; }
.beta .campus-post-menu { position:relative; flex:0 0 44px; }
.beta .campus-post-menu > summary { display:grid; place-items:center; width:44px; min-height:44px; padding:0; border-radius:12px; list-style:none; cursor:pointer; color:var(--ui-muted,#626f85); }
.beta .campus-post-menu > summary::-webkit-details-marker { display:none; }
.beta .campus-post-menu[open] > summary { background:var(--ui-soft,#f4f6fa); color:var(--ui-text,#182033); }
.beta .campus-post-menu > div { position:absolute; z-index:15; top:48px; right:0; display:grid; width:180px; max-width:calc(100vw - 48px); padding:5px; border:1px solid var(--ui-border,#e3e7ef); border-radius:14px; background:var(--ui-surface,#fff); box-shadow:0 8px 28px #0002; }
.beta .campus-post-menu:not([open]) > div { display:none; }
.beta .campus-post-menu .text-button { width:100%; min-height:44px; margin:0; padding:10px 12px; text-align:left; border-radius:9px; color:var(--ui-text,#182033); }
.beta .campus-post-menu .campus-danger { color:var(--ui-danger,#ac3b45); }
.beta .campus-post-heading { display:flex; align-items:center; gap:12px; margin:4px 0 20px; }
.beta .campus-post-heading > .study-heading { flex:1; min-width:0; margin:0; }
.beta .campus-post-refresh { display:grid; place-items:center; flex:0 0 44px; width:44px; height:44px; padding:0; border-radius:12px; background:var(--ui-soft,#f4f6fa); color:var(--ui-muted,#626f85); }
.beta .campus-author { display:flex; align-items:center; gap:9px; padding:0; text-align:left; min-height:38px; min-width:0; flex:1; }
.beta .campus-author > span:last-child { display:flex; flex-direction:column; gap:2px; min-width:0; }
.beta .campus-author strong { font-size:13px; font-weight:800; overflow-wrap:anywhere; }
.beta .campus-author small { font-size:11px; color:var(--muted); line-height:1.5; }
.beta .campus-author:disabled { opacity:1; }
.beta .campus-category { background:var(--surface); border-radius:6px; color:#5b6b81; padding:4px 6px; font-size:9px; white-space:nowrap; margin-top:4px; }
.beta .campus-post :is(h2,h3) { font-size:16px; line-height:1.4; font-weight:800; letter-spacing:-.3px; margin:11px 0 5px; overflow-wrap:anywhere; }
.beta .campus-post h3 > button { padding:0; text-align:left; width:100%; line-height:inherit; font:inherit; min-height:0; }
.beta .campus-post-text { white-space:pre-wrap; overflow-wrap:anywhere; color:#455673; font-size:13px; line-height:1.6; margin:6px 0 12px; }
.beta .campus-post-text:empty { display:none; }
.beta .campus-post-photo { display:block; width:100%; height:auto; max-height:500px; object-fit:contain; border-radius:10px; background:var(--surface); margin:10px 0; }
.beta .campus-post-actions { display:flex; align-items:center; flex-wrap:wrap; gap:4px 11px; margin-top:8px; padding:0; }
.beta .campus-action { min-height:44px; min-width:44px; justify-content:center; display:flex; align-items:center; gap:6px; padding:4px 0; font-size:12px; color:#596d8e; }
.beta .campus-action.is-active { color:#ec4166; }
.beta .campus-action.is-active .campus-icon { fill:#ec4166; }
.beta .campus-club-tag { display:flex; min-height:38px; align-items:center; text-align:right; color:var(--blue); font-size:11px; line-height:1.5; padding:0; max-width:105px; }
.beta .campus-poll { border-radius:12px; padding:13px; background:var(--surface); margin-top:13px; }
.beta .campus-poll h3 { margin:0 0 12px; font-size:15px; }
.beta .campus-poll-options { display:grid; gap:7px; }
.beta .campus-poll-option { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:6px 8px; border:1px solid #e0e6f0; border-radius:10px; padding:10px 11px 8px; background:#fff; text-align:left; min-height:50px; font-size:12px; line-height:1.5; overflow:hidden; }
.beta .campus-poll-option > span { overflow-wrap:anywhere; }
.beta .campus-poll-option strong { font-size:11px; color:#536585; }
.beta .campus-poll-option.is-selected { border-color:var(--blue); background:#eef2ff; }
.beta .campus-poll-option:disabled { opacity:1; cursor:default; }
.beta .campus-poll-option progress { grid-column:1/-1; display:block; height:3px; width:100%; border:0; background:#e9edf4; color:var(--blue); border-radius:2px; }
.beta .campus-poll-option progress::-webkit-progress-bar { background:#e9edf4; border-radius:2px; }
.beta .campus-poll-option progress::-webkit-progress-value { background:var(--blue); border-radius:2px; }
.beta .campus-poll-option progress::-moz-progress-bar { background:var(--blue); border-radius:2px; }
.beta .campus-poll-meta { color:#586c8a; font-size:10px; margin:11px 0 0; }
.beta .campus-poll .campus-muted { font-size:10px; margin:3px 0 0; }
/* An editorial cover, one identity and quiet underline tabs. */
.beta .campus-profile-cover { height:126px; border-radius:16px; background:#263950 url('/assets/campus/evening.webp') center 32%/cover; }
.beta .campus-public-person { text-align:center; display:flex; flex-direction:column; align-items:center; padding:4px 0 8px; }
.beta .campus-public-person h2 { font-size:22px; letter-spacing:-.6px; margin:10px 0 6px; overflow-wrap:anywhere; max-width:100%; }
.beta .campus-public-person p { margin:0 0 12px; font-size:13px; line-height:1.6; color:var(--muted); white-space:pre-wrap; overflow-wrap:anywhere; max-width:100%; }
.beta .campus-public-person > small { font-size:12px; color:var(--muted); }
.beta .campus-profile-identity.campus-public-person { position:relative; display:flex; align-items:flex-start; text-align:left; padding:0 12px; margin-top:-37px; }
.beta .campus-profile-photo { position:relative; width:80px; height:80px; padding:0; margin:0; }
.beta .campus-profile-photo .campus-avatar { width:80px; height:80px; border:4px solid #fff; }
.beta .campus-avatar-edit { position:absolute; right:0; bottom:0; display:grid; place-items:center; width:25px; height:25px; border-radius:50%; background:#fff; border:1px solid var(--line); color:var(--blue); }
.beta .campus-avatar-edit svg { width:13px; height:13px; }
.beta .campus-profile-identity h2 { font-size:21px; line-height:1.35; font-weight:800; letter-spacing:-.6px; margin:10px 0 5px; }
.beta .campus-profile-identity .text-button { position:absolute; right:12px; top:46px; min-height:34px; padding:6px 10px; border:1px solid #b9c7ff; border-radius:20px; font-size:10px; }
.beta .campus-profile-identity .text-button svg { width:12px; height:12px; margin-right:3px; }
.beta .campus-profile-identity > p { color:#536581; font-size:13px; line-height:1.6; margin:0; }
.beta .campus-profile-card { display:flex; gap:20px; margin:9px 12px 9px; padding:0; }
.beta .campus-profile-card .text-button { display:flex; align-items:baseline; gap:5px; color:#66738e; padding:0; min-height:35px; font-size:12px; font-weight:450; }
.beta .campus-profile-card strong { color:var(--ink); font-size:16px; font-weight:800; }
.beta .campus-profile-card .text-button + .text-button { border-left:1px solid var(--line); padding-left:20px; }
.beta .campus-profile-tabs { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-bottom:1px solid var(--line); gap:8px; margin:0 0 16px; }
.beta .campus-profile-tabs .campus-chip { position:relative; border-radius:0; min-width:0; min-height:44px; padding:10px 2px; background:transparent; font-size:12px; }
.beta .campus-profile-tabs .campus-chip[aria-pressed=true]::after { content:""; position:absolute; height:2px; left:5px; right:5px; bottom:-1px; border-radius:2px; background:var(--blue); }
.beta .campus-profile-links { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:18px; }
.beta .campus-profile-links .campus-button { display:flex; flex-direction:column; background:var(--surface); color:var(--ink); gap:4px; padding:14px 6px; }
.beta .campus-profile-links strong { font-size:23px; font-weight:800; }
.beta .campus-profile-links span { font-size:11px; color:var(--muted); font-weight:400; }
.beta .campus-activity { margin:22px 0; }
.beta .campus-activity .section-line h2 { font-size:16px; letter-spacing:-.35px; margin:0; }
.beta .campus-activity .section-line > span { font-size:10px; color:var(--muted); }
.beta .campus-activity .campus-activity-summary { font-size:12px; line-height:1.6; color:var(--muted); margin:7px 0 13px; }
.beta .campus-activity-summary strong { color:#425c8d; font-weight:700; }
.beta .campus-activity-chart { display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:4px; }
.beta .campus-activity-week { display:grid; min-width:0; grid-template-rows:repeat(7,1fr); gap:4px; }
.beta .campus-activity-day { display:block; width:100%; aspect-ratio:1; border-radius:3px; background:#f0f3f9; }
.beta .campus-activity-day[data-level="1"] { background:#dce7ff; }
.beta .campus-activity-day[data-level="2"] { background:#afc7ff; }
.beta .campus-activity-day[data-level="3"] { background:#769bfa; }
.beta .campus-activity-day[data-level="4"] { background:#3259eb; }
.beta .campus-activity-day[data-level="future"] { opacity:0; }
.beta .campus-activity-axis { display:flex; justify-content:space-between; gap:10px; margin-top:8px; color:var(--muted); font-size:9px; }
.beta .campus-activity .campus-activity-explainer { color:var(--muted); font-size:10px; line-height:1.6; margin:12px 0 0; }
.beta .campus-shortcuts { display:grid; margin:0 0 14px; }
.beta .campus-shortcuts > .campus-button { justify-content:flex-start; border-bottom:1px solid var(--line); border-radius:0; background:#fff; color:var(--ink); padding:12px 0; font-size:12px; }
.beta .campus-shortcuts .campus-icon:last-child { margin-left:auto; }
/* Useful is a photo-led directory; lists stay flat and searchable. */
.beta .campus-useful-search { display:flex; align-items:center; gap:10px; border-radius:24px; background:var(--surface); min-height:46px; padding:10px 14px; margin-bottom:14px; }
.beta .campus-useful-search > svg { width:19px; height:19px; color:#536c91; }
.beta .campus-useful-search input { width:100%; min-width:0; background:transparent; border:0; color:var(--ink); font-size:16px; outline-offset:4px; }
.beta .campus-useful-search input::placeholder { color:#6d7e99; }
.beta .campus-useful-hero { position:relative; isolation:isolate; overflow:hidden; display:flex; flex-direction:column; align-items:flex-start; justify-content:flex-end; gap:10px; width:100%; aspect-ratio:1.95; padding:16px; border-radius:16px; margin:0 0 25px; background:#20334b url('/assets/campus/evening.webp') center 40%/cover; color:#fff; text-align:left; }
.beta .campus-useful-hero::before { content:""; position:absolute; z-index:-1; inset:0; background:linear-gradient(90deg,#111b33ad,#111b3310); }
.beta .campus-useful-hero > strong { max-width:80%; font-size:27px; line-height:1.05; letter-spacing:-.8px; font-weight:800; }
.beta .campus-useful-hero > span { display:flex; align-items:center; gap:9px; font-size:11px; }
.beta .campus-useful-hero > span > svg { width:13px; height:13px; }
.beta .campus-useful-group { margin-bottom:26px; }
.beta .campus-useful-group > h2 { font-size:17px; margin:0 0 11px; }
.beta .campus-article-list { display:grid; padding:0; border:1px solid var(--line); border-radius:14px; }
.beta .campus-article-list .campus-button { width:100%; background:#fff; color:var(--ink); justify-content:space-between; padding:13px 0; text-align:left; border-radius:0; gap:11px; }

.beta .campus-article-list .campus-button > span:not(.campus-useful-icon) { min-width:0; flex:1; }
.beta .campus-article-list strong,.beta .campus-article-list small { display:block; }
.beta .campus-article-list strong { font-size:13px; font-weight:650; }
.beta .campus-article-list small { font-size:11px; font-weight:400; line-height:1.5; margin-top:3px; color:var(--muted); }
.beta .campus-useful-icon { display:grid; place-items:center; width:27px; flex-shrink:0; color:var(--blue); }
.beta .campus-article-list .campus-button > .campus-icon:last-child { width:12px; height:12px; color:#7083a1; }
.beta .campus-search-empty { font-size:13px; color:var(--muted); padding:18px 0; }
.beta .campus-directory-categories { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin:16px 0 25px; }
.beta .campus-directory-categories .campus-button { background:var(--surface); color:var(--ink); display:flex; flex-direction:column; align-items:flex-start; min-height:90px; padding:13px 10px; text-align:left; font-size:12px; }
.beta .campus-directory-categories small { font-size:10px; color:var(--muted); font-weight:400; }
.beta .campus-article p { font-size:13px; line-height:1.75; margin:0 0 18px; white-space:pre-wrap; overflow-wrap:anywhere; }
.beta .campus-article h2 { margin-bottom:14px; }
.beta .campus-article h3 { font-size:17px; margin:24px 0 12px; }
.beta .campus-article .campus-article-lead { font-size:15px; line-height:1.65; color:#425674; }
.beta .campus-article .campus-muted { font-size:11px; }
.beta .campus-article .campus-button { margin:0 8px 13px 0; }
.beta .campus-community-mark { width:54px; height:54px; border-radius:16px; background:#eaf0ff; color:var(--blue); display:grid; place-items:center; margin-bottom:18px; }
.beta .campus-community-mark svg { width:29px; height:29px; }
.beta .campus-club-segments { display:flex; gap:3px; padding:3px; border-radius:12px; background:var(--surface); overflow-x:auto; scrollbar-width:none; margin:0 0 12px; }
.beta .campus-club-segments .campus-chip { flex:1 0 auto; white-space:nowrap; min-width:max-content; font-size:11px; padding:9px 11px; }
.beta .campus-club-segments .campus-chip[aria-pressed=true] { background:#fff; color:var(--blue); }
.beta .campus-filters { display:flex; gap:8px; align-items:center; margin:0 0 14px; min-width:0; }
.beta .campus-filters label { flex:1; min-width:0; }
.beta .campus-filters select { width:100%; min-width:0; min-height:44px; background:var(--surface); border:none; border-radius:10px; padding:8px 10px; font-size:12px; color:#425674; }
.beta .campus-filters .text-button { padding:8px 2px; white-space:normal; }
.beta .campus-club-card { min-width:0; position:relative; padding:15px 10px 15px 14px; display:flex; align-items:center; gap:6px; border:1px solid var(--line); border-radius:16px; margin-bottom:10px; background:#fff; }
.beta .campus-club-open { display:flex; align-items:flex-start; gap:11px; padding:0; text-align:left; min-width:0; flex:1; }
.beta .campus-club-icon { width:40px; height:40px; border-radius:12px; background:#eaf0ff; color:var(--blue); display:grid; place-items:center; flex-shrink:0; }
.beta .campus-club-icon.sport { background:#eaf7f0; color:#2e8260; }
.beta .campus-club-icon.culture { background:#fff0e4; color:#ab713e; }
.beta .campus-club-open > span:nth-child(2) { min-width:0; display:flex; flex-direction:column; gap:4px; }
.beta .campus-club-open small { font-size:11px; color:var(--muted); }
.beta .campus-club-open strong { font-size:14px; line-height:1.4; font-weight:800; overflow-wrap:anywhere; }
.beta .campus-club-open > span:nth-child(2) > span { font-size:12px; color:var(--muted); line-height:1.55; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.beta .campus-club-open > svg { display:none; }
.beta .campus-save { width:40px; height:44px; flex-shrink:0; display:flex; align-items:center; justify-content:center; color:#647897; border-radius:10px; }
.beta .campus-save.is-active { color:var(--blue); background:#eef2ff; }
.beta .campus-save.is-active svg { fill:#dfe7ff; }
/* Creation and editing screens share the same source of truth and draft handlers. */
.beta .campus-form { display:grid; gap:18px; }
.beta .campus-form label { display:flex; flex-direction:column; gap:8px; font-size:12px; color:#536783; font-weight:650; min-width:0; }
.beta .campus-form input:not([type=file]),.beta .campus-form textarea,.beta .campus-form select { width:100%; min-width:0; border:1px solid #dfe6f0; border-radius:10px; background:#f8f9fc; color:var(--ink); padding:12px; min-height:48px; font-size:16px; line-height:1.5; font-weight:400; }
.beta .campus-form textarea { resize:vertical; max-height:500px; }
.beta .campus-form label > small,.beta .campus-attachment > small { font-size:10px; font-weight:400; color:var(--muted); line-height:1.65; display:block; }
.beta .campus-form-grid { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:12px; }
.beta .campus-form-actions { display:flex; flex-wrap:wrap; gap:10px; margin-bottom:16px; }
.beta .campus-form-actions > .campus-button { flex:1; }
.beta .campus-form .campus-form-actions { margin:0; }
.beta .campus-attachment { min-width:0; border:1px solid var(--line); border-radius:12px; padding:13px; display:grid; gap:12px; }
.beta .campus-attachment legend { font-size:12px; font-weight:650; padding:0 7px; }
.beta .campus-file-label { position:relative; display:flex; align-items:center; justify-content:center; gap:8px; border-radius:10px; min-height:46px; background:#edf2ff; color:#3559b4; font-size:12px; font-weight:650; padding:12px; cursor:pointer; }
.beta .campus-file-label input { position:absolute; inset:0; width:100%; height:100%; opacity:0; cursor:pointer; }
.beta .campus-file-label:focus-within { outline:3px solid #8098ff; outline-offset:2px; }
.beta .campus-upload-preview { display:block; width:100%; height:auto; max-height:240px; object-fit:contain; border-radius:10px; background:var(--surface); }
.beta .campus-option-editor { display:grid; gap:12px; }
.beta .campus-inline-actions { display:flex; align-items:center; flex-wrap:wrap; gap:8px 16px; }
.beta .campus-inline-actions .text-button { min-height:44px; }
.beta .campus-comments { padding-top:12px; }
.beta .campus-comments > .section-line h2 { font-size:19px; }
.beta .campus-comment { padding:15px 0; border-bottom:1px solid var(--line); }
.beta .campus-comment:last-of-type { border:0; }
.beta .campus-comment .campus-avatar { width:30px; height:30px; font-size:10px; }
.beta .campus-comment .campus-post-text { margin:9px 0 2px 39px; }
.beta .campus-comment .campus-inline-actions .text-button { font-size:11px; }
.beta .campus-comments > form { margin-top:20px; }
.beta .campus-comments > .section-line { margin-top:20px; }
.beta .campus-check { display:flex; align-items:flex-start; gap:10px; font-size:12px; line-height:1.65; margin:18px 0; }
.beta .campus-check input { width:20px; height:20px; margin-top:1px; flex-shrink:0; accent-color:var(--blue); }
.beta .campus-confirm { border-color:#edc3c7; }
.beta .campus-confirm > strong { font-size:15px; }
.beta .campus-confirm > p { font-size:12px; color:#7a5d61; margin:10px 0 16px; }
@media(max-width:359px) {
 .beta .campus-home-heading h1 { font-size:24px; }
 .beta .campus-home-heading p { font-size:11px; }
 .beta .campus-discover { min-height:210px; }
 .beta .campus-hero-content > strong { font-size:33px; }
 .beta .campus-hero-bottom > span:first-child { font-size:11px; }
 .beta .campus-hero-content { padding:16px 13px 13px; }
 .beta .campus-hero-link { padding:8px 10px; font-size:11px; }
 .beta .campus-feed-bar > .campus-chip-strip > .campus-chip { font-size:11px; padding-inline:7px; }
 .beta .campus-post { padding:12px; }
 .beta .campus-category { display:none; }
 .beta .campus-form-grid { grid-template-columns:1fr; }
 .beta .campus-profile-identity h2 { font-size:19px; }
 .beta .campus-profile-identity .text-button { font-size:9px; padding:6px 8px; }
 .beta .campus-profile-cover { height:115px; }
 .beta .campus-activity-chart,.beta .campus-activity-week { gap:3px; }
 .beta .campus-directory-categories { grid-template-columns:1fr; }
 .beta .campus-directory-categories .campus-button { min-height:56px; flex-direction:row; align-items:center; justify-content:space-between; }
 .beta .campus-club-icon { width:34px; height:34px; }
 .beta .campus-club-open { gap:8px; }
 .beta .campus-club-open strong { font-size:13px; }
}

.beta .campus-author-profile { margin-bottom:24px; }
.beta .campus-author-photo { display:block; width:80px; height:80px; }
.beta .campus-author-photo > .campus-avatar { width:80px; height:80px; border:4px solid #fff; }
.beta .campus-profile-identity > small { margin:12px 0 0; font-size:12px; }

/* Personal MPEI covers and a social identity inspired by the supplied ITD reference. */
.beta .mpei-home-art { margin:0 0 12px; }
.beta .mpei-home-art > img { display:block; width:100%; height:auto; aspect-ratio:2.05; object-fit:cover; border-radius:16px; background:#142448; }
.beta .mpei-home-art figcaption { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:9px 2px 3px; color:var(--muted); font-size:10px; }
.beta .mpei-home-art figcaption > span { text-align:right; }
.beta .campus-profile-cover { overflow:hidden; background:#142448; }
.beta .campus-profile-cover > img { display:block; width:100%; height:100%; object-fit:cover; }
.beta .campus-social-profile > .campus-profile-cover { height:164px; }
.beta .campus-profile-actions { display:flex; align-items:flex-end; justify-content:space-between; gap:12px; margin:-44px 12px 0; position:relative; }
.beta .campus-profile-actions .campus-profile-photo,.beta .campus-profile-actions .campus-avatar { width:88px; height:88px; }
.beta .campus-profile-actions .campus-avatar { border:4px solid #fff; }
.beta .campus-profile-actions > .campus-button { min-height:38px; border:1px solid var(--line); border-radius:20px; padding:8px 12px; font-size:11px; background:#fff; color:var(--ink); }
.beta .campus-profile-actions > .campus-button svg { width:15px; height:15px; }
.beta .campus-social-identity { padding:0 12px; }
.beta .campus-social-identity h1 { margin:16px 0 9px; font-size:25px; line-height:1.3; letter-spacing:-.75px; font-weight:800; overflow-wrap:anywhere; }
.beta .campus-social-identity > p:not(.campus-profile-counter) { overflow-wrap:anywhere; }
.beta .campus-identity-tags { display:flex; flex-wrap:wrap; gap:5px; align-items:center; }
.beta .campus-identity-tags:empty { display:none; }
.beta .campus-identity-tags > span { display:inline-flex; align-items:center; padding:3px 7px; border-radius:6px; color:#53637f; background:#edf0f5; font-size:10px; line-height:1.5; font-weight:650; overflow-wrap:anywhere; max-width:100%; }
.beta .campus-identity-tags .campus-institute-tag { color:#2549ba; background:#eaf0ff; }
.beta .campus-author .campus-identity-tags > span { font-size:10px; padding:1px 5px; }
.beta .campus-social-identity .campus-identity-tags > span { font-size:12px; padding:4px 8px; }
.beta .campus-profile-counter { color:#5a6a86; font-size:12px; margin:16px 0 22px; }
.beta .campus-profile-counter strong { color:var(--ink); }
.beta .campus-profile-counter > span { margin-left:3px; color:var(--muted); }
.beta .campus-social-profile .campus-profile-tabs { margin:0 0 20px; }
.beta .campus-settings-tabs { display:flex; gap:4px; overflow-x:auto; scrollbar-width:none; border-bottom:1px solid var(--line); margin:0 0 24px; }
.beta .campus-settings-tabs .campus-chip { border-radius:0; min-height:44px; padding-inline:10px; }
.beta .campus-settings-tabs [aria-current=page] { color:var(--blue); box-shadow:inset 0 -2px var(--blue); }
.beta .campus-settings-content { min-width:0; }
.beta .campus-settings-content .campus-form { gap:14px; }
.beta .campus-settings-content .campus-form > .campus-muted { margin:0; }
.beta .campus-settings-content .campus-form.campus-card { border:0; padding:0; }
.beta .campus-settings-content h2 { font-size:19px; margin:0; }
.beta .campus-cover-preview .campus-profile-cover { height:164px; }
.beta .campus-cover-gallery { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px 9px; }
.beta .campus-cover-choice { display:flex; flex-direction:column; gap:6px; text-align:left; padding:4px; border-radius:10px; border:2px solid transparent; min-width:0; }
.beta .campus-cover-choice img { display:block; width:100%; height:auto; aspect-ratio:2; object-fit:cover; border-radius:6px; background:#edf0f5; }
.beta .campus-cover-choice > span { font-size:10px; line-height:1.5; color:#53637f; overflow-wrap:anywhere; }
.beta .campus-cover-choice[aria-pressed=true] { border-color:var(--blue); background:#f1f4ff; }
.beta .campus-form .campus-privacy-check { flex-direction:row; align-items:center; gap:10px; line-height:1.6; min-height:44px; }
.beta .campus-form .campus-privacy-check > input { width:20px; height:20px; min-height:20px; padding:0; accent-color:var(--blue); flex-shrink:0; }
.beta .campus-settings-content .profile-settings { margin-top:0; }
@media(max-width:359px) {
 .beta .campus-cover-gallery { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .beta .campus-social-profile > .campus-profile-cover { height:142px; }
 .beta .campus-social-identity h1 { font-size:23px; }
 .beta .campus-home-heading { flex-wrap:wrap; gap:5px 12px; }
}

/* Contour social layout: independent profile art, inline composer, one settings home. */
.beta .mpei-home-art { position:relative; isolation:isolate; overflow:hidden; border-radius:20px; margin-bottom:22px; background:#132a53; }
.beta .mpei-home-art > img { aspect-ratio:1.52; border-radius:0; object-position:center; }
.beta .mpei-home-art::after { content:""; position:absolute; inset:25% 0 0; background:linear-gradient(transparent,#07142bc9); z-index:0; pointer-events:none; }
.beta .mpei-home-copy { position:absolute; z-index:1; inset:auto 24px 23px; color:#fff; pointer-events:none; }
.beta .mpei-home-copy > span { font-size:9px; letter-spacing:.16em; font-weight:750; }
.beta .mpei-home-copy strong { display:block; margin-top:9px; font-size:36px; line-height:1.06; letter-spacing:-1.3px; font-weight:800; }
.beta .mpei-home-copy p { font-size:11px; margin:10px 0 0; line-height:1.6; color:#edf2ff; }
.beta .campus-profile-cover { position:relative; isolation:isolate; background:var(--ui-accent-soft,#edf1ff); border:1px solid var(--ui-border,#e3e7ef); }
.beta .campus-social-profile > .campus-profile-cover { height:168px; border-radius:20px; }
.beta .profile-art-contour { background:radial-gradient(ellipse at 78% 30%,color-mix(in srgb,var(--ui-accent,#2449df) 32%,transparent),transparent 60%),var(--ui-accent-soft,#edf1ff); }
.beta .profile-art-contour::after { content:""; position:absolute; width:85%; aspect-ratio:1; top:-130%; right:-18%; border-radius:42%; border:1px solid color-mix(in srgb,var(--ui-accent,#2449df) 35%,transparent); box-shadow:0 0 0 25px color-mix(in srgb,var(--ui-accent,#2449df) 7%,transparent),0 0 0 55px color-mix(in srgb,var(--ui-accent,#2449df) 6%,transparent),0 0 0 95px color-mix(in srgb,var(--ui-accent,#2449df) 5%,transparent); transform:rotate(-20deg); }
.beta .profile-art-orbit { background:radial-gradient(circle at 70% 30%,var(--ui-accent,#2449df),transparent 65%),#18233d; }
.beta .profile-art-orbit::after { content:""; position:absolute; width:90%; height:130%; border:1px solid #ffffff55; border-radius:50%; left:25%; top:-65%; transform:rotate(-30deg); box-shadow:0 0 0 22px #ffffff09,0 0 0 50px #ffffff08; }
.beta .profile-art-paper { background:repeating-linear-gradient(0deg,transparent 0 17px,var(--ui-border,#e3e7ef) 17px 18px),var(--ui-soft,#f2f4f8); }
.beta .profile-art-plain { background:var(--ui-soft,#f2f4f8); }
.beta .campus-profile-actions { margin:-42px 18px 0; }
.beta .campus-profile-actions > div { display:flex; align-items:center; gap:8px; padding-bottom:2px; }
.beta .campus-profile-actions .campus-icon-button { border:1px solid var(--ui-border,#e3e7ef); border-radius:50%; width:40px; min-height:40px; background:var(--ui-surface,#fff); }
.beta .campus-profile-actions .campus-secondary { border:1px solid var(--ui-border,#e3e7ef); border-radius:24px; min-height:40px; padding:9px 14px; color:var(--ui-text,#182033); background:var(--ui-surface,#fff); font-size:12px; }
.beta .campus-social-identity { padding:0 18px; }
.beta .campus-social-identity h1 { margin:15px 0 9px; }
.beta .campus-social-profile .campus-profile-tabs { display:flex; border:0; border-radius:12px; gap:4px; background:var(--ui-soft,#f2f4f8); padding:4px; margin:24px 0 18px; }
.beta .campus-social-profile .campus-profile-tabs .campus-chip { flex:1; border-radius:9px; min-height:40px; color:var(--ui-muted,#626f85); }
.beta .campus-social-profile .campus-profile-tabs .campus-chip[aria-pressed=true] { background:var(--ui-surface,#fff); color:var(--ui-text,#182033); box-shadow:0 1px 3px #0000000b; }
.beta .campus-social-profile .campus-profile-tabs .campus-chip::after { display:none; }
.beta .campus-composer.campus-card { position:relative; padding:16px; gap:12px; border:1px solid var(--ui-border,#e3e7ef); border-radius:18px; background:var(--ui-soft,#f2f4f8); margin-bottom:18px; }
.beta .campus-composer-body { display:flex; align-items:flex-start; gap:12px; }
.beta .campus-composer-body > label { flex:1; min-width:0; }
.beta .campus-composer .campus-composer-body textarea { width:100%; resize:none; padding:8px; margin:0; border:0; border-radius:12px; min-height:88px; background:transparent; color:var(--ui-text,#182033); box-shadow:none; font-size:16px; line-height:1.6; }
.beta .campus-composer .campus-composer-body textarea:focus-visible { outline:2px solid color-mix(in srgb,var(--ui-accent,#2449df) 45%,transparent); outline-offset:0; }
.beta .campus-composer-body textarea::placeholder { color:var(--ui-muted,#626f85); }
.beta .campus-composer-toolbar { display:flex; align-items:center; justify-content:space-between; gap:8px; }
.beta .campus-composer-tools { display:flex; align-items:center; gap:2px; min-width:0; }
.beta .campus-composer-tools .campus-composer-tool,.beta .campus-composer-tools summary { display:flex; flex-direction:row; align-items:center; justify-content:center; position:relative; width:44px; height:44px; min-height:44px; flex-shrink:0; padding:0; margin:0; border-radius:12px; color:var(--ui-muted,#626f85); cursor:pointer; background:transparent; list-style:none; line-height:1; }
.beta .campus-composer-tools .campus-icon { display:block; width:22px; height:22px; }
.beta .campus-composer-tools > details { position:relative; flex:0 0 44px; }
.beta .campus-composer-tools summary:hover,.beta .campus-composer-tool:hover,.beta .campus-composer-tools [aria-pressed=true],.beta .campus-composer-tools details[open] > summary { background:var(--ui-surface,#fff); color:var(--ui-text,#182033); }
.beta .campus-composer-tools summary::-webkit-details-marker { display:none; }
.beta .campus-composer-tool input[type=file] { position:absolute; inset:0; width:100%; height:100%; opacity:0; cursor:pointer; min-height:0; padding:0; }
.beta .campus-composer-tool:focus-within { outline:2px solid var(--ui-accent,#2449df); outline-offset:2px; }
.beta .campus-composer-toolbar > .campus-button { border-radius:22px; font-size:14px; padding:10px 18px; min-height:44px; white-space:nowrap; }
.beta .campus-emoji-picker > div,.beta .campus-composer-more > div { position:absolute; z-index:15; left:0; bottom:52px; width:300px; max-width:calc(100vw - 48px); max-height:60dvh; overflow:auto; overscroll-behavior:contain; border:1px solid var(--ui-border,#e3e7ef); border-radius:20px; padding:16px; background:var(--ui-surface,#fff); box-shadow:0 8px 28px #0002; }
.beta .campus-emoji-picker > div { display:flex; flex-wrap:wrap; gap:5px; }
.beta .campus-composer-more > div { display:grid; gap:12px; left:auto; right:0; }
.beta .campus-popover-heading { display:flex; align-items:center; justify-content:space-between; gap:8px; min-height:44px; }
.beta .campus-popover-heading strong { font-size:14px; font-weight:600; }
.beta .campus-popover-actions { display:flex; flex-wrap:wrap; gap:4px 12px; border-top:1px solid var(--ui-border,#e3e7ef); padding-top:8px; }
.beta .campus-popover-actions > .text-button { flex:1; min-height:44px; padding:6px 0; font-size:12px; }
.beta .campus-composer-more input,.beta .campus-composer-more select { min-height:44px; padding:10px 12px; }
.beta .campus-composer-more label { margin:0; }
.beta .campus-composer-photo { padding-left:46px; }
.beta .campus-composer-photo img { max-height:340px; width:100%; object-fit:contain; border-radius:10px; }
.beta .campus-settings-layout { min-width:0; }
.beta .campus-settings-layout .campus-settings-tabs { display:grid; gap:0; overflow:visible; border:1px solid var(--ui-border,#e3e7ef); border-radius:16px; background:var(--ui-soft,#f2f4f8); padding:0 14px; margin:0; }
.beta .campus-setting-link { display:flex; align-items:center; text-align:left; gap:12px; width:100%; min-height:66px; padding:14px 0; border-radius:0; color:var(--ui-text,#182033); font-size:14px; box-shadow:none; }
.beta .campus-setting-link + .campus-setting-link { border-top:1px solid var(--ui-border,#e3e7ef); }
.beta .campus-setting-link > span:nth-child(2) { flex:1; }
.beta .campus-setting-link > svg:last-child { width:15px; color:var(--ui-muted,#626f85); }
.beta .campus-setting-symbol { width:34px; height:34px; display:grid; place-items:center; border-radius:10px; color:var(--ui-accent,#2449df); background:var(--ui-accent-soft,#edf1ff); }
.beta .campus-settings-layout:not(.is-index) .campus-settings-tabs { display:none; }
.beta .campus-settings-content h2 { margin:0 0 20px; font-size:20px; }
.beta .campus-settings-content h3 { font-size:16px; margin:10px 0; }
.beta .campus-settings-prompt { display:none; }
.beta .campus-settings-content .campus-public-person { align-items:flex-start; }
.beta .campus-settings-content .campus-form input,.beta .campus-settings-content .campus-form textarea,.beta .campus-settings-content .campus-form select { min-height:46px; padding:12px; border-radius:11px; background:var(--ui-soft,#f2f4f8); font-size:14px; }
.beta .campus-settings-content .campus-form label { font-size:12px; gap:8px; }
.beta .campus-setting-row { display:flex; justify-content:space-between; align-items:center; gap:16px; border-bottom:1px solid var(--ui-border,#e3e7ef); padding:14px 0; }
.beta .campus-setting-row strong { display:block; color:var(--ui-text,#182033); font-size:14px; font-weight:650; }
.beta .campus-setting-row p,.beta .campus-setting-row small { display:block; color:var(--ui-muted,#626f85); font-size:12px; margin:6px 0 0; }
.beta .campus-setting-source { font-size:10px; color:var(--ui-muted,#626f85); flex-shrink:0; }
.beta .campus-profile-art-options { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.beta .campus-profile-art-option { display:flex; flex-direction:column; gap:8px; align-items:stretch; padding:5px; border:2px solid transparent; border-radius:12px; min-width:0; text-align:left; }
.beta .campus-profile-art-option > span { height:70px; display:block; border-radius:8px; position:relative; overflow:hidden; }
.beta .campus-profile-art-option strong { font-size:11px; font-weight:600; padding:0 3px 4px; }
.beta .campus-profile-art-option[aria-pressed=true] { border-color:var(--ui-accent,#2449df); background:var(--ui-accent-soft,#edf1ff); }
.beta .campus-useful-group > h2 { font-size:11px; text-transform:uppercase; letter-spacing:.12em; color:var(--ui-muted,#626f85); margin:28px 0 12px; }
.beta .campus-useful-group .campus-article-list { display:grid; gap:0; border:1px solid var(--ui-border,#e3e7ef); border-radius:16px; overflow:hidden; }
.beta .campus-useful-group .campus-article-list > div:not([hidden]) ~ div:not([hidden]) { border-top:1px solid var(--ui-border,#e3e7ef); }
.beta .campus-useful-group .campus-article-list .campus-button { display:flex; text-align:left; justify-content:space-between; gap:15px; width:100%; min-height:88px; padding:20px; border:0; margin:0; border-radius:0; box-shadow:none; transform:none; background:var(--ui-surface,#fff); }
.beta .campus-article-list .campus-button:focus-visible { outline:3px solid var(--ui-accent,#2449df); outline-offset:-3px; }
.beta .campus-useful-group .campus-button strong { display:block; font-size:14px; color:var(--ui-text,#182033); line-height:1.5; }
.beta .campus-useful-group .campus-button small { display:block; font-size:12px; color:var(--ui-muted,#626f85); margin-top:5px; font-weight:400; }
.beta .campus-settings-content .beta-card { border:0; margin:0; padding:0; background:transparent; }
.beta .campus-settings-content .beta-card > p { font-size:13px; color:var(--ui-muted,#626f85); line-height:1.7; }
@media(hover:hover) {
 .beta .campus-useful-group .campus-article-list .campus-button:hover:not(:disabled) { background:var(--ui-soft,#f2f4f8); transform:none; box-shadow:none; }
 .beta .campus-composer-tool:hover,.beta .campus-composer-tools summary:hover { background:var(--ui-accent-soft,#edf1ff); color:var(--ui-accent,#2449df); }
}
@media(min-width:760px) {
 .beta .mpei-home-art > img { aspect-ratio:2.05; }
 .beta .mpei-home-copy { inset:auto 30px 30px; }
 .beta .mpei-home-copy strong { font-size:48px; }
 .beta .mpei-home-copy p { font-size:13px; }
 .beta .campus-social-profile > .campus-profile-cover { height:235px; }
 .beta .campus-profile-actions { margin:-50px 24px 0; }
 .beta .campus-profile-actions .campus-profile-photo,.beta .campus-profile-actions .campus-avatar { width:104px; height:104px; }
 .beta .campus-social-identity { padding:0 24px; }
 .beta .campus-settings-layout { display:grid; grid-template-columns:180px minmax(0,1fr); gap:28px; }
 .beta .campus-settings-layout .campus-settings-tabs,.beta .campus-settings-layout:not(.is-index) .campus-settings-tabs { display:flex; flex-direction:column; align-self:start; border:0; padding:0; background:transparent; }
 .beta .campus-setting-link { padding:10px; min-height:50px; border-radius:10px; font-size:12px; gap:9px; }
 .beta .campus-setting-link + .campus-setting-link { border:0; }
 .beta .campus-setting-link[aria-current=page] { box-shadow:none; background:var(--ui-accent-soft,#edf1ff); color:var(--ui-accent,#2449df); }
 .beta .campus-setting-link > svg:last-child { display:none; }
 .beta .campus-settings-prompt { display:block; font-size:20px; color:var(--ui-muted,#626f85); padding:15px 0; }
 .beta .campus-composer.campus-card { padding:22px; }
 .beta .campus-composer-body textarea { font-size:16px; }
}
@media(max-width:359px) {
 .beta .campus-composer.campus-card { padding:12px; }

 .beta .campus-composer-toolbar > .campus-button { font-size:11px; padding-inline:12px; }
 .beta .campus-profile-actions { margin-inline:10px; gap:8px; }
 .beta .campus-profile-actions .campus-secondary { font-size:11px; padding-inline:10px; }
 .beta .mpei-home-copy { inset-inline:18px; bottom:18px; }
 .beta .mpei-home-copy strong { font-size:31px; }
}
@keyframes campus-art-reveal { from {opacity:.5;transform:scale(1.035)} to {opacity:1;transform:scale(1)} }
@media(prefers-reduced-motion:no-preference) { .beta .mpei-home-art > img { animation:campus-art-reveal .6s cubic-bezier(.2,.7,.3,1); } }
@media(max-width:359px) { .beta .campus-composer-toolbar { flex-wrap:wrap; } .beta .campus-composer-toolbar > .campus-button { margin-left:auto; } }
@media(max-width:699px) {
 .beta .campus-social-profile { display:flex; flex-direction:column; }
 .beta .campus-social-profile > * { order:5; }
 .beta .campus-social-profile > .campus-profile-cover { order:0; width:100%; }
 .beta .campus-social-profile > .campus-profile-actions { display:contents; }
 .beta .campus-profile-actions > .campus-profile-photo { order:1; align-self:center; margin-top:-44px; z-index:1; }
 .beta .campus-profile-actions > div { order:3; justify-content:center; margin:3px 0 0; }
 .beta .campus-social-profile > .campus-social-identity { order:2; text-align:center; }
 .beta .campus-social-identity .campus-identity-tags { justify-content:center; }
 .beta .campus-social-identity .campus-profile-counter { margin-bottom:14px; }
 .beta .campus-social-profile > .campus-profile-tabs { order:4; margin-top:22px; }
}
@media(min-width:1000px) {
 .beta .campus-setting-link { font-size:14px; }
 .beta .campus-settings-content .campus-form :is(input,textarea,select) { font-size:15px; }
 .beta .campus-settings-content .campus-form label { font-size:13px; }
 .beta .campus-social-profile .campus-profile-tabs .campus-chip { font-size:14px; }
 .beta .campus-composer .campus-composer-body textarea { font-size:16px; min-height:80px; }
 .beta .campus-composer-toolbar > .campus-button { font-size:14px; }
}