/* Preceptor — Breezy redesign: design tokens
   The variable names in the first block match the ones the current Preceptor app
   already uses (--bg, --card, --ink, ...), so a restyle can start by swapping
   these values in. The second block holds the new tokens the redesign adds. */

:root {
  /* Existing Preceptor variables, new values */
  --bg: #E5D5D1;        /* dusty-rose page background */
  --card: #F1E9E6;      /* frosted cream card */
  --ink: #1F1B1A;       /* text, primary buttons, selected pills */
  --muted: #6E5F5B;     /* secondary text (passes 4.5:1 on --card) */
  --faint: #8C7C78;     /* large text / decoration only */
  --accent: #8A5B4D;    /* brown accent: progress fill, links like "Update pages" */
  --line: #F8F3F1;      /* 1px card border (light edge, not a grey line) */
  --soft: #F7F2F0;      /* inner pills, selected tiles, tag chips */
  --done: #E2D2CD;      /* progress track, quiet fills */
  --ink-on: #F8F3F1;    /* text on --ink */
  --warn: #A4475A;      /* "2 due this week", unread dot */

  /* New in the redesign */
  --chip: #DCC9C4;            /* section tiles + segmented control track */
  --tile: #EDE4E1;            /* home shortcut tiles */
  --note: #E9DEDA;            /* teacher note / owner row */
  --note-warm: #EFDDD6;       /* callout box (missed words, concerns) */
  --section-title: #5A4E86;   /* report section titles (Mastery list) */
  --frost: rgba(246, 240, 238, 0.92); /* floating header pill, tab bar, bottom tray */
  --verified: linear-gradient(110deg, #4E342F 0%, #86594C 100%);
  --status-band: linear-gradient(100deg, #ECCBD0 0%, #E6D7E2 55%, #D7D6EE 100%);

  /* Type */
  --font-sans: "Figtree", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-serif: "DM Serif Display", Georgia, serif; /* wordmark, names in italics */

  /* Radii */
  --r-pill: 999px;
  --r-card-lg: 28px;   /* hero/report cards (34px on desktop) */
  --r-card: 24px;      /* list cards, tiles */
  --r-card-sm: 20px;   /* activity rows, coming-up cards */
  --r-inner: 18px;     /* inner boxes inside cards */

  /* Shadows */
  --shadow-card: 0 18px 40px -30px rgba(70, 40, 34, 0.45);
  --shadow-float: 0 14px 34px -18px rgba(70, 40, 34, 0.5);
}
/* Live components: fluid layout, no mock data or fixed-height canvases. */
:root{--sans:var(--font-sans);--serif:var(--font-serif);--done-ink:#4e342f}
body{font-family:var(--sans);font-weight:400;background:var(--bg)}
button,input,textarea,select{font-family:inherit}h1,h2,h3,strong{font-weight:500}
.wrap{max-width:1240px;padding-inline:24px}.page{padding-top:32px;padding-bottom:40px}
.top{top:16px;margin:16px 24px 0;border:1px solid var(--line);border-radius:999px;background:var(--frost);backdrop-filter:blur(20px);box-shadow:var(--shadow-float)}
.top .wrap{padding-inline:12px}.top-in{min-height:76px;gap:12px}.brand{font-family:var(--serif);font-size:30px;white-space:nowrap}.profile-orb{width:48px;height:48px;flex:none;border:2px solid var(--line);border-radius:50%;background:#CDB3AC;color:#2f201d;font-family:var(--serif);font-size:23px}
.mainnav{margin-left:auto}.navbtn{border-radius:999px;font-size:14px;min-height:44px}.navbtn.on{background:var(--ink);color:var(--ink-on);border-color:var(--ink)}.iconbtn{border-radius:50%;position:relative}.new-record{background:var(--ink);color:var(--ink-on);border-color:var(--ink)}.dot{background:var(--warn)}
.h1,.h2{font-family:var(--sans);font-weight:400;letter-spacing:-.02em}.h1{font-size:36px}.h2{font-size:22px}.h2.big{font-size:28px}.eyebrow{font-size:11px;letter-spacing:.19em;font-weight:500}.serif{font-family:var(--serif)}
.card{border-radius:var(--r-card);box-shadow:var(--shadow-card);padding:24px;background:var(--card);border-color:var(--line)}.card.tight{border-radius:var(--r-card-sm);padding:16px 18px}.btn{border-radius:999px;min-height:44px}.btn.block{border-radius:999px;min-height:54px}.btn.primary{background:var(--ink);color:var(--ink-on)}.btn.quiet{color:var(--accent)}.chip,.tag,.status-pill{background:var(--soft);border-radius:999px}.chip{min-height:44px}.in{background:var(--soft);border:1px solid var(--line);border-radius:16px}.quote{background:var(--note);border-radius:18px;padding:18px}.quote .q{font-family:var(--sans);font-size:16px;line-height:1.6}.notice{background:var(--note-warm);border-radius:18px}.bar{height:8px;background:var(--done);border-radius:6px}.bar>i{background:var(--accent);border-radius:6px}.bar>b{top:-4px;height:16px}
.home-greeting h1{font-size:42px;font-weight:400;line-height:1.15;margin:0;letter-spacing:-.025em}.home-greeting em{font-family:var(--serif);font-weight:400}.section-heading{font-size:18px;margin:0;font-weight:500}
.section-rail{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.section-rail::-webkit-scrollbar{display:none}.section-tile{flex:0 0 140px;height:98px;border-radius:18px;padding:14px 16px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;background:var(--chip);color:var(--ink);border:1px solid var(--line);font-size:15px}.section-tile.active{background:var(--ink);color:var(--ink-on);border-color:var(--ink)}.tile-value{font-size:24px;font-weight:300}
.home-main-grid{display:grid;grid-template-columns:320px minmax(0,1fr);gap:20px;align-items:stretch;scroll-margin-top:120px}.desktop-students{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:20px}.desktop-students .card{border-radius:30px}.desktop-students .two{font-size:13px}.desktop-students .card>.rows{flex:1}
.instruction-card{border:1px solid var(--line);border-radius:30px;overflow:hidden;box-shadow:var(--shadow-card);background:var(--card);display:flex;flex-direction:column}.instruction-body{padding:26px 20px;text-align:center;background:var(--frost);flex:1}.instruction-body h2{margin:0;font-size:18px;font-weight:500}.instruction-number{font-size:78px;font-weight:300;line-height:1.15;letter-spacing:-.04em;margin:8px 0 12px}.outline-pill{display:inline-flex;border:1px solid currentColor;border-radius:999px;padding:3px 12px;font-size:13px;line-height:1.3}.instruction-body p{margin-top:10px}.status-band{background:var(--status-band);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:22px 6px;color:#1f1b1a}.status-band>div{display:flex;flex-direction:column;gap:6px;align-items:center}.status-band .outline-pill{padding:3px 8px;font-size:12px}.status-symbol{font-size:22px}.status-number{font-size:44px;font-weight:300;line-height:1}
.home-columns{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:32px}.home-primary,.home-sidebar{min-width:0}.home-sidebar .teacher-grid{grid-template-columns:1fr}.coming-section{scroll-margin-top:120px}.coming-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.coming-grid .card{width:100%;text-align:left;white-space:normal}.shortcut-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;scroll-margin-top:120px}.shortcut-tile{height:176px;border:1px solid var(--line);border-radius:24px;background:var(--tile);color:var(--ink);padding:18px;display:flex;flex-direction:column;justify-content:space-between;text-align:left;overflow:hidden}.shortcut-tile strong{font-size:18px;font-weight:500}.shortcut-tile svg{width:100%;height:96px}.shortcut-tile .test-art svg{height:58px}.test-art{display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--accent)}.notes-art{height:96px;display:grid;place-items:center;background:repeating-linear-gradient(90deg,transparent 0 9px,var(--chip) 10px 11px,transparent 12px 19px);background-size:100% 38px;background-position:center;background-repeat:no-repeat}.note-orb{display:block;width:52px;height:52px;background:radial-gradient(circle at 35% 30%,#e9d6d0,#a97f72);border-radius:50%;box-shadow:0 10px 20px -12px #6e4137}
.feed-i{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:16px;margin-bottom:10px;gap:16px}.feed-i>.small{background:var(--note);border-radius:14px;min-width:74px;padding:14px 8px;text-align:center}.rows .feed-i:last-child{margin-bottom:0}.teacher-child{border-radius:24px;min-height:160px}
.daily-workspace{max-width:740px}.daily-workspace>.stack8 .h1{font-size:30px}.student-switch{border-radius:999px;background:var(--chip);padding:5px;gap:5px}.student-chip{border-radius:999px;min-height:58px;border:0;background:transparent;justify-content:center}.student-chip .avatar{display:none}.student-chip.on{background:var(--soft);border:0;box-shadow:0 3px 7px #4e342f12}.student-chip .stack2{text-align:center}.student-chip .xs{display:none}
.update-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;position:sticky;top:112px;z-index:15;padding:8px;border:1px solid var(--line);border-radius:999px;background:var(--frost);backdrop-filter:blur(20px);box-shadow:var(--shadow-float);min-height:72px}.update-toolbar>.stack2{text-align:center}.update-toolbar .btn{min-height:52px;padding-inline:20px}.pcard{border-radius:24px;padding:22px;background:var(--card);box-shadow:var(--shadow-card)}.pcard.changed{border-color:var(--accent)}.pcard-top{flex-wrap:wrap}.pcard-top>.minw0{flex:1 1 100%;}.pcard-subj{font-size:18px;font-weight:500}.stepper{width:100%;justify-content:center;gap:14px;margin-block:2px}.stepbtn{border-radius:50%;background:var(--soft);font-size:25px}.stepin{width:120px;height:76px;border:0;background:transparent;border-radius:0;font-size:64px;font-weight:300;letter-spacing:-.04em}.att-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.att{background:var(--card);border-radius:20px;padding:12px 8px;align-items:center;text-align:center;min-height:108px}.att .lbl{font-size:13px}.att .d{display:none}.att.sel{background:var(--soft)!important}.opt-grid{display:flex;flex-wrap:wrap}.opt{border-radius:999px;min-height:44px;padding:10px 16px;flex:1 1 auto}.daily-form>.stack12>h2{font-size:17px;letter-spacing:0;text-transform:none}.daily-form .save-tray{background:var(--frost);border:1px solid var(--line);border-radius:28px;padding:16px;box-shadow:var(--shadow-float)}
.verified-banner{display:flex;align-items:center;gap:14px;padding:18px 20px;background:var(--verified);color:#f8f3f1;border-radius:22px;line-height:1.4}.verified-banner span{font-size:14px}.verified-banner strong{font-size:18px}.workbook-report{border-radius:28px}.workbook-page{display:flex;gap:8px;align-items:baseline;font-weight:300}.workbook-page>span:first-child{font-size:64px;line-height:1.1;letter-spacing:-.04em}.workbook-page>span:last-child{font-size:22px}.mastery-title{font-size:20px;color:var(--section-title);font-weight:400;margin:12px 0 0}.chapters{display:flex;flex-direction:column;gap:8px}.ch{border-radius:20px;background:var(--soft);border:1px solid var(--line);overflow:hidden}.ch-row{padding:16px;gap:12px}.ch-cur{border:1.5px solid var(--accent);background:var(--card)}.ch-n{font-size:12px;border-radius:999px;background:var(--note);padding:4px 8px;min-width:64px}.ch-s{font-size:11px;max-width:85px;white-space:normal;text-align:right}.ch-x{padding:0 16px 16px}.utabs{gap:8px;border:0;padding-bottom:6px}.utab{border:1px solid var(--line);border-radius:999px;background:var(--chip);padding:10px 18px}.utab.on{background:var(--ink);color:var(--ink-on);border-color:var(--ink)}
.modal{background:var(--bg);border-radius:32px;box-shadow:var(--shadow-float)}.modal-h{background:var(--frost);border-radius:999px;padding:12px 16px;margin-bottom:8px}.modal .gallery img{border-radius:16px}.avatar{background:var(--chip);color:var(--ink);font-family:var(--serif);border-radius:50%}
@media(min-width:761px){.tabbar{display:none}.home-primary .shortcut-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.home-greeting{padding:10px 0}.top{max-width:1240px;margin-inline:auto}.daily-form .save-tray{position:sticky;bottom:20px;z-index:14}.page:has(.daily-workspace){padding-bottom:40px}}
@media(max-width:1050px) and (min-width:761px){.home-main-grid{grid-template-columns:270px minmax(0,1fr)}.desktop-students{grid-template-columns:1fr}.home-columns{grid-template-columns:minmax(0,1fr) 290px}.shortcut-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.mainnav .navbtn{padding-inline:9px}.top-in{gap:6px}.profile-orb{display:none}}
@media(max-width:760px){.wrap{padding-inline:20px}.page{padding-top:28px;padding-bottom:110px}.top{position:relative;top:0;margin:18px 20px 0;border:0;background:transparent;box-shadow:none;backdrop-filter:none}.top .wrap{padding:0}.top-in{min-height:52px}.top .brand{display:none}.profile-orb{width:52px;height:52px}.top-in>.row{margin-left:auto}.mainnav{display:none}.home-greeting h1{font-size:32px}.home-greeting{padding:0}.breezy-home{gap:22px}.section-rail{margin-inline:-20px;padding-inline:20px}.section-tile{flex-basis:122px}.home-main-grid{display:block}.desktop-students{display:none}.home-columns{display:flex;flex-direction:column;gap:28px}.instruction-card{border-radius:30px}.instruction-number{font-size:72px}.instruction-body{padding:28px 20px 24px}.status-band{padding:24px 8px}.shortcut-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-sidebar{width:100%}.home-sidebar .teacher-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-sidebar .teacher-child{padding:16px;font-size:13px}.home-sidebar .teacher-child .avatar{display:none}.home-sidebar .teacher-child .h2{font-size:20px}.home-sidebar .teacher-child .row{flex-wrap:wrap}.tabbar{position:fixed;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));width:auto;border:1px solid var(--line);border-radius:32px;background:var(--frost);backdrop-filter:blur(22px);box-shadow:var(--shadow-float);padding:9px 6px;gap:2px;z-index:30;min-height:74px;overflow:visible}.tab{border-radius:24px;min-width:0;padding:6px 3px;font-size:10px;gap:4px;color:var(--muted)}.tab.on{background:var(--soft);color:var(--ink)}.tab svg{width:22px;height:22px}.daily-workspace{gap:20px}.daily-workspace>.stack8{gap:6px}.daily-workspace>.stack8 .h1{font-size:26px}.update-toolbar{top:10px;margin-inline:-10px;gap:4px}.update-toolbar .btn{padding-inline:16px;font-size:14px}.daily-form{padding-bottom:100px}.daily-form .save-tray{position:fixed;bottom:0;left:0;right:0;z-index:40;border-radius:30px 30px 0 0;padding:12px 20px calc(12px + env(safe-area-inset-bottom));gap:6px}.daily-form .save-tray .row{font-size:11px;justify-content:center}.daily-form .save-tray .row .btn{display:none}.page:has(.daily-workspace)~.tabbar{display:none}.pcard{padding:20px}.att-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.att .lbl{font-size:12px}.att .face{width:28px;height:28px}.modal{border-radius:28px;padding:16px;max-height:calc(100dvh - 24px);width:calc(100% - 16px)}.modal-h{padding:8px 12px}.workbook-page>span:first-child{font-size:60px}.verified-banner{padding:16px;flex-wrap:wrap;gap:8px}.card{padding:20px}.ch-row{padding:12px;gap:8px}.ch-n{min-width:55px;font-size:11px}.ch-s{max-width:65px}.feed-i{gap:12px}.feed-i>.small{min-width:64px;font-size:11px}.app-footer{padding-bottom:110px}}
/* Keep the existing theme preference, with a matching dark palette. */
:root[data-theme=dark]{--bg:#291f20;--card:#35292a;--ink:#f7ece8;--muted:#cbb6ae;--faint:#ad9690;--accent:#d8a491;--line:#51403e;--soft:#403132;--done:#63453e;--done-ink:#f7ece8;--ink-on:#291f20;--chip:#4e3a38;--tile:#3b2d2d;--note:#493633;--note-warm:#563c36;--frost:rgba(48,35,36,.94);--section-title:#d4c4f2;--warn:#f2b4c1;--verified:linear-gradient(110deg,#4e342f,#86594c)}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#291f20;--card:#35292a;--ink:#f7ece8;--muted:#cbb6ae;--faint:#ad9690;--accent:#d8a491;--line:#51403e;--soft:#403132;--done:#63453e;--done-ink:#f7ece8;--ink-on:#291f20;--chip:#4e3a38;--tile:#3b2d2d;--note:#493633;--note-warm:#563c36;--frost:rgba(48,35,36,.94);--section-title:#d4c4f2;--warn:#f2b4c1}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
main.page{padding-block:32px 60px}.tabbar{grid-template-columns:repeat(5,minmax(0,1fr))}.tab{display:flex;flex-direction:column;align-items:center;justify-content:center}.shortcut-tile:hover,.section-tile:hover{filter:brightness(.98)}
@media(max-width:760px){main.page{padding-block:28px 120px}.tabbar:has(.tab:nth-child(3):last-child){grid-template-columns:repeat(3,minmax(0,1fr))}.ch-n{grid-column:1/-1}.home-sidebar .teacher-child{min-width:0}.home-sidebar .teacher-child p{overflow-wrap:anywhere}.page:has(.daily-workspace){padding-bottom:50px}}
.home-main-grid{align-items:start}.instruction-card{min-height:390px}.instruction-body{min-height:240px}.student-switch{grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);grid-template-columns:none}.report-toolbar{display:flex;align-items:center;gap:12px;border-radius:999px;background:var(--frost);border:1px solid var(--line);padding:8px;position:sticky;top:110px;z-index:16;backdrop-filter:blur(20px);box-shadow:var(--shadow-float)}.report-toolbar>.stack2{flex:1;text-align:center;padding-right:44px}.workbook-tags .tag{padding:8px 14px;min-height:38px}.ch-title{font-family:var(--sans);font-size:16px}.ch-cur .ch-title{font-size:18px}.home-greeting em{margin-left:4px}
@media(max-width:760px){.instruction-card{min-height:0}.instruction-body{min-height:0}.report-toolbar{top:10px}.student-chip{padding:10px 8px}.teacher-child .row.gap12{gap:6px}}
body:has(.daily-workspace)>.top,body:has(.daily-workspace) #root>.top{display:none}.top:has(~ main .daily-workspace){display:none}.daily-workspace .update-toolbar{top:14px}.daily-navigation .btn.quiet{padding-left:0}.daily-navigation .student-switch{width:100%}
@media(max-width:760px){main.page:has(.daily-workspace){padding-top:14px}.daily-form{gap:24px}.daily-navigation .in{padding:6px 10px;min-height:40px}}
.desktop-greeting{display:none}.desktop-coming{display:none}.digest-card{display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;padding:18px 20px;border:1px solid var(--ink);border-radius:22px;background:transparent;color:var(--ink);min-height:82px}.digest-card strong{font-weight:500;font-size:17px}
@media(min-width:761px){.mobile-greeting,.breezy-home>.section-rail,.home-primary>.shortcut-grid,.mobile-coming{display:none}.desktop-greeting{display:block}.desktop-coming{display:flex}.home-greeting h1{font-size:56px;font-weight:300;max-width:800px;line-height:1.05}.breezy-home{gap:32px}.home-sidebar>.digest-card{order:3}.home-sidebar>.btn{order:4}}
@media(min-width:761px){.top:has(~ main .daily-workspace){display:block}body:has(.daily-workspace) #root>.top{display:block}.daily-workspace .update-toolbar{top:110px}}
/* Activity and upcoming cards follow the handoff's icon/date/content layout. */
.activity-list{display:flex;flex-direction:column;gap:12px}.activity-card{display:flex;align-items:center;gap:16px;min-height:106px;padding:16px;border:1px solid var(--line);border-radius:24px;background:var(--card);box-shadow:var(--shadow-card)}.activity-icon{display:grid;place-items:center;width:78px;height:70px;border-radius:18px;flex:none;color:var(--ink);background:#e4d6e0}.activity-pages{background:#e4d6e0}.activity-homework,.activity-test,.activity-note{background:#ebd3d4}.activity-spelling{background:#e7dccf}.activity-mastery,.activity-review{background:#dcd8ec}.activity-copy{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.activity-date{font-size:13px;color:var(--muted);line-height:1.35}.activity-title{font-size:16px;line-height:1.35;overflow-wrap:anywhere}.activity-detail{font-size:14px;color:var(--accent);line-height:1.35;overflow-wrap:anywhere}.coming-card{display:flex;flex-direction:column;gap:6px;width:100%;text-align:left;padding:20px;border:1px solid var(--line);border-radius:24px;background:var(--card);color:var(--ink);box-shadow:var(--shadow-card)}.coming-title{font-size:16px;line-height:1.35;font-weight:500}.coming-grid{grid-template-columns:1fr;gap:12px}.coming-due{font-size:14px;color:var(--warn)}.coming-count{font-size:18px}.activity-view-arrow{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border:1px solid currentColor;border-radius:50%}.home-primary .section-heading,.desktop-coming .section-heading{font-size:22px}.home-primary .stack12>.row>.btn.quiet{color:var(--ink);font-size:15px}
@media(max-width:760px){.activity-card{padding:14px;gap:16px;border-radius:24px;min-height:106px}.activity-icon{width:72px;height:68px;border-radius:17px}.activity-title{font-size:15px}.activity-detail{font-size:13px}.activity-date{font-size:12px}.coming-card{padding:20px}.coming-section>.row>.btn.quiet{color:var(--ink)}}
:root[data-theme=dark] .activity-icon{color:#1f1b1a}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .activity-icon{color:#1f1b1a}}

/* Screenshot-matched parent summary on mobile and desktop. */
.desktop-greeting{display:block}.mobile-greeting{display:none}.home-greeting h1{font-size:56px;line-height:1.08;font-weight:300;max-width:780px;letter-spacing:-.035em}.home-greeting em{font-family:var(--serif);font-weight:400}.update-status-pill{align-self:flex-start;background:var(--card);border-radius:999px;padding:11px 16px;font-size:12px;letter-spacing:.1em;text-transform:uppercase;margin-top:12px}.home-student{border-radius:34px;padding:28px}.home-page-number{font-size:58px;line-height:1;font-weight:300;letter-spacing:-.04em}.home-page-number>span{font-size:21px;color:var(--muted);letter-spacing:0}.subject-pills{display:flex;flex-wrap:wrap;gap:8px}.subject-pills>span{border-radius:999px;background:var(--soft);padding:7px 12px;font-size:14px}.home-teacher-note{background:var(--note);border-radius:20px;padding:18px}.home-teacher-note p{margin:0;line-height:1.5}.report-link{color:var(--accent);padding:4px;gap:6px}.instruction-number{font-size:92px}.instruction-body>p{display:none}
@media(max-width:760px){.home-greeting h1{font-size:52px}.home-greeting .eyebrow{line-height:1.5}.breezy-home>.section-rail{display:none}.desktop-students{display:grid;grid-template-columns:1fr;margin-top:24px;gap:20px}.home-main-grid{display:block}.home-primary>.shortcut-grid{display:none}.home-student{padding:26px;border-radius:32px}.home-main-grid .instruction-card{margin-bottom:24px}.instruction-number{font-size:88px}.home-student .avatar{width:52px;height:52px}.home-student .h2{font-size:24px}.home-student .small{font-size:13px}.home-page-number{font-size:58px}}

.home-main-grid.without-instruction{display:block}.without-instruction .desktop-students{margin-top:0}