.hebrew_concepts-shell{max-width:1180px;margin:0 auto;padding:2rem 1rem;color:#172033}.hebrew_concepts-hero{border-radius:1.25rem;padding:2rem;background:linear-gradient(135deg,#172033,#35415f);color:#fff;margin-bottom:1.5rem}.hebrew_concepts-hero h1{margin:.25rem 0;font-size:clamp(2rem,4vw,3.4rem);color:#fff}.hebrew_concepts-hero .eyebrow{color:#f7d37a}.concept-caution,.concept-warning,.concept-panel,.concept-word-header,.concept-card,.letter-card{background:#fff;border:1px solid #d9dfec;border-radius:1rem;box-shadow:0 12px 30px rgba(23,32,51,.08)}.concept-caution{padding:1rem 1.25rem;border-left:6px solid #b36b00;margin:1rem 0;background:#fff8e9}.concept-warning{padding:1rem 1.25rem;border-left:6px solid #9b1c1c;background:#fff1f1}.concept-search{margin:1.5rem 0;padding:1rem;background:#f6f8fc;border-radius:1rem}.concept-search label{display:block;font-weight:700;margin-bottom:.5rem}.concept-search div{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.concept-search input{flex:1 1 280px;padding:0 1rem;border:1px solid #b8c1d6;border-radius:.6rem;font-size:.875rem}.concept-search button{padding:var(--sp-2) var(--sp-5);border:0;border-radius:.6rem;background:#22345a;color:#fff;text-decoration:none;font-weight:700}.button.secondary{background:#eef2f8;color:#22345a}.letter-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1rem;margin:1.25rem 0}.concept-toolbar{display:flex;gap:.75rem;flex-wrap:wrap;margin:1rem 0}.concept-card,.letter-card,.concept-panel,.concept-word-header{padding:1.25rem}.concept-card h2,.concept-word-header h1{font-size:2.4rem;margin:.25rem 0}.concept-strong{display:inline-block;background:#172033;color:#fff;border-radius:999px;padding:.25rem .65rem;font-weight:700}.concept-paleo{font-size:2rem;letter-spacing:.08em;color:#7a4c00}.concept-paleo-large{font-size:3rem}.concept-route{font-size:.9rem;color:#5a6477}.letter-forms{font-size:2.3rem;margin:.25rem 0;display:flex;gap:1rem;align-items:center}.letter-forms-large{font-size:4rem}.concept-definition-list{display:grid;grid-template-columns:minmax(120px,220px) 1fr;gap:.5rem 1rem}.concept-definition-list dt{font-weight:700;color:#46536b}.concept-definition-list dd{margin:0}.concept-table{width:100%;border-collapse:collapse}.concept-table th,.concept-table td{border:1px solid #d9dfec;padding:.75rem;text-align:left;vertical-align:top}.concept-table th{background:#eef2f8}@media(max-width:680px){.concept-definition-list{grid-template-columns:1fr}.concept-search div{display:block}.concept-search input,.concept-search button{width:100%;margin-bottom:.5rem}}


/* Wide-screen study workspace: use desktop width for side-by-side resources without stretching prose. */
.hebrew_concepts-shell {
    max-width: min(1600px, calc(100vw - 2rem));
}

.hebrew_concepts-study-shell {
    padding-bottom: 4rem;
}

.concept-study-tabs {
    display: none;
}

.concept-study-layout {
    align-items: start;
    display: grid;
    gap: 1rem;
}

.concept-study-layout-word {
    grid-template-columns: minmax(300px, 0.85fr) minmax(0, 1.6fr) minmax(300px, 0.85fr);
}

.concept-study-layout-letter {
    grid-template-columns: minmax(320px, 0.9fr) minmax(300px, 0.8fr) minmax(0, 1.3fr);
}

/* Inline letter study (index page): two panels — Hebrew letter + study examples. */
.concept-study-layout-inline {
    grid-template-columns: minmax(320px, 0.9fr) minmax(0, 1.3fr);
}

.concept-study-layout-inline .concept-study-overview {
    grid-column: 1;
    grid-row: 1;
    position: static;
}

.concept-study-layout-inline .concept-study-source {
    grid-column: 2;
    grid-row: 1;
}

.letter-study-display {
    margin-top: 1.5rem;
}

.concept-study-panel {
    min-width: 0;
}

.concept-study-letters {
    grid-column: 2;
    grid-row: 1 / span 2;
}

.concept-study-concept {
    grid-column: 3;
    grid-row: 1;
}

.concept-study-source {
    grid-column: 3;
    grid-row: 2;
}

.concept-study-overview {
    grid-column: 1;
    grid-row: 1 / span 2;
    position: sticky;
    top: 1rem;
}

.concept-study-layout-letter .concept-study-concept {
    grid-column: 2;
    grid-row: 1;
}

.concept-study-layout-letter .concept-study-source {
    grid-column: 3;
    grid-row: 1 / span 2;
}

.concept-study-layout-mapping {
    grid-template-columns: minmax(300px, 0.85fr) minmax(0, 1fr) minmax(0, 1fr);
}

.profile-workspace .concept-study-letters {
    grid-row: 1;
}

.profile-workspace .concept-study-links {
    grid-column: 3;
    grid-row: 1 / span 2;
}

.profile-workspace .concept-study-evidence {
    grid-column: 2;
    grid-row: 2;
}

.concept-reader-toolbar a {
    background: #eef2f8;
    border-radius: 999px;
    color: #22345a;
    font-weight: 800;
    padding: 0.45rem 0.75rem;
    text-decoration: none;
}

.concept-chip-group {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    margin-top: 1rem;
}

.concept-chip-group span {
    background: #fff7ed;
    border: 1px solid #fed7aa;
    border-radius: 999px;
    color: #7c2d12;
    font-weight: 800;
    padding: 0.35rem 0.6rem;
}

.concept-study-link-grid,
.concept-occurrence-grid {
    display: grid;
    gap: 0.7rem;
    grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
    margin: 1rem 0;
}

.concept-study-link-grid a,
.concept-occurrence-card {
    background: #eef2ff;
    border: 1px solid #c7d2fe;
    border-radius: 0.85rem;
    color: #312e81;
    display: grid;
    gap: 0.2rem;
    padding: 0.75rem;
    text-decoration: none;
}

.concept-study-link-grid a:hover,
.concept-study-link-grid a:focus,
.concept-occurrence-card:hover,
.concept-occurrence-card:focus {
    background: #ddd6fe;
    outline: 3px solid rgba(49, 46, 129, 0.18);
}

.concept-study-link-grid span,
.concept-occurrence-card small,
.concept-muted {
    color: #46536b;
}

.concept-occurrence-card span {
    color: #172033;
    font-size: 1.25rem;
}

.concept-summary-box {
    background: #f8fafc;
    border: 1px solid #d9dfec;
    border-radius: 0.85rem;
    margin-bottom: 0.85rem;
    padding: 0.9rem;
}

.profile-letter-grid {
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
}

.letter-card a {
    color: #1d4ed8;
    font-weight: 800;
}

.letter-index-grid {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    margin-top: 1rem;
}

.letter-index-card {
    background: #f8fafc;
    border: 1px solid #d9dfec;
    border-radius: 0.8rem;
    color: #172033;
    display: grid;
    gap: 0.2rem;
    padding: 0.85rem;
    text-decoration: none;
}

.letter-index-card:hover,
.letter-index-card:focus {
    border-color: #22345a;
    box-shadow: 0 0 0 3px rgba(34, 52, 90, 0.16);
}

.letter-index-modern,
.letter-index-paleo {
    font-size: 1.9rem;
    font-weight: 800;
    line-height: 1;
}

.letter-index-paleo {
    color: #8c5a00;
}

.mapping-evidence-list {
    display: grid;
    gap: 0.65rem;
    margin-top: 0.75rem;
}

.mapping-evidence-card {
    background: #f8fafc;
    border: 1px solid #d9dfec;
    border-radius: 0.75rem;
    padding: 0.75rem;
}

.mapping-evidence-card h4 {
    margin: 0.2rem 0;
}

.concept-word-filter select {
    border: 1px solid #b8c1d6;
    border-radius: 0.6rem;
    padding: 0.72rem 0.8rem;
    min-width: 12rem;
}

.concept-section-heading {
    align-items: start;
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.concept-section-heading h2 {
    margin: 0.15rem 0;
}

.concept-section-heading > p {
    color: #46536b;
    max-width: 38rem;
    margin: 0;
}

.concept-letter-word-grid {
    display: grid;
    gap: 0.85rem;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}

.concept-letter-word-card {
    background: #f8fafc;
    border: 1px solid #d9dfec;
    border-radius: 0.9rem;
    padding: 0.95rem;
}

.concept-letter-word-card h3 {
    font-size: 2rem;
    margin: 0.15rem 0;
}

.concept-word-index-grid {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
}

.concept-word-index-card {
    background: #fff;
    border: 1px solid #d9dfec;
    border-radius: 1rem;
    box-shadow: 0 12px 30px rgba(23,32,51,.08);
    display: grid;
    gap: 0.75rem;
    padding: 1.1rem;
}

.concept-word-index-card h3 {
    font-size: 2.25rem;
    margin: 0.15rem 0;
}

@media (max-width: 700px) {
    .concept-section-heading {
        display: block;
    }
}

.concept-linked-modules,
.ghm-pair-links {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 1rem;
}

.concept-linked-modules a,
.ghm-pair-links a {
    display: inline-flex;
    align-items: center;
    padding: 0.35rem 0.6rem;
    border-radius: 999px;
    background: #eef2ff;
    color: #312e81;
    text-decoration: none;
    font-size: 0.88rem;
    font-weight: 700;
}

.concept-linked-modules a:hover,
.ghm-pair-links a:hover {
    background: #ddd6fe;
}

@media (max-width: 1100px) {
    .concept-study-tabs {
        display: flex;
    }

    .concept-study-layout,
    .concept-study-layout-word,
    .concept-study-layout-letter,
    .concept-study-layout-mapping {
        display: block;
    }

    .concept-study-overview {
        position: static;
    }

    [data-concept-panel] {
        display: none;
    }

    [data-concept-panel].is-active {
        display: block;
    }
}

/* Compact word view — one row per letter of the word, in order. */
.word-compact-view {
    margin: 1.25rem 0;
    overflow-x: auto;
}

.word-compact-table {
    border-collapse: collapse;
    width: 100%;
    min-width: 30rem;
    font-size: 0.9rem;
}

.word-compact-table th,
.word-compact-table td {
    border: 1px solid #d9dfec;
    padding: 0.5rem 0.65rem;
    text-align: left;
    vertical-align: top;
}

.word-compact-table th {
    background: #eef2f8;
    font-weight: 700;
    color: #46536b;
    white-space: nowrap;
}

.word-compact-col-num {
    width: 3rem;
    text-align: center;
}

.word-compact-col-letter {
    width: 5rem;
    text-align: center;
    font-size: 1.6rem;
}

.word-compact-col-paleo {
    width: 5.5rem;
    text-align: center;
    font-size: 1.4rem;
    letter-spacing: 0.08em;
    color: #7a4c00;
}

.word-compact-col-concepts {
    min-width: 14rem;
}

/* Concept header title — Strong number and h1 on the same row,
   Paleo sequence centred beneath them. */
.concept-word-title {
    display: block;
    text-align: left;
    margin: 0.5rem 0;
}

.concept-word-title .concept-strong {
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.75rem;
}

.concept-word-title h1 {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
}

.concept-word-title .concept-paleo {
    display: block;
    text-align: center;
    margin-top: 0.35rem;
}