/* Contrast, keyboard focus and motion preferences shared by the pages. */
:root{--muted:#52655c}
body{font-family:'DM Sans',system-ui,'Segoe UI',Arial,sans-serif}
.han{font-family:'Noto Sans SC','Microsoft YaHei','SimSun',sans-serif}
.hint,.tiny,.pane-title,#strokeStatus,.news-context-status,.news-context>small,.stroke-label,.foot,.foot a,.dictation-message,.dictation-suggestion-count,.worksheet-preview-summary{color:#52655c!important}
input::placeholder,textarea::placeholder{color:#52655c!important;opacity:1}
.previewtitle>span,.dictation-mode-tabs>span,.dictation-mode-tabs small{color:#52655c!important}
.nav-tab,.tab,.fieldlabel,.sentence-stroke-controls,.stroke-display-controls,.dictation-controls{color:#40594d}
input,textarea,select{border-color:#72867a!important}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid #155c42!important;outline-offset:3px!important}
button,a,input,select,textarea{scroll-margin-block:24px}
.skip-link{position:absolute;top:-100px;left:16px;z-index:10000;background:#fff;color:#215c4b;padding:12px;border:2px solid #215c4b;border-radius:6px}
.skip-link:focus{top:12px}
.privacy-examples{margin-bottom:16px;padding:14px;border:1px solid #72867a;border-radius:8px;background:#f4f8f5;color:#202d2a}
.privacy-examples label{display:flex;gap:8px;align-items:center;font-weight:700;cursor:pointer}
.privacy-examples input{width:20px;height:20px;flex:none}
.privacy-examples p{margin:8px 0 0;font-size:14px;line-height:1.5;color:#40594d}
.foot nav{display:flex;justify-content:center;flex-wrap:wrap;gap:10px 20px}
.foot nav a{padding:6px 0;text-underline-offset:3px}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media print{.skip-link,.privacy-examples{display:none!important}}

