/* Word of the Day — Main Zone.
 * No SVG bg image — the blue "tape" banner and cream "paper" block are
 * pure-CSS boxes whose edges are torn via an inline `feTurbulence` mask
 * (SVG noise applied to a white rectangle, displaced, used as alpha mask). */

.wotd-main-wrap {
    width: 88cqw;
    height: 84cqh;
    container-type: size;
    font-family: 'Geist Mono', 'Roboto Mono', monospace;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    color: #2a1f12;
    padding: 0;
    box-sizing: border-box;
    overflow: visible;
}

.wotd-main-paper {
    width: 90%;
    height: 80%;
    /* Shift down by half the banner's translateY(-40%) overhang
     * (40cqh × 40% = 16cqh, half = 8cqh) so the visual composition
     * — banner top to paper bottom — is centered in the wrap. */
    transform: translateY(8cqh);
    display: grid;
    grid-template-rows: 24% 56% 20%;
    grid-template-areas:
        "banner"
        "paper"
        "footer";
}

/* Banner — torn-paper shape (same polygon as the main box) but no stroke.
 * Filled with the theme's darkest shade so it reads as a dark label sitting
 * on top of the lighter paper. */
.wotd-main-banner-block {
    grid-area: banner;
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 9cqh 0;
    overflow: hidden;
    box-sizing: border-box;
    /* Width narrower than full row so the torn edges are visible on the sides too. */
    width: 60%;
    justify-self: center;
    align-self: start;
    height: 40cqh;
    transform: translateY(-40%);
    background-color: var(--text);
    color: var(--bg);
    /* Soft drop shadow so the "tape" appears to lift off the paper. */
    filter: drop-shadow(0 0.6cqmin 1.6cqmin rgba(11, 18, 32, 0.30));
    -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 260' preserveAspectRatio='none'><path d='M 30,32 L 49,35 L 68,42 L 88,32 L 107,32 L 126,34 L 146,36 L 165,24 L 184,23 L 203,34 L 222,33 L 242,38 L 261,37 L 280,23 L 300,21 L 319,32 L 338,27 L 357,22 L 376,20 L 396,35 L 415,40 L 434,38 L 454,19 L 473,37 L 492,30 L 511,32 L 530,38 L 550,41 L 569,37 L 588,38 L 608,23 L 627,37 L 646,18 L 665,34 L 684,20 L 704,19 L 723,19 L 742,24 L 762,25 L 781,37 L 800,18 L 819,42 L 838,32 L 858,28 L 877,32 L 896,36 L 916,24 L 935,34 L 954,25 L 973,38 L 992,27 L 1012,33 L 1031,18 L 1050,39 L 1070,20 L 1089,32 L 1108,38 L 1127,26 L 1146,31 L 1166,35 L 1185,20 L 1204,40 L 1224,26 L 1243,28 L 1262,42 L 1281,25 L 1300,34 L 1320,27 L 1339,18 L 1358,20 L 1378,36 L 1397,42 L 1416,21 L 1435,30 L 1454,21 L 1474,27 L 1493,30 L 1512,20 L 1532,18 L 1551,39 L 1570,18 L 1562,47 L 1562,63 L 1557,80 L 1571,97 L 1568,113 L 1578,130 L 1568,147 L 1569,163 L 1558,180 L 1574,197 L 1576,213 L 1562,230 L 1551,242 L 1532,239 L 1512,226 L 1493,228 L 1474,220 L 1454,227 L 1435,228 L 1416,218 L 1397,231 L 1378,242 L 1358,221 L 1339,222 L 1320,225 L 1300,240 L 1281,221 L 1262,218 L 1243,219 L 1224,232 L 1204,233 L 1185,223 L 1166,239 L 1146,235 L 1127,224 L 1108,232 L 1089,234 L 1070,224 L 1050,241 L 1031,242 L 1012,222 L 992,231 L 973,238 L 954,230 L 935,221 L 916,230 L 896,231 L 877,224 L 858,218 L 838,226 L 819,236 L 800,227 L 781,218 L 762,224 L 742,223 L 723,230 L 704,237 L 684,238 L 665,236 L 646,221 L 627,219 L 608,222 L 588,224 L 569,232 L 550,226 L 530,218 L 511,242 L 492,237 L 473,228 L 454,227 L 434,230 L 415,220 L 396,220 L 376,220 L 357,224 L 338,236 L 319,238 L 300,225 L 280,218 L 261,237 L 242,229 L 222,229 L 203,237 L 184,232 L 165,222 L 146,236 L 126,233 L 107,236 L 88,222 L 68,230 L 49,223 L 30,238 L 20,213 L 25,197 L 23,180 L 42,163 L 35,147 L 23,130 L 39,113 L 22,97 L 21,80 L 39,63 L 36,47 Z' fill='white' stroke='white' stroke-width='6' stroke-linejoin='round'/></svg>") center / 100% 100% no-repeat;
            mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 260' preserveAspectRatio='none'><path d='M 30,32 L 49,35 L 68,42 L 88,32 L 107,32 L 126,34 L 146,36 L 165,24 L 184,23 L 203,34 L 222,33 L 242,38 L 261,37 L 280,23 L 300,21 L 319,32 L 338,27 L 357,22 L 376,20 L 396,35 L 415,40 L 434,38 L 454,19 L 473,37 L 492,30 L 511,32 L 530,38 L 550,41 L 569,37 L 588,38 L 608,23 L 627,37 L 646,18 L 665,34 L 684,20 L 704,19 L 723,19 L 742,24 L 762,25 L 781,37 L 800,18 L 819,42 L 838,32 L 858,28 L 877,32 L 896,36 L 916,24 L 935,34 L 954,25 L 973,38 L 992,27 L 1012,33 L 1031,18 L 1050,39 L 1070,20 L 1089,32 L 1108,38 L 1127,26 L 1146,31 L 1166,35 L 1185,20 L 1204,40 L 1224,26 L 1243,28 L 1262,42 L 1281,25 L 1300,34 L 1320,27 L 1339,18 L 1358,20 L 1378,36 L 1397,42 L 1416,21 L 1435,30 L 1454,21 L 1474,27 L 1493,30 L 1512,20 L 1532,18 L 1551,39 L 1570,18 L 1562,47 L 1562,63 L 1557,80 L 1571,97 L 1568,113 L 1578,130 L 1568,147 L 1569,163 L 1558,180 L 1574,197 L 1576,213 L 1562,230 L 1551,242 L 1532,239 L 1512,226 L 1493,228 L 1474,220 L 1454,227 L 1435,228 L 1416,218 L 1397,231 L 1378,242 L 1358,221 L 1339,222 L 1320,225 L 1300,240 L 1281,221 L 1262,218 L 1243,219 L 1224,232 L 1204,233 L 1185,223 L 1166,239 L 1146,235 L 1127,224 L 1108,232 L 1089,234 L 1070,224 L 1050,241 L 1031,242 L 1012,222 L 992,231 L 973,238 L 954,230 L 935,221 L 916,230 L 896,231 L 877,224 L 858,218 L 838,226 L 819,236 L 800,227 L 781,218 L 762,224 L 742,223 L 723,230 L 704,237 L 684,238 L 665,236 L 646,221 L 627,219 L 608,222 L 588,224 L 569,232 L 550,226 L 530,218 L 511,242 L 492,237 L 473,228 L 454,227 L 434,230 L 415,220 L 396,220 L 376,220 L 357,224 L 338,236 L 319,238 L 300,225 L 280,218 L 261,237 L 242,229 L 222,229 L 203,237 L 184,232 L 165,222 L 146,236 L 126,233 L 107,236 L 88,222 L 68,230 L 49,223 L 30,238 L 20,213 L 25,197 L 23,180 L 42,163 L 35,147 L 23,130 L 39,113 L 22,97 L 21,80 L 39,63 L 36,47 Z' fill='white' stroke='white' stroke-width='6' stroke-linejoin='round'/></svg>") center / 100% 100% no-repeat;
}

