/* Subject pages: compact original-shape cards and a topic-specific discovery rail. */
body.rs-subject-page{--subject-ink:#142e40;--subject-teal:#098b91;background:#f8fafc;color:var(--subject-ink)}
.rs-subject-page .left{color:#f3f8fb}
.rs-subject-page .buildbar,.rs-subject-page .head{display:none}
.rs-subject-page .wrap{padding:0;margin-left:160px;grid-template-columns:minmax(0,1fr) 300px;gap:0;min-height:100vh}
.rs-subject-page .wrap>section{min-width:0}
.subject-top{height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;border-bottom:1px solid #dce5eb;background:#fff;font-size:12px}
.subject-top a{text-decoration:none}.subject-top span{color:#66808a;font-size:11px}
.subject-hero{position:relative;height:230px;background:#081c30;overflow:hidden}
.subject-hero img{width:100%;height:100%;object-fit:cover;object-position:right center}
.subject-hero-copy{position:absolute;left:26px;bottom:26px;color:#fff;max-width:60%;text-shadow:0 2px 10px #00172888}
.subject-hero h1{font:400 clamp(34px,4.5vw,64px)/1.05 Georgia,serif;letter-spacing:-.04em;margin:0 0 12px}
.subject-hero p{font:14px/1.5 Arial,sans-serif;margin:0;color:#e4edf4}
.rs-subject-page .filters{padding:0 22px;border-color:#dce5eb;height:46px;gap:12px;flex-wrap:wrap;background:#fff}
.rs-subject-page .filters button{color:#476273;font-size:11px}.rs-subject-page .filters button.active{color:var(--subject-teal);border-color:var(--subject-teal)}
.subject-quick{margin:18px 20px 14px;background:#fff;border:1px solid #dce5eb;border-radius:9px;display:flex;flex-wrap:nowrap;align-items:center;gap:8px;padding:10px 8px;container-type:inline-size}
.subject-quick strong{font-size:10px;white-space:nowrap;flex:none}.subject-quick-list{display:grid;grid-template-columns:repeat(15,minmax(0,1fr));flex:1;min-width:0;gap:1px}
.subject-quick button{min-width:0;border:0;background:transparent;padding:5px 0;color:#234351;cursor:pointer;font-size:clamp(7px,1.05cqw,10px);white-space:nowrap;border-radius:5px}.subject-quick button:hover,.subject-quick button:focus-visible{background:#eaf5f5}.subject-quick b{display:block;font:18px/1.1 Arial;margin-bottom:5px}
@container(max-width:620px){.subject-quick strong{display:none}.subject-quick button{font-size:clamp(6px,1.15cqw,8px)}}
@container(max-width:400px){.subject-quick button span{display:none}.subject-quick b{font-size:15px;margin-bottom:0}.subject-quick button{min-height:32px}}
.subject-workspace{margin:0 20px 24px;min-height:380px;padding:0;position:relative;border:1px dashed transparent;border-radius:9px}.subject-workspace.drag-over{border-color:#159a9d;background:#eefafa}
.subject-empty{height:350px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:26px;text-align:center;border:1px dashed #cbdde4;background:#fcfdff;border-radius:9px}
.subject-empty[hidden]{display:none}.subject-empty button{width:50px;height:50px;border-radius:50%;border:1px dashed #7b9daa;color:#193c50;background:#fff;font-size:28px;cursor:pointer}
.subject-empty h2{font:28px Georgia,serif;margin:20px 0 12px;font-weight:400}.subject-empty p{font-size:12px;color:#718893;line-height:1.7;max-width:440px;margin:0}
.subject-status{font:11px/1.5 Arial;color:#527781;margin:8px 20px;min-height:16px}.subject-status:empty{display:none}
.rs-subject-page #grid{grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-rows:auto;grid-auto-flow:row;gap:9px;padding:0;margin:0 20px}
.rs-subject-page #grid .empty{display:none}.rs-subject-page #grid .card{grid-column:span 1;grid-row:auto;border-radius:8px;background:#102633;height:auto;min-height:180px;align-self:start}
.rs-subject-page #grid .card img{height:auto;display:block;object-fit:contain}.rs-subject-page #grid .copy{color:#fff}
.rs-subject-page #rsComposerGallery{padding:0;margin:0;border:0;background:transparent;grid-column:1/-1}
.rs-subject-page #rsComposerGallery>h2{display:none}
.rs-subject-page .rs-composer-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;align-items:start}
.rs-subject-page .subject-workspace .rs-composed-card{max-width:none;min-width:0;position:relative;display:flex;flex-direction:column;border:1px solid #dae6eb;border-radius:8px;background:#0e2838;color:white;box-shadow:0 2px 7px #12344a12;grid-column:span 1}
.rs-subject-page .subject-workspace .rs-composed-media{background:#102938;min-height:190px;aspect-ratio:auto!important;overflow:visible}
.rs-subject-page .subject-workspace .rs-composed-media:has(img){min-height:0}
.rs-subject-page .subject-workspace .rs-composed-media>img{position:relative;inset:auto;display:block;width:100%;height:auto;min-height:190px;object-fit:contain!important;transform:none;border-radius:7px 7px 0 0}
.rs-subject-page .subject-workspace .rs-composed-media>video,.rs-subject-page .subject-workspace .rs-composed-media>iframe{position:relative;height:200px;min-height:0;object-fit:contain}
.rs-subject-page .subject-workspace .rs-composed-media h3{left:11px;right:11px;bottom:38px;font:18px/1.15 Georgia,serif;z-index:2;text-shadow:0 1px 5px #000}
.rs-subject-page .subject-workspace .rs-composed-media:has(h3):after{inset:35% 0 0;border-radius:0;background:linear-gradient(transparent,#031720d9)}
.rs-subject-page .subject-workspace .subject-caption{position:absolute;bottom:12px;left:11px;right:11px;margin:0;color:#fff;font:10px/1.35 Arial;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;z-index:2;text-shadow:0 1px 5px #000}
.rs-subject-page .subject-workspace .rs-composed-copy{padding:6px 10px;font-size:10px;line-height:1.5}.rs-subject-page .subject-workspace .rs-composed-copy p{color:#e7f1f4;font-size:10px}.rs-subject-page .subject-workspace .rs-composed-copy a{color:#8ce5e2;font-size:10px}
.rs-subject-page .subject-workspace .rs-composed-settings{font-size:8px;margin-top:0;color:#95b4c1}
.subject-card-size{display:flex;gap:4px;padding:0 10px 7px}.subject-card-size button{font-size:8px;padding:3px 5px;border:1px solid #527a83;border-radius:4px;background:transparent;color:#bfd7dc;cursor:pointer}.subject-card-size button[aria-pressed=true]{background:#25b5b2;color:#04262b;border-color:#25b5b2}
.rs-subject-page .subject-workspace .rs-composed-card[data-subject-size=m]{grid-column:span 2}.rs-subject-page .subject-workspace .rs-composed-card[data-subject-size=l]{grid-column:span 3}
.rs-subject-page .side{background:white;border-left:1px solid #dce5eb;padding:18px 16px;position:sticky;top:0;height:100dvh;overflow:auto;overscroll-behavior:contain}
.subject-discover h2{font:25px Georgia,serif;letter-spacing:-.02em;margin:0 0 8px}.subject-discover>p{font-size:11px;line-height:1.6;color:#748992;margin:0 0 18px}
.subject-section{margin-bottom:20px}.subject-section h3{font-size:12px;color:#1c3646;margin:0 0 9px;display:flex;align-items:center;justify-content:space-between}
.subject-resource{display:flex;align-items:center;gap:9px;border:1px solid #e0e8ed;border-radius:7px;padding:7px 8px;margin:5px 0;background:#fff;cursor:grab;min-width:0}
.subject-resource:active{cursor:grabbing}.subject-resource .grip{color:#9aaeb9;font-size:14px;flex:0 0 10px}.resource-monogram{width:46px;height:40px;background:var(--tile,#123e50);border-radius:4px;display:grid;place-items:center;color:white;flex:0 0 46px;font:23px Georgia,serif}
.subject-resource img{width:46px;height:40px;object-fit:cover;border-radius:4px;flex:0 0 46px}.resource-text{min-width:0;flex:1}.resource-text b{font-size:11px;font-weight:500;line-height:1.4;display:block}.resource-text small{display:block;font-size:9px;color:#738c96;line-height:1.5;margin-top:3px}
.subject-resource button{width:24px;height:24px;border-radius:50%;border:1px solid #cedce2;color:#557c8c;background:white;cursor:pointer;font:18px Arial;flex:0 0 24px}.subject-resource button:hover{border-color:#168c91;background:#e9f9f7;color:#098a8f}
.subject-feature{background:#09283d;color:#fff;border-radius:7px;overflow:hidden;position:relative}.subject-feature img{width:100%;height:108px;object-fit:cover;display:block}.subject-feature div{padding:12px}.subject-feature small{font-size:8px;letter-spacing:.12em;text-transform:uppercase;color:#9dd6dc}.subject-feature p{font:17px/1.25 Georgia,serif;margin:7px 0 10px}.subject-feature button{font-size:10px;background:#fff;color:#124256;border:0;border-radius:5px;padding:7px 11px;cursor:pointer}
.subject-ad-slot{font-size:10px;line-height:1.6;color:#7a8f97;padding:10px;border:1px dashed #d4e3e9;border-radius:6px;margin-top:9px;background:#fafcfd}.subject-ad-slot a{color:#0a898e}
.subject-photo-query{display:flex;gap:4px;margin:0 0 8px}.subject-photo-query input{width:0;flex:1;padding:8px;border:1px solid #dce5eb;border-radius:5px;font-size:10px}.subject-photo-query button{border:0;background:#108e94;border-radius:5px;color:white;font-size:10px;padding:0 9px;cursor:pointer}
.subject-photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.subject-photo-grid button{position:relative;aspect-ratio:1;border:0;border-radius:5px;overflow:hidden;padding:0;cursor:pointer;background:#edf4f6}.subject-photo-grid img{width:100%;height:100%;object-fit:cover;display:block}.subject-photo-grid span{position:absolute;right:4px;bottom:4px;border-radius:50%;background:#fff;color:#07858b;width:20px;height:20px;display:grid;place-items:center}
.subject-photo-status{font-size:9px;color:#718993;line-height:1.5;margin:7px 0}
.rs-subject-page button:focus-visible,.rs-subject-page [draggable=true]:focus-visible{outline:2px solid #149da0;outline-offset:3px}
@media(min-width:1600px){.rs-subject-page .rs-composer-grid,.rs-subject-page #grid{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:1100px){.rs-subject-page .wrap{grid-template-columns:minmax(0,1fr) 260px}.rs-subject-page .rs-composer-grid,.rs-subject-page #grid{grid-template-columns:repeat(4,minmax(0,1fr))}.subject-hero{height:210px}.subject-hero-copy{left:20px;max-width:65%}}
@media(max-width:800px){.rs-subject-page .wrap{margin-left:0;display:block}.subject-top{height:48px;padding:0 14px}.subject-hero{height:190px}.subject-hero h1{font-size:38px}.subject-hero p{font-size:11px}.subject-hero-copy{left:17px;bottom:18px}.subject-quick{margin:12px;padding:10px 8px;gap:8px}.subject-quick strong{font-size:10px}.subject-quick b{font-size:17px}.subject-workspace{margin:0 12px 18px}.rs-subject-page .rs-composer-grid,.rs-subject-page #grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rs-subject-page .side{position:static;height:auto;border-left:0;border-top:1px solid #dce5eb;padding:20px 14px}.subject-empty{height:290px}.subject-empty h2{font-size:23px}.rs-subject-page .subject-workspace .rs-composed-card[data-subject-size=m],.rs-subject-page .subject-workspace .rs-composed-card[data-subject-size=l]{grid-column:span 2}}


@media(min-width:1300px){.rs-subject-page .rs-composer-grid,.rs-subject-page #grid{grid-template-columns:repeat(6,minmax(0,1fr))}}




/* Compact participation toolbar: every content type is visible, including on phones. */
.subject-quick:has([data-rs-quick-layout="compact-all"]){gap:12px;padding:7px 10px;border-radius:7px;margin-bottom:7px}
.subject-quick-list[data-rs-quick-layout="compact-all"]{display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;align-items:center;justify-content:flex-start;gap:2px!important;min-width:0;overflow:visible!important}
.subject-quick-list[data-rs-quick-layout="compact-all"] button{display:flex!important;flex-direction:column!important;align-items:center;justify-content:center;gap:4px!important;flex:1 0 auto;min-width:38px;min-height:42px;padding:5px 6px!important;border:0!important;border-radius:4px;background:transparent;color:#526b70;font:400 10px/1.3 Arial,sans-serif!important;box-shadow:none;white-space:nowrap;cursor:pointer}
.subject-quick-list[data-rs-quick-layout="compact-all"] button span{font:inherit!important;display:block!important}
.subject-quick-list[data-rs-quick-layout="compact-all"] button svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.subject-quick-list[data-rs-quick-layout="compact-all"] button:hover{background:#edf4f1;color:#176b6c}
.subject-quick-list[data-rs-quick-layout="compact-all"] button:focus-visible{outline:2px solid #268d8e;outline-offset:1px}
@media(max-width:800px){.subject-quick:has([data-rs-quick-layout="compact-all"]){padding:7px;gap:5px}.subject-quick-list[data-rs-quick-layout="compact-all"] button{min-width:45px;flex:1 0 45px}}