/* Every selector and custom property is scoped to VoteNest.
   Notebook paper treatment (Fatih YILDIZ reference) is baked into the base rules. */
.wpvotenest.wpvotenest {
    --wpvotenest-accent:#176b59;
    --wpvotenest-ink:#172d28;
    --wpvotenest-muted:#52615d;
    --wpvotenest-paper:#fffef5;
    --wpvotenest-rule:#d7e1e9;
    --wpvotenest-margin:#dc7772;
    --wpvotenest-notebook-ink:#2c4255;
    --wpvotenest-margin-width:38px;
    --wpvotenest-sticky-color:#ffe89a;
    --wpvotenest-sticky-text:#000000;
    --wpvotenest-sticky-rgb:255 232 154;
    --wpvotenest-mark-rgb:255 232 62;
    position:relative;
    display:block;
    isolation:isolate;
    box-sizing:border-box;
    width:100%;
    max-width:760px;
    min-width:0;
    margin:32px auto;
    padding:36px 26px 28px 60px;
    border:0;
    border-radius:0;
    background:transparent;
    color:var(--wpvotenest-notebook-ink);
    font-family:"WPVoteNestHand","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;
    font-size:16px;
    font-weight:400;
    font-style:normal;
    line-height:1.7;
    text-align:left;
    box-shadow:none;
    filter:drop-shadow(1px 3px 3px #303c4218);
}
.wpvotenest.wpvotenest *, .wpvotenest.wpvotenest *::before, .wpvotenest.wpvotenest *::after { box-sizing:border-box; }
.wpvotenest.wpvotenest p,.wpvotenest.wpvotenest fieldset,.wpvotenest.wpvotenest legend { margin:0; padding:0; border:0; background:none; }
.wpvotenest.wpvotenest p::before,.wpvotenest.wpvotenest p::after,.wpvotenest.wpvotenest label::before,.wpvotenest.wpvotenest label::after { content:none; }
.wpvotenest.wpvotenest .wpvotenest__title { font-size:clamp(23px,3.5vw,28px); font-weight:750; line-height:1.75; letter-spacing:.01em; white-space:pre-line; overflow-wrap:anywhere; text-decoration:none; }
.wpvotenest.wpvotenest .wpvotenest__description { margin-top:10px; color:var(--wpvotenest-muted); font-size:16px; white-space:pre-line; overflow-wrap:anywhere; }
.wpvotenest.wpvotenest .wpvotenest__description:empty { display:none; }
.wpvotenest.wpvotenest .wpvotenest__content { margin-top:24px; }
.wpvotenest.wpvotenest .wpvotenest__choices { display:flex; flex-direction:column; gap:10px; min-width:0; }
.wpvotenest.wpvotenest .wpvotenest__legend { float:none; width:100%; margin-bottom:12px; color:var(--wpvotenest-muted); font-size:13px; }
.wpvotenest.wpvotenest .wpvotenest__choice { display:flex; align-items:center; gap:12px; width:100%; min-height:54px; margin:0; padding:13px 16px; border:0; border-radius:0; background:transparent; cursor:pointer; font-size:15px; font-weight:500; line-height:1.6; transition:background .15s,border-color .15s; }
.wpvotenest.wpvotenest .wpvotenest__choice:hover,
.wpvotenest.wpvotenest .wpvotenest__choice:has(.wpvotenest__radio:checked) { background:transparent; box-shadow:none; }
.wpvotenest.wpvotenest .wpvotenest__radio { appearance:auto; -webkit-appearance:radio; display:block; position:static; flex:0 0 20px; width:20px; height:20px; padding:0; margin:0; opacity:1; accent-color:var(--wpvotenest-accent); cursor:pointer; }
.wpvotenest.wpvotenest .wpvotenest__choice-text { min-width:0; overflow-wrap:anywhere; }
.wpvotenest.wpvotenest .wpvotenest__sticky-button,.wpvotenest.wpvotenest .wpvotenest__retry { appearance:none; display:block; width:100%; min-height:50px; margin:20px 0 0; padding:13px 18px; border:1px solid transparent; border-radius:10px; background:var(--wpvotenest-ink); color:#fff; font:inherit; font-size:15px; font-weight:700; line-height:1.5; text-align:center; cursor:pointer; box-shadow:none; text-decoration:none; }
.wpvotenest.wpvotenest .wpvotenest__sticky-button:hover,.wpvotenest.wpvotenest .wpvotenest__retry:hover { background:#2c4b40; }
.wpvotenest.wpvotenest .wpvotenest__submit:disabled { opacity:.65; cursor:wait; }
.wpvotenest.wpvotenest :focus-visible { outline:3px solid #2271b1; outline-offset:4px; }
.wpvotenest.wpvotenest .wpvotenest__hint { margin-top:12px; color:var(--wpvotenest-muted); font-size:12px; text-align:center; }
.wpvotenest.wpvotenest .wpvotenest__policy { position:relative; margin:16px 5px 8px; padding:10px 12px; border:1px solid #0000000d; border-radius:2px 4px 3px 2px; background-color:var(--wpvotenest-policy-color,#fff0ad); background-image:none; color:var(--wpvotenest-policy-text,#000000); font-size:13px; line-height:1.45; overflow-wrap:anywhere; box-shadow:3px 3px 10px #0003,inset 0 -40px 40px #0000000d; transform:rotate(1deg); }
.wpvotenest.wpvotenest .wpvotenest__policy summary { display:flex; align-items:center; justify-content:space-between; gap:10px; cursor:pointer; list-style:none; }
.wpvotenest.wpvotenest .wpvotenest__policy summary::-webkit-details-marker { display:none; }
.wpvotenest.wpvotenest .wpvotenest__policy summary::marker { content:""; }
.wpvotenest.wpvotenest .wpvotenest__policy summary::before,
.wpvotenest.wpvotenest .wpvotenest__policy summary::after { content:none; }
.wpvotenest.wpvotenest .wpvotenest__policy-summary { min-width:0; }
.wpvotenest.wpvotenest .wpvotenest__policy-toggle { flex:0 0 18px; width:18px; height:14px; background:currentColor; transition:transform .15s ease; -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 14'%3E%3Cpath d='M2.2 3.1 C5.2 4.2 7.1 8.2 9.7 11.1 C12.3 8 14.6 3.5 17.8 2.5' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 14'%3E%3Cpath d='M2.2 3.1 C5.2 4.2 7.1 8.2 9.7 11.1 C12.3 8 14.6 3.5 17.8 2.5' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat; }
.wpvotenest.wpvotenest .wpvotenest__policy[open] .wpvotenest__policy-toggle { transform:rotate(180deg); }
.wpvotenest.wpvotenest .wpvotenest__policy-full { margin:8px 0 0; white-space:pre-line; }
.wpvotenest.wpvotenest .wpvotenest__policy--single summary { cursor:default; pointer-events:none; }
.wpvotenest.wpvotenest .wpvotenest__policy--single .wpvotenest__policy-toggle,
.wpvotenest.wpvotenest .wpvotenest__policy--single .wpvotenest__policy-full { display:none; }
@media (prefers-reduced-motion:reduce) { .wpvotenest.wpvotenest .wpvotenest__policy-toggle { transition:none; } }
.wpvotenest.wpvotenest .wpvotenest__result-head { display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; }
.wpvotenest.wpvotenest .wpvotenest__total { position:relative; margin-left:auto; padding:2px 4px 9px; font-size:16px; font-weight:600; text-align:right; text-decoration:none; }
/* Two separate uneven pen strokes, stretched to the answer-count label. */
.wpvotenest.wpvotenest .wpvotenest__total::after {
    content:"";
    position:absolute;
    right:0;
    bottom:0;
    width:100%;
    height:8px;
    background:var(--wpvotenest-double-line-color,#9ab8cf);
    -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 8' preserveAspectRatio='none'%3E%3Cpath d='M2 2.6 C20 1.3 34 3.3 52 2.2 S88 3 118 1.6 M3 6.4 C24 5.1 39 6.9 60 5.8 S94 6.8 117 5.5' fill='none' stroke='black' stroke-width='1.3' stroke-linecap='round'/%3E%3C/svg%3E") center / 100% 100% no-repeat;
    mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 8' preserveAspectRatio='none'%3E%3Cpath d='M2 2.6 C20 1.3 34 3.3 52 2.2 S88 3 118 1.6 M3 6.4 C24 5.1 39 6.9 60 5.8 S94 6.8 117 5.5' fill='none' stroke='black' stroke-width='1.3' stroke-linecap='round'/%3E%3C/svg%3E") center / 100% 100% no-repeat;
    pointer-events:none;
}
@media (forced-colors:active) { .wpvotenest.wpvotenest .wpvotenest__total::after { background:CanvasText; } }
.wpvotenest.wpvotenest .wpvotenest__thanks { margin-top:16px; font-weight:650; }
.wpvotenest.wpvotenest .wpvotenest__results { display:flex; flex-direction:column; gap:24px; margin-top:26px; }
.wpvotenest.wpvotenest .wpvotenest__result-label { display:flex; align-items:baseline; justify-content:space-between; gap:8px 16px; flex-wrap:wrap; margin-bottom:9px; font-size:14px; }
.wpvotenest.wpvotenest .wpvotenest__result-text { overflow-wrap:anywhere; min-width:0; }
.wpvotenest.wpvotenest .wpvotenest__result-value { margin-left:auto; font-variant-numeric:tabular-nums; font-size:13px; white-space:nowrap; font-weight:700; }
/* Hand-drawn graph: the fill width still represents the exact API percentage. */
.wpvotenest.wpvotenest .wpvotenest__track {
    height:25px;
    border:1.5px solid #708391;
    border-width:1.5px 1.3px 1.8px 1.6px;
    border-radius:3px 6px 4px 2px / 4px 3px 5px 3px;
    overflow:hidden;
    background:repeating-linear-gradient(90deg,transparent 0,transparent calc(25% - 1px),#70839120 calc(25% - 1px),#70839120 25%);
}
.wpvotenest.wpvotenest .wpvotenest__bar {
    height:100%;
    border-radius:2px 3px 2px 4px;
    background-color:var(--wpvotenest-accent);
    background-image:repeating-linear-gradient(125deg,transparent 0 3px,#ffffff66 3px 4px,transparent 4px 6px),repeating-linear-gradient(5deg,transparent 0 6px,#ffffff33 6px 7px,transparent 7px 10px);
    clip-path:polygon(0 5%,12% 1%,28% 6%,45% 0,63% 4%,81% 1%,100% 4%,99.5% 96%,84% 100%,65% 95%,48% 100%,30% 96%,12% 100%,0 94%);
    animation:wpvotenest-grow .65s cubic-bezier(.22,.61,.36,1);
    transform-origin:left;
}
.wpvotenest.wpvotenest .wpvotenest__error { padding:14px; margin-top:14px; border:1px solid #e4c3bd; border-radius:10px; background:#fff5f2; color:#74372b; font-size:14px; }
.wpvotenest.wpvotenest .wpvotenest__retry { width:auto; min-height:44px; margin-top:12px; }
.wpvotenest.wpvotenest .wpvotenest__announcement { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
@keyframes wpvotenest-grow { from { transform:scaleX(0); } to { transform:scaleX(1); } }
@media (max-width:600px) { .wpvotenest.wpvotenest { padding:34px 18px 24px 40px; margin:28px auto; border-radius:0; } }
@media (prefers-reduced-motion:reduce) { .wpvotenest.wpvotenest .wpvotenest__bar { animation:none; } .wpvotenest.wpvotenest .wpvotenest__choice { transition:none; } }

/* Notebook paper layers — Fatih YILDIZ reference; no page backdrop. */
.wpvotenest.wpvotenest .wpvotenest__form {
    margin:0;
    padding:0;
    border:0;
    background:transparent;
    color:inherit;
}
.wpvotenest.wpvotenest .wpvotenest__notebook-paper {
    position:absolute;
    inset:0;
    z-index:-1;
    border-radius:0 8px 8px 0;
    background:
        linear-gradient(90deg,transparent var(--wpvotenest-margin-width),var(--wpvotenest-margin) var(--wpvotenest-margin-width),var(--wpvotenest-margin) calc(var(--wpvotenest-margin-width) + 1px),transparent calc(var(--wpvotenest-margin-width) + 1px)),
        repeating-linear-gradient(transparent 0,transparent 27px,var(--wpvotenest-rule) 27px,var(--wpvotenest-rule) 28px),
        var(--wpvotenest-paper);
    -webkit-mask:radial-gradient(circle at 15px 14px,transparent 4px,#000 4.7px) 0 0 / 100% 28px;
    mask:radial-gradient(circle at 15px 14px,transparent 4px,#000 4.7px) 0 0 / 100% 28px;
    box-shadow:inset -1px 0 7px #6557420c;
    pointer-events:none;
}
.wpvotenest.wpvotenest .wpvotenest__notebook-tape {
    position:absolute;
    top:-10px;
    left:calc(50% - 46px);
    width:92px;
    height:25px;
    z-index:1;
    background:linear-gradient(125deg,#f9e3aabf,#f1d187b8);
    clip-path:polygon(2% 0,98% 2%,100% 93%,0 100%);
    box-shadow:0 1px 2px #6d54231a;
    transform:rotate(-4deg);
    pointer-events:none;
}
.wpvotenest.wpvotenest .wpvotenest__notebook-clip {
    position:absolute;
    top:-11px;
    right:25px;
    width:14px;
    height:39px;
    z-index:1;
    border:2px solid #ad645e;
    border-bottom:0;
    border-radius:9px 9px 0 0;
    transform:rotate(10deg);
    pointer-events:none;
}
.wpvotenest.wpvotenest .wpvotenest__notebook-clip::after {
    content:"";
    position:absolute;
    bottom:-8px;
    left:2px;
    width:7px;
    height:27px;
    border:2px solid #ad645e;
    border-top:0;
    border-radius:0 0 6px 6px;
}
.wpvotenest.wpvotenest .wpvotenest__form .wpvotenest__choices { gap:0; }
.wpvotenest.wpvotenest .wpvotenest__form .wpvotenest__legend {
    margin:0 0 14px;
    color:var(--wpvotenest-notebook-ink);
    font-size:13px;
    font-weight:400;
    line-height:28px;
    text-decoration:none;
    overflow-wrap:anywhere;
}
.wpvotenest.wpvotenest .wpvotenest__form .wpvotenest__choice {
    align-items:flex-start;
    gap:12px;
    min-height:56px;
    padding:14px 0;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
    color:var(--wpvotenest-notebook-ink);
    font-size:15px;
    line-height:28px;
}
.wpvotenest.wpvotenest .wpvotenest__form .wpvotenest__choice:hover,
.wpvotenest.wpvotenest .wpvotenest__form .wpvotenest__choice:has(.wpvotenest__radio:checked) { background:transparent; box-shadow:none; }
.wpvotenest.wpvotenest .wpvotenest__form .wpvotenest__radio {
    -webkit-appearance:none;
    appearance:none;
    flex:0 0 22px;
    width:22px;
    height:22px;
    margin:3px 0 0;
    border:1.5px solid var(--wpvotenest-notebook-ink);
    border-width:1.5px 1.8px 1.7px 1.3px;
    border-radius:3px 1px 4px 2px / 2px 4px 2px 3px;
    background:transparent;
    box-shadow:none;
    transform:rotate(-3deg);
}
/* Hand-drawn box inspired by https://codepen.io/theogainey/pen/MWrrLjG.
   The selected box uses overlapping pen strokes for a scribbled fill.
   Keep the native radio element for single selection and keyboard navigation. */
.wpvotenest.wpvotenest .wpvotenest__form .wpvotenest__radio:checked {
    border-color:var(--wpvotenest-notebook-ink);
    background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 7 L8 3 L3 12 L13 3 L3 17 L18 3 L4 21 L21 4 L9 21 L21 9 L14 21 L21 14 L19 21' fill='none' stroke='%232c4255' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 100% 100% no-repeat;
}
.wpvotenest.wpvotenest .wpvotenest__form .wpvotenest__choice-text { padding:0 3px; }
.wpvotenest.wpvotenest .wpvotenest__sticky-button {
    width:fit-content;
    max-width:100%;
    min-width:min(100%,240px);
    margin:0 0 0 auto;
    padding:13px 20px;
    border:1px solid rgb(var(--wpvotenest-sticky-rgb) / 80%);
    border-radius:2px 4px 3px 2px;
    background:var(--wpvotenest-sticky-color);
    box-shadow:3px 3px 10px #0003,inset 0 -40px 40px #0000000d;
    color:var(--wpvotenest-sticky-text);
    font-size:17px;
    transform:rotate(-1deg);
}
.wpvotenest.wpvotenest .wpvotenest__sticky-button:hover { background:var(--wpvotenest-sticky-color); border-color:rgb(var(--wpvotenest-sticky-rgb) / 80%); }
.wpvotenest.wpvotenest .wpvotenest__form .wpvotenest__hint { margin-top:17px; font-size:13px; line-height:1.8; color:#526170; }
@media (max-width:600px) {
    .wpvotenest.wpvotenest { --wpvotenest-margin-width:26px; }
    .wpvotenest.wpvotenest .wpvotenest__notebook-paper {
        -webkit-mask-image:radial-gradient(circle at 10px 14px,transparent 3px,#000 3.7px);
        mask-image:radial-gradient(circle at 10px 14px,transparent 3px,#000 3.7px);
    }
    .wpvotenest.wpvotenest .wpvotenest__notebook-clip { right:17px; }
    .wpvotenest.wpvotenest .wpvotenest__form .wpvotenest__choice { gap:8px; font-size:15px; line-height:1.4; min-height:0; padding:8px 0; }
    .wpvotenest.wpvotenest .wpvotenest__form .wpvotenest__legend { font-size:13px; line-height:1.45; margin-bottom:8px; }
    .wpvotenest.wpvotenest .wpvotenest__title { font-size:clamp(20px,5.2vw,23px); line-height:1.4; }
    .wpvotenest.wpvotenest .wpvotenest__description { font-size:14px; line-height:1.5; }
    .wpvotenest.wpvotenest .wpvotenest__sticky-button { width:100%; min-width:0; padding:10px 9px; font-size:15px; transform:none; }
    .wpvotenest.wpvotenest .wpvotenest__policy { padding:8px 10px; font-size:12px; line-height:1.4; }
    .wpvotenest.wpvotenest .wpvotenest__result-label { font-size:15px; }
}
@media (forced-colors:active) {
    .wpvotenest.wpvotenest .wpvotenest__form .wpvotenest__radio,
    .wpvotenest.wpvotenest .wpvotenest__form .wpvotenest__radio:checked { appearance:auto; background:none; transform:none; border:0; }
    .wpvotenest.wpvotenest .wpvotenest__form .wpvotenest__radio[type="checkbox"],
    .wpvotenest.wpvotenest .wpvotenest__form .wpvotenest__radio[type="checkbox"]:checked { -webkit-appearance:checkbox; }
    .wpvotenest.wpvotenest .wpvotenest__form .wpvotenest__radio:not([type="checkbox"]) { -webkit-appearance:radio; }
    .wpvotenest.wpvotenest .wpvotenest__policy { border:1px solid CanvasText; }
    .wpvotenest.wpvotenest .wpvotenest__policy-toggle { background:CanvasText; }
}

/* Yomogi by Satsuyako, bundled under SIL OFL 1.1; no third-party font request. */
@font-face {
    font-family:"WPVoteNestHand";
    src:url("fonts/Yomogi-Regular.woff2") format("woff2");
    font-style:normal;
    font-weight:400;
    font-display:swap;
}
.wpvotenest.wpvotenest .wpvotenest__form .wpvotenest__choice { font-size:18px; }
.wpvotenest.wpvotenest .wpvotenest__form .wpvotenest__legend { font-size:15px; }
.wpvotenest.wpvotenest .wpvotenest__result-label { font-size:17px; }
.wpvotenest.wpvotenest .wpvotenest__result-value { font-size:16px; color:var(--wpvotenest-notebook-ink); }
.wpvotenest.wpvotenest .wpvotenest__notebook-tape { background:linear-gradient(125deg,rgb(var(--wpvotenest-sticky-rgb) / 80%),rgb(var(--wpvotenest-sticky-rgb) / 65%)); }
/* Keep the existing drawing motion; marker.css supplies the shared ink style. */
.wpvotenest.wpvotenest .wpvotenest__submit-guide .wpvotenest__marker,
.wpvotenest.wpvotenest .wpvotenest__choice-guide .wpvotenest__marker,
.wpvotenest.wpvotenest .wpvotenest__title .wpvotenest__marker,
.wpvotenest.wpvotenest .wpvotenest__thanks .wpvotenest__marker,
.wpvotenest.wpvotenest .wpvotenest__radio:checked + .wpvotenest__choice-text .wpvotenest__marker {
    animation:wpvotenest-marker-draw .65s cubic-bezier(.22,.61,.36,1) both;
}
/* Animate only the ink backgrounds; the text remains readable throughout. */
@keyframes wpvotenest-marker-draw {
    from { background-size:0% 100%,0% 100%,0% 100%; }
    to { background-size:100% 100%,100% 100%,100% 100%; }
}
@media (prefers-reduced-motion:reduce) {
    .wpvotenest.wpvotenest .wpvotenest__submit-guide .wpvotenest__marker,
.wpvotenest.wpvotenest .wpvotenest__choice-guide .wpvotenest__marker,
.wpvotenest.wpvotenest .wpvotenest__title .wpvotenest__marker,
    .wpvotenest.wpvotenest .wpvotenest__thanks .wpvotenest__marker,
    .wpvotenest.wpvotenest .wpvotenest__radio:checked + .wpvotenest__choice-text .wpvotenest__marker { animation:none; }
}
@media (forced-colors:active) {
    .wpvotenest.wpvotenest .wpvotenest__marker { background:none; }
    .wpvotenest.wpvotenest .wpvotenest__track { border-color:CanvasText; }
    .wpvotenest.wpvotenest .wpvotenest__bar { background:Highlight; forced-color-adjust:none; clip-path:none; }
}

/* South-west arrow adapted from neat-annotations (MIT); see assets/licenses/. */
.wpvotenest.wpvotenest .wpvotenest__submit-guide,
.wpvotenest.wpvotenest .wpvotenest__choice-guide {
    position:relative;
    height:auto;
    min-height:30px;
    padding-bottom:6px;
    padding-left:50px;
    filter:var(--wpvotenest-wiggle-filter,none);
    color:#3b72c4;
    font-size:15px;
    line-height:24px;
    pointer-events:none;
}
.wpvotenest.wpvotenest .wpvotenest__submit-guide::before,
.wpvotenest.wpvotenest .wpvotenest__choice-guide::before {
    content:"";
    position:absolute;
    left:5px;
    top:auto;
    bottom:-17px;
    width:46px;
    height:38px;
    background:currentColor;
    -webkit-mask:url("data:image/svg+xml,%3Csvg width='46' height='38' viewBox='0 0 46 38' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M40 6 C30 8 18 20 6 32' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M10 22 L6 32 L16 28' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
    mask:url("data:image/svg+xml,%3Csvg width='46' height='38' viewBox='0 0 46 38' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M40 6 C30 8 18 20 6 32' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round'/%3E%3Cpath d='M10 22 L6 32 L16 28' fill='none' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
    pointer-events:none;
}
.wpvotenest.wpvotenest .wpvotenest__choice-guide-text { display:inline-block; max-width:100%; overflow-wrap:anywhere; transform:rotate(-4deg); }
/* Keep the controls stationary when the guidance disappears after selection. */
.wpvotenest.wpvotenest .wpvotenest__choices:has(.wpvotenest__radio:checked) .wpvotenest__choice-guide { visibility:hidden; }
@media (forced-colors:active) {
    .wpvotenest.wpvotenest .wpvotenest__submit-guide,
.wpvotenest.wpvotenest .wpvotenest__choice-guide { color:CanvasText; }
    .wpvotenest.wpvotenest .wpvotenest__submit-guide::before,
.wpvotenest.wpvotenest .wpvotenest__choice-guide::before { forced-color-adjust:none; }
}

.wpvotenest.wpvotenest .wpvotenest__submit-area { width:fit-content; max-width:100%; margin:0 0 0 auto; }
.wpvotenest.wpvotenest .wpvotenest__form .wpvotenest__submit-area .wpvotenest__submit { width:100%; margin:0; }
/* Reserve the guide space so the notebook contents do not shift on selection. */
.wpvotenest.wpvotenest .wpvotenest__submit-guide { display:block; visibility:hidden; width:max-content; max-width:100%; min-height:42px; height:auto; padding-bottom:18px; margin-left:auto; margin-right:4px; padding-right:2px; }
.wpvotenest.wpvotenest .wpvotenest__form:has(.wpvotenest__radio:checked) .wpvotenest__submit-guide { visibility:visible; }
.wpvotenest.wpvotenest .wpvotenest__form:not(:has(.wpvotenest__radio:checked)) .wpvotenest__submit-guide .wpvotenest__marker { animation:none; }
.wpvotenest.wpvotenest .wpvotenest__form:has(.wpvotenest__submit:disabled) .wpvotenest__submit-guide { visibility:hidden; }
@media (max-width:600px) {
    .wpvotenest.wpvotenest .wpvotenest__submit-area { width:100%; }
}

/* Corner peel inspired by https://codepen.io/bsehovac/pen/gvejKK.
   Only the paper layers change shape; the native button and its label stay put. */
@property --wpvotenest-peel-rest {
    syntax:'<length>';
    inherits:true;
    initial-value:28px;
}
@property --wpvotenest-peel-open {
    syntax:'<length>';
    inherits:true;
    initial-value:0px;
}
.wpvotenest.wpvotenest .wpvotenest__sticky-button,
.wpvotenest.wpvotenest .wpvotenest__sticky-button:hover {
    --wpvotenest-peel-size:max(var(--wpvotenest-peel-rest),var(--wpvotenest-peel-open));
    position:relative;
    isolation:isolate;
    background:transparent;
    border-color:transparent;
    box-shadow:none;
    min-height:64px;
    padding-inline:56px;
    filter:drop-shadow(3px 3px 5px #0003);
    animation:wpvotenest-peel-idle 3.6s ease-in-out infinite;
    transition:--wpvotenest-peel-open .45s ease-in-out;
}
.wpvotenest.wpvotenest .wpvotenest__sticky-button::before {
    content:"";
    position:absolute;
    inset:-1px;
    z-index:-1;
    border-radius:inherit;
    background:var(--wpvotenest-sticky-color);
    box-shadow:inset 0 -40px 40px #0000000d;
    clip-path:polygon(0 0,100% 0,100% calc(100% - var(--wpvotenest-peel-size)),calc(100% - var(--wpvotenest-peel-size)) 100%,0 100%);
    pointer-events:none;
}
.wpvotenest.wpvotenest .wpvotenest__sticky-button::after {
    content:"";
    position:absolute;
    right:-1px;
    bottom:-1px;
    width:var(--wpvotenest-peel-size);
    height:var(--wpvotenest-peel-size);
    /* The opaque paper back covers the label where the corner folds over. */
    z-index:1;
    background:var(--wpvotenest-sticky-color);
    background:color-mix(in srgb,var(--wpvotenest-sticky-color) 76%,#000);
    clip-path:polygon(0 0,100% 0,0 100%);
    border-radius:2px 0 0 0;
    pointer-events:none;
}
@keyframes wpvotenest-peel-idle {
    0%,100% { --wpvotenest-peel-rest:28px; }
    36%,64% { --wpvotenest-peel-rest:52px; }
}
@media (hover:hover) and (pointer:fine) {
    .wpvotenest.wpvotenest .wpvotenest__sticky-button:hover:not(:disabled) { --wpvotenest-peel-open:56px; }
}
.wpvotenest.wpvotenest .wpvotenest__sticky-button:focus-visible:not(:disabled),
.wpvotenest.wpvotenest .wpvotenest__sticky-button:active:not(:disabled) { --wpvotenest-peel-open:56px; }
.wpvotenest.wpvotenest .wpvotenest__sticky-button:disabled {
    animation:none;
    --wpvotenest-peel-rest:8px;
    --wpvotenest-peel-open:0px;
}
@media (prefers-reduced-motion:reduce) {
    .wpvotenest.wpvotenest .wpvotenest__sticky-button,
    .wpvotenest.wpvotenest .wpvotenest__sticky-button:hover { animation:none; transition:none; --wpvotenest-peel-size:12px; }
}
@media (forced-colors:active) {
    .wpvotenest.wpvotenest .wpvotenest__sticky-button,
    .wpvotenest.wpvotenest .wpvotenest__sticky-button:hover { animation:none; transition:none; filter:none; background:ButtonFace; color:ButtonText; border:1px solid ButtonText; }
    .wpvotenest.wpvotenest .wpvotenest__sticky-button::before,
    .wpvotenest.wpvotenest .wpvotenest__sticky-button::after { content:none; }
}

/* Small ink doodles; SVG noise animates only the decorative strokes. */
.wpvotenest.wpvotenest .wpvotenest__doodles { position:absolute; inset:0; pointer-events:none; }
.wpvotenest.wpvotenest .wpvotenest__doodle-defs { position:absolute; width:0; height:0; overflow:hidden; }
.wpvotenest.wpvotenest .wpvotenest__doodle { position:absolute; display:block; width:30px; height:30px; overflow:visible; pointer-events:none; }
.wpvotenest.wpvotenest .wpvotenest__doodle-slot--top_right { top:4px; right:54px; color:#bd922b; transform:rotate(9deg); }
.wpvotenest.wpvotenest .wpvotenest__doodle--flower { color:#cf7897; }
.wpvotenest.wpvotenest .wpvotenest__doodle-stem { color:var(--wpvotenest-stem-color,#60976b); }
.wpvotenest.wpvotenest .wpvotenest__doodle--heart { color:#caa331; }
@media (prefers-reduced-motion:reduce) {
    .wpvotenest.wpvotenest .wpvotenest__doodle g { filter:none; }
}
@media (forced-colors:active) {
    .wpvotenest.wpvotenest .wpvotenest__doodle,
    .wpvotenest.wpvotenest .wpvotenest__doodle-stem { color:CanvasText; }
}

@media (prefers-reduced-motion:reduce) {
    .wpvotenest.wpvotenest .wpvotenest__choice-guide,
    .wpvotenest.wpvotenest .wpvotenest__submit-guide { filter:none; }
}

/* Compact notebook header; the right illustration stays in the top-right corner. */
.wpvotenest.wpvotenest { padding-top:64px; padding-bottom:28px; }
.wpvotenest.wpvotenest .wpvotenest__doodle-slot--top_right { width:64px; height:64px; top:-8px; }
@media (max-width:600px) {
    .wpvotenest.wpvotenest { padding-top:56px; padding-bottom:24px; }
    .wpvotenest.wpvotenest .wpvotenest__doodle-slot--top_right { width:54px; height:54px; top:-6px; }
}
@media (forced-colors:active) {
    .wpvotenest.wpvotenest .wpvotenest__doodle { color:CanvasText; }
}

.wpvotenest.wpvotenest .wpvotenest__submit-guide::before { bottom:1px; }
.wpvotenest.wpvotenest .wpvotenest__choice-guide[hidden],
.wpvotenest.wpvotenest .wpvotenest__submit-guide[hidden],
.wpvotenest.wpvotenest .wpvotenest__doodle[hidden] { display:none; }

/* Hand-lettered instruction with a slightly irregular ink wave. */
.wpvotenest.wpvotenest .wpvotenest__legend-text { position:relative; display:inline-block; max-width:100%; padding-bottom:4px; font:inherit; }
.wpvotenest.wpvotenest .wpvotenest__legend-text::after {
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:8px;
    background:var(--wpvotenest-wave-line-color,#9ab8cf);
    -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 8'%3E%3Cpath d='M0 4 C4 0 7 1 10 4 S16 8 20 4 S26 0 30 4 S37 7 40 4 S46 1 50 4 S57 8 60 4 S67 0 70 4 S77 8 80 4' fill='none' stroke='black' stroke-width='1.25' stroke-linecap='round'/%3E%3C/svg%3E") left bottom / 80px 8px repeat-x;
    mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 8'%3E%3Cpath d='M0 4 C4 0 7 1 10 4 S16 8 20 4 S26 0 30 4 S37 7 40 4 S46 1 50 4 S57 8 60 4 S67 0 70 4 S77 8 80 4' fill='none' stroke='black' stroke-width='1.25' stroke-linecap='round'/%3E%3C/svg%3E") left bottom / 80px 8px repeat-x;
    pointer-events:none;
}
@media (forced-colors:active) {
    .wpvotenest.wpvotenest .wpvotenest__legend-text::after { background:CanvasText; }
}

.wpvotenest.wpvotenest .wpvotenest__doodle-left-group { position:absolute; top:18px; left:54px; display:flex; align-items:center; gap:8px; }
.wpvotenest.wpvotenest .wpvotenest__doodle-left-group .wpvotenest__doodle { position:static; width:34px; height:34px; flex:none; transform:rotate(-7deg); }
.wpvotenest.wpvotenest .wpvotenest__doodle-left-group .wpvotenest__doodle-slot--top_left_second { transform:rotate(6deg); }
.wpvotenest.wpvotenest .wpvotenest__heading { min-width:0; }
@media (max-width:600px) {
    .wpvotenest.wpvotenest .wpvotenest__doodle-left-group { left:40px; gap:6px; }
    .wpvotenest.wpvotenest .wpvotenest__doodle-left-group .wpvotenest__doodle { width:30px; height:30px; }
}

/* Sequential surveys keep the notebook in place while each answer is saved. */
.wpvotenest.wpvotenest .wpvotenest__progress { margin:0 0 16px; text-align:right; font-size:16px; font-weight:700; }
.wpvotenest.wpvotenest .wpvotenest__auto-hint { margin:8px 0 0; font-size:13px; line-height:1.8; }
.wpvotenest.wpvotenest .wpvotenest__saving { margin:16px 0 0; font-size:14px; }
.wpvotenest.wpvotenest .wpvotenest__question-result { margin:24px 0 0; padding:0; border:0; background:none; }
.wpvotenest.wpvotenest .wpvotenest__question-result-title { display:block; margin:0 0 16px; padding:0; border:0; background:none; box-shadow:none; font:700 20px/1.7 'WPVoteNestHand',cursive; color:inherit; overflow-wrap:anywhere; }
.wpvotenest.wpvotenest .wpvotenest__question-result-title::before,
.wpvotenest.wpvotenest .wpvotenest__question-result-title::after { content:none; }
.wpvotenest.wpvotenest .wpvotenest__question-result .wpvotenest__result-head { margin:0 0 20px; }
.wpvotenest.wpvotenest.wpvotenest--sequence .wpvotenest__policy { margin-top:30px; }
.wpvotenest.wpvotenest .wpvotenest__title:focus-visible { outline:2px dashed currentColor; outline-offset:5px; }

.wpvotenest.wpvotenest.wpvotenest--sequence .wpvotenest__title { scroll-margin-top:100px; }
.wpvotenest.wpvotenest .wpvotenest__question-result .wpvotenest__result { margin-bottom:20px; }
.wpvotenest.wpvotenest .wpvotenest__question-result .wpvotenest__result:last-child { margin-bottom:0; }

/* Fade only the changing content; paper, decorations and policy stay visible. */
.wpvotenest.wpvotenest .wpvotenest__stage { display:flow-root; min-width:0; }
.wpvotenest.wpvotenest .wpvotenest__stage--changing { overflow:clip; pointer-events:none; }

/* Long-answer questions use one column. Short answers can share a row when space allows. */
.wpvotenest.wpvotenest .wpvotenest__choice-list {
    display:grid;
    grid-template-columns:minmax(0,1fr);
    gap:0 24px;
    min-width:0;
    width:100%;
}
/* The notebook is at most 760px wide, allowing no more than two 240px tracks. */
.wpvotenest.wpvotenest .wpvotenest__choice-list--compact {
    grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));
}
.wpvotenest.wpvotenest .wpvotenest__form .wpvotenest__choice-list .wpvotenest__choice {
    display:grid;
    grid-template-columns:22px minmax(0,1fr);
    align-items:start;
    align-content:start;
    min-width:0;
}
.wpvotenest.wpvotenest .wpvotenest__choice-list .wpvotenest__choice-text {
    display:block;
    white-space:normal;
    overflow-wrap:anywhere;
    word-break:normal;
}

/* Hand-drawn result disclosures keep ten-question summaries compact. */
.wpvotenest.wpvotenest.wpvotenest--sequence .wpvotenest__results { gap:4px; }
.wpvotenest.wpvotenest details.wpvotenest__question-result {
    min-width:0; margin:0; padding:0; border:0;
    border-radius:0; background:transparent;
}
.wpvotenest.wpvotenest .wpvotenest__result-summary {
    display:grid; grid-template-columns:minmax(0,1fr) auto 24px; gap:0 10px;
    align-items:center; margin:0; padding:6px 0; min-height:48px;
    border:0; background:transparent; color:inherit; list-style:none; cursor:pointer;
}
.wpvotenest.wpvotenest .wpvotenest__result-summary::-webkit-details-marker { display:none; }
.wpvotenest.wpvotenest .wpvotenest__result-summary::before,
.wpvotenest.wpvotenest .wpvotenest__result-summary::after { content:none; }
.wpvotenest.wpvotenest .wpvotenest__result-summary .wpvotenest__question-result-title { grid-column:1; margin:0; font-size:18px; font-weight:600; }
.wpvotenest.wpvotenest .wpvotenest__question-result:not([open]) .wpvotenest__question-result-title { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; }
.wpvotenest.wpvotenest .wpvotenest__result-summary .wpvotenest__total { grid-column:2; justify-self:end; margin:0; padding:0 2px 7px; font-size:12px; white-space:nowrap; }
.wpvotenest.wpvotenest .wpvotenest__result-toggle { grid-column:3; grid-row:1; position:relative; width:24px; height:24px; color:var(--wpvotenest-notebook-ink); }
.wpvotenest.wpvotenest .wpvotenest__result-toggle::before,
.wpvotenest.wpvotenest .wpvotenest__result-toggle::after {
    content:""; position:absolute; inset:0; background:currentColor;
    -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 12 Q11 10.5 20 12.5' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;
    mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 12 Q11 10.5 20 12.5' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;
}
.wpvotenest.wpvotenest .wpvotenest__result-toggle::after { transform:rotate(88deg); }
.wpvotenest.wpvotenest .wpvotenest__question-result[open] .wpvotenest__result-toggle::after { display:none; }
.wpvotenest.wpvotenest .wpvotenest__result-body { padding:4px 0 12px; }
.wpvotenest.wpvotenest .wpvotenest__question-result[open] > .wpvotenest__result-body { animation:wpvotenest-result-reveal .28s ease-out; }
@keyframes wpvotenest-result-reveal { from { opacity:0; } to { opacity:1; } }
@media (max-width:600px) {
    .wpvotenest.wpvotenest .wpvotenest__result-summary { gap:0 6px; }
    .wpvotenest.wpvotenest .wpvotenest__result-summary .wpvotenest__question-result-title { font-size:15px; line-height:1.4; }
    .wpvotenest.wpvotenest .wpvotenest__result-body { padding:4px 0 10px; }
}
@media (prefers-reduced-motion:reduce) { .wpvotenest.wpvotenest .wpvotenest__question-result[open] > .wpvotenest__result-body { animation:none; } }
@media (forced-colors:active) { .wpvotenest.wpvotenest .wpvotenest__result-toggle { color:ButtonText; } }

/* Reveal the other question results only when the reader asks for them. */
.wpvotenest.wpvotenest .wpvotenest__result-more { display:grid; gap:4px; min-width:0; }
.wpvotenest.wpvotenest .wpvotenest__result-more[hidden] { display:none; }
.wpvotenest.wpvotenest .wpvotenest__result-more:not([hidden]) { animation:wpvotenest-result-reveal .28s ease-out; }
.wpvotenest.wpvotenest .wpvotenest__results-more { margin:20px auto 0; }
@media (prefers-reduced-motion:reduce) { .wpvotenest.wpvotenest .wpvotenest__result-more:not([hidden]) { animation:none; } }