/* Inner sizing-target — natural height so the binary-search fit
 * measures real content height. Children scale via em from this. */
.wotd-main-banner-fit {
    display: flex;
    flex-direction: column;
    align-items: center;
    line-height: 1;
    font-size: 7cqmin;
}

/* Paper — torn shape rendered as two layered ::before/::after pseudos,
 * each using the SAME polygon path as a CSS mask so we can color them
 * with theme variables (fill = lightest --bg, stroke = darkest --text).
 * No mask on the parent, otherwise the masked pseudos would be clipped
 * by the parent's mask and the text inside would also be clipped. */
.wotd-main-paper-block {
    grid-area: paper;
    grid-row: 1 / 4;
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 26cqh 8cqw 14cqh;
    box-sizing: border-box;
    color: var(--text);
    background: transparent;
    /* fit-function changes this; children inherit */
    font-size: 2.4cqmin;
    line-height: 1.4;
}

/* Filled torn polygon — paints the paper background in the theme's lightest shade. */
.wotd-main-paper-block::before {
    content: "";
    position: absolute;
    inset: 0;
    background-color: var(--bg);
    -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 800' preserveAspectRatio='none'><path d='M 50,48 L 69,42 L 88,50 L 106,58 L 125,39 L 144,40 L 162,55 L 181,41 L 200,49 L 219,56 L 238,39 L 256,54 L 275,44 L 294,39 L 312,40 L 331,51 L 350,51 L 369,40 L 388,45 L 406,40 L 425,55 L 444,51 L 462,39 L 481,56 L 500,41 L 519,45 L 538,58 L 556,58 L 575,56 L 594,39 L 612,56 L 631,56 L 650,50 L 669,39 L 688,45 L 706,39 L 725,55 L 744,42 L 762,47 L 781,51 L 800,42 L 819,55 L 838,41 L 856,56 L 875,47 L 894,55 L 912,59 L 931,43 L 950,41 L 969,56 L 988,56 L 1006,58 L 1025,44 L 1044,49 L 1062,41 L 1081,55 L 1100,60 L 1119,40 L 1138,56 L 1156,39 L 1175,57 L 1194,44 L 1212,53 L 1231,59 L 1250,55 L 1269,51 L 1288,62 L 1306,48 L 1325,52 L 1344,56 L 1362,52 L 1381,49 L 1400,47 L 1419,45 L 1438,43 L 1456,60 L 1475,62 L 1494,45 L 1512,40 L 1531,56 L 1550,47 L 1552,67 L 1551,83 L 1564,100 L 1546,117 L 1559,133 L 1550,150 L 1545,167 L 1555,183 L 1538,200 L 1539,217 L 1552,233 L 1549,250 L 1541,267 L 1560,283 L 1546,300 L 1540,317 L 1551,333 L 1549,350 L 1537,367 L 1557,383 L 1538,400 L 1560,417 L 1553,433 L 1554,450 L 1561,467 L 1564,483 L 1562,500 L 1546,517 L 1546,533 L 1558,550 L 1547,567 L 1555,583 L 1551,600 L 1554,617 L 1561,633 L 1550,650 L 1538,667 L 1562,683 L 1538,700 L 1544,717 L 1551,733 L 1558,750 L 1531,759 L 1512,740 L 1494,739 L 1475,761 L 1456,760 L 1438,747 L 1419,758 L 1400,756 L 1381,759 L 1362,752 L 1344,747 L 1325,760 L 1306,750 L 1288,759 L 1269,749 L 1250,738 L 1231,752 L 1212,749 L 1194,743 L 1175,757 L 1156,741 L 1138,753 L 1119,739 L 1100,744 L 1081,762 L 1062,747 L 1044,742 L 1025,761 L 1006,745 L 988,750 L 969,750 L 950,753 L 931,740 L 912,743 L 894,752 L 875,750 L 856,755 L 838,746 L 819,742 L 800,751 L 781,755 L 762,746 L 744,760 L 725,751 L 706,749 L 688,759 L 669,750 L 650,745 L 631,742 L 612,740 L 594,743 L 575,742 L 556,745 L 538,759 L 519,745 L 500,738 L 481,753 L 462,756 L 444,743 L 425,746 L 406,747 L 388,738 L 369,742 L 350,751 L 331,755 L 312,749 L 294,757 L 275,756 L 256,748 L 238,742 L 219,760 L 200,754 L 181,757 L 162,758 L 144,759 L 125,761 L 106,739 L 88,752 L 69,762 L 50,759 L 61,733 L 53,717 L 48,700 L 48,683 L 48,667 L 48,650 L 39,633 L 51,617 L 56,600 L 48,583 L 37,567 L 42,550 L 38,533 L 42,517 L 50,500 L 41,483 L 39,467 L 46,450 L 55,433 L 37,417 L 39,400 L 36,383 L 54,367 L 40,350 L 53,333 L 39,317 L 47,300 L 55,283 L 36,267 L 38,250 L 63,233 L 42,217 L 55,200 L 48,183 L 40,167 L 56,150 L 44,133 L 47,117 L 55,100 L 47,83 L 51,67 Z' fill='white' stroke='white' stroke-width='8' stroke-linejoin='round'/></svg>") center / 100% 100% no-repeat;
            mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 800' preserveAspectRatio='none'><path d='M 50,48 L 69,42 L 88,50 L 106,58 L 125,39 L 144,40 L 162,55 L 181,41 L 200,49 L 219,56 L 238,39 L 256,54 L 275,44 L 294,39 L 312,40 L 331,51 L 350,51 L 369,40 L 388,45 L 406,40 L 425,55 L 444,51 L 462,39 L 481,56 L 500,41 L 519,45 L 538,58 L 556,58 L 575,56 L 594,39 L 612,56 L 631,56 L 650,50 L 669,39 L 688,45 L 706,39 L 725,55 L 744,42 L 762,47 L 781,51 L 800,42 L 819,55 L 838,41 L 856,56 L 875,47 L 894,55 L 912,59 L 931,43 L 950,41 L 969,56 L 988,56 L 1006,58 L 1025,44 L 1044,49 L 1062,41 L 1081,55 L 1100,60 L 1119,40 L 1138,56 L 1156,39 L 1175,57 L 1194,44 L 1212,53 L 1231,59 L 1250,55 L 1269,51 L 1288,62 L 1306,48 L 1325,52 L 1344,56 L 1362,52 L 1381,49 L 1400,47 L 1419,45 L 1438,43 L 1456,60 L 1475,62 L 1494,45 L 1512,40 L 1531,56 L 1550,47 L 1552,67 L 1551,83 L 1564,100 L 1546,117 L 1559,133 L 1550,150 L 1545,167 L 1555,183 L 1538,200 L 1539,217 L 1552,233 L 1549,250 L 1541,267 L 1560,283 L 1546,300 L 1540,317 L 1551,333 L 1549,350 L 1537,367 L 1557,383 L 1538,400 L 1560,417 L 1553,433 L 1554,450 L 1561,467 L 1564,483 L 1562,500 L 1546,517 L 1546,533 L 1558,550 L 1547,567 L 1555,583 L 1551,600 L 1554,617 L 1561,633 L 1550,650 L 1538,667 L 1562,683 L 1538,700 L 1544,717 L 1551,733 L 1558,750 L 1531,759 L 1512,740 L 1494,739 L 1475,761 L 1456,760 L 1438,747 L 1419,758 L 1400,756 L 1381,759 L 1362,752 L 1344,747 L 1325,760 L 1306,750 L 1288,759 L 1269,749 L 1250,738 L 1231,752 L 1212,749 L 1194,743 L 1175,757 L 1156,741 L 1138,753 L 1119,739 L 1100,744 L 1081,762 L 1062,747 L 1044,742 L 1025,761 L 1006,745 L 988,750 L 969,750 L 950,753 L 931,740 L 912,743 L 894,752 L 875,750 L 856,755 L 838,746 L 819,742 L 800,751 L 781,755 L 762,746 L 744,760 L 725,751 L 706,749 L 688,759 L 669,750 L 650,745 L 631,742 L 612,740 L 594,743 L 575,742 L 556,745 L 538,759 L 519,745 L 500,738 L 481,753 L 462,756 L 444,743 L 425,746 L 406,747 L 388,738 L 369,742 L 350,751 L 331,755 L 312,749 L 294,757 L 275,756 L 256,748 L 238,742 L 219,760 L 200,754 L 181,757 L 162,758 L 144,759 L 125,761 L 106,739 L 88,752 L 69,762 L 50,759 L 61,733 L 53,717 L 48,700 L 48,683 L 48,667 L 48,650 L 39,633 L 51,617 L 56,600 L 48,583 L 37,567 L 42,550 L 38,533 L 42,517 L 50,500 L 41,483 L 39,467 L 46,450 L 55,433 L 37,417 L 39,400 L 36,383 L 54,367 L 40,350 L 53,333 L 39,317 L 47,300 L 55,283 L 36,267 L 38,250 L 63,233 L 42,217 L 55,200 L 48,183 L 40,167 L 56,150 L 44,133 L 47,117 L 55,100 L 47,83 L 51,67 Z' fill='white' stroke='white' stroke-width='8' stroke-linejoin='round'/></svg>") center / 100% 100% no-repeat;
    z-index: -1;
    pointer-events: none;
}

