/* Scoped discovery layer for the complication index; factual term data is unchanged. */
.complication-directory-section .term-link{--complication-pad:clamp(19px,2.2vw,30px);padding:var(--complication-pad);display:flex;flex-direction:column}
.complication-card-figure{margin:calc(-1 * var(--complication-pad)) calc(-1 * var(--complication-pad)) 22px}
.complication-card-media{height:clamp(240px,23vw,320px);background:#eeece6;overflow:hidden;flex:none}
.complication-card-media picture{display:block;width:100%;height:100%}
.complication-card-media img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;padding:14px}
.complication-card-figure figcaption{display:flex;flex-direction:column;gap:4px;padding:12px var(--complication-pad) 0;color:#625e52;font-size:11px;line-height:1.45}
.complication-card-gap{margin:calc(-1 * var(--complication-pad)) calc(-1 * var(--complication-pad)) 22px;display:grid;place-items:center;color:#8a7549}
.complication-card-gap span{font-family:var(--font-display,Georgia,serif);font-size:72px;font-weight:400}
@media(max-width:560px){.complication-directory-section .term-link{--complication-pad:19px}.complication-card-media{height:280px}}
.complication-directory-section {
    padding-block: clamp(44px, 6vw, 80px);
    background: #f4f2ec;
}

.complication-directory-section .shell { max-width: 1380px; }
.complication-directory-section .archive-intro { max-width: 74ch; margin-bottom: clamp(28px, 4vw, 48px); }

.complication-discovery {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(300px, 440px);
    gap: clamp(24px, 4vw, 60px);
    align-items: end;
    margin-bottom: clamp(24px, 3vw, 38px);
    padding: clamp(22px, 3vw, 42px);
    border: 1px solid #6b5a37;
    background: #24231f;
    color: #f5f2e9;
}

.complication-discovery .eyebrow { color: #d1b37b; }
.complication-discovery h2 {
    margin: 9px 0 12px;
    color: inherit;
    font-family: var(--font-display, Georgia, serif);
    font-size: clamp(34px, 4vw, 56px);
    font-weight: 400;
    line-height: 1.08;
}
.complication-discovery-copy > p:last-child { max-width: 47ch; margin: 0; color: #d6d1c5; }
.complication-discovery-controls label {
    display: block;
    margin-bottom: 9px;
    color: #eee5d5;
    font-size: 13px;
    font-weight: 600;
}
.complication-search-row { display: flex; gap: 8px; }
.complication-search-row input {
    min-width: 0;
    width: 100%;
    min-height: 50px;
    padding: 12px 14px;
    border: 1px solid #b8aa8d;
    border-radius: 0;
    background: #fffdfa;
    color: #24231f;
    font: inherit;
}
.complication-search-row input:focus-visible,
.complication-search-row button:focus-visible {
    outline: 3px solid #d6ae61;
    outline-offset: 2px;
}
.complication-search-row button {
    min-height: 50px;
    padding: 10px 13px;
    border: 1px solid #d6ae61;
    background: transparent;
    color: #f5f2e9;
    font: inherit;
    cursor: pointer;
}
.complication-search-row button[hidden] { display: none; }
.complication-result-count { margin: 10px 0 0; color: #d6c49d; font-size: 13px; }

.complication-directory-section .term-grid-large {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    border: 0;
    background: transparent;
}
.complication-directory-section .term-link {
    position: relative;
    min-width: 0;
    min-height: 226px;
    padding: clamp(19px, 2.2vw, 30px);
    border: 1px solid rgb(36 34 29 / 15%);
    background: #fbfaf7;
    box-shadow: 0 9px 28px rgb(31 29 24 / 4%);
    text-decoration: none;
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.complication-directory-section .term-link[hidden] { display: none; }
.complication-directory-section a.term-link:hover {
    transform: translateY(-2px);
    border-color: rgb(151 123 67 / 54%);
    color: var(--ink);
    background: #fbfaf7;
    box-shadow: 0 15px 34px rgb(31 29 24 / 9%);
}
.complication-directory-section a.term-link:focus-visible,
.complication-directory-section .term-link-static a:focus-visible {
    outline: 2px solid #927744;
    outline-offset: 3px;
}
.complication-directory-section .term-link > span {
    max-width: 19ch;
    color: #24231f;
    font-size: clamp(23px, 2.1vw, 31px);
    line-height: 1.08;
    overflow-wrap: anywhere;
}
.complication-directory-section .term-link p {
    margin: 16px 0 21px;
    color: #625e52;
    font-size: 13px;
    line-height: 1.65;
}
.complication-directory-section .term-link small {
    display: inline-flex;
    min-height: 28px;
    align-items: center;
    padding: 5px 9px;
    border: 1px solid rgb(151 123 67 / 32%);
    border-radius: 999px;
    color: #766036;
    font-size: 9px;
    letter-spacing: .08em;
}
.complication-directory-section .term-link-static { cursor: default; }
.complication-directory-section .term-link-discovery{display:flex;flex-direction:column}
.term-link-discovery h3{margin:0;font-family:var(--font-display,Georgia,serif);font-size:clamp(23px,2.1vw,31px);font-weight:400;line-height:1.08;overflow-wrap:anywhere}
.term-definition-link{color:#24231f;text-decoration:none}
.term-definition-link:hover{text-decoration:underline;text-underline-offset:4px}
.complication-discovery-links{display:flex;flex-wrap:wrap;justify-content:space-between;gap:7px 12px;margin-top:auto;padding-top:8px;border-top:1px solid rgb(36 34 29 / 15%)}
.complication-discovery-links a{display:inline-flex;align-items:center;gap:7px;min-height:44px;color:#625025;font-size:12px;text-decoration:none}
.complication-discovery-links a:hover{text-decoration:underline;text-underline-offset:4px}
.term-link-discovery a:focus-visible{outline:2px solid #927744;outline-offset:3px}
.complication-directory-section .term-link-static > span { color: #5d594e; }
.complication-directory-section .term-link-static small a { color: #766036; text-underline-offset: 3px; }
.complication-empty {
    margin: 0;
    padding: 26px;
    border: 1px solid #d3c8b1;
    background: #fbfaf7;
    color: #444036;
}
.complication-empty[hidden] { display: none; }

@media (max-width: 980px) {
    .complication-directory-section .term-grid-large { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .complication-discovery { grid-template-columns: 1fr; }
}

@media (max-width: 560px) {
    .complication-directory-section { padding-block: 34px; }
    .complication-discovery { padding: 22px 18px; }
    .complication-directory-section .term-grid-large { grid-template-columns: 1fr; gap: 10px; }
    .complication-directory-section .term-link { min-height: 0; padding: 19px; }
    .complication-directory-section .term-link > span { font-size: clamp(23px, 7vw, 28px); }
    .complication-directory-section .term-link p { margin: 12px 0 15px; font-size: 13px; line-height: 1.55; }
    .complication-directory-section .term-link small { min-height: 26px; max-width: 100%; padding-inline: 7px; font-size: 9px; }
}

@media (prefers-reduced-motion: reduce) {
    .complication-directory-section .term-link { transition: none; }
    .complication-directory-section a.term-link:hover { transform: none; }
}