/* corpus.css
   Purpose: Styling for academic corpus analysis / comparison web guide
   Scope: corpus.html only
*/

/* Reading layout */
main {
    max-width: 900px;
    margin: 0 auto;
    padding: 4rem 2rem 5rem;
}

/* Headings */
h1 {
    margin-bottom: 2rem;
}

h2 {
    margin-top: 4rem;
    margin-bottom: 1.25rem;
}

h3 {
    margin-top: 2.5rem;
    margin-bottom: 0.75rem;
}

/* Body text */
p {
    line-height: 1.7;
    margin-bottom: 1.25rem;
}

/* Images and figures */
img {
    max-width: 100%;
    height: auto;
    margin: 1.5rem 0;
}

figure {
    margin: 2.5rem 0;
}

/* Captions / meta text */
figcaption,
.meta {
    font-size: 0.9rem;
    color: #666;
    margin-top: 0.5rem;
}

/* Lists */
ul,
ol {
    margin: 1.5rem 0 1.5rem 2rem;
}

li {
    margin-bottom: 0.5rem;
}

/* Embedded charts or diagrams */
iframe {
    width: 100%;
    min-height: 400px;
    margin: 2rem 0;
    border: none;
}

/* Keep navigation visually separated */
nav {
    margin-bottom: 2rem;
}

.cc-icons {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    margin-left: 0.4rem;
    line-height: 1;
    vertical-align: middle;
}

.cc-icons img {
    height: 20px;
    width: auto;
    display: block;
}