
.resource-gateway{background:#fffdf8;color:#242044}.gateway-header{background:#7145ed;padding:44px 0 38px;border-bottom:2px solid #242044;color:white}.gateway-header .eyebrow{color:#fff}.gateway-header h1{font-size:58px!important;margin:20px 0!important}.gateway-header h1 span:first-child{background:#ffd33d;color:#242044}.gateway-header h1 span:last-child{background:#ff657d;color:#242044}.gateway-header p{font-size:14px;line-height:1.8;max-width:640px;color:#fff}.gateway-body{padding-top:28px;padding-bottom:60px}.gateway-controls{display:flex;gap:8px;flex-wrap:wrap;padding-bottom:24px;border-bottom:1px solid #d7cce7}.gateway-controls button{border:1px solid #242044;background:transparent;color:#242044;padding:10px 18px;font-size:12px;cursor:pointer}.gateway-controls button.active{background:#ffd33d;box-shadow:3px 3px 0 #242044;font-weight:bold}.folder-group{margin-top:34px;scroll-margin-top:100px}.folder-group-head{display:flex;align-items:center;gap:18px;margin-bottom:18px}.folder-group-head .word{font:900 27px/1 Arial;letter-spacing:-1px;padding:6px 9px;background:var(--accent);color:#242044}.folder-group-head h2{font-size:26px;letter-spacing:-.8px;margin:0}.folder-group-head p{font-size:11px;color:#6c607c;margin:0 0 0 auto}.folder-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.folder-card{border:2px solid #242044;background:#fffdf8;box-shadow:4px 4px 0 var(--accent);padding:23px;scroll-margin-top:110px;position:relative}.folder-icon{width:43px;height:32px;background:var(--accent);border:1px solid #242044;position:relative;margin:8px 0 20px}.folder-icon:before{content:'';position:absolute;width:19px;height:7px;top:-7px;left:-1px;border:1px solid #242044;background:var(--accent);border-bottom:0}.folder-meta{display:flex;align-items:start;justify-content:space-between;gap:15px}.folder-status{font-size:9px;letter-spacing:1px;color:#6c607c;padding:5px 8px;border:1px dashed #b7abc9}.folder-card h3{font:800 23px/1.2 Arial;letter-spacing:-.6px;margin:5px 0 10px}.folder-card p{font-size:12px;color:#6c607c;margin:0 0 18px}.folder-card .types{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:22px}.folder-card .types span{font-size:10px;background:#f1eaff;color:#514165;padding:5px 8px}.folder-action{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #e3d9ed;padding-top:17px}.folder-action button,.folder-action a{background:#f6f1fc;border:1px dashed #857398;color:#6c607c;padding:10px 14px;font-size:11px;text-decoration:none}.folder-action button:disabled{cursor:not-allowed}.folder-action small{font-size:10px;color:#6c607c;max-width:150px;text-align:right}.gateway-help{margin-top:40px;border-left:7px solid #ff657d;background:#fff1b4;padding:20px 24px;display:flex;justify-content:space-between;gap:25px;align-items:center}.gateway-help h3{font-size:20px;margin:0 0 5px}.gateway-help p{font-size:12px;color:#514165;margin:0}.gateway-help a{font-size:12px;font-weight:bold;white-space:nowrap}.folder-group[hidden]{display:none!important}.resource-preview-folder{display:flex;align-items:center;gap:18px;padding:25px 0}.resource-preview-folder .folder-icon{margin:0;background:#ff657d}.resource-preview-folder strong{font-size:24px;font-weight:800;letter-spacing:-.5px;line-height:1.1;display:block}.resource-preview-folder p{font-size:12px;color:#645b7a;margin:7px 0 0}@media(max-width:650px){.gateway-header{padding:30px 0}.gateway-header h1{font-size:42px!important}.folder-grid{grid-template-columns:1fr}.gateway-controls button{padding:9px 12px;font-size:11px}.folder-group-head{gap:12px}.folder-group-head h2{font-size:22px}.folder-group-head .word{font-size:23px}.folder-group-head p{display:none}.folder-card{padding:20px}.folder-card h3{font-size:22px}.gateway-help{display:block}.gateway-help a{display:inline-block;margin-top:15px}.folder-action small{font-size:9px;max-width:120px}}

/* Vibrant course buttons — Design 1 Pink */
.gateway-header{background:#ff657d;color:#242044}.gateway-header .eyebrow,.gateway-header p{color:#242044}.gateway-header h1 span:first-child{background:#ffd33d}.gateway-header h1 span:last-child{background:#7145ed;color:white}.folder-grid{gap:24px}.folder-card{background:var(--tile);box-shadow:6px 6px 0 #242044;padding:27px;overflow:hidden;transition:transform .18s,box-shadow .18s}.folder-card:hover{transform:translate(-2px,-3px);box-shadow:8px 9px 0 #242044}.folder-card h3{font-size:30px;max-width:85%;margin:24px 0 10px;position:relative}.folder-card p{color:inherit;opacity:.8;font-weight:600}.folder-meta{align-items:center}.folder-number{font:900 40px/.9 Arial;letter-spacing:-3px;display:inline-block;background:#fffdf8;color:#242044;border:2px solid #242044;padding:8px 12px;transform:rotate(-5deg);box-shadow:3px 3px 0 #242044}.folder-status{border:1px solid currentColor;color:inherit;font-weight:700;letter-spacing:1.2px;font-size:9px;border-radius:30px;background:transparent}.folder-card .types span{background:rgba(255,255,255,.55);color:#242044;border:1px solid rgba(36,32,68,.25);border-radius:30px;padding:6px 10px}.folder-action{border-top:1px solid currentColor;display:block;padding-top:20px}.folder-action button,.folder-action a{display:flex;align-items:center;justify-content:space-between;width:100%;box-sizing:border-box;background:#242044;color:#fffdf8;border:2px solid #242044;padding:16px 18px;font:800 14px Arial;cursor:pointer;box-shadow:3px 3px 0 rgba(255,255,255,.8);text-align:left}.folder-action button:hover,.folder-action a:hover{background:#fffdf8;color:#242044}.folder-action small{display:block;max-width:none;text-align:left;margin-top:12px;color:inherit;opacity:.8;font-size:10px}.folder-arrow{font-size:24px;line-height:16px}.folder-card:nth-child(2n) .folder-number{transform:rotate(5deg)}.folder-card.is-violet{color:white}.folder-card.is-violet h3{color:white}.folder-card.is-violet .folder-action button,.folder-card.is-violet .folder-action a{background:#ffd33d;color:#242044}.gateway-controls button{border:2px solid #242044;border-radius:30px;font-weight:700}.gateway-controls button.active{background:#ff657d}.gateway-help{border:2px solid #242044;background:#ffd33d;box-shadow:5px 5px 0 #ff657d}.mini-folder-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:22px 0}.mini-folder-grid a{padding:18px 12px!important;background:#ff657d;color:#242044!important;border:2px solid #242044;font:900 15px Arial!important;box-shadow:3px 3px 0 #242044;text-decoration:none!important}.mini-folder-grid a:nth-child(2){background:#c2a6ff}.mini-folder-grid a:nth-child(3){background:#ffd33d}.mini-folder-grid a:nth-child(4){background:#ff9147}.resource-dialog{max-width:420px;width:calc(100% - 60px);border:2px solid #242044;background:#fffdf8;color:#242044;padding:30px;box-shadow:9px 9px 0 #ff657d}.resource-dialog::backdrop{background:rgba(36,32,68,.65)}.resource-dialog h2{font:900 28px Arial;margin:0 0 15px}.resource-dialog p{font-size:14px;line-height:1.7}.resource-dialog button{background:#ffd33d;border:2px solid #242044;padding:12px 20px;font-weight:bold;cursor:pointer;margin-top:12px}.folder-action :focus-visible,.mini-folder-grid a:focus-visible{outline:3px solid #242044;outline-offset:5px}@media(max-width:650px){.folder-card{padding:22px}.folder-card h3{font-size:27px}.folder-number{font-size:34px}.folder-grid{gap:22px}}

/* Compact resource tiles */
.gateway-header{padding:25px 0 23px}.gateway-header h1{font-size:42px!important;margin:12px 0!important}.gateway-header p{font-size:13px;margin-bottom:0}.gateway-body{padding-top:20px}.gateway-controls{padding-bottom:18px}.folder-group{margin-top:24px}.folder-group-head{margin-bottom:14px;gap:12px}.folder-group-head .word{font-size:20px}.folder-group-head h2{font-size:22px}.folder-group-head p{display:none}.folder-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.folder-card{padding:16px;box-shadow:4px 4px 0 #242044}.folder-card:hover{transform:translate(-1px,-2px);box-shadow:5px 6px 0 #242044}.folder-number{font-size:20px;letter-spacing:-1px;padding:5px 8px;box-shadow:2px 2px 0 #242044}.folder-card h3{font-size:19px;line-height:1.2;max-width:100%;margin:14px 0;min-height:46px;letter-spacing:-.4px}.folder-action{border-top:0;padding-top:0}.folder-action button,.folder-action a{padding:10px 11px;font-size:11px;box-shadow:2px 2px 0 rgba(255,255,255,.8)}.folder-arrow{font-size:19px}.folder-action small{font-size:9px;margin-top:8px}.gateway-help{padding:16px 20px;margin-top:28px}.gateway-help h3{font-size:18px}@media(max-width:1000px){.folder-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.folder-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gateway-header h1{font-size:34px!important}}@media(max-width:450px){.folder-grid{gap:12px}.folder-card{padding:12px}.folder-card h3{font-size:17px;min-height:42px}.folder-action button,.folder-action a{font-size:10px;padding:10px 8px}.folder-number{font-size:18px}.gateway-header h1{font-size:28px!important}}

/* Subject noticeboards with pinned paper labels */
.gateway-body{max-width:1200px}.notice-wall{margin-top:24px;padding:26px;background-color:#eee9e1;background-image:radial-gradient(#cfc6b9 .9px,transparent .9px);background-size:9px 9px;border:1px solid #d3cabf;border-radius:8px;box-shadow:inset 0 2px 8px #24204412}.subject-board{margin:0;padding:0 0 26px;scroll-margin-top:110px}.subject-board+.subject-board{padding-top:26px;border-top:1px dashed #aaa094}.subject-board:last-child{padding-bottom:6px}.subject-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.subject-tab{margin:0;display:inline-block;background:var(--accent);color:white;font:900 23px Arial;letter-spacing:-.6px;padding:8px 14px;box-shadow:3px 3px 0 #242044;transform:rotate(-1deg)}.subject-board:first-child .subject-tab{color:#242044}.subject-heading p{font-size:12px;color:#62596b;margin:0}.folder-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:19px;align-items:start}.folder-card{border:0;border-radius:1px;padding:23px 14px 12px;box-shadow:2px 5px 5px #24204430;transform:rotate(-1.5deg);overflow:visible;min-width:0;position:relative;background:linear-gradient(135deg,#ffffff18,transparent 60%),var(--tile)}.folder-card:nth-child(even){transform:rotate(1.8deg)}.folder-card:nth-child(3n){transform:rotate(-.6deg)}.folder-card:after{content:'';position:absolute;right:0;bottom:0;border-style:solid;border-width:0 0 12px 12px;border-color:transparent transparent #eee9e1 #24204425}.folder-card:hover{transform:translateY(-4px) rotate(0);box-shadow:3px 9px 9px #24204430;z-index:1}.note-pin{position:absolute;top:-7px;left:calc(50% - 7px);width:15px;height:15px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffdfd7 0%,#f64e60 32%,#ad1837 80%);box-shadow:2px 3px 3px #24204460;z-index:2}.note-pin:after{content:'';position:absolute;width:2px;height:8px;left:8px;top:12px;background:#5c4857;transform:rotate(-25deg);z-index:-1}.folder-number{background:transparent;border:0;box-shadow:none;transform:none!important;padding:0;font:900 15px Arial;letter-spacing:-.3px;color:#24204499}.folder-card h3{font:900 23px/1.1 Arial;letter-spacing:-.5px;min-height:26px;margin:10px 0 17px}.folder-action button,.folder-action a{padding:10px;font-size:11px;border:0;box-shadow:none;border-radius:2px;min-height:36px}.folder-action small{font-size:9px;margin-top:8px}.folder-card[hidden]{display:none!important}@media(max-width:1000px){.folder-grid{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:26px}}@media(max-width:650px){.notice-wall{padding:22px 16px}.folder-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 15px}.subject-heading{display:block}.subject-heading p{margin-top:12px;font-size:11px}.subject-tab{font-size:21px}.folder-card{padding:22px 12px 12px}.folder-card h3{font-size:22px}.folder-action button,.folder-action a{font-size:11px}}

/* Homepage resource noticeboard and prominent study CTA */
.home-desk{grid-template-columns:.8fr 1.4fr;gap:40px;align-items:center}.home-noticeboard{background-color:#eee9e1;background-image:radial-gradient(#cfc6b9 .9px,transparent .9px);background-size:9px 9px;border:2px solid #242044;border-radius:5px;padding:24px 22px 18px;box-shadow:7px 8px 0 #ffd33d;color:#242044;min-width:0}.home-board-subject+.home-board-subject{border-top:1px dashed #b8ada4;margin-top:24px;padding-top:16px}.home-board-subject h3{font:900 16px Arial;text-transform:uppercase;background:#ff657d;padding:5px 9px;display:table;margin:0 0 19px;box-shadow:2px 2px 0 #242044}.home-board-subject:nth-child(2) h3{background:#7145ed;color:white}.home-note-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.home-pinned-note{position:relative;background:var(--paper);padding:23px 7px 12px;min-height:85px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:2px 4px 4px #24204430;transform:rotate(-2deg);transition:transform .18s}.home-pinned-note:nth-child(even){transform:rotate(2deg)}.home-pinned-note:hover{transform:translateY(-4px);box-shadow:3px 7px 6px #24204440}.home-pinned-note strong{font:900 12px/1.2 Arial;white-space:nowrap}.home-pinned-note .note-pin{width:12px;height:12px;top:-5px;left:calc(50% - 6px)}.home-note-arrow{font-size:17px;align-self:flex-end;line-height:1}.home-board-all{display:block!important;font-size:11px!important;font-weight:800!important;border-top:1px dashed #b8ada4!important;margin-top:22px!important;padding-top:12px!important;color:#242044!important}.hero .actions a[href="#resources"]{display:flex;align-items:center;justify-content:center;gap:15px;background:#ffd33d;color:#242044;border:2px solid #242044;padding:16px 22px;font-size:16px;font-weight:900;box-shadow:5px 5px 0 #ff657d;transform:rotate(-1deg)}.hero .actions a[href="#resources"]:hover{background:#ff657d;box-shadow:6px 6px 0 #7145ed;transform:translateY(-2px)}.hero .actions a[href="#resources"] .resource-cta-mark{font-size:23px;line-height:1;border-left:2px solid #242044;padding-left:12px}.hero .actions{align-items:center}@media(max-width:1000px){.home-desk{grid-template-columns:.7fr 1.3fr;gap:25px}.home-note-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px 10px}.home-pinned-note strong{font-size:13px}.home-noticeboard{padding:22px 18px 16px}}@media(max-width:650px){.home-desk{grid-template-columns:1fr;gap:28px}.home-note-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero .actions a[href="#resources"]{font-size:15px;padding:15px 18px}.home-pinned-note{min-height:78px}}
