/* ==========================================================================
   ARC Shared Styles — arc2026.htm + arc2026-results.htm
   ========================================================================== */

/* --------------------------------------------------------------------------
   Base
   -------------------------------------------------------------------------- */

body {
    font-family: Arial, Helvetica, sans-serif;
}

/* --------------------------------------------------------------------------
   Shared containers
   -------------------------------------------------------------------------- */

#my_div {
    width: 100%;
    font-size: medium;
    overflow-x: auto;
}

.scorecard {
    margin: 0 10%;
    padding: 2px;
    background-color: #ffffff;
}

.scorecard .winner {
    font-weight: 800;
    color: #0f0708;
}

/* --------------------------------------------------------------------------
   Search page (arc2026.htm)
   -------------------------------------------------------------------------- */

.selecthead {
    font-weight: bold;
    margin-bottom: 0;
}

#searchDisplay {
    font-weight: bold;
    padding: 12px 0;
}

.spacer {
    display: inline-block;
}

.listing {
    border-top: 1px solid #C79929;
    padding: 4px;
}

.listing.striped,
.listing.striped2 {
    border-top: 1px solid #ed1c24;
    font-weight: bold;
    padding: 4px 6px;
    text-align: left;
    vertical-align: top;
    margin-top: 12px;
    background: linear-gradient(180deg, rgb(185, 185, 185) 0%, rgb(255, 255, 255) 100%);
}

#my_div .listing.striped a,
#my_div .listing.striped2 a {
    color: red;
    font-size: medium;
    text-decoration: underline;
}

/* --------------------------------------------------------------------------
   Results page — header / chart / controls (arc2026-results.htm)
   -------------------------------------------------------------------------- */

#arcHead {
    width: 100%;
    padding-bottom: 8px;
}

#arcHead .pushleft,
#arcHead .pushcenter,
#arcHead .pushright {
    display: inline-block;
    width: 33%;
    font-weight: normal;
    font-size: large;
    vertical-align: top;
    margin: 5px 0;
}

#arcHead .pushleft {
    text-align: left;
}

#arcHead .pushcenter {
    text-align: center;
}

#arcHead .pushright {
    text-align: right;
}

#displayChart {
    border: 1px solid #b9b9b9;
    margin-bottom: 50px;
}

.toggle-button {
    margin-bottom: 1em;
}

/* --------------------------------------------------------------------------
   Results page — data table
   -------------------------------------------------------------------------- */

#my_div h1 {
    font-weight: bold;
    font-size: 1.5rem;
    color: #ed1c24;
}

table#inmy_div {
    border-collapse: collapse;
    width: 100%;
}

#my_div td {
    border: 1px solid gray;
    padding: 3px;
    text-align: center;
}

#my_div tr td:first-child {
    text-align: left;
}

.header {
    font-weight: bold;
    background-color: #ffdc77;
}

/* Average / subcategory highlight rows */
.striped3 {
    background-color: #c9f0c2;
    border-bottom: 4px solid #003049;
    font-weight: bold;
}

.striped3 > td {
    background-color: #c9f0c2;
}

.last-row-style {
    background-color: white;
    font-weight: bold;
}

#my_div td.winner-highlight {
    border: 4px solid rgb(0, 48, 73);
    font-size: large;
    background-color: #c4e8ff;
}

/* --------------------------------------------------------------------------
   Results page — grade key
   -------------------------------------------------------------------------- */

.gradea {
    background-color: #6d98db;
}

.gradeb {
    background-color: #a1c2f6;
}

.gradec {
    background-color: #d6e4fb;
}

.grade-key-item {
    max-width: 500px;
    padding: 6px;
}

/* --------------------------------------------------------------------------
   CMS embed overrides (when hosted inside CRN article pages)
   -------------------------------------------------------------------------- */

.article #article .content-block .embed-container p:first-child,
.flat-list .article #article .content-block .embed-container p:first-child,
.flat-page .article #article .content-block .embed-container p:first-child {
    font-style: italic;
}

.article #article .content-block .embed-container p,
.flat-list .article #article .content-block .embed-container p,
.flat-page .article #article .content-block .embed-container p {
    font-style: italic;
    font-size: 12px;
    color: #3b3b3b;
}

.flat-page .embed-container .article h2,
.flat-page.embed-container.article h2 {
    font-family: inherit;
    font-size: 2rem;
    font-weight: bold;
    margin-bottom: 0.75rem;
    color: #ed1c24;
}