/*
 * Reusable Bricks editorial components.
 * Layout and interaction live here; changeable fonts and colors are tokens
 * in the registered issue look. Do not target generated Bricks element IDs.
 */

/* Typography roles are assigned once in Bricks, not hard-coded per issue. */
.cr-type-display { font-family: var(--cr-display); }
.cr-type-sans { font-family: var(--cr-sans); }
.cr-type-reading { font-family: var(--cr-reading); }

.cr-feature-title a{color:var(--cr-white);text-decoration:none}

.cr-feature-title a:hover{color:var(--cr-white)}

.cr-home-work-title a{color:var(--cr-ink);text-decoration:none}

.cr-home-work-title a:hover{color:var(--cr-red)}

.cr-feature-author-works a{color:var(--cr-ink);text-decoration:none}

.cr-feature-author-works a:hover{color:var(--cr-red)}

.cr-home-current-title a{color:var(--cr-white);text-decoration:none}

.cr-original-issue-tile{box-shadow:inset 0 -4px 0 var(--cr-red)}

.cr-original-issue-link a{color:var(--cr-warm-gold);text-decoration:none}

.cr-original-issue-link a:hover{color:var(--cr-white)}

.cr-original-issue-link a{display:flex;min-height:44px;align-items:center;justify-content:center}

.cr-volume-tile{position:relative}

.cr-volume-tile:after{content:"";position:absolute;left:14px;right:14px;bottom:11px;height:3px;background:var(--cr-red)}

.cr-volume-link a{color:var(--cr-ink);text-decoration:none}

.cr-volume-link a:hover{color:var(--cr-red)}

.cr-volume-link a{display:flex;min-height:48px;align-items:center;justify-content:center}

.cr-explore-copy a{color:var(--cr-ink);text-decoration:none;border-bottom:1px solid var(--cr-line)}

.cr-explore-copy a:hover{color:var(--cr-red)}

.cr-analog-dial-panel{box-shadow:inset 0 0 0 2px var(--cr-frame);background-image:linear-gradient(90deg,transparent 49.5%,var(--cr-red) 49.5% 50.5%,transparent 50.5%),repeating-linear-gradient(90deg,transparent 0 9%,rgba(182,151,85,.5) 9% 9.5%,transparent 9.5% 12.5%)}

.cr-index-directory .cwd-controls{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px;background:var(--cr-cream);padding:18px;margin-bottom:26px;border:1px solid var(--cr-line)}

.cr-index-directory .cwd-control label{display:block;font-family:var(--cr-sans);font-size:8px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;margin-bottom:6px}

.cr-index-directory input,.cr-index-directory select{width:100%;background:var(--cr-input-bg);border:1px solid var(--cr-line);border-radius:0;padding:11px 12px;font-family:var(--cr-sans);font-size:12px}

.cr-index-directory .cwd-az{border-top:2px solid var(--cr-ink);border-bottom:1px solid var(--cr-line);padding:12px 0;margin-bottom:20px;display:flex;flex-wrap:wrap;gap:13px}

.cr-index-directory a{color:var(--cr-ink);text-decoration-color:var(--cr-red);text-underline-offset:3px}

.cr-index-directory a:hover{color:var(--cr-red)}

.cr-index-directory .cwd-heading{font-family:var(--cr-display);font-size:28px;font-weight:600;margin:20px 0 7px}

.cr-index-directory .cwd-works{font-family:var(--cr-display);font-size:17px;line-height:1.5}

.cr-index-directory .cwd-work-meta{font-family:var(--cr-sans);font-size:8px;letter-spacing:.4px;color:var(--cr-muted);margin-left:7px}@media(max-width:767px){.cr-index-directory .cwd-controls{grid-template-columns:1fr}}

.cr-submissions-cta a{color:var(--cr-white);text-decoration:none}