/* ETERVOXIA 3.9.6 — static text caret and Voting Rules layout refinements.
   Public pages only. Do not disable focus indicators, copy/selection, or input carets. */

/* Some browsers expose the accessibility/caret-browsing text cursor even on
   buttons, images and ordinary read-only copy. No read-only element is an editor.
   Preserve a visible insertion caret in actual input fields and rich editors. */
body.ev3-app { caret-color: transparent !important; }
body.ev3-app :where(main,header,footer,section,article,aside,nav,figure,figcaption,div,p,span,h1,h2,h3,h4,h5,h6,small,strong,em,label,li,a,button,summary,output,svg,img) {
    caret-color: transparent !important;
}
body.ev3-app :is(input,textarea,[contenteditable="true"],[contenteditable=""],[role="textbox"]),
body.ev3-app [contenteditable="true"] *,
body.ev3-app [contenteditable=""] *,
body.ev3-app [role="textbox"] * {
    caret-color: auto !important;
    -webkit-user-select: text;
    user-select: text;
}
/* Allow users to copy article text; no text editing capability is granted. */
body.ev3-app main :is(h1,h2,h3,h4,h5,h6,p,span,strong,em,small,li):not([contenteditable="true"]) {
    -webkit-user-select: text;
    user-select: text;
}

/* Voting Rules: two generous columns on large screens and one clear card per
   row for tablet and phone. Typography must not inherit giant section headings. */
body.ev3-app .ev322-page-main .ev322-rules-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: clamp(15px,2vw,24px);
    width: 100%;
    max-width: 1180px;
    margin-inline: auto;
    align-items: stretch;
}
body.ev3-app .ev322-page-main .ev322-rule-card {
    min-width: 0;
    width: 100%;
    min-height: 0;
    padding: clamp(22px,2.4vw,34px);
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    overflow-wrap: normal;
    word-break: normal;
    hyphens: none;
}
body.ev3-app .ev322-page-main .ev322-rule-card > span {
    display: block;
    font-size: clamp(15px,1vw,17px) !important;
    line-height: 1.4;
    letter-spacing: .095em;
    overflow-wrap: normal;
    word-break: normal;
}
body.ev3-app .ev3-section .ev322-rule-card h2 {
    font-size: clamp(25px,2.45vw,36px) !important;
    line-height: 1.2 !important;
    letter-spacing: -.035em !important;
    font-weight: 800;
    margin: 19px 0 13px !important;
    max-width: 100%;
    text-transform: none !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    hyphens: none !important;
    text-wrap: pretty;
}
body.ev3-app .ev322-page-main .ev322-rule-card p {
    font-size: clamp(16px,1.18vw,18px) !important;
    line-height: 1.65 !important;
    color: #c9d9e8;
    margin: 0 !important;
    overflow-wrap: break-word;
    word-break: normal;
}
body.ev3-app .ev322-page-main .ev322-rules-footer {
    min-width: 0;
    margin-top: clamp(18px,2vw,28px);
    gap: clamp(16px,2vw,25px);
}
body.ev3-app .ev322-page-main :is(.ev322-rules-copy,.ev322-rules-side) {
    min-width: 0;
    max-width: 100%;
    overflow-wrap: break-word;
}
body.ev3-app .ev3-section :is(.ev322-rules-copy,.ev322-rules-side) h2 {
    font-size: clamp(25px,2.3vw,35px) !important;
    line-height: 1.22 !important;
    margin-bottom: 16px;
    text-transform: none;
    overflow-wrap: break-word !important;
    word-break: normal !important;
}
@media(max-width:980px) {
    body.ev3-app .ev322-page-main .ev322-rules-grid,
    body.ev3-app .ev322-page-main .ev322-rules-footer {
        grid-template-columns: minmax(0,1fr);
    }
    body.ev3-app .ev322-page-main .ev322-rules-grid {max-width: 780px;}
    body.ev3-app .ev322-page-main .ev322-rule-card {min-height:0;}
}
@media(max-width:600px) {
    body.ev3-app .ev322-page-main .ev322-rules-grid {gap: 13px;}
    body.ev3-app .ev322-page-main .ev322-rule-card,
    body.ev3-app .ev322-page-main :is(.ev322-rules-copy,.ev322-rules-side) {
        padding: clamp(18px,5vw,24px);
        border-radius: 16px;
    }
    body.ev3-app .ev3-section .ev322-rule-card h2 {
        font-size: clamp(25px,6.1vw,30px) !important;
        margin: 14px 0 10px !important;
        line-height: 1.22 !important;
    }
    body.ev3-app .ev322-page-main .ev322-rule-card p {font-size:16px !important;}
    body.ev3-app .ev322-page-main .ev322-rules-footer {gap:13px;}
}