/* 意见反馈 on every page (feedback.js): the footer link, and the question at the end of a lesson.
   The feedback page itself is feedback-page.css. */
/* The sidebar row sits under 设置; the tutorial pages' old nav hides plain links, so it is shown like 设置 and 消息. */
#drawer-navigation.journey-old-nav>a[data-feedback-entry]{display:flex}
.s2s-feedback-footer{font-size:inherit}
.s2s-feedback-footer a{color:inherit;text-underline-offset:3px}

/* End of a lesson (:is(html,#s2s) lifts these above the site's general button and field styles): one quiet line, two pill answers; the chosen one fills in, the thumb gives a nod. */
:is(html,#s2s) .s2s-vote{margin-top:28px;padding-top:22px;border-top:1px solid color-mix(in srgb,var(--ink,#000) 9%,transparent);text-align:left;color:var(--ink,#000)}
:is(html,#s2s) .s2s-vote :is(p,form){margin:0}
:is(html,#s2s) .s2s-vote-q{font-size:15px;font-weight:600}
:is(html,#s2s) .s2s-vote-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
:is(html,#s2s) .s2s-vote-row button{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 15px 0 12px;border:0;border-radius:999px;background:color-mix(in srgb,var(--ink,#000) 6%,var(--bg,#fff));color:var(--ink,#000);font:inherit;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s ease,color .2s ease,transform .3s var(--spring-soft,ease);-webkit-tap-highlight-color:transparent}
:is(html,#s2s) .s2s-vote-row svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
:is(html,#s2s) .s2s-vote-row .is-down svg{transform:scaleY(-1)}
@media(hover:hover){:is(html,#s2s) .s2s-vote-row button:hover{background:color-mix(in srgb,var(--ink,#000) 10%,var(--bg,#fff))}}
:is(html,#s2s) .s2s-vote-row button:active{transform:scale(.96)}
:is(html,#s2s) .s2s-vote-row button[aria-pressed=true]{background:var(--ink,#000);color:var(--bg,#fff)}
:is(html,#s2s) .s2s-vote-row button[aria-pressed=true] svg{animation:s2s-nod .55s var(--spring,ease)}
:is(html,#s2s) .s2s-vote-row .is-down[aria-pressed=true] svg{animation-name:s2s-nod-down}
:is(html,#s2s) .s2s-vote-row button:focus-visible{outline:2px solid var(--ink,#000);outline-offset:2px}
:is(html,#s2s) .s2s-vote.is-busy .s2s-vote-row,:is(html,#s2s) .s2s-vote.is-busy form{opacity:.6;pointer-events:none}
:is(html,#s2s) .s2s-vote-more{display:flex;align-items:flex-end;gap:8px;margin-top:12px!important;animation:s2s-in .4s var(--spring-soft,ease) both}
:is(html,#s2s) .s2s-vote-more textarea{flex:1;box-sizing:border-box;min-height:44px;padding:11px 14px;border:0;border-radius:14px;background:color-mix(in srgb,var(--ink,#000) 5%,var(--bg,#fff));color:inherit;font:inherit;font-size:15px;line-height:1.5;resize:vertical;outline:0;transition:box-shadow .2s ease,background-color .2s ease}
:is(html,#s2s) .s2s-vote-more textarea:focus{background:var(--bg,#fff);box-shadow:0 0 0 1.5px color-mix(in srgb,var(--ink,#000) 22%,transparent)}
:is(html,#s2s) .s2s-vote-more button{flex:none;height:44px;padding:0 18px;border:0;border-radius:999px;background:var(--ink,#000);color:var(--bg,#fff);font:inherit;font-size:14px;font-weight:600;cursor:pointer}
:is(html,#s2s) .s2s-vote-more button:focus-visible{outline:2px solid var(--ink,#000);outline-offset:2px}
:is(html,#s2s) .s2s-vote-note{min-height:1px;margin-top:10px!important;font-size:13px;color:var(--muted,#6e6e73)}
:is(html,#s2s) .s2s-vote-note:empty{margin-top:0!important}
:is(html,#s2s) .s2s-vote [hidden]{display:none!important}
@keyframes s2s-nod{0%{transform:none}35%{transform:rotate(-14deg) translateY(-2px)}100%{transform:none}}
@keyframes s2s-nod-down{0%{transform:scaleY(-1)}35%{transform:scaleY(-1) rotate(14deg) translateY(2px)}100%{transform:scaleY(-1)}}
@keyframes s2s-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}