.tj-library{--tjl-bg:var(--tj-bg,#0b0e14);--tjl-panel:var(--tj-surface,#151a23);--tjl-text:var(--tj-text,#f4f5f7);--tjl-muted:var(--tj-text-muted,#b2b8c5);--tjl-accent:var(--tj-pink,#ff4188);color:var(--tjl-text);font-family:var(--tj-font-body,Inter,Arial,sans-serif);padding:clamp(20px,4vw,64px);max-width:1440px;margin:auto;box-sizing:border-box;min-width:0}
.tj-library *{box-sizing:border-box}.tj-library [hidden]{display:none!important}.tj-library h1,.tj-library h2{font-family:var(--tj-font-heading,Barlow,Arial,sans-serif);color:var(--tjl-text);line-height:1.15;overflow-wrap:anywhere}.tj-library h1{font-size:clamp(40px,6vw,76px);margin:8px 0 18px}.tjl-heading{max-width:760px;margin-bottom:40px}.tjl-heading>p:last-child{font-size:18px;line-height:1.65;color:var(--tjl-muted)}.tjl-kicker{text-transform:uppercase;color:var(--tjl-accent);letter-spacing:.14em;font-size:12px;font-weight:700}.tj-library a{color:var(--tjl-text);text-decoration-thickness:1px;text-underline-offset:4px}.tj-library a:hover{color:var(--tjl-accent)}.tj-library :focus-visible{outline:3px solid var(--tjl-accent);outline-offset:4px}.tjl-filters{background:var(--tjl-panel);padding:24px;border:1px solid var(--tj-border,#343b49);border-radius:8px;margin-bottom:40px;min-width:0}.tjl-filters label{display:block;margin-bottom:10px;font-weight:600}.tjl-search-row{display:flex;gap:12px;align-items:stretch}.tj-library input{min-width:0;width:100%;min-height:48px;border:1px solid #657086;border-radius:4px;background:var(--tjl-bg);color:var(--tjl-text);font:inherit;padding:12px}.tj-library input::placeholder{color:var(--tjl-muted)}.tj-library button,.tjl-pagination a,.tjl-back{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;padding:12px 20px;border:1px solid var(--tjl-accent);background:var(--tjl-accent);color:#160a10;border-radius:4px;font:inherit;font-weight:700;cursor:pointer;text-decoration:none}.tj-library button:hover,.tjl-pagination a:hover{filter:brightness(1.08);color:#160a10}.tj-library button:disabled{cursor:wait;opacity:.65}.tjl-results-heading{margin-bottom:24px}.tjl-results-heading h2{font-size:28px;margin:0 0 12px}.tjl-results-heading p{color:var(--tjl-muted);min-height:24px}.tjl-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.tjl-card{display:flex;flex-direction:column;min-width:0;padding:28px;border:1px solid var(--tj-border,#343b49);border-radius:8px;background:var(--tjl-panel);min-height:270px;overflow-wrap:anywhere}.tjl-format{color:var(--tjl-accent);font-size:12px;letter-spacing:.1em;font-weight:700}.tjl-card h2{font-size:26px;margin:20px 0 12px}.tjl-card h2 a{display:block;min-height:44px;text-decoration:none}.tjl-card h2 a:after{content:' ↗';color:var(--tjl-accent)}.tjl-author{font-size:14px;margin:0 0 16px}.tjl-description{color:var(--tjl-muted);line-height:1.6;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.tjl-language{margin-top:auto;padding-top:20px;color:var(--tjl-muted);font-size:12px}.tjl-pagination{display:flex;justify-content:center;margin-top:32px}.tjl-dialog{width:min(720px,calc(100% - 32px));max-height:calc(100dvh - 32px);padding:28px;border:1px solid #657086;border-radius:8px;background:var(--tjl-panel);color:var(--tjl-text);font:inherit;overflow:auto}.tjl-dialog::backdrop{background:rgb(0 0 0 / .78)}.tjl-dialog-top{display:flex;gap:20px;align-items:flex-start;justify-content:space-between}.tjl-dialog h2{margin:0;font-family:var(--tj-font-heading,Barlow,Arial,sans-serif);font-size:32px;overflow-wrap:anywhere}.tjl-dialog-top form{flex-shrink:0}.tjl-dialog a{color:var(--tjl-text)}.tjl-dialog :focus-visible{outline:3px solid var(--tjl-accent);outline-offset:4px}.tjl-dialog button{min-height:44px;min-width:44px;padding:10px 16px;border:1px solid var(--tjl-accent);border-radius:4px;color:#160a10;background:var(--tjl-accent);font:inherit;cursor:pointer}.tjl-full-description{white-space:pre-wrap;line-height:1.7;overflow-wrap:anywhere}.tjl-detail{margin-top:32px}.tjl-detail h2{font-size:36px}
@media(max-width:1000px){.tjl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.tjl-grid{grid-template-columns:minmax(0,1fr)}.tjl-search-row{flex-wrap:wrap}.tjl-search-row input{flex-basis:100%}.tjl-search-row button{flex:1}.tjl-filters{padding:18px}.tjl-card{padding:24px}.tjl-heading{margin-bottom:28px}.tjl-dialog{padding:20px}.tjl-dialog-top{gap:12px}.tjl-dialog h2{font-size:26px}}
@media(forced-colors:active){.tjl-card,.tjl-filters,.tjl-dialog{border:1px solid CanvasText}.tj-library :focus-visible,.tjl-dialog :focus-visible{outline:3px solid Highlight}}

/* Moved controls keep their own styling without copying a native page-root class. */
[data-tj-context-owner="library"]{--tjl-bg:var(--tj-bg,#0b0e14);--tjl-panel:var(--tj-surface,#151a23);--tjl-text:var(--tj-text,#f4f5f7);--tjl-muted:var(--tj-text-muted,#b2b8c5);--tjl-accent:var(--tj-pink,#ff4188);color:var(--tjl-text);font-family:var(--tj-font-body,Inter,Arial,sans-serif)}
[data-tj-context-owner="library"] .tjl-filters{padding:0;margin:0;border:0;background:transparent}
[data-tj-context-owner="library"] .tjl-search-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
[data-tj-context-owner="library"] input{grid-column:1/-1;box-sizing:border-box;min-width:0;width:100%;min-height:48px;border:1px solid #657086;border-radius:4px;background:var(--tjl-bg);color:var(--tjl-text);font:inherit;padding:12px}
[data-tj-context-owner="library"] input::placeholder{color:var(--tjl-muted)}
[data-tj-context-owner="library"] .tjl-filters button{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:8px;border:1px solid var(--tjl-accent);border-radius:4px;background:var(--tjl-accent);color:#160a10;font:inherit;font-weight:700;cursor:pointer}
[data-tj-context-owner="library"] [hidden]{display:none!important}
[data-tj-context-owner="library"] .tjl-filters :focus-visible{outline:3px solid var(--tjl-accent);outline-offset:3px}

/* Keep moved Library controls readable under the native Elementor kit. */
[data-tj-context-slot] [data-tj-context-owner="library"]>h2{margin:0 0 14px;font:600 16px/1.3 var(--tj-font-body,Inter,Arial,sans-serif);letter-spacing:.08em;overflow-wrap:normal}
[data-tj-context-owner="library"] .tjl-filters label{color:var(--tjl-text);font-size:15px;font-weight:600;margin-bottom:8px}
.tj-library .tjl-filters input[type="search"],[data-tj-context-slot] [data-tj-context-owner="library"] .tjl-filters input[type="search"]{background:var(--tjl-bg);color:var(--tjl-text)}

/* Library hero follows the Film Festival's full-width cinematic composition. */
.tj-library{--tjl-gutter:clamp(20px,4vw,64px);max-width:none;padding:0 var(--tjl-gutter) 48px}
.tj-library .tjl-heading{position:relative;isolation:isolate;overflow:hidden;max-width:none;min-height:360px;margin:0 calc(-1 * var(--tjl-gutter)) 32px;padding:48px var(--tjl-gutter);background:#080c10 url('https://thejoined.com/wp-content/uploads/Magenta-Lit-Badgers-Library-Study.webp') center/cover no-repeat}
.tj-library .tjl-heading:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(8,12,16,.98),rgba(8,12,16,.8) 36%,rgba(8,12,16,.12) 78%)}
.tj-library .tjl-hero-copy{max-width:540px}
.tj-library .tjl-heading .tjl-kicker{font:800 12px/1.8 Inter,Arial,sans-serif;letter-spacing:.4em;text-transform:uppercase;color:#ff5da1;margin:0 0 10px}
.tj-library .tjl-heading h1{font-family:'Bebas Neue',Anton,Impact,'Arial Narrow',sans-serif;font-size:clamp(48px,7.5vw,96px);font-weight:400;line-height:.98;letter-spacing:-.025em;text-transform:uppercase;margin:0 0 28px;color:#fff}
.tj-library .tjl-heading h1 span{color:var(--tjl-accent)}
.tj-library .tjl-heading .tjl-motto{font:700 11px/1.8 Inter,Arial,sans-serif;letter-spacing:.25em;text-transform:uppercase;color:#fff;margin:0 0 16px}
.tj-library .tjl-heading .tjl-hero-description{font:400 16px/1.6 Inter,Arial,sans-serif;color:#e4e8ec;max-width:490px;margin:0}
@media(max-width:760px){.tj-library .tjl-heading{min-height:340px;padding-block:36px;background-position:62% center}.tj-library .tjl-heading:before{background:linear-gradient(90deg,rgba(8,12,16,.96),rgba(8,12,16,.77) 60%,rgba(8,12,16,.4))}.tj-library .tjl-heading .tjl-motto{letter-spacing:.12em}}
@media(forced-colors:active){.tj-library .tjl-heading{border:1px solid CanvasText}.tj-library .tjl-heading h1 span,.tj-library .tjl-heading .tjl-kicker{color:CanvasText}}

.tj-library .tjl-submit-writing{margin-top:24px;gap:24px;text-transform:none;letter-spacing:normal;border-radius:8px;font-size:15px;padding:14px 20px;background:var(--tjl-accent);color:#080c10}
.tj-library .tjl-browse{margin:0 0 36px}.tj-library .tjl-browse h2{font-family:'Bebas Neue',Impact,sans-serif;font-size:30px;margin:0 0 18px;color:var(--tjl-text)}
.tjl-browse-links{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0 20px}.tj-library .tjl-browse-links a{display:inline-flex;align-items:center;min-height:44px;padding:10px 16px;border:1px solid #414754;border-radius:8px;background:linear-gradient(120deg,#18232a,#291923);color:var(--tjl-accent);text-decoration:none;font:600 14px/1.4 Inter,Arial,sans-serif}
.tj-library .tjl-browse-links a[aria-current="true"]{background:var(--tjl-accent);border-color:var(--tjl-accent);color:#080c10}.tjl-browse summary{cursor:pointer;color:var(--tjl-text);font-weight:600;min-height:44px;padding:8px 0}
.tjl-filters select,.tjl-intake select{box-sizing:border-box;width:100%;min-height:44px;border:1px solid #657086;border-radius:4px;background:#0b0e14;color:#f4f5f7;font:inherit;padding:10px;margin:0 0 16px}.tjl-filters label:not(:first-child){margin-top:18px}
[data-tj-context-owner="library"] .tjl-filters select{background:#0b0e14;color:#f4f5f7;font-size:15px}
.tj-library .tjl-intake{width:min(760px,calc(100% - 24px));margin:auto;background:#151a23;color:#f4f5f7}
.tj-library .tjl-intake h2{font-family:'Bebas Neue',Impact,sans-serif;font-size:32px;font-weight:400;color:#f4f5f7;line-height:1.1}.tjl-intake p{color:#c4cad4;line-height:1.6}
.tjl-intake label{display:block;margin:16px 0 8px;color:#f4f5f7;font-size:15px;font-weight:600;line-height:1.5}
.tj-library .tjl-intake :is(input:not([type="checkbox"]),textarea,select){box-sizing:border-box;width:100%;min-height:44px;padding:12px;border:1px solid #657086;border-radius:4px;background:#0b0e14;color:#f4f5f7;font:400 15px/1.5 Inter,Arial,sans-serif;margin:6px 0 0}
.tj-library .tjl-intake input[type="checkbox"]{width:20px;min-width:20px;height:20px;min-height:20px;margin:3px 0 0;padding:0;accent-color:var(--tjl-accent)}
.tjl-intake .tjl-choice{display:flex;align-items:flex-start;gap:12px;font-weight:400;margin-top:20px}.tjl-intake-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.tjl-intake [data-tjl-intake-status]{padding-block:8px;min-height:24px}
.tj-library .tjl-intake [hidden]{display:none!important}.tjl-intake input[type="file"]::file-selector-button{padding:8px 12px;margin-right:12px;border:0;border-radius:4px;background:#ff4188;color:#080c10;cursor:pointer;font:600 14px Inter,Arial,sans-serif}
.tj-library .tjl-intake .tju-limits{color:#433b34}
@media(max-width:600px){.tjl-intake-columns{grid-template-columns:minmax(0,1fr);gap:0}.tjl-browse-links{gap:8px}.tj-library .tjl-browse-links a{padding:9px 12px}.tj-library .tjl-intake{padding:20px}.tjl-intake .tjl-dialog-top{gap:12px}}
