/* Rosko V3 — shared campus design. The underlying editors keep their own layout contracts. */
/* The course title and course switcher share one header, leaving room to study. */
.rosko-workspace .course-compact-shell .topbar {min-height:52px;padding:6px 24px;gap:12px}
.rosko-workspace .course-compact-shell .course-switch {flex:1;min-width:0;margin:0}
.course-switch-heading {font:24px/1.3 var(--font-heading);letter-spacing:-.5px;margin:0}
.rosko-workspace .course-compact-shell .course-switch-btn {font:inherit;max-width:100%;background:none;border:0;padding:0;text-align:left;gap:10px}
.rosko-workspace .course-compact-shell .course-switch-name {white-space:normal;overflow-wrap:anywhere}
.rosko-workspace .course-compact-shell .course-switch-btn>svg {flex-shrink:0}
/* Le chevron seul faisait 9 × 9 px : cible de 32 px, sans grandir la ligne. */
.rosko-workspace .course-compact-shell .course-switch-toggle {min-width:32px;min-height:32px;margin-block:-6px;justify-content:center}
.course-switch-caption {display:none}
.rosko-workspace .course-compact-shell .topbar-spacer {display:none}
.rosko-workspace .course-compact-shell .study-activity-row {padding:4px 24px;flex-wrap:nowrap;gap:10px}
.rosko-workspace .course-compact-shell .study-activities button {padding:6px 12px}
.rosko-workspace .course-compact-shell .study-sources-button {display:flex;align-items:center;gap:7px;padding:8px 12px;flex-shrink:0}
.course-quick-revise {display:flex;align-items:center;gap:9px;flex-shrink:0;border:0;border-radius:10px;padding:10px 13px;background:var(--accent);color:var(--surface);font-size:12px;cursor:pointer}
.rosko-workspace .course-compact-shell .course-shortcuts {padding:10px 24px 0;gap:6px}
.rosko-workspace .course-compact-shell .course-shortcuts button {padding:5px 10px}
.rosko-workspace .course-compact-shell .notions-workspace .notions-workspace-scroll {padding-top:18px}
.course-compact-shell .notions-heading {margin-bottom:18px}
@media(max-width:1100px) {
  .course-compact-shell .course-quick-revise {display:none}
  .rosko-workspace .course-compact-shell .topbar-search {display:none}
}
@media(max-width:600px) {
  .rosko-workspace .course-compact-shell .topbar {padding:12px;gap:9px;min-height:60px}
  .course-compact-shell[data-study-tab=notions] .topbar :is(.nav-toggle,.topbar-home) {display:none}
  .course-compact-shell .course-switch-heading {font-size:17px;letter-spacing:-.3px}
  .course-compact-shell .course-switch-caption {display:none}
  .rosko-workspace .course-compact-shell .course-switch-btn {gap:6px}
  .rosko-workspace .course-compact-shell .course-switch-dot {display:none}
  .rosko-workspace .course-compact-shell .study-activity-row {padding:6px 12px;gap:6px}
  .rosko-workspace .course-compact-shell .study-sources-button {width:36px;height:36px;justify-content:center;padding:0}
  .course-compact-shell .study-sources-button span {display:none}
  .rosko-workspace .course-compact-shell .course-shortcuts {padding:8px 16px 0}
  .rosko-workspace .course-compact-shell .notions-workspace .notions-workspace-scroll {padding-top:16px}
  .course-compact-shell .notions-heading {gap:12px;margin-bottom:16px}
  .course-compact-shell .notions-heading-actions .notions-action {flex:1;min-width:0;padding:10px 8px;gap:6px}
  /* Trois boutons en tiers sur 320–420 px : libellés coupés sur 3 lignes. L'action principale prend sa ligne. */
  .course-compact-shell .notions-heading-actions .notions-action--primary {flex-basis:100%}
  .course-compact-shell .notions-heading p {display:none}
}
/* Notions: the same reading list at every screen size. */
.rosko-workspace .notions-workspace .notions-workspace-scroll {
  container: notions / inline-size;
  width: 100%;
  max-width: 1320px;
  margin-inline: auto;
  padding: 28px 30px 70px;
}
.notions-heading {display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;flex-wrap:wrap}
.notions-heading h2 {font-size:23px;font-weight:650;letter-spacing:-.6px;line-height:1.3;margin:0}
.notions-heading p {font-size:13px;color:var(--ink-3);line-height:1.6;margin:8px 0 0}
.notions-heading-actions {display:flex;flex-wrap:wrap;gap:10px}
.notions-action {display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 15px;min-height:44px;background:var(--surface);border:1px solid var(--rule);border-radius:11px;color:var(--ink);font-size:12px;font-weight:600;cursor:pointer}
.notions-action:hover {background:var(--paper-2);border-color:var(--rule-2)}
.notions-layout {display:grid;grid-template-columns:minmax(0,1fr) 264px;align-items:start;gap:24px}
.notions-library {min-width:0;padding:24px;background:var(--surface);border:1px solid var(--rule);border-radius:19px}
.notions-library-tools {display:grid;gap:18px;margin-bottom:24px}
.notions-search-field {display:flex;align-items:center;gap:12px;border:1px solid var(--rule);border-radius:11px;padding:0 14px;color:var(--ink-3);background:var(--surface-2)}
.notions-search-field:focus-within {outline:2px solid var(--accent);outline-offset:2px}
.notions-search-field svg {flex-shrink:0}
.notions-search-field input {min-width:0;width:100%;padding:13px 0;border:0;background:none;box-shadow:none;color:var(--ink);font-size:13px;outline:none}
.notions-status-filters {display:flex;gap:7px;flex-wrap:wrap}
.notions-status-filter {display:flex;align-items:center;justify-content:center;gap:6px;min-height:38px;padding:8px 11px;border:1px solid var(--rule);border-radius:24px;font-size:11px;white-space:nowrap;background:var(--surface);color:var(--ink-2);cursor:pointer}
.notions-status-filter span {font-size:10px;font-variant-numeric:tabular-nums;opacity:.8}
.notions-status-filter:hover {background:var(--paper-2)}
.notions-status-filter[aria-pressed=true] {background:var(--accent);border-color:var(--accent);color:var(--surface)}
.notions-result-count {position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.notions-lesson-group + .notions-lesson-group {margin-top:28px}
.notions-group-heading {display:flex;align-items:center;gap:10px;margin-bottom:8px;flex-wrap:wrap}
.notions-group-heading h3 {font-family:inherit;font-size:12px;font-weight:650;line-height:1.6;letter-spacing:.06em;text-transform:uppercase;margin:0;overflow-wrap:anywhere}
.notions-group-heading>span {font-size:11px;color:var(--ink-3)}
.notions-group-heading .notions-group-number {color:var(--accent);font-variant-numeric:tabular-nums}
.notions-group-heading .notions-group-new {color:var(--warn);background:var(--warn-bg);padding:3px 7px;border-radius:6px}
.notions-subgroup-heading {display:flex;align-items:center;gap:10px;margin:16px 0 2px;color:var(--ink-3)}
.notions-subgroup-heading h4 {font-size:12px;font-weight:500;margin:0;overflow-wrap:anywhere}
.notions-subgroup-heading span {font-size:11px}
.notion-lesson {display:grid;grid-template-columns:34px minmax(0,1fr) auto 15px;gap:13px;align-items:center;width:100%;padding:21px 0;border:0;border-bottom:1px solid var(--rule-soft);border-radius:0;text-align:left;background:transparent;cursor:pointer;color:var(--ink);transition:background .15s}
.notion-lesson:last-child {border-bottom:0}
.notion-lesson:hover {background:var(--paper)}
.notion-lesson:focus-visible {position:relative;outline-offset:3px;border-radius:6px}
.notion-lesson-icon {display:grid;place-items:center;width:34px;height:36px;border-radius:10px;background:var(--paper-2);color:var(--ink-3)}
.notion-lesson-icon.ok {background:var(--ok-bg);color:var(--ok)}
.notion-lesson-title {display:block;font-size:14px;font-weight:600;line-height:1.6;overflow-wrap:anywhere}
.notion-lesson-meta {display:flex;flex-wrap:wrap;align-items:center;gap:4px 7px;margin-top:5px;font-size:11px;line-height:1.6;color:var(--ink-3)}
.notion-lesson-meta:empty {display:none}
.notion-lesson-meta>span+span::before {content:'·';margin-right:7px;color:var(--ink-4)}
.notion-lesson-priority svg {vertical-align:-1px;margin-right:4px}
.notion-lesson-priority.critical {color:var(--bad)}
.notion-lesson-status {padding:4px 8px;border-radius:7px;font-size:10px;line-height:1.5;white-space:nowrap;background:var(--paper-2);color:var(--ink-2)}
.notion-lesson-status.ok {background:var(--ok-bg);color:var(--ok)}
.notion-lesson-status.partial {background:var(--warn-bg);color:var(--warn)}
.notion-lesson-status.fail {background:var(--bad-bg);color:var(--bad)}
.notion-lesson-next {display:flex;color:var(--ink-3)}
.notions-companion {display:grid;gap:20px;min-width:0}
.notions-companion-card {padding:24px;border:1px solid var(--rule);border-radius:19px;background:var(--surface)}
.notions-companion-card h3 {font-size:18px;line-height:1.45;font-weight:600;letter-spacing:-.4px;margin:0}
.notions-companion-card p {font-size:12px;line-height:1.8;color:var(--ink-3);margin:12px 0 22px}
.notions-prepare-card {background:var(--accent-soft);border-color:transparent}
.notions-companion-icon {display:flex;margin-bottom:18px;color:var(--accent)}
.notions-companion-card .btn-primary {display:flex;justify-content:space-between;gap:12px;width:100%;font-size:12px;padding:12px;min-height:44px}
.notions-progress-caption {display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin:20px 0 10px}
.notions-progress-caption strong {font-size:26px;font-weight:500;font-variant-numeric:tabular-nums}
.notions-progress-caption strong span {font-size:15px;color:var(--ink-3)}
.notions-progress-caption>span {font-size:11px;color:var(--ink-3)}
.notions-progress {display:block;appearance:none;width:100%;height:6px;overflow:hidden;border:0;border-radius:8px;background:var(--paper-2);color:var(--accent);accent-color:var(--accent)}
.notions-progress::-webkit-progress-bar {background:var(--paper-2);border-radius:8px}
.notions-progress::-webkit-progress-value {background:var(--accent);border-radius:8px}
.notions-progress::-moz-progress-bar {background:var(--accent);border-radius:8px}
.notions-organisation {display:grid;gap:3px;margin-top:20px;padding-top:12px;border-top:1px solid var(--rule-soft)}
.notions-text-link {display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;background:none;border:0;color:var(--accent);padding:9px 0;font-size:12px;font-weight:550;text-align:left;cursor:pointer}
.notions-text-link:hover {text-decoration:underline;text-underline-offset:4px}
.notions-text-link svg {flex-shrink:0}
.notions-library-empty {display:flex;flex-direction:column;align-items:center;text-align:center;padding:45px 12px;gap:15px}
.notions-empty-icon {display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);border-radius:16px;width:62px;height:62px;margin-bottom:8px}
.notions-library-empty h3 {font-size:20px;line-height:1.4;margin:0;font-weight:600}
.notions-library-empty p {font-size:13px;line-height:1.8;color:var(--ink-3);max-width:40ch;margin:0 0 7px}
.notions-order-notice {display:flex;flex-wrap:wrap;gap:8px;padding:12px 15px;margin-bottom:20px;border-radius:10px;background:var(--warn-bg);color:var(--warn);font-size:12px;line-height:1.6}
.notions-order-notice button {color:inherit;background:none;border:0;text-decoration:underline;text-underline-offset:3px}
@container notions (max-width: 900px) {
  .notions-layout {grid-template-columns:minmax(0,1fr);gap:20px}
  .notions-companion {grid-template-columns:repeat(2,minmax(0,1fr))}
  .notions-heading {gap:16px}
}
@container notions (max-width: 520px) {
  .notions-heading h2 {font-size:22px}
  .notions-heading p {font-size:12px}
  .notions-heading-actions {gap:8px;width:100%}
  .notions-action {font-size:11px;padding:10px 12px}
  .notions-library {padding:17px 15px;border-radius:16px}
  .notions-library-tools {gap:13px;margin-bottom:22px}
  .notions-status-filters {flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;padding:3px;margin:-3px;scroll-padding:3px}
  .notions-status-filter {flex-shrink:0;min-height:40px}
  .notions-group-heading {gap:8px}
  .notions-group-heading h3 {font-size:11px}
  .notion-lesson {grid-template-columns:30px minmax(0,1fr) 12px;gap:6px 10px;padding:17px 0}
  .notion-lesson-icon {width:30px;height:32px;align-self:start;grid-row:1 / 3;margin-top:3px}
  .notion-lesson-title {font-size:13px;line-height:1.55}
  .notion-lesson-meta {font-size:10px}
  .notion-lesson-status {grid-column:2;grid-row:2;justify-self:start}
  .notion-lesson-next {grid-column:3;grid-row:1 / 3}
  .notions-companion {grid-template-columns:minmax(0,1fr)}
  .notions-companion-card {padding:22px}
}
.rosko-workspace .notion-reading-view .notion-detail-page {background:var(--surface);border:1px solid var(--rule);border-radius:19px;padding:28px 32px;max-width:850px;margin-inline:auto}
.rosko-workspace .notion-reading-view .notion-detail-title {font-family:var(--font-heading);line-height:1.3}
.rosko-workspace .notion-reading-view .notion-detail-head {border-bottom:1px solid var(--rule-soft)}
.rosko-workspace .notion-reading-view .notion-detail-body {line-height:1.8}
.rosko-workspace .notion-reading-view .notion-detail-back {font-family:inherit;font-size:12px;text-transform:none;letter-spacing:0;border:0;padding-left:0;color:var(--accent)}
.rosko-workspace .notion-reading-view .notion-item {padding:14px 4px;margin:0;background:none;border:0;border-bottom:1px solid var(--rule-soft);border-radius:0;text-align:left}
.rosko-workspace .notion-reading-view .notion-item.current {background:var(--accent-soft);padding-inline:8px;border-radius:10px}
.rosko-workspace .notion-reading-view .notion-item-title {white-space:normal;line-height:1.5}
.rosko-workspace .notion-reading-view .notion-item-meta {font-family:inherit;letter-spacing:0;line-height:1.6}
.rosko-workspace .notion-reading-view .rail-title {font-family:inherit;letter-spacing:.05em}
@media(max-width:600px) {
  .rosko-workspace .notions-workspace .notions-workspace-scroll {padding:22px 16px 85px}
  .rosko-workspace .notion-reading-view .view-main {padding:18px 12px 85px}
  .rosko-workspace .notion-reading-view .notion-detail-page {padding:20px 16px;border-radius:15px}
  .rosko-workspace .notion-reading-view .notion-detail-title {font-size:25px}
  .rosko-workspace .notion-reading-view .notion-detail-nav {flex-wrap:wrap}
}
:root {
  --paper:#f6f7f2;--paper-2:#edf1e7;--paper-3:#e2e9da;--surface:#fffefb;--surface-2:#fafbf6;
  --ink:#263c35;--ink-2:#40564d;--ink-3:#67786d;--ink-4:#738078;
  --rule:#dce3d7;--rule-2:#c6d1c2;--rule-soft:#e9ede4;--accent:#216b52;--accent-soft:#e1ecdc;
  --ok:#35674c;--ok-bg:#e6efdF;--warn:#85632c;--warn-bg:#f8edda;--bad:#aa4939;--bad-bg:#f9e9e2;
  --shadow:0 3px 16px #263c3506;--shadow-lift:0 12px 36px #263c3516;--campus-width:calc(224px + env(safe-area-inset-left));
}
:root[data-theme=dark] {
  --paper:#17251f;--paper-2:#22372d;--paper-3:#2f4336;--surface:#203229;--surface-2:#24392f;
  --ink:#f0f3e9;--ink-2:#d1ddce;--ink-3:#abbcab;--ink-4:#98ad9b;--rule:#3d5142;--rule-2:#566d59;--rule-soft:#304639;
  --accent:#a6d8af;--accent-soft:#314f3c;--ok:#b2d6a9;--ok-bg:#2b4732;--bad:#f1a99c;--bad-bg:#513930;
}
html,body,#root {font-family:var(--font-body);letter-spacing:-.012em;background-image:none}
button,input,textarea,select {font:inherit} a {text-underline-offset:3px} :focus-visible {outline:3px solid var(--accent);outline-offset:3px}
[hidden] {display:none!important} button:disabled {cursor:not-allowed} img[src*="rosko-pixel"] {object-fit:contain} /* pas de `pixelated` : en réduction il jette des pixels et casse le contour du chien, surtout en mode nuit */
.rosko-lockup {display:inline-flex;flex-direction:column;align-items:center;gap:calc(var(--lockup-h) * .089);flex-shrink:0}
.rosko-lockup-dog {display:block;height:var(--lockup-h);width:auto}
.rosko-lockup-word {display:block;height:calc(var(--lockup-h) * .313);width:auto}
.rosko-lockup-word--dark,:root[data-theme=dark] .rosko-lockup-word {display:none}
:root[data-theme=dark] .rosko-lockup-word--dark {display:block}
/* viewport-fit=cover : en paysage, rien sous l'encoche ni les coins arrondis (env() vaut 0 ailleurs). */
.rosko-frame {padding-left:var(--campus-width);padding-right:env(safe-area-inset-right)}
.campus-rail {position:fixed;inset:0 auto 0 0;width:var(--campus-width);z-index:65;background:var(--surface);border-right:1px solid var(--rule);display:flex;flex-direction:column;padding:30px 18px 20px calc(18px + env(safe-area-inset-left));gap:32px}
.campus-logo {display:flex;flex-direction:column;align-items:center;text-align:center;text-decoration:none;color:var(--ink);line-height:1}
.campus-logo-caption {display:block;font-size:10px;font-weight:400;letter-spacing:0;color:var(--ink-3);margin-top:12px;line-height:1.4}
.campus-navigation {display:grid;gap:7px}
.campus-navigation a {display:flex;align-items:center;gap:13px;padding:13px 14px;text-decoration:none;color:var(--ink-3);border-radius:12px;font-size:14px;font-weight:500;min-width:0}
.campus-navigation a:hover {background:var(--paper)}
.campus-navigation a[aria-current] {color:var(--accent);background:var(--accent-soft);font-weight:650}
.campus-navigation svg {flex-shrink:0}
.campus-nav-short {display:none}
.campus-rail-bottom {margin-top:auto;display:grid;gap:12px}
.campus-rail-bottom>a {padding:0 12px;text-decoration:none;font-size:12px;color:var(--ink-3)}
.campus-rail-badge {display:inline-block;min-width:18px;margin-left:4px;padding:1px 6px;border-radius:999px;background:var(--accent);color:var(--surface);font-size:11px;font-weight:600;text-align:center}
.rosko-frame .app-shell {height:100dvh;min-width:0;grid-template-rows:56px minmax(0,1fr)}
.rosko-frame .app-header {padding:16px 36px;background:var(--paper);border-color:var(--rule-soft);gap:20px;min-width:0}
.rosko-frame .app-header>.app-brand {display:none}
.rosko-frame .app-main {padding:34px 40px 48px;max-width:1500px;min-width:0}
.campus-search {display:flex;align-items:center;gap:12px;border:1px solid var(--rule);background:var(--surface);padding:9px 14px;border-radius:12px;min-width:0}
.campus-search input {border:0;background:none;outline:none;min-width:0;width:100%;color:var(--ink);box-shadow:none;padding:0}
.campus-search button {font-size:12px;color:var(--accent);white-space:nowrap}
.campus-header-search {width:min(440px,55%)}
.rosko-frame :is(.app-theme-toggle,.app-credits,.app-user-menu,.app-credits-menu,.credit-menu) {border-radius:12px}
.rosko-frame .app-user-avatar {background:var(--accent-soft);width:35px;height:35px}
.campus-page-head {display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:30px}
.campus-page-head h1,.home-title,.courses-title,.page-title {font-family:var(--font-heading);font-weight:400;font-size:clamp(28px,3vw,39px);letter-spacing:-1.1px;line-height:1.2;margin:8px 0 12px}
.campus-page-head p,.home-sub,.courses-sub {color:var(--ink-3);line-height:1.65;margin-top:8px;max-width:65ch}
.campus-eyebrow {font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--accent)!important;font-weight:650}
.campus-card,.home-panel,.courses-card {background:var(--surface);border:1px solid var(--rule);border-radius:20px;padding:24px;min-width:0;box-shadow:var(--shadow)}
.campus-card h2,.home-panel h2 {font:400 24px var(--font-heading);letter-spacing:-.6px;margin:0}
.campus-section-head {display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}
.campus-section-head>a {font-size:12px;color:var(--accent);text-decoration:none}
.campus-two-columns {display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}
.campus-conversation {display:flex;align-items:center;gap:15px;padding:20px 0;border-top:1px solid var(--rule-soft);text-decoration:none;color:var(--ink)}
.campus-conversation>span:nth-child(2) {flex:1;min-width:0}
.campus-conversation strong,.campus-conversation small {display:block;overflow-wrap:anywhere}
.campus-conversation small {font-size:12px;color:var(--ink-3);margin-top:6px;line-height:1.5}
.campus-avatar {display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:var(--accent-soft);color:var(--accent);flex-shrink:0;font-size:19px;font-weight:600}
.campus-unread {background:var(--accent);color:var(--surface);border-radius:20px;padding:2px 8px;font-size:11px}
.campus-empty {padding:30px 12px;text-align:center;color:var(--ink-3)}
.campus-empty img {margin-bottom:16px}.campus-empty h2,.campus-empty h3 {color:var(--ink);margin:8px 0 12px}
.campus-empty p {max-width:52ch;margin:0 auto 20px;line-height:1.7}.campus-empty a,.campus-text-link {color:var(--accent);font-size:14px;text-decoration:none}
.campus-toolbar {display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:24px;flex-wrap:wrap}
.campus-tabs {display:flex;gap:6px;flex-wrap:wrap}.campus-tabs>a {color:var(--ink-3);font-size:13px;text-decoration:none;border-radius:20px;padding:10px 16px}
.campus-tabs>a[aria-current] {background:var(--accent-soft);color:var(--accent)}
.campus-document-grid {display:grid;grid-template-columns:repeat(auto-fill,minmax(235px,1fr));gap:18px}
.campus-document {display:flex;flex-direction:column;gap:12px;text-decoration:none;color:var(--ink)}
.campus-document:hover,.courses-card:hover {border-color:var(--rule-2);box-shadow:0 8px 24px #263c3509}
.campus-file-icon {display:grid;place-items:center;width:52px;height:58px;background:var(--paper-2);border-radius:12px;color:var(--accent);font-size:30px}
.campus-document>strong {overflow-wrap:anywhere}.campus-document>span:not(.campus-file-icon),.campus-document>small {color:var(--ink-3);font-size:12px}
.campus-agenda {display:grid;gap:22px;max-width:960px}
.campus-agenda-event {display:flex;align-items:center;gap:22px;border-top:1px solid var(--rule-soft);padding:22px 0;color:var(--ink);text-decoration:none}
.campus-agenda-event:first-of-type {margin-top:22px}.campus-agenda-event>time {display:grid;text-align:center;border-radius:14px;background:var(--paper-2);min-width:58px;padding:10px}
.campus-agenda-event>time>strong {font:26px var(--font-heading)}.campus-agenda-event>time>span {font-size:11px}
.campus-agenda-event>span:nth-child(2) {display:grid;gap:5px;flex:1}.campus-agenda-event small {color:var(--ink-3);font-size:12px}
.rosko-frame :is(.btn-primary,.home-button,.courses-new-btn,.sharing-button,.promo-button) {border-radius:12px;padding:11px 18px;background:var(--accent);color:var(--surface);font-weight:550;text-decoration:none;line-height:1.45;text-align:center;border:1px solid transparent}
.rosko-frame :is(.btn-secondary,.courses-action,.sharing-button.secondary,.promo-button.promo-button--quiet,.promo-button.promo-button--danger) {background:var(--surface);border:1px solid var(--rule);border-radius:10px;color:var(--ink-2);padding:9px 13px}
.rosko-frame .promo-button.promo-button--danger {color:var(--bad);border-color:color-mix(in srgb,var(--bad) 35%,var(--rule))}
.rosko-frame .promo-button.promo-button--small {padding:6px 12px;border-radius:9px;font-size:12px;line-height:1.4}
.rosko-frame .home-focus {background:var(--accent-soft);border:0;padding:28px;position:relative}
.rosko-frame .home-focus .home-review-row {border-color:color-mix(in srgb,var(--accent) 15%,transparent)}
.rosko-frame .home-columns {grid-template-columns:minmax(0,1.4fr) minmax(275px,1fr);gap:24px}
.rosko-frame .home-date {border-radius:12px}.rosko-frame .home-dot {border-radius:50%;width:12px;height:12px}
.rosko-frame .home-panel-head {margin-bottom:20px}.rosko-frame .home-row-title {font-weight:600}
.campus-home-courses {margin-top:30px}.campus-course-links {display:flex;gap:8px;margin:12px 0 4px;flex-wrap:wrap}.campus-course-links a {background:var(--paper-2);color:var(--accent);padding:6px 10px;border-radius:16px;text-decoration:none;font-size:11px}
.rosko-frame .courses-grid {grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}
.rosko-frame .courses-card {padding:22px;border-top:5px solid var(--course-color,var(--rule));gap:14px}
.rosko-frame .courses-name {font:22px var(--font-heading);white-space:normal;overflow-wrap:anywhere;hyphens:auto;-webkit-hyphens:auto}.rosko-frame .courses-desc {font-size:14px}
.rosko-frame .courses-empty {border-radius:20px;padding:35px 18px}
.rosko-frame .courses-foot {flex-wrap:wrap}.rosko-frame .courses-count {font-family:inherit;letter-spacing:0}
/* Real study SPA: all tools remain mounted/routed, with consistent workspace chrome. */
.rosko-workspace #root {min-width:0}.rosko-workspace .app {height:100dvh}
.rosko-workspace .topbar {background:var(--surface);padding:16px 22px;border-color:var(--rule);gap:12px;min-height:76px}
.rosko-workspace .study-groups {display:none}.rosko-workspace .study-activity-row {background:var(--paper);min-width:0;padding:13px 22px;border-bottom:1px solid var(--rule);gap:10px;flex-wrap:wrap}
.rosko-workspace .study-activities {gap:5px;overflow:auto;min-width:0;flex:1;padding:2px 0;scrollbar-width:thin}
.rosko-workspace .study-activities button {border:0;border-radius:20px;padding:9px 14px;font-size:12px;white-space:nowrap;line-height:1.45}
.rosko-workspace .study-activities button.active {background:var(--accent);color:var(--surface)}
.rosko-workspace .study-sources-button {border-radius:20px;border:1px solid var(--rule);padding:9px 12px;background:var(--surface);font-size:12px;white-space:nowrap}
.rosko-workspace .sidebar {background:var(--surface)}.rosko-workspace .sidebar-brand {min-height:76px;padding:16px 18px}.rosko-workspace .brand-mark {width:34px;height:42px}
.rosko-workspace .view-main {padding:28px}.rosko-workspace .page-eyebrow {font-family:inherit;font-size:11px;letter-spacing:.1em;color:var(--accent)}
.rosko-workspace :is(.notion-item,.question-card,.exam-card,.flash-card,.note-card,.work-card,.deck-card) {border-radius:16px}
.rosko-workspace .notion-item {padding:18px;background:var(--surface);margin-bottom:8px;border:1px solid var(--rule-soft)}
.rosko-workspace :is(.topbar-search,.theme-toggle,.credit-badge,.course-switch-menu,.course-switch-btn) {border-radius:12px}
.rosko-workspace .page-title {font-size:32px}.rosko-workspace .btn-primary {background:var(--accent);border-radius:11px;color:var(--surface)}
.rosko-workspace :is(.btn-secondary,.btn-small) {border-radius:9px}.rosko-workspace .chat-fab {background:var(--accent);border-radius:18px}
/* Social: chat first, soft message bubbles, persistent composer. */
.rosko-frame .promo-hero {background:var(--surface);border:1px solid var(--rule);border-radius:18px;padding:22px 26px;margin-bottom:20px;color:var(--ink)}
.rosko-frame .promo-hero h1 {font:30px var(--font-heading);color:var(--ink)}.rosko-frame .promo-hero-description {margin-top:12px}
.rosko-frame .promo-pill {border-radius:20px;background:var(--paper-2);color:var(--ink-3);border-color:var(--rule)}
.rosko-frame .promotion-workspace {border-radius:20px;overflow:hidden;border:1px solid var(--rule);background:var(--surface);padding:24px 28px;box-sizing:border-box}
.rosko-frame .promotion-workspace-nav {background:var(--surface);border-color:var(--rule)}
.rosko-frame .promotion-nav-button,.rosko-frame .promotion-channel-button {border-radius:10px}
.rosko-frame .promotion-nav-button.is-active {background:var(--accent-soft);color:var(--accent)}
.rosko-frame .promotion-chat-messages {background:var(--paper);padding:20px}
.rosko-frame .sharing-thread {max-width:1000px;margin:auto}
.rosko-frame .sharing-messages {background:var(--paper);border-color:var(--rule);border-radius:18px;padding:22px;height:clamp(260px,49dvh,700px)}
.rosko-frame .sharing-message {border:1px solid var(--rule-soft);border-radius:16px 16px 16px 4px;background:var(--surface);padding:12px 16px;max-width:85%}
.rosko-frame .sharing-message.mine {background:var(--accent-soft);border-radius:16px 16px 4px 16px;border-color:transparent}
.rosko-frame .sharing-chat-form {align-items:end;background:var(--surface);padding:14px;border:1px solid var(--rule);border-radius:18px;margin-top:14px}
.rosko-frame .sharing-chat-field textarea {border-radius:12px;background:var(--paper);min-height:52px}
/* Account, billing, signup and office keep complete existing forms and actions. */
:where(.aux-card,.pricing-card,.plan-card,.settings-card,.sharing-card,.promo-card,.billing-card) {border-radius:18px}
.aux-rail {background:var(--accent-soft)}.aux-rail::after {display:none}.aux-brand-mark {border:0;background:transparent}
.aux :is(.btn-primary,.aux-submit) {background:var(--accent);color:var(--surface);border-radius:12px}
.rosko-workspace .atelier {height:100dvh}.rosko-workspace .atelier-top {background:var(--surface);padding:14px 20px;min-height:72px;gap:14px}
.rosko-workspace .atelier-panel {background:var(--surface)}.rosko-workspace .atelier-noeditor {background:var(--paper);color:var(--ink);border-radius:18px;margin:24px;padding:28px}
.rosko-workspace .atelier-noeditor h2 {font:26px var(--font-heading)}.rosko-workspace .atelier-noeditor-hint {display:none}
.rosko-frame .app-shell--sidebar {grid-template-rows:56px minmax(0,1fr)}
/* La colonne de droite des volets suit la largeur de celle de Notions (264 px). */
@media(max-width:1200px) and (min-width:901px) {
  :root {--campus-width:calc(184px + env(safe-area-inset-left))}.campus-rail {padding-inline:calc(12px + env(safe-area-inset-left)) 12px}.campus-logo {font-size:26px}.campus-logo-caption {font-size:9px}
  .rosko-frame .app-main {padding:28px 24px}.rosko-frame .home-columns {grid-template-columns:1fr}.rosko-frame .home-main {display:contents}.home-focus {order:1}.home-agenda {order:2}.home-publications {order:3}
}
@media(max-width:900px) {
  :root {--campus-width:0px;--campus-bottom:calc(66px + env(safe-area-inset-bottom))}
  .rosko-frame {padding-left:env(safe-area-inset-left)}.campus-rail {inset:auto 0 0;width:100%;height:var(--campus-bottom);padding:0 max(5px,env(safe-area-inset-right)) env(safe-area-inset-bottom) max(5px,env(safe-area-inset-left));border-right:0;border-top:1px solid var(--rule);background:var(--surface);z-index:75;display:block}
  .campus-logo,.campus-rail-bottom {display:none}.campus-navigation {display:grid;grid-auto-flow:column;grid-auto-columns:minmax(min-content,1fr);height:66px;gap:0}
  .campus-navigation a {flex-direction:column;gap:5px;justify-content:center;font-size:10px;padding:7px 1px;border-radius:0;line-height:1.2}
  .campus-nav-long {display:none}.campus-nav-short {display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .campus-navigation a[aria-current] {background:transparent;color:var(--accent)}.campus-navigation a[aria-current] svg {background:var(--accent-soft);border-radius:9px;box-shadow:0 0 0 5px var(--accent-soft)}
  .rosko-frame .app-shell {height:calc(100dvh - var(--campus-bottom));grid-template-rows:auto minmax(0,1fr)}
  .rosko-frame .app-header {padding:12px 18px;gap:12px;flex-wrap:nowrap;min-height:68px}.rosko-frame .app-header>.app-brand {display:flex;font-size:20px}.rosko-frame .app-brand-mark {width:28px;height:35px}
  .campus-header-search {display:none}.rosko-frame .app-main {padding:24px 18px 32px;max-width:none}
  .campus-page-head {align-items:start;gap:16px;flex-wrap:wrap;margin-bottom:24px}.campus-page-head h1 {font-size:32px}.campus-page-head p {font-size:13px}
  .campus-two-columns {grid-template-columns:1fr;gap:20px}.campus-card,.home-panel {padding:20px;border-radius:18px}.campus-section-head h2 {font-size:22px}
  .rosko-frame .home-columns {grid-template-columns:1fr}.rosko-frame .home-main {display:contents}.home-focus {order:1}.home-agenda {order:2}.home-publications {order:3}
  .rosko-frame .home-focus {padding:22px}.home-today {display:none}.home-title {font-size:32px}
  .campus-document-grid {grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.campus-toolbar {gap:14px}.campus-toolbar .campus-search {width:100%}
  .campus-tabs {gap:3px}.campus-tabs>a {padding:9px 11px;font-size:12px}
  .rosko-workspace #root,.rosko-workspace .app,.rosko-workspace .atelier {height:calc(100dvh - var(--campus-bottom))}
  .rosko-workspace .topbar {min-height:64px;padding:10px 12px;gap:9px}.rosko-workspace .study-activity-row {padding:9px 12px;gap:7px}
  .rosko-workspace .study-activities {flex-basis:100%}.rosko-workspace .study-activities button {font-size:12px;padding:8px 12px}
  .rosko-workspace .view-main {padding:20px 16px}.rosko-workspace .page-title {font-size:29px}.rosko-workspace .study-shell .main {padding-bottom:0}
  .rosko-workspace .chat-fab {bottom:calc(var(--campus-bottom) + 14px)}
  .rosko-workspace .chat-panel {
    --chat-nav-space:max(0px, calc(var(--campus-bottom) - var(--chat-keyboard-inset, 0px)));
    left:12px;right:12px;width:auto;
    bottom:calc(max(var(--campus-bottom), var(--chat-keyboard-inset, 0px)) + 10px);
    height:min(620px, calc(var(--chat-viewport-height, 100dvh) - var(--chat-nav-space) - 20px));
    max-height:calc(var(--chat-viewport-height, 100dvh) - var(--chat-nav-space) - 20px);
    border-radius:16px;
  }
  .rosko-workspace .chat-head {padding:8px 12px;gap:6px}
  .rosko-workspace .chat-head>svg {display:none}
  .rosko-workspace .chat-close {width:44px;height:44px}
  .rosko-workspace .chat-body {padding:14px 12px;overscroll-behavior:contain}
  .rosko-workspace .chat-foot {padding:10px}
  .rosko-workspace .chat-suggestions {flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}
  .rosko-workspace .chat-suggestion {flex:0 0 auto;white-space:nowrap}
  .rosko-workspace .chat-input {font-size:16px}
  .rosko-workspace .chat-send {width:36px;height:36px}
  .rosko-workspace .chat-compact :is(.chat-head-meta,.chat-suggestions) {display:none}
  .rosko-workspace .chat-compact .chat-head {padding:4px 8px}
  .rosko-workspace .chat-compact .chat-body {padding:8px}
  .rosko-workspace .chat-compact .chat-foot {padding:6px}
  .rosko-workspace .sidebar,.rosko-workspace .study-context-sidebar {bottom:var(--campus-bottom)}
  .rosko-frame .promo-hero {padding:18px;border-radius:16px}.rosko-frame .promo-hero h1 {font-size:26px}.rosko-frame .promo-hero-description {font-size:12px}
  .rosko-frame .sharing-header {gap:12px}.rosko-frame .sharing-header h1 {font:28px var(--font-heading)}.rosko-frame .sharing-header p {font-size:12px}
  .rosko-frame .sharing-messages {height:clamp(230px,43dvh,560px);padding:14px}.rosko-frame .sharing-chat-form {padding:10px;gap:10px}.rosko-frame .sharing-chat-field label {font-size:11px}
  .rosko-frame .sharing-chat-form button {padding:12px}.rosko-frame .sharing-message {max-width:90%}
  .rosko-workspace .atelier-top {height:auto;min-height:46px;padding:10px 12px;gap:8px;flex-wrap:wrap}.rosko-workspace .atelier-title {max-width:calc(100% - 42px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rosko-workspace .atelier-course {display:none}.rosko-workspace #atelier-layout {flex:1 1 100%;min-width:0}.rosko-workspace .atelier-layout-bar {flex-wrap:wrap}.rosko-workspace .atelier-body {min-height:0}
}
/* Téléphone en paysage, Fold fermé couché : la barre du bas prenait 66 px sur ~390.
   Les sept destinations passent en rail d'icônes à gauche (libellés gardés en aria-label). */
@media(max-width:900px) and (max-height:500px) {
  :root {--campus-width:calc(56px + env(safe-area-inset-left));--campus-bottom:0px}
  .rosko-frame {padding-left:var(--campus-width)}
  .campus-rail {inset:0 auto 0 0;width:var(--campus-width);height:auto;padding:4px 0 env(safe-area-inset-bottom) env(safe-area-inset-left);border-top:0;border-right:1px solid var(--rule)}
  .campus-navigation {grid-auto-flow:row;grid-auto-columns:auto;grid-auto-rows:minmax(0,1fr);height:100%}
  .campus-navigation a {padding:0}.campus-nav-short {display:none}
  .rosko-frame .app-header {min-height:0;padding-block:6px}
  .rosko-workspace .course-compact-shell .topbar {min-height:0;padding-block:2px}.rosko-workspace .course-compact-shell .course-switch-heading {font-size:18px}
  .rosko-workspace .course-compact-shell .study-activity-row {padding-block:2px}.rosko-workspace .course-compact-shell .course-shortcuts {padding-top:4px}
}
@media(prefers-reduced-motion:reduce) {*,*::before,*::after {scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
.campus-onboarding {display:flex;align-items:center;gap:30px;margin-bottom:26px;background:var(--accent-soft)}.campus-onboarding p {max-width:56ch;color:var(--ink-3);margin-bottom:22px}.campus-onboarding h2 {line-height:1.3}
@media(max-width:540px){.campus-onboarding{align-items:start;gap:16px;padding:20px}.campus-onboarding>img{width:55px;height:70px}.campus-onboarding h2{font-size:23px}}
.rosko-workspace .app,.rosko-workspace .atelier {width:100%;max-width:100%}
.rosko-workspace .study-activities {flex-wrap:nowrap}
.rosko-workspace .study-sources-overlay.nav-open .sidebar {left:var(--campus-width);z-index:85}
.rosko-workspace .study-sources-overlay.nav-open .sidebar-overlay {z-index:80}
.rosko-frame .settings-card {border-radius:18px}.rosko-frame .settings-button {border-radius:11px;background:var(--accent);color:var(--surface)}
.rosko-frame .settings-button--secondary {background:var(--paper);color:var(--ink)}
.rosko-frame .settings-button--danger {background:var(--bad)}
.campus-pricing .m-wrap {max-width:1280px}.campus-pricing :is(.plan,.card,.current,.banner,.credit-pack) {border-radius:18px}
.aux .auth-submit {border-radius:12px;background:var(--accent);color:var(--surface)}.aux .auth-input {border-radius:11px;background:var(--surface);padding:12px 14px}
@media(max-width:900px){.campus-pricing{padding-bottom:var(--campus-bottom)}#pwa-install{bottom:calc(80px + env(safe-area-inset-bottom))!important}.atelier-layout-bar .lay-btn{padding:9px 12px!important}}
:root[data-immersive="notes"] .campus-rail {display:none}
:root[data-immersive="notes"] .rosko-frame {padding-left:env(safe-area-inset-left)}
:root[data-immersive="notes"] .rosko-workspace #root,:root[data-immersive="notes"] .rosko-workspace .app {height:100dvh}
:root[data-immersive="notes"] .study-activity-row {display:none}
.rosko-frame .courses-grid {display:grid}
.rosko-frame .courses-card {display:flex;flex-direction:column}
.rosko-frame .courses-card-head {text-decoration:none;color:var(--ink)}
.campus-home-courses h2 {font:26px var(--font-heading);color:var(--ink)}
.campus-pricing .hero h1,.hero h1 {font-family:var(--font-heading);font-weight:400}
.campus-pricing :is(.grid>.plan,.grid>.p-card,.panel) {border-radius:18px}
body.rosko-office-plugin {background:var(--surface);color:var(--ink);padding:16px}
.rosko-office-plugin textarea,.rosko-office-plugin .draft {border:1px solid var(--rule);border-radius:12px;background:var(--paper);color:var(--ink)}
.rosko-office-plugin button {border:1px solid var(--accent);background:var(--accent);color:var(--surface);border-radius:10px;padding:10px 14px}
.rosko-office-plugin button.sec {background:var(--surface);color:var(--accent)}
/* Workflow of the approved campus prototype: five intentions, detailed tools inside. */
.course-workflow-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 30px;background:var(--accent-soft);border-bottom:1px solid var(--rule)}
.course-workflow-heading a{font-size:11px;color:var(--ink-3);text-decoration:none}.course-workflow-heading h1{font:30px var(--font-heading);letter-spacing:-.7px;margin:10px 0}.course-workflow-heading p{font-size:12px;color:var(--ink-3);margin:0}.course-workflow-heading>button{padding:11px 17px;background:var(--accent);color:var(--surface);border:0;border-radius:12px;font-size:12px;white-space:nowrap}
.course-shortcuts{display:flex;gap:7px;padding:14px 28px 0;overflow:auto;flex-shrink:0}.course-shortcuts button{padding:7px 12px;border:1px solid var(--rule);border-radius:20px;font-size:11px;background:var(--surface);color:var(--ink-3);white-space:nowrap}.course-shortcuts button[aria-current]{color:var(--accent);background:var(--accent-soft);border-color:transparent}
.course-choice{padding:30px;overflow:auto;flex:1;min-height:0}.course-choice>header>p{font-size:10px;letter-spacing:.12em;color:var(--accent);margin:0 0 10px}.course-choice h2{font:30px var(--font-heading);letter-spacing:-.6px;margin:0 0 13px}.course-choice header>span{color:var(--ink-3);font-size:14px;line-height:1.7}.course-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:28px}.choice-card{padding:25px;border:1px solid var(--rule);border-radius:18px;background:var(--surface);display:flex;flex-direction:column;align-items:flex-start}.choice-card small{font-size:11px;color:var(--ink-3)}.choice-card h3{font:26px var(--font-heading);margin:18px 0 10px}.choice-card p{font-size:14px;line-height:1.75;color:var(--ink-3);margin:0 0 24px;max-width:48ch}.choice-card button{margin-top:auto;border:0;background:var(--accent-soft);color:var(--accent);border-radius:11px;padding:11px 15px;font-size:12px}.choice-1{border-top:4px solid #c8bedc}.choice-2{border-top:4px solid #e8c8ae}.choice-0{border-top:4px solid #bed2be}.choice-3{border-top:4px solid #cad8e3}.choice-4{border-top:4px solid #e6d9b5}
.course-doc-actions{display:flex;gap:20px;align-items:end;justify-content:space-between;margin-top:25px}.course-doc-actions label{display:grid;gap:7px;font-size:11px;width:min(360px,60%)}.course-doc-actions input{border:1px solid var(--rule);border-radius:10px;padding:12px;background:var(--surface);color:var(--ink);min-width:0}.course-doc-actions>button,.course-analysis-step button{border:1px solid var(--rule);padding:11px 16px;border-radius:10px;color:var(--accent);background:var(--surface);font-size:12px}.course-analysis-step{display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--accent-soft);padding:20px;border-radius:14px;margin:25px 0}.course-analysis-step strong{font-size:15px}.course-analysis-step p{font-size:12px;color:var(--ink-3);line-height:1.6;margin:7px 0 0}.course-analysis-step button{white-space:nowrap}.course-doc-list{display:grid;gap:12px}.course-doc-list article{display:flex;align-items:start;gap:18px;padding:20px;border:1px solid var(--rule);border-radius:14px;background:var(--surface)}.course-doc-type{padding:12px 8px;background:var(--paper-2);border-radius:10px;font-size:10px;color:var(--accent)}.course-doc-list article>div:nth-child(2){flex:1;min-width:0}.course-doc-list h3{font-size:15px;margin:0 0 8px;overflow-wrap:anywhere}.course-doc-list p{font-size:11px;color:var(--ink-3);margin:0 0 12px}.course-doc-list label{font-size:11px;color:var(--ink-3)}.course-doc-list select,.course-doc-list input[list]{border:1px solid var(--rule);background:var(--paper);border-radius:6px;padding:4px;color:var(--ink);max-width:100%}.course-doc-list input[list]{width:14em;font:inherit}.course-doc-context{display:flex;gap:7px;align-items:center;margin-top:10px}.course-doc-context input{accent-color:var(--accent)}.course-doc-links{display:grid;gap:12px;align-self:center}.course-doc-links a,.course-doc-links button{font-size:11px;background:none;border:0;padding:0;color:var(--accent);text-decoration:none;text-align:left}.course-doc-links .course-doc-delete{color:var(--bad)}.course-doc-error{color:var(--bad);font-size:13px}.course-doc-empty{color:var(--ink-3);font-size:14px;line-height:1.8}.course-doc-empty button{border:0;background:none;color:var(--accent)}
:root[data-immersive=notes] :is(.course-workflow-heading,.course-shortcuts){display:none}
@media(max-width:900px){.course-workflow-heading{padding:18px 20px}.course-workflow-heading h1{font-size:25px}.course-workflow-heading>button{font-size:11px;padding:10px}.course-choice{padding:24px 20px}.course-choice-grid{gap:13px}.choice-card{padding:20px}.course-doc-list article{flex-wrap:wrap}.course-doc-links{display:flex;flex-wrap:wrap;width:100%;gap:18px}.course-shortcuts{padding-left:18px}.course-analysis-step{flex-wrap:wrap}}
@media(max-width:560px){.course-workflow-heading{padding:15px 18px;align-items:start}.course-workflow-heading h1{font-size:22px;margin:8px 0}.course-workflow-heading p{font-size:10px}.course-workflow-heading>button{display:none}.course-choice-grid{grid-template-columns:1fr}.course-choice h2{font-size:26px}.course-choice header>span{font-size:13px}.course-doc-actions{align-items:stretch;flex-direction:column;gap:12px}.course-doc-actions label{width:100%}.course-doc-actions button{align-self:flex-start}.course-doc-list article{padding:15px;gap:12px}.course-doc-context{align-items:start}.course-doc-type{padding:10px 6px}.course-spaces{gap:0}.course-spaces button{padding:9px 11px!important;font-size:11px!important}}

/* Bandeau : 80 px → 56 px (la ligne de grille .app-shell ci-dessus fixe la hauteur). La recherche, les crédits et le menu compte
   tiennent sur une ligne serrée ; la hauteur va au contenu. */
.rosko-frame .app-header {padding:8px 28px;gap:14px;min-height:0}
.rosko-frame .campus-header-search {padding:5px 12px;border-radius:9px}
.rosko-frame .app-user-avatar {width:30px;height:30px}
.rosko-frame :is(.app-credits,.app-theme-toggle) {padding-top:5px;padding-bottom:5px}

/* Hauteur : bloc de titre des pages campus 165 → ~95 px, pastilles de matière 46 → 34 px. */
.rosko-frame .app-main {padding:20px 40px 48px}
.campus-page-head {margin-bottom:16px}
.campus-page-head h1,.home-title,.courses-title,.page-title {font-size:clamp(26px,2.4vw,30px);margin:4px 0 6px}
.campus-page-head p,.home-sub,.courses-sub {margin-top:2px}
.campus-toolbar {margin-bottom:16px}
.course-shortcuts{padding:8px 28px 0}.course-shortcuts button{padding:5px 12px}
.rosko-workspace .course-compact-shell .course-shortcuts {padding:6px 24px 0}

/* Atelier (travaux et fiches de lecture) : pas de rail campus sur grand écran,
   la place va au document et aux panneaux. Sur téléphone la barre basse reste. */
@media (min-width:901px){.rosko-atelier{--campus-width:env(safe-area-inset-left)}.rosko-atelier .campus-rail{display:none}}
/* Page Documents, onglet « Par cours » : un bloc par cours, ses documents rangés par groupe. */
.campus-course-documents {margin-top:28px}
.campus-course-documents-head {display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding-bottom:12px;border-bottom:1px solid var(--rule)}
.campus-course-documents-head h2 {margin:0;font:600 20px/1.3 var(--font-heading);letter-spacing:-.3px}
.campus-course-documents-head>span:not(.campus-course-dot) {color:var(--ink-4);font-size:13px}
.campus-course-documents-head a {margin-left:auto;font-size:13px;color:var(--accent)}
.campus-course-dot {width:12px;height:12px;border-radius:50%;flex-shrink:0}
.campus-document-group {margin:20px 0 12px;font-size:13px;font-weight:600;letter-spacing:.02em;color:var(--ink-2)}
.campus-document-group span {color:var(--ink-4);font-weight:400;margin-left:4px}

@media(max-width:760px){.rosko-frame .promotion-workspace{padding:16px}}