*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}.builder-leftnav{position:fixed;inset:0 auto 0 0;width:145px;background:#03131d;color:#d7e6eb;border-right:1px solid #18333f;z-index:100;overflow:auto}.builder-logo{padding:17px 10px;border-bottom:1px solid #18333f}.builder-logo>div{font-size:25px}.builder-logo small{display:block;font-size:6px;color:#6bd8d4;margin-top:5px;text-transform:uppercase}.rs-nav{display:grid;padding:8px 0}.rs-nav a{padding:6px 9px;font-size:10px}.rs-nav a:hover,.rs-nav a.active{background:#102b36}.rs-nav .create{border:1px solid #4fd6d0;border-radius:5px;margin:6px}.rs-divider{border-top:1px solid #18333f;margin:5px}
body.rs-subject-page .wrap{margin-left:145px;padding-top:52px;display:grid;grid-template-columns:minmax(0,1fr) 245px;min-height:100dvh;background:#f8fafc}.participation-main{min-width:0}.subject-top{height:43px;padding:0 20px}.subject-top a{font-size:12px;color:#21777e}.subject-top span{font-size:10px}.subject-hero{height:230px}.subject-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#051d32e6,transparent 90%)}.subject-hero>img{object-position:center 50%}.subject-hero-copy{z-index:1;max-width:80%;left:25px;bottom:27px}.subject-hero h1{font-size:clamp(32px,3.8vw,54px);margin:10px 0}.subject-hero-copy .board-kicker{font-size:9px;letter-spacing:.16em;color:#c2eae9}.subject-quick{margin:17px 20px 20px}.board-heading{margin:0 20px 18px}.board-heading h2{font:24px/1.2 Georgia,serif;color:#173c4e;margin:0 0 7px}.board-heading p{font:11px/1.6 Arial;color:#6c8490;margin:0}.subject-workspace{min-height:460px}.participation-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;align-items:start;--flow-columns:5}.opening-card{overflow:hidden;border:1px solid #dbe5e9;border-radius:9px;background:#fff;box-shadow:0 3px 12px #16394b08;cursor:pointer}.opening-card:focus-visible,.participation-add:focus-visible{outline:2px solid #188e94;outline-offset:3px}.opening-photo{position:relative;aspect-ratio:4/3;overflow:hidden;background:#0c2838}.opening-photo img{width:100%;height:100%;object-fit:cover}.opening-photo>span{position:absolute;left:9px;bottom:9px;font-size:7px;letter-spacing:.09em;color:white;background:#0a263bd9;padding:5px 7px;border-radius:3px}.opening-copy{padding:13px}.opening-copy h3{margin:0 0 9px;font:20px/1.15 Georgia,serif;color:#17384a}.opening-copy p{font:11px/1.6 Arial;color:#6b808d;margin:0 0 14px}.read-article{color:#12848b;font-size:10px}.participation-add{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;width:100%;border:1px dashed #a8c6ce;border-radius:9px;color:#23727c;background:#fff}.participation-add>span{font-size:34px;font-weight:300;color:#259e9f}.participation-add strong{font:19px Georgia,serif;color:#244956}.participation-add small{font-size:10px;color:#81979e}.participation-add:hover{background:#f0fbfa;border-color:#16989a}
.rs-subject-page .side{position:sticky;top:52px;height:calc(100dvh - 52px);padding:24px 17px;background:white}.side h2{font-size:25px;line-height:1.2}.participation-types{display:grid}.participation-types button{display:flex;align-items:center;gap:12px;padding:12px 2px;border:0;border-bottom:1px solid #e5edf0;color:#355969;text-align:left;background:white;font-size:12px}.participation-types b{font:20px Arial;color:#2c959b;width:25px;text-align:center}.participation-types button:hover{color:#09888c;background:#f5fbfb}.board-status{margin:0 20px;color:#9a5730;font-size:12px}.board-status:empty{display:none}
.participation-grid #rsComposerGallery,.participation-grid #rsComposerGallery>.rs-composer-grid{display:contents!important}.participation-grid #rsComposerGallery[hidden]{display:none!important}.participation-grid #rsComposerGallery>h2{display:none!important}.rs-subject-page .subject-workspace .rs-composed-card{background:#fff;color:#234453;border-color:#dbe5e9}.rs-subject-page .subject-workspace .rs-composed-copy p{color:#58717c}.rs-subject-page .subject-workspace .rs-composed-media{overflow:hidden;aspect-ratio:4/3!important}.rs-subject-page .subject-workspace .rs-composed-media>img{position:absolute;inset:0;height:100%;min-height:0;object-fit:cover!important;transform:var(--photo-transform,none)}
.opening-reader{border:1px solid #dce7eb;border-radius:12px;width:min(780px,calc(100vw - 28px));max-height:88dvh;padding:0;color:#244150;background:#fff;box-shadow:0 20px 80px #00172655}.opening-reader::backdrop{background:#03121cb8}.opening-reader>header{display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:white;padding:14px 24px;border-bottom:1px solid #e4edef;font-size:10px;color:#3b888f;letter-spacing:.12em}.opening-reader>header button{border:0;background:#eff6f6;color:#275562;border-radius:50%;width:30px;height:30px;font-size:23px}.opening-reader article{padding:24px 34px;font:15px/1.8 Georgia,serif}.opening-reader h1{font:36px/1.15 Georgia;margin:0 0 15px;color:#16394d}.opening-reader h2{font:25px Georgia;margin:27px 0 12px}.opening-reader .article-lead{font:19px/1.5 Georgia;color:#66818d}.opening-reader li{margin:12px 0}.opening-reader footer{padding:18px 24px;border-top:1px solid #dce7eb}.opening-reader footer button{background:#0d8e95;border:0;border-radius:6px;padding:11px 19px;color:white;font-size:12px}
@media(max-width:1100px){body.rs-subject-page .wrap{grid-template-columns:minmax(0,1fr) 220px}.participation-grid{grid-template-columns:repeat(4,minmax(0,1fr));--flow-columns:4}.subject-quick strong{display:none}}
@media(max-width:800px){.builder-leftnav{display:none}body.rs-subject-page .wrap{margin-left:0;display:block;padding-top:108px}.subject-top span{display:none}.subject-hero{height:190px}.subject-hero h1{font-size:35px}.subject-hero-copy{max-width:90%}.participation-grid{grid-template-columns:repeat(2,minmax(0,1fr));--flow-columns:2}.board-heading{margin:0 12px 16px}.board-heading h2{font-size:22px}.rs-subject-page .side{position:static;height:auto;border-top:1px solid #dce7eb}.participation-types{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px}.opening-reader article{padding:20px}.opening-reader h1{font-size:29px}}

.participation-grid{grid-auto-rows:4px;grid-auto-flow:row dense}

/* Keep the board identity and creation tools visible while its cards scroll. */
.participation-fixed-header{position:sticky;top:52px;z-index:25;background:#f8fafc;padding-bottom:1px;box-shadow:0 5px 12px #16394b0a}
.participation-fixed-header .subject-quick{margin-bottom:16px}
@media(max-width:800px){.participation-fixed-header{top:108px}.participation-fixed-header .subject-hero{height:150px}.participation-fixed-header .subject-hero h1{font-size:31px}.participation-fixed-header .subject-quick{margin-bottom:12px}}

/* One creation menu and the full board width for contributions. */
body.rs-subject-page .wrap{grid-template-columns:minmax(0,1fr)}
.participation-grid{grid-template-columns:repeat(var(--board-columns,5),minmax(0,1fr))}
.participation-fixed-header .subject-quick{margin-bottom:8px}
.board-display{display:flex;align-items:center;justify-content:flex-end;gap:5px;padding:0 20px 10px;font:10px Arial;color:#748b95}
.board-display>span{margin-right:3px}.board-display button{border:1px solid #ccdfe2;border-radius:5px;background:#fff;color:#46616e;font:10px Arial;padding:5px 9px}
.board-display button[aria-pressed="true"]{background:#118b91;color:#fff;border-color:#118b91}
@media(max-width:800px){.board-display{padding:0 12px 9px}.participation-fixed-header .subject-quick{margin-bottom:8px}}

/* The image header carries navigation and the invitation, keeping cards close to Quick Add. */
.hero-back{position:absolute;left:25px;top:17px;z-index:3;color:#e1f6f4;font:12px Arial;text-shadow:0 1px 4px #001521}
.hero-back:hover{text-decoration:underline}.hero-back:focus-visible{outline:2px solid #73dfda;outline-offset:4px}
.participation-fixed-header .subject-quick{margin-top:12px;margin-bottom:7px}
.participation-main .subject-workspace{margin-top:0}
.board-display{padding-bottom:8px}
@media(max-width:800px){.hero-back{left:17px;top:12px;font-size:11px}}
/* Remove roughly one centimetre of unused space above the title block. */
.participation-fixed-header .subject-hero{height:192px}
@media(max-width:800px){.participation-fixed-header .subject-hero{height:132px}}

/* A researched discovery rail complements the participation canvas. */
body.rs-subject-page .wrap{grid-template-columns:minmax(0,1fr) 280px}
.rs-subject-page .resource-sidebar{padding:23px 18px;top:52px;height:calc(100dvh - 52px);overflow-y:auto;scrollbar-width:thin}
.resource-sidebar h2{font:26px/1.1 Georgia,serif;margin:0 0 9px;color:#244453}.resource-sidebar>p{font:11px/1.6 Arial;color:#80939c;margin-bottom:26px}
.resource-group{margin-bottom:25px}.resource-group h3{font:12px Arial;color:#385967;margin:0 0 8px}
.research-link{display:flex;gap:9px;align-items:flex-start;padding:13px 0;border-bottom:1px solid #e3ecee;text-decoration:none}.resource-symbol{display:grid;place-items:center;flex:0 0 31px;height:34px;border-radius:5px;background:#edf5f5;color:#30888c;font:21px Arial}.research-link>span:nth-child(2){flex:1;min-width:0}.research-link small,.resource-video small{display:block;font:8px/1.5 Arial;letter-spacing:.05em;color:#5d9699;margin:0 0 5px}.research-link strong{display:block;font:16px/1.2 Georgia;color:#274959;margin-bottom:6px}.research-link span span{display:block;font:10px/1.5 Arial;color:#82939c}.research-link>b{font:12px Arial;color:#328f93}.research-link:hover strong{text-decoration:underline;color:#0a7e86}
.resource-video{display:block;padding:17px;border:1px solid #dce7e9;border-radius:8px;background:#f1f8f8;color:#315365}.resource-play{display:grid;place-items:center;width:39px;height:39px;margin-bottom:14px;border:1px solid #8ebfc0;border-radius:50%;font:28px Arial;color:#26898c}.resource-video strong{display:block;font:19px/1.2 Georgia;margin:6px 0 10px}.resource-video>span:last-child{display:block;font:10px/1.6 Arial;color:#728c96}.resource-video:hover{background:#e7f3f3}.suggest-resource{width:100%;padding:11px;border:1px dashed #b5d2d5;border-radius:6px;background:#fff;color:#36838b;font:11px Arial}.resource-sidebar a:focus-visible,.suggest-resource:focus-visible{outline:2px solid #198c92;outline-offset:3px}
@media(max-width:1100px){body.rs-subject-page .wrap{grid-template-columns:minmax(0,1fr) 240px}.rs-subject-page .resource-sidebar{padding:20px 14px}}
@media(max-width:800px){body.rs-subject-page .wrap{display:block}.rs-subject-page .resource-sidebar{position:static;height:auto;padding:22px 16px}.resource-group{max-width:600px}}