/* Campus Socials — style skins.
 * Classic is app.css on its own: no data-skin attribute, nothing here applies.
 * html[data-skin="mix"] = Blend (Classic meets neobrutal), html[data-skin="neo"] = Neo (neobrutal),
 * html[data-skin="min"] = Minimal (quiet: same layout, sizes and fonts; only colours, borders and shadows change).
 * Delete this file and its enqueue to remove both. */

@font-face { font-family: 'Lilita One'; font-style: normal; font-weight: 400; font-display: swap; src: url(../fonts/lilita-one-latin-ext.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Lilita One'; font-style: normal; font-weight: 400; font-display: swap; src: url(../fonts/lilita-one-latin.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/* ================= Tokens ================= */

/* Blend, light */
html[data-skin="mix"] {
	--font-display: 'Lilita One', 'DM Sans', system-ui, sans-serif;
	--bw: 1.75px;
	--yellow: #FFDA5C; --aqua: #6FEBD8;
	--canvas: #F3E8D4; --app: #FDF7EC; --solid: #FDF7EC; --header: #FDF7EC;
	--line: #CDB89F; --dash: #C2AB90;
	--primary: #FFDA5C; --tab-active: #FFDA5C; --nav-active: #6FEBD8;
	--official: #FF9147; --lecturer: #B9A3FF;
	--pin-bg: #FFF2C0; --unread: #FFF2C0; --warning-soft: #FFF2C0;
	--tag-bg: #CDF6EE; --chip-soft: #CDF6EE; --poll-bar: #E0F8F3;
	--tabbar: #D9CCFB; --tab-on: #FFFFFF; --nav-badge: #FF7FA3;
	--pop: 3px 3px 0 var(--edge);
	--card-pop: 2px 2px 0 var(--edge);
	--ink-3: #6E5A4A;
}
/* Blend, dark */
html[data-skin="mix"][data-theme="dark"] {
	--canvas: #0D0A07; --app: #18120C; --solid: #18120C; --header: #18120C;
	--line: #4A3C30; --dash: #4A3C30;
	--pin-bg: #33290F; --unread: #33290F; --warning-soft: #33290F;
	--tag-bg: #133F39; --tag-fg: #9FF2E4; --chip-soft: #133F39; --poll-bar: #133F39;
	--tabbar: #2E2547; --tab-on: #D9CCFB; --nav-badge: #FF7FA3;
	--pop: 3px 3px 0 var(--edge);
	--card-pop: 2px 2px 0 var(--edge);
	--ink-3: #C4B3A2;
}

/* Neo, light */
html[data-skin="neo"] {
	--font-display: 'Lilita One', 'DM Sans', system-ui, sans-serif;
	--font-mono: 'DM Sans', system-ui, sans-serif;
	--bw: 2px;
	--yellow: #FFD62E; --aqua: #00EED0;
	--canvas: #F5E6D0; --app: #FFF5E8; --solid: #FFF5E8; --header: #FFF5E8;
	--surface-2: #FFF5E8; --hover: #FBEBD6;
	--line: #381600; --dash: #381600;
	--primary: #FFD62E; --tab-active: #FFD62E; --nav-active: #00EED0; --soft: #D4FAF5;
	--verified: #00EED0; --official: #FF8A3D; --lecturer: #8C6CFF;
	--pin-bg: #FFF1B8; --unread: #FFF1B8; --warning-soft: #FFF1B8;
	--tag-bg: #D4FAF5; --chip-soft: #D4FAF5; --poll-bar: #D4FAF5;
	--tabbar: #FFFFFF; --tab-on: #00EED0; --nav-badge: #FF5C8A;
	--like-fill: #FF5C8A; --price: #381600;
	--pop: 3px 3px 0 var(--edge);
	--card-pop: 3px 3px 0 var(--edge);
	--ink-2: #5A4636; --ink-3: #6E5C51;
}
/* Neo, dark */
html[data-skin="neo"][data-theme="dark"] {
	--canvas: #0D0905; --app: #1A120B; --solid: #1A120B; --header: #1A120B;
	--surface: #261B12; --surface-2: #2E2217; --hover: #33261A;
	--edge: #F5DFC0; --line-strong: #F5DFC0; --line: #6B5442; --dash: #6B5442;
	--ink: #FFF5E8; --ink-2: #E8D6C2; --ink-3: #CDB9A4;
	--soft: #0F3D37; --on-soft: #7FF5E4;
	--pin-bg: #3A2C0A; --unread: #3A2C0A; --warning-soft: #3A2C0A;
	--tag-bg: #0F3D37; --tag-fg: #7FF5E4; --chip-soft: #0F3D37; --poll-bar: #0F3D37;
	--tabbar: #261B12; --tab-on: #00EED0; --nav-badge: #FF5C8A;
	--like-fill: #FF5C8A; --price: #FFD62E;
	--page-av-bg: #FFD62E; --page-av-fg: #381600;
	--pop: 3px 3px 0 var(--edge);
	--card-pop: 3px 3px 0 var(--edge);
}

/* ================= Shared by Blend and Neo (not Minimal) ================= */

html:is([data-skin="mix"], [data-skin="neo"]) { font-synthesis-weight: none; }

/* Cards get a hard shadow */
html:is([data-skin="mix"], [data-skin="neo"]) :is(.cs-post, .cs-story, .cs-box, .cs-card, .cs-composer, .cs-rail__me, .cs-evpost-card, .cs-evmini, .cs-evfacts,
	.cs-pgcard, .cs-pgbanner, .cs-ldoc, .cs-mkcard, .cs-mymk__row, .cs-ls__seller, .cs-shopstats, .cs-rate, .cs-land__trends,
	.cs-note__post, .cs-notice__card, .cs-notice__post, .st-card, .st-cardx, .st-acct, .cs-pmenu__group, .cs-pman__card, .cs-pman__team,
	.cs-taghero, .cs-flist__box, .cs-mf__review, .cs-blk__facts, .cs-rep__list, .cs-comp__field, .cs-tabs, .cs-ptabs, .adm-box, .cs-gcard, .cs-ginfo__box, .cs-gfiles__pins) {
	box-shadow: var(--card-pop);
}

/* Headings: Lilita One */
html:is([data-skin="mix"], [data-skin="neo"]) .cs-hello { font: 400 23px/1.2 var(--font-display); letter-spacing: .01em; }
html:is([data-skin="mix"], [data-skin="neo"]) :is(.cs-screenbar__title, .cs-cmp-head__title) { font-family: var(--font-display); font-weight: 400; font-size: 20px; letter-spacing: .01em; }

/* Main buttons: Lilita One */
html:is([data-skin="mix"], [data-skin="neo"]) .cs-btn-pop { font: 400 15px/1 var(--font-display); letter-spacing: .02em; }
html:is([data-skin="mix"], [data-skin="neo"]) .cs-pill-btn.is-primary { font-family: var(--font-display); font-weight: 400; font-size: 15px; letter-spacing: .02em; box-shadow: var(--pop); }
html:is([data-skin="mix"], [data-skin="neo"]) .cs-rail__new { font: 400 20px/1 var(--font-display); letter-spacing: .02em; }

/* Prices: Lilita One */
html:is([data-skin="mix"], [data-skin="neo"]) .cs-mkcard__price { font: 400 18px/1.2 var(--font-display); color: var(--price); }
html:is([data-skin="mix"], [data-skin="neo"]) .cs-ls__price { font: 400 24px/1.2 var(--font-display); color: var(--price); }

/* Hashtags: thick aqua underline */
html:is([data-skin="mix"], [data-skin="neo"]) .cs-tag { text-decoration-color: var(--aqua); text-decoration-thickness: 2px; text-underline-offset: 3px; }

/* Bars: a heavier line between the bars and the page */
html:is([data-skin="mix"], [data-skin="neo"]) :is(.cs-screenbar, .cs-xhead, .cs-nhead, .cs-evhead, .cs-evform__head, .cs-nbar, .cs-pe__bar, .cs-chat__head) { border-bottom-color: var(--edge); }

/* Bottom bar badge */
html:is([data-skin="mix"], [data-skin="neo"]) .cs-tab__badge { color: var(--brown); }

/* ================= Blend only ================= */

html[data-skin="mix"] :is(.cs-circle-btn, .cs-icon-btn) { border-radius: 14px; }
html[data-skin="mix"] :is(.cs-screenbar, .cs-xhead, .cs-nhead, .cs-evhead, .cs-evform__head, .cs-nbar, .cs-pe__bar, .cs-chat__head) { border-bottom-width: 2px; }
html[data-skin="mix"] .cs-tabbar { border-top-width: 2px; }
html[data-skin="mix"] .cs-tab { border-radius: 14px; }
html[data-skin="mix"] .cs-fab { box-shadow: 3px 3px 0 var(--edge), 0 0 0 7px var(--app); }

/* ================= Neo only ================= */

html[data-skin="neo"] :is(.cs-circle-btn, .cs-icon-btn) { border-radius: 12px; box-shadow: 2px 2px 0 var(--edge); }
html[data-skin="neo"] :is(.cs-screenbar, .cs-xhead, .cs-nhead, .cs-evhead, .cs-evform__head, .cs-nbar, .cs-pe__bar, .cs-chat__head) { border-bottom-width: 2.5px; backdrop-filter: none; -webkit-backdrop-filter: none; }
html[data-skin="neo"] .cs-topbar { border-bottom: 2.5px solid var(--edge); }
html[data-skin="neo"] .cs-tabbar { border-top-width: 2.5px; }
html[data-skin="neo"] .cs-tab { border-radius: 13px; }
html[data-skin="neo"] .cs-tab.is-on { color: var(--brown); }
html[data-skin="neo"] .cs-fab { width: 58px; height: 58px; top: -24px; border-radius: 17px; border-width: 2.5px; transform: translateX(-50%) rotate(-4deg); box-shadow: 4px 4px 0 var(--edge); }
html[data-skin="neo"] :is(.cs-campus, .cs-chip) { border-radius: 999px; padding: 0 7px; font-weight: 800; }
html[data-skin="neo"] :is(.cs-tabs__item, .cs-ptabs a, .cs-seg a).is-on { box-shadow: 2px 2px 0 var(--edge); font-weight: 800; }
html[data-skin="neo"] .cs-rail__link { font-size: 16px; }
html[data-skin="neo"] .cs-rail__link.is-on { font-weight: 800; box-shadow: var(--pop); }
html[data-skin="neo"] .cs-rail__count { background: var(--nav-badge); }
html[data-skin="neo"] .cs-mkcard__price { font-size: 16px; display: inline-block; align-self: flex-start; background: var(--yellow); color: var(--brown); border: var(--bw) solid var(--edge); border-radius: 9px; padding: 1px 8px; }
html[data-skin="neo"] :is(.cs-xsearch, .cs-search) { box-shadow: 2px 2px 0 var(--edge); }

/* ================= Minimal =================
 * Same layout, sizes, border widths and fonts as Classic; only colour, borders and shadows change,
 * so nothing moves. Borders keep their width but turn into soft hairlines; hard offset shadows go. */

/* Minimal, light */
html[data-skin="min"] {
	--brown: #1E1A16; --yellow: #FFDE7A; --aqua: #CFF5EE;
	--canvas: #F2F1ED; --app: #FAFAF8; --solid: #FAFAF8; --header: #FAFAF8;
	--surface: #FFFFFF; --surface-2: #F4F3EF; --hover: #F1F0EC;
	--line: #ECEAE5; --line-strong: #E2DFD8; --edge: #E4E0D9; --dash: #DDD9D1;
	--ink: #1E1A16; --ink-2: #57514B; --ink-3: #6B655E;
	--primary: #FFDE7A; --on-primary: #1E1A16; --soft: #E7F8F4; --on-soft: #1E1A16;
	--tab-active: #FFFFFF; --nav-active: #F1F0EC; --on-nav-active: #1E1A16;
	--pin-bg: #FFF8DF; --pin-label: #6B655E; --unread: #FFF8DF; --warning-soft: #FFF8DF;
	--tag-bg: #F1F0EC; --tag-fg: #1E1A16; --chip-soft: #F1F0EC; --poll-bar: #EEF8F5; --pin-tag-bg: #F1F0EC;
	--tabbar: #FFFFFF; --tab-on: #F1F0EC; --tab-off: #2E2924; --nav-badge: #1E1A16;
	--toast: #1E1A16; --on-toast: #FAFAF8; --stripe: #F1F0EC; --ph: #EEECE7; --card-2: #FAFAF8;
	--page-av-bg: #1E1A16; --page-av-fg: #FFDE7A;
	--pop: 0 1px 2px rgba(30,26,22,.06);
	--card-pop: none;
	--min-shadow: 0 1px 2px rgba(30,26,22,.06), 0 8px 24px rgba(30,26,22,.08);
}
/* Minimal, dark */
html[data-skin="min"][data-theme="dark"] {
	--brown: #1E1A16;
	--canvas: #0A0A09; --app: #121211; --solid: #121211; --header: #121211;
	--surface: #1A1A18; --surface-2: #222220; --hover: #262624;
	--line: #2A2927; --line-strong: #35332F; --edge: #33312E; --dash: #33312E;
	--ink: #F2F1EE; --ink-2: #CBC7C1; --ink-3: #A39F98;
	--soft: #183A35; --on-soft: #CFF5EE;
	--tab-active: #2A2927; --nav-active: #2A2927; --on-nav-active: #F2F1EE;
	--pin-bg: #26220F; --pin-label: #E8C860; --unread: #22201A; --warning-soft: #26220F;
	--tag-bg: #2A2927; --tag-fg: #F2F1EE; --chip-soft: #2A2927; --poll-bar: #183A35; --pin-tag-bg: #2A2927;
	--tabbar: #1A1A18; --tab-on: #2A2927; --tab-off: #E4E0DA; --nav-badge: #FFDE7A;
	--toast: #F2F1EE; --on-toast: #121211; --stripe: #222220; --ph: #222220; --card-2: #121211;
	--page-av-bg: #FFDE7A; --page-av-fg: #1E1A16;
	--pop: none;
	--min-shadow: 0 1px 2px rgba(0,0,0,.4), 0 8px 24px rgba(0,0,0,.35);
}

/* Generated: hard offset shadows become soft, dark hard-coded borders become hairlines. */
html[data-skin="min"] .cs-tabs__item.is-on { border-color: var(--edge); }
html[data-skin="min"] .cs-pdf__dl { border-color: var(--edge); }
html[data-skin="min"] .cs-seg a.is-on { border-color: var(--edge); }
html[data-skin="min"] .cs-ptabs a.is-on { border-color: var(--edge); }
html[data-skin="min"] .cs-btn-pop { border-color: var(--edge); }
html[data-skin="min"] .cs-note-btn.is-primary { border-color: var(--edge); }
@media (min-width: 1000px) { html[data-skin="min"] .cs-card--verify a { border-color: var(--edge); box-shadow: var(--min-shadow); } }
html[data-skin="min"] .cs-evcta { border-color: var(--edge); }
html[data-skin="min"] .cs-evchips .cs-fpill.is-on { border-color: var(--edge); }
html[data-skin="min"] .cs-evdate { border-color: var(--edge); box-shadow: var(--min-shadow); }
html[data-skin="min"] .cs-evdate--lg { box-shadow: var(--min-shadow); }
html[data-skin="min"] .cs-evflag { border-color: var(--edge); }
html[data-skin="min"] .cs-evempty__btn { border-color: var(--edge); }
html[data-skin="min"] .cs-evbanner.is-cancelled { border-color: var(--edge); box-shadow: var(--min-shadow); }
html[data-skin="min"] .cs-evbanner.is-changed { border-color: var(--edge); }
html[data-skin="min"] .cs-evrsvp__btn.is-going { border-color: var(--edge); }
html[data-skin="min"] .cs-evrsvp__btn.is-going.is-on { box-shadow: var(--min-shadow); }
html[data-skin="min"] .cs-evact.is-primary { border-color: var(--edge); }
html[data-skin="min"] .cs-evpost { border-color: var(--edge); }
html[data-skin="min"] .cs-evhosttag { border-color: var(--edge); }
html[data-skin="min"] .cs-evcat input:checked + span { border-color: var(--edge); }
html[data-skin="min"] .cs-evvt input:checked + span { border-color: var(--edge); }
html[data-skin="min"] .cs-evopt:has(input:checked) { border-color: var(--edge); }
html[data-skin="min"] .cs-evnext { border-color: var(--edge); }
@media (min-width: 1000px) { html[data-skin="min"] .cs-sheet__box { box-shadow: var(--min-shadow); } }
html[data-skin="min"] .cs-onb__g { border-color: var(--edge); }
@media (min-width: 760px) { html[data-skin="min"] .cs-onb__card { box-shadow: var(--min-shadow); } }
html[data-skin="min"] .cs-cmp-poll__len button.is-on { border-color: var(--edge); }
html[data-skin="min"] .cs-poll__verify { border-color: var(--edge); }
html[data-skin="min"] .cs-pmenu { box-shadow: var(--min-shadow); }
html[data-skin="min"] .cs-pmenu__cancel { box-shadow: var(--min-shadow); }
html[data-skin="min"] .cs-rep__go { border-color: var(--edge); }
html[data-skin="min"] .cs-rep__tick { border-color: var(--edge); box-shadow: var(--min-shadow); }
html[data-skin="min"] .cs-notice__hero { border-color: var(--edge); box-shadow: var(--min-shadow); }
html[data-skin="min"] .cs-notice__appeal { border-color: var(--edge); }
html[data-skin="min"] .cs-appeal__go { border-color: var(--edge); }
html[data-skin="min"] .cs-susp__badge { border-color: var(--edge); box-shadow: var(--min-shadow); }
html[data-skin="min"] .cs-susp__appeal { border-color: var(--edge); }
@media (min-width: 1000px) { html[data-skin="min"] .cs-pmenu { box-shadow: var(--min-shadow); } }
html[data-skin="min"] .cs-annc { border-color: var(--edge); box-shadow: var(--min-shadow); }
html[data-skin="min"] .adm-count { border-color: var(--edge); }
html[data-skin="min"] .adm-pill { border-color: var(--edge); }
html[data-skin="min"] .adm-urg { border-color: var(--edge); }
html[data-skin="min"] .adm-3btn > *,
html[data-skin="min"] .adm-2btn > * { border-color: var(--edge); }
html[data-skin="min"] .adm-acts .is-pink { border-color: var(--edge); }
html[data-skin="min"] .adm-acts .is-yellow { border-color: var(--edge); }
html[data-skin="min"] .adm-acts .is-red { border-color: var(--edge); }
html[data-skin="min"] .adm-tagline { border-color: var(--edge); }
html[data-skin="min"] .adm-sm.is-green { box-shadow: var(--min-shadow); }
html[data-skin="min"] .adm-add { border-color: var(--edge); }
html[data-skin="min"] .adm-send { border-color: var(--edge); }
html[data-skin="min"] .st-seg__opts button.is-on { border-color: var(--edge); }
html[data-skin="min"] .st-pill.is-on span,
html[data-skin="min"] .st-pill input:checked + span { border-color: var(--edge); }
html[data-skin="min"] .st-mute { border-color: var(--edge); }
html[data-skin="min"] .st-primary { border-color: var(--edge); }
html[data-skin="min"] .st-banner { border-color: var(--edge); box-shadow: var(--min-shadow); }
html[data-skin="min"] .st-done__dot { border-color: var(--edge); box-shadow: var(--min-shadow); }
html[data-skin="min"] .cs-noreplies__btn { border-color: var(--edge); }
html[data-skin="min"] .cs-shelf__more { box-shadow: var(--min-shadow); }
html[data-skin="min"] .cs-bsheet__num { border-color: var(--edge); }
html[data-skin="min"] .cs-bsheet__share { border-color: var(--edge); }
html[data-skin="min"] .cs-share__seg button.is-on { border-color: var(--edge); }
html[data-skin="min"] .cs-share__btns button.is-primary { border-color: var(--edge); }
html[data-skin="min"] .cs-youblocked__acts .is-primary { border-color: var(--edge); box-shadow: var(--min-shadow); }
html[data-skin="min"] .cs-ftabs a.is-on { border-color: var(--edge); }
html[data-skin="min"] .cs-pe__save { border-color: var(--edge); box-shadow: var(--min-shadow); }
html[data-skin="min"] .cs-pe__seg label.is-on { border-color: var(--edge); }
html[data-skin="min"] .cs-inbox__new { box-shadow: var(--min-shadow); }
html[data-skin="min"] .cs-inbox__tabs a.is-on { border-color: var(--edge); }
html[data-skin="min"] .cs-chat__reqbtns .is-primary { border-color: var(--edge); box-shadow: var(--min-shadow); }
html[data-skin="min"] .cs-msg.is-mine .cs-bub { border-color: var(--edge); }
html[data-skin="min"] .cs-bub__pdfdl { border-color: var(--edge); }
html[data-skin="min"] .cs-rbar { box-shadow: var(--min-shadow); }
html[data-skin="min"] .cs-comp__go { border-color: var(--edge); box-shadow: var(--min-shadow); }
html[data-skin="min"] .cs-pages__btn.is-primary { border-color: var(--edge); box-shadow: var(--min-shadow); }
html[data-skin="min"] .cs-pages__cats a.is-on { border-color: var(--edge); }
html[data-skin="min"] .cs-pgbanner .is-primary { border-color: var(--edge); box-shadow: var(--min-shadow); }
html[data-skin="min"] .cs-pnew__cats label.is-on { border-color: var(--edge); }
html[data-skin="min"] .cs-pnew__primary { border-color: var(--edge); }
html[data-skin="min"] .cs-pnew__lockbadge { border-color: var(--edge); box-shadow: var(--min-shadow); }
html[data-skin="min"] .cs-pman__invrow button { border-color: var(--edge); box-shadow: var(--min-shadow); }
html[data-skin="min"] .cs-lib__sort a.is-on { border-color: var(--edge); }
html[data-skin="min"] .cs-lrow.is-mine { box-shadow: var(--min-shadow); }
html[data-skin="min"] .cs-sheet__btns .is-primary { border-color: var(--edge); }
html[data-skin="min"] .cs-mk__chips label:has(input:checked),
html[data-skin="min"] .cs-mk__chips label.is-on { border-color: var(--edge); }
html[data-skin="min"] .cs-mkcard__flag { border-color: var(--edge); }
html[data-skin="min"] .cs-mymk__acts .is-primary { border-color: var(--edge); }
html[data-skin="min"] .cs-mk__gone { box-shadow: var(--min-shadow); }
html[data-skin="min"] .cs-mf__kinds label.is-on { box-shadow: var(--min-shadow); }
html[data-skin="min"] .cs-gunread { border-color: var(--edge); }
html[data-skin="min"] .cs-gseg label:has(input:checked),
html[data-skin="min"] .cs-gseg button.is-on { border-color: var(--edge); }
html[data-skin="min"] .cs-gfind__cats a.is-on { border-color: var(--edge); }
html[data-skin="min"] .cs-selp.is-sheet .cs-selp__box { box-shadow: var(--min-shadow); }
html[data-skin="min"] .cs-ginv__row > .cs-fwd__open { border-color: var(--edge); box-shadow: var(--min-shadow); }
html[data-skin="min"] .cs-ccs__code { border-color: var(--edge); box-shadow: var(--min-shadow); }
html[data-skin="min"] .cs-ccs__pill.is-join { border-color: var(--edge); }
html[data-skin="min"] .cs-exam__chips button.is-on { border-color: var(--edge); }
html[data-skin="min"] .cs-rem__set { border-color: var(--edge); }
html[data-skin="min"] .cs-dtp__row::before { border-color: var(--edge); box-shadow: var(--min-shadow); }
html[data-skin="min"] .cs-dtp__foot .is-primary { border-color: var(--edge); box-shadow: var(--min-shadow); }
html[data-skin="min"] .cs-tk__new button { border-color: var(--edge); }
html[data-skin="min"] .cs-chat__meetbtn { border-color: var(--edge); box-shadow: var(--min-shadow); }
html[data-skin="min"] .cs-meet__btns .is-primary { box-shadow: var(--min-shadow); }
html[data-skin="min"] .cs-meet__rate { border-color: var(--edge); box-shadow: var(--min-shadow); }
html[data-skin="min"] .cs-exam__chips button.is-on { border-color: var(--edge); }
html[data-skin="min"] .cs-sv__link { border-color: var(--edge); }
html[data-skin="min"] .cs-sv__reply input { border-color: var(--edge); }
html[data-skin="min"] .cs-sv__reply button { border-color: var(--edge); }
html[data-skin="min"] .cs-sv__like { border-color: var(--edge); }
html[data-skin="min"] .cs-sv__login { border-color: var(--edge); }
html[data-skin="min"] .cs-sc__share { border-color: var(--edge); box-shadow: var(--min-shadow); }
html[data-skin="min"] .cs-rl__fol { border-color: var(--edge); }

/* Hand-tuned on top of the generated rules. */
/* Round and pill buttons: soft fills instead of outlines (same size: the border stays, just invisible). */
html[data-skin="min"] :is(.cs-circle-btn, .cs-icon-btn) { background: var(--surface-2); border-color: transparent; }
html[data-skin="min"] .cs-circle-btn--flat { background: transparent; }
html[data-skin="min"] .cs-pill-btn.is-primary { border-color: transparent; }
html[data-skin="min"] .cs-pill-btn:not(.is-primary):not(.is-danger) { background: var(--surface); }

/* Tab switchers: a white chip on a soft track. */
html[data-skin="min"] :is(.cs-tabs, .cs-ptabs) { background: var(--surface-2); border-color: transparent; }
html[data-skin="min"] :is(.cs-tabs__item, .cs-ptabs a, .cs-seg a).is-on { background: var(--surface); color: var(--ink); border-color: transparent; box-shadow: 0 1px 2px rgba(30,26,22,.1), 0 0 0 1px rgba(30,26,22,.04); }
html[data-skin="min"][data-theme="dark"] :is(.cs-tabs__item, .cs-ptabs a, .cs-seg a).is-on { background: #3A3834; box-shadow: 0 1px 2px rgba(0,0,0,.4), inset 0 0 0 1px rgba(255,255,255,.06); }

/* Bottom bar and the "+" button */
html[data-skin="min"] .cs-tab.is-on { border-color: transparent; color: var(--ink); }
html[data-skin="min"] .cs-tab__badge { background: var(--nav-badge); color: var(--surface); border-color: transparent; }
html[data-skin="min"][data-theme="dark"] .cs-tab__badge { color: #1E1A16; }
html[data-skin="min"] .cs-fab { border-color: transparent; box-shadow: 0 0 0 7px var(--app), 0 8px 18px rgba(30,26,22,.16); }
html[data-skin="min"] .cs-msgbtn__dot { background: var(--ink); color: var(--surface); border-color: transparent; }

/* Avatars, tags and chips: no outlines */
html[data-skin="min"] .cs-av { border-color: transparent; }
html[data-skin="min"] :is(.cs-campus, .cs-chip) { border-color: transparent; }

/* Announcement: a soft panel */
html[data-skin="min"] .cs-annc { background: #FFF6D6; border-color: transparent; color: var(--brown); }
html[data-skin="min"][data-theme="dark"] .cs-annc { background: #2A2512; color: #F2F1EE; }
html[data-skin="min"][data-theme="dark"] .cs-annc :is(button, i) { color: #F2F1EE; }

/* Story cards and the composer's create card */
html[data-skin="min"] .cs-story { border-color: var(--line); }
html[data-skin="min"] .cs-story__ring { background: var(--surface); }
html[data-skin="min"] .cs-story.is-new .cs-story__ring { background: var(--yellow); }
html[data-skin="min"] .cs-story--create .cs-story__me { background-color: var(--aqua); border-bottom-color: var(--line); }
html[data-skin="min"] .cs-story__plus { background: var(--ink); color: var(--surface); border-color: transparent; }

/* Chat */
html[data-skin="min"] .cs-msg.is-mine .cs-bub { background: #FFF1C2; color: #1E1A16; border-color: transparent; }
html[data-skin="min"] .cs-bub { border-color: var(--line); }
html[data-skin="min"][data-theme="dark"] .cs-msg.is-mine .cs-bub { background: #3A3216; color: #F7EFD2; }
html[data-skin="min"] .cs-comp__go { border-color: transparent; }
html[data-skin="min"] .cs-comp__field { border-color: var(--line-strong); }


/* Timeline cards: a clearer edge (darker in light mode, lighter in dark mode). */
html[data-skin="min"] { --min-card-edge: #CFC9BF; }
html[data-skin="min"][data-theme="dark"] { --min-card-edge: #4D4A45; }
html[data-skin="min"] :is(.cs-feed .cs-post, .cs-feed .cs-ph.is-card, .cs-story, .cs-pymk__card, .cs-gsugg) { border-color: var(--min-card-edge); }
/* Unselected tabs read as tappable, not faded. */
html[data-skin="min"] :is(.cs-tabs__item, .cs-ptabs a, .cs-seg a):not(.is-on):hover { background: rgba(30,26,22,.05); }
html[data-skin="min"][data-theme="dark"] :is(.cs-tabs__item, .cs-ptabs a, .cs-seg a):not(.is-on):hover { background: rgba(255,255,255,.06); }
html[data-skin="min"] :is(.cs-ptabs a, .cs-seg a):not(.is-on) { color: var(--tab-off); }