/* Stroke-only torn polygon — paints just the border ring in the theme's darkest shade. */
.wotd-main-paper-block::after {
    content: "";
    position: absolute;
    inset: 0;
    background-color: var(--text);
    -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 800' preserveAspectRatio='none'><path d='M 50,48 L 69,42 L 88,50 L 106,58 L 125,39 L 144,40 L 162,55 L 181,41 L 200,49 L 219,56 L 238,39 L 256,54 L 275,44 L 294,39 L 312,40 L 331,51 L 350,51 L 369,40 L 388,45 L 406,40 L 425,55 L 444,51 L 462,39 L 481,56 L 500,41 L 519,45 L 538,58 L 556,58 L 575,56 L 594,39 L 612,56 L 631,56 L 650,50 L 669,39 L 688,45 L 706,39 L 725,55 L 744,42 L 762,47 L 781,51 L 800,42 L 819,55 L 838,41 L 856,56 L 875,47 L 894,55 L 912,59 L 931,43 L 950,41 L 969,56 L 988,56 L 1006,58 L 1025,44 L 1044,49 L 1062,41 L 1081,55 L 1100,60 L 1119,40 L 1138,56 L 1156,39 L 1175,57 L 1194,44 L 1212,53 L 1231,59 L 1250,55 L 1269,51 L 1288,62 L 1306,48 L 1325,52 L 1344,56 L 1362,52 L 1381,49 L 1400,47 L 1419,45 L 1438,43 L 1456,60 L 1475,62 L 1494,45 L 1512,40 L 1531,56 L 1550,47 L 1552,67 L 1551,83 L 1564,100 L 1546,117 L 1559,133 L 1550,150 L 1545,167 L 1555,183 L 1538,200 L 1539,217 L 1552,233 L 1549,250 L 1541,267 L 1560,283 L 1546,300 L 1540,317 L 1551,333 L 1549,350 L 1537,367 L 1557,383 L 1538,400 L 1560,417 L 1553,433 L 1554,450 L 1561,467 L 1564,483 L 1562,500 L 1546,517 L 1546,533 L 1558,550 L 1547,567 L 1555,583 L 1551,600 L 1554,617 L 1561,633 L 1550,650 L 1538,667 L 1562,683 L 1538,700 L 1544,717 L 1551,733 L 1558,750 L 1531,759 L 1512,740 L 1494,739 L 1475,761 L 1456,760 L 1438,747 L 1419,758 L 1400,756 L 1381,759 L 1362,752 L 1344,747 L 1325,760 L 1306,750 L 1288,759 L 1269,749 L 1250,738 L 1231,752 L 1212,749 L 1194,743 L 1175,757 L 1156,741 L 1138,753 L 1119,739 L 1100,744 L 1081,762 L 1062,747 L 1044,742 L 1025,761 L 1006,745 L 988,750 L 969,750 L 950,753 L 931,740 L 912,743 L 894,752 L 875,750 L 856,755 L 838,746 L 819,742 L 800,751 L 781,755 L 762,746 L 744,760 L 725,751 L 706,749 L 688,759 L 669,750 L 650,745 L 631,742 L 612,740 L 594,743 L 575,742 L 556,745 L 538,759 L 519,745 L 500,738 L 481,753 L 462,756 L 444,743 L 425,746 L 406,747 L 388,738 L 369,742 L 350,751 L 331,755 L 312,749 L 294,757 L 275,756 L 256,748 L 238,742 L 219,760 L 200,754 L 181,757 L 162,758 L 144,759 L 125,761 L 106,739 L 88,752 L 69,762 L 50,759 L 61,733 L 53,717 L 48,700 L 48,683 L 48,667 L 48,650 L 39,633 L 51,617 L 56,600 L 48,583 L 37,567 L 42,550 L 38,533 L 42,517 L 50,500 L 41,483 L 39,467 L 46,450 L 55,433 L 37,417 L 39,400 L 36,383 L 54,367 L 40,350 L 53,333 L 39,317 L 47,300 L 55,283 L 36,267 L 38,250 L 63,233 L 42,217 L 55,200 L 48,183 L 40,167 L 56,150 L 44,133 L 47,117 L 55,100 L 47,83 L 51,67 Z' fill='none' stroke='white' stroke-width='8' stroke-linejoin='round'/></svg>") center / 100% 100% no-repeat;
            mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 800' preserveAspectRatio='none'><path d='M 50,48 L 69,42 L 88,50 L 106,58 L 125,39 L 144,40 L 162,55 L 181,41 L 200,49 L 219,56 L 238,39 L 256,54 L 275,44 L 294,39 L 312,40 L 331,51 L 350,51 L 369,40 L 388,45 L 406,40 L 425,55 L 444,51 L 462,39 L 481,56 L 500,41 L 519,45 L 538,58 L 556,58 L 575,56 L 594,39 L 612,56 L 631,56 L 650,50 L 669,39 L 688,45 L 706,39 L 725,55 L 744,42 L 762,47 L 781,51 L 800,42 L 819,55 L 838,41 L 856,56 L 875,47 L 894,55 L 912,59 L 931,43 L 950,41 L 969,56 L 988,56 L 1006,58 L 1025,44 L 1044,49 L 1062,41 L 1081,55 L 1100,60 L 1119,40 L 1138,56 L 1156,39 L 1175,57 L 1194,44 L 1212,53 L 1231,59 L 1250,55 L 1269,51 L 1288,62 L 1306,48 L 1325,52 L 1344,56 L 1362,52 L 1381,49 L 1400,47 L 1419,45 L 1438,43 L 1456,60 L 1475,62 L 1494,45 L 1512,40 L 1531,56 L 1550,47 L 1552,67 L 1551,83 L 1564,100 L 1546,117 L 1559,133 L 1550,150 L 1545,167 L 1555,183 L 1538,200 L 1539,217 L 1552,233 L 1549,250 L 1541,267 L 1560,283 L 1546,300 L 1540,317 L 1551,333 L 1549,350 L 1537,367 L 1557,383 L 1538,400 L 1560,417 L 1553,433 L 1554,450 L 1561,467 L 1564,483 L 1562,500 L 1546,517 L 1546,533 L 1558,550 L 1547,567 L 1555,583 L 1551,600 L 1554,617 L 1561,633 L 1550,650 L 1538,667 L 1562,683 L 1538,700 L 1544,717 L 1551,733 L 1558,750 L 1531,759 L 1512,740 L 1494,739 L 1475,761 L 1456,760 L 1438,747 L 1419,758 L 1400,756 L 1381,759 L 1362,752 L 1344,747 L 1325,760 L 1306,750 L 1288,759 L 1269,749 L 1250,738 L 1231,752 L 1212,749 L 1194,743 L 1175,757 L 1156,741 L 1138,753 L 1119,739 L 1100,744 L 1081,762 L 1062,747 L 1044,742 L 1025,761 L 1006,745 L 988,750 L 969,750 L 950,753 L 931,740 L 912,743 L 894,752 L 875,750 L 856,755 L 838,746 L 819,742 L 800,751 L 781,755 L 762,746 L 744,760 L 725,751 L 706,749 L 688,759 L 669,750 L 650,745 L 631,742 L 612,740 L 594,743 L 575,742 L 556,745 L 538,759 L 519,745 L 500,738 L 481,753 L 462,756 L 444,743 L 425,746 L 406,747 L 388,738 L 369,742 L 350,751 L 331,755 L 312,749 L 294,757 L 275,756 L 256,748 L 238,742 L 219,760 L 200,754 L 181,757 L 162,758 L 144,759 L 125,761 L 106,739 L 88,752 L 69,762 L 50,759 L 61,733 L 53,717 L 48,700 L 48,683 L 48,667 L 48,650 L 39,633 L 51,617 L 56,600 L 48,583 L 37,567 L 42,550 L 38,533 L 42,517 L 50,500 L 41,483 L 39,467 L 46,450 L 55,433 L 37,417 L 39,400 L 36,383 L 54,367 L 40,350 L 53,333 L 39,317 L 47,300 L 55,283 L 36,267 L 38,250 L 63,233 L 42,217 L 55,200 L 48,183 L 40,167 L 56,150 L 44,133 L 47,117 L 55,100 L 47,83 L 51,67 Z' fill='none' stroke='white' stroke-width='8' stroke-linejoin='round'/></svg>") center / 100% 100% no-repeat;
    z-index: -1;
    pointer-events: none;
}

.wotd-main-footer-block {
    grid-area: footer;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    padding: 0 6cqw 2cqh;
}

.wotd-main-wrap .wotd-main-header {
    font-family: 'Geist Mono', 'Roboto Mono', monospace;
    font-size: 0.24em;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.4em;
    color: var(--bg);
    margin-bottom: 0.3em;
    line-height: 1;
    opacity: 0.85;
}

.wotd-main-wrap .wotd-main-word {
    font-family: 'Cormorant Garamond', 'Georgia', serif;
    font-size: 0.7em;
    font-weight: 700;
    line-height: 1;
    color: var(--bg);
    letter-spacing: -0.01em;
}

.wotd-main-wrap .wotd-main-pos {
    font-family: 'Georgia', serif;
    font-size: 0.31em;
    color: var(--bg);
    opacity: 0.85;
    margin-top: 0.3em;
    line-height: 1;
    font-style: italic;
}

.wotd-main-wrap .wotd-main-body {
    font-size: inherit;
    line-height: inherit;
}

.wotd-main-wrap .wotd-main-senses {
    margin: 0;
    padding-inline-start: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 0.5em;
    font-size: inherit;
    line-height: inherit;
}

.wotd-main-wrap .wotd-main-sense {
    font-family: 'Georgia', serif;
    font-size: inherit;
    line-height: inherit;
    color: var(--text);
}

/* Example sentence — italicised quote sized smaller than the definition so
 * the eye reads definition first, example second. opacity dims it slightly
 * so it sits below the definition in the visual hierarchy. */
.wotd-main-wrap .wotd-main-example {
    font-family: 'Georgia', serif;
    font-size: 0.85em;
    line-height: 1.35;
    margin-top: 0.8em;
    color: var(--text);
    opacity: 0.78;
    text-align: start;
}