/* Precision reading shares the product theme and shell; only the workspace has its own layout. */
body.sentence-study-page {
  --ss-ink: var(--ink);
  --ss-muted: var(--muted);
  --ss-line: var(--line);
  --ss-green: var(--green);
  --ss-head: 72px;
  --ss-bottom: 30px;
  background: var(--paper);
  color: var(--ss-ink);
  font-weight: 500;
}
body.sentence-study-page #mainContent { width: calc(100% - 76px); max-width: 1640px; margin: 0 auto; min-height: 0; padding: 0; }
body.sentence-study-page .sentence-studio { --studio-space: clamp(18px, 2.2vh, 28px); max-width: none; height: 100%; min-height: 0; padding: 0; color: var(--ss-ink); display: grid; grid-template-rows: 122px 62px minmax(0, 1fr) 56px; gap: 16px; }
body.sentence-study-page .sentence-studio button { font-family: inherit; }
body.sentence-study-page .sentence-studio button:focus-visible { outline: 2px solid var(--ss-green); outline-offset: 3px; }
body.sentence-study-page .sentence-studio button:disabled { cursor: default; }
body.sentence-study-page .ss-header { display: flex; justify-content: space-between; align-items: center; min-width: 0; height: auto; margin: 0; gap: 18px; }
body.sentence-study-page .ss-header h1 { color: var(--ss-ink); font-family: inherit; font-size: 31px; font-weight: 700; line-height: 1.3; letter-spacing: -.035em; margin: 0 0 8px; }
body.sentence-study-page .ss-header p { margin: 0; color: var(--ss-muted); font-size: 14px; }
body.sentence-study-page .ss-header-actions { display: flex; align-items: center; gap: 12px; }
body.sentence-study-page .sentence-studio .button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 36px; padding: 8px 12px; border: 1px solid transparent; border-radius: 8px; box-shadow: none; font-size: 13px; font-weight: 600; text-decoration: none; }
body.sentence-study-page .sentence-studio .button.text { color: var(--ink-2); background: transparent; }
body.sentence-study-page .sentence-studio .button.text:hover { background: var(--green-soft); color: var(--ss-green); transform: none; }
body.sentence-study-page .sentence-studio .button.primary { color: #fff; background: #24553e; min-height: 44px; min-width: 152px; padding: 11px 22px; font-size: 14px; font-weight: 600; }
body.sentence-study-page .sentence-studio .button.primary:hover:not(:disabled) { background: #0c4e3e; transform: none; }
body.sentence-study-page .sentence-studio .button.primary:disabled { opacity: .65; }
body.sentence-study-page .sentence-studio .button.ghost { background: #fff; border-color: var(--line-dark); color: var(--ss-green); }
body.sentence-study-page .ss-header-actions b { font-size: 10px; border-radius: 3px; background: #edf3f1; padding: 2px 5px; }
body.sentence-study-page .sentence-studio .ui-icon { width: 18px; height: 18px; stroke-width: 1.6; }
body.sentence-study-page .ss-source-bar { display: flex; align-items: center; gap: 18px; padding: 9px 14px; border: 1px solid var(--ss-line); background: #fff; border-radius: 12px; min-width: 0; }
body.sentence-study-page .ss-exam-tabs { display: flex; gap: 3px; background: var(--surface-2); padding: 3px; border-radius: 8px; }
body.sentence-study-page .ss-exam-tabs button { min-width: 55px; min-height: 34px; border: 0; border-radius: 4px; padding: 6px 10px; background: transparent; color: var(--ink-2); font-size: 13px; font-weight: 600; cursor: pointer; }
body.sentence-study-page .ss-exam-tabs button[aria-pressed=true] { background: var(--ss-green); color: #fff; }
body.sentence-study-page .ss-source-kind { border-left: 1px solid var(--ss-line); padding-left: 18px; font-size: 12px; color: var(--ss-muted); white-space: nowrap; }
body.sentence-study-page .ss-position { font-variant-numeric: tabular-nums; display: flex; gap: 5px; white-space: nowrap; font-size: 12px; color: var(--ss-muted); }
body.sentence-study-page .ss-position b { color: var(--ss-ink); font-weight: 600; }
body.sentence-study-page .ss-source-actions { margin-left: auto; display: flex; align-items: center; gap: 14px; }
body.sentence-study-page .ss-next { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; padding: 0; border: 0; border-radius: 50%; background: var(--ss-green); color: #fff; cursor: pointer; }
body.sentence-study-page .ss-next:hover { background: #0c4e3e; }
body.sentence-study-page .ss-next:disabled { opacity: .5; }
body.sentence-study-page .ss-layout { display: block; height: 100%; min-height: 0; }
body.sentence-study-page .ss-work { height: 100%; min-width: 0; min-height: 0; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); gap: 0; border: 1px solid var(--ss-line); border-radius: 12px; overflow: hidden; background: #fff; }
body.sentence-study-page .ss-card { min-height: 0; min-width: 0; background: #fff; border: 0; border-radius: 0; padding: var(--studio-space) 26px; box-shadow: none; overflow: hidden; }
body.sentence-study-page .ss-original { display: grid; grid-template-rows: auto minmax(0, 1fr) auto; gap: 18px; border-right: 1px solid var(--ss-line); }
body.sentence-study-page .ss-step { display: flex; align-items: center; gap: 11px; min-height: 36px; padding: 0 0 16px; border-bottom: 1px solid var(--ss-line); }
body.sentence-study-page .ss-step>span { color: var(--ss-muted); font: 400 22px/1 Georgia, 'Times New Roman', serif; }
body.sentence-study-page .ss-step h2 { color: var(--ss-ink); font-size: 15px; font-weight: 650; margin: 0; flex: 1; }
body.sentence-study-page .ss-step .button { color: var(--ss-muted); font-size: 12px; padding: 0 0 0 6px; min-height: 24px; }
body.sentence-study-page .ss-reading-area { display: flex; flex-direction: column; min-height: 0; overflow: auto; overscroll-behavior: contain; scrollbar-width: thin; }
body.sentence-study-page .ss-source { flex-shrink: 0; color: var(--ss-muted); font-size: 10px; font-weight: 400; margin: 0 0 13px; line-height: 1.5; }
body.sentence-study-page .ss-source a { color: #566b70; text-decoration: underline; text-underline-offset: 3px; }
body.sentence-study-page .ss-words { color: var(--ss-ink); padding: 0 0 12px; font: 400 clamp(25px, 2.1vw, 36px)/1.6 Georgia, 'Times New Roman', serif; letter-spacing: -.025em; overflow-wrap: anywhere; }
body.sentence-study-page .ss-words button { display: inline; min-height: 0; padding: 0 1px; border: 0; border-bottom: 2px solid transparent; border-radius: 2px 2px 0 0; background: transparent; color: inherit; font: inherit; line-height: inherit; cursor: pointer; letter-spacing: inherit; transition: background .12s; box-shadow: none; }
body.sentence-study-page .ss-words button:hover:not(:disabled) { background: #f1f6f4; }
body.sentence-study-page .ss-words button.marked { background: #eff6f3; border-bottom-color: #7aa798; }
body.sentence-study-page .ss-words button.selecting { background: #e3f0ed; border-bottom-color: var(--ss-green); box-shadow: none; }
body.sentence-study-page .ss-structure { min-width: 0; }
body.sentence-study-page .ss-instruction { display: flex; flex-wrap: wrap; gap: 3px 8px; align-items: center; justify-content: space-between; color: var(--ss-muted); font-size: 11px; line-height: 1.6; margin: 0 0 12px; }
body.sentence-study-page .ss-instruction>span { font-size: 10px; color: var(--ss-muted); }
body.sentence-study-page .ss-tools { display: flex; flex-wrap: wrap; gap: 6px; border: 0; padding: 0; }
body.sentence-study-page .ss-tools button { min-height: 32px; border: 1px solid var(--ss-line); border-radius: 5px; padding: 6px 10px; background: #fff; color: var(--ink-2); line-height: 1.4; font-family: inherit; font-size: 12px; font-weight: 500; cursor: pointer; }
body.sentence-study-page .ss-tools button:not(:disabled):hover { color: var(--ss-green); border-color: #8cb2a6; background: #f6faf8; }
body.sentence-study-page .ss-tools button:disabled { opacity: .52; }
body.sentence-study-page .ss-tools .ss-role { color: var(--ink-2); }
body.sentence-study-page .ss-tools .ss-edit-tool { border-color: transparent; color: var(--ss-muted); padding: 6px 3px; }
body.sentence-study-page .ss-tags { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 10px; max-height: 65px; overflow: auto; overscroll-behavior: contain; scrollbar-width: thin; }
body.sentence-study-page .ss-tags:empty { display: none; }
body.sentence-study-page .ss-tags button { display: inline-flex; gap: 4px; min-width: 0; max-width: 100%; text-align: left; border: 0; border-radius: 4px; padding: 8px 10px; background: #edf5f2; color: #397363; font-size: 11px; line-height: 1.5; font-weight: 400; cursor: pointer; }
body.sentence-study-page .ss-tags b { flex-shrink: 0; color: var(--ss-green); font-weight: 600; }
body.sentence-study-page .ss-tags button span { overflow-wrap: anywhere; }
body.sentence-study-page .ss-translation { display: grid; grid-template-rows: auto minmax(50px, 1fr) auto auto auto; gap: 15px; }
body.sentence-study-page .ss-answer-label { display: block; min-height: 0; }
body.sentence-study-page .ss-answer-label textarea { display: block; width: 100%; height: 100%; min-height: 0; resize: none; margin: 0; padding: 6px 0; border: 0; border-radius: 0; box-sizing: border-box; background: transparent; color: var(--ss-ink); font: 400 17px/1.95 -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Microsoft YaHei', sans-serif; box-shadow: none; outline: none; }
body.sentence-study-page .ss-answer-label textarea::placeholder { color: var(--muted); font-size: 15px; }
body.sentence-study-page .ss-answer-label textarea:focus { outline: none; box-shadow: inset 0 -1px #b4cfc5; }
body.sentence-study-page .ss-draft-meta { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
body.sentence-study-page .ss-draft-meta small { display: inline-flex; align-items: center; gap: 6px; color: var(--ss-muted); font-size: 11px; font-weight: 400; }
body.sentence-study-page .ss-draft-meta i { width: 6px; height: 6px; border-radius: 50%; background: var(--ss-muted); }
body.sentence-study-page .ss-submit-row { display: flex; justify-content: flex-end; align-items: center; flex-wrap: wrap; gap: 10px; min-height: 44px; }
body.sentence-study-page .ss-review-links { display: flex; flex-wrap: wrap; gap: 4px; margin-right: auto; }
body.sentence-study-page .ss-review-links .button { font-size: 12px; color: var(--ss-green); padding: 8px 0; min-height: 32px; }
body.sentence-study-page .ss-status { color: #8b6338; font-size: 12px; font-weight: 400; line-height: 1.6; margin: 0; max-height: 58px; overflow: auto; }
body.sentence-study-page .ss-status:empty { display: none; }
body.sentence-study-page .ss-notes { display: flex; justify-content: space-between; align-items: center; gap: 12px; background: #fff; border: 1px solid var(--ss-line); border-radius: 12px; padding: 12px 22px; font-size: 12px; min-width: 0; }
body.sentence-study-page .ss-notes>div { display: flex; align-items: center; gap: 14px; min-width: 0; }
body.sentence-study-page .ss-notes .ui-icon { color: var(--ss-green); flex-shrink: 0; }
body.sentence-study-page .ss-notes strong { white-space: nowrap; font-weight: 600; }
body.sentence-study-page .ss-notes>div>span { border-left: 1px solid var(--ss-line); padding-left: 14px; color: var(--ink-2); }
body.sentence-study-page .ss-shortcut { color: var(--ss-muted); font-size: 11px; white-space: nowrap; }
body.sentence-study-page kbd { padding: 4px 7px; border: 1px solid var(--ss-line); border-radius: 4px; font-family: inherit; font-size: 11px; background: #fff; }
body.sentence-study-page .sentence-studio .sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0,0,0,0); }
body.sentence-study-page .site-filing { position: fixed; bottom: 4px; left: 270px; right: 28px; width: auto; max-width: none; transform: none; margin: 0; padding: 0; background: transparent; gap: 3px 10px; font-size: 9px; }
body.sentence-study-page .site-filing .site-links { flex-basis: auto; }
/* Native modal: source selection, review and history never stretch the workspace. */
body.sentence-study-page .ss-dialog { width: min(820px, calc(100vw - 32px)); max-width: none; max-height: calc(100dvh - 40px); border: 1px solid var(--ss-line); border-radius: 10px; padding: 0; color: var(--ss-ink); background: #fff; overflow: auto; overscroll-behavior: contain; box-shadow: 0 22px 80px #142b3526; }
body.sentence-study-page .ss-dialog:not([open]) { display: none; }
body.sentence-study-page .ss-dialog::backdrop { background: #172b3545; backdrop-filter: blur(3px); }
body.sentence-study-page .ss-dialog-head { display: flex; justify-content: space-between; align-items: center; position: sticky; top: 0; z-index: 2; padding: 15px 24px; border-bottom: 1px solid var(--ss-line); background: #fff; }
body.sentence-study-page .ss-dialog-head h2 { font-size: 17px; margin: 0; color: var(--ss-ink); }
body.sentence-study-page .ss-dialog-head button { width: 32px; height: 32px; background: var(--surface-2); color: var(--ink-2); border: 0; border-radius: 5px; font-size: 23px; cursor: pointer; }
body.sentence-study-page .ss-report,body.sentence-study-page .ss-records { padding: 24px 30px; border: 0; border-radius: 0; background: #fff; box-shadow: none; }
body.sentence-study-page .ss-report-top,body.sentence-study-page .ss-section-title { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
body.sentence-study-page .ss-kicker { font-size: 11px; font-weight: 600; letter-spacing: .03em; color: var(--ss-muted); }
body.sentence-study-page .ss-verdict { color: var(--ss-green); font-size: 15px; }
body.sentence-study-page .ss-verdict.revise { color: #a25235; }
body.sentence-study-page .ss-verdict.uncertain { color: #8c702d; }
body.sentence-study-page .ss-report p { margin: 12px 0; font: 400 15px/1.95 system-ui; color: var(--ink-2); white-space: pre-wrap; }
body.sentence-study-page .ss-report h3 { margin: 22px 0 6px; color: #203c34; font-size: 14px; }
body.sentence-study-page .ss-report>small,body.sentence-study-page .ss-records p { font-size: 12px; color: var(--ss-muted); line-height: 1.7; }
body.sentence-study-page .ss-issue { border-bottom: 1px solid var(--ss-line); padding: 14px 0; }
body.sentence-study-page .ss-issue blockquote { font: 21px/1.6 Georgia, serif; border-left: 2px solid #93b7aa; padding-left: 13px; margin: 0; color: #244b3e; }
body.sentence-study-page .ss-issue small { color: #647871; font-size: 13px; }
body.sentence-study-page .ss-records[hidden] { display: none; }
body.sentence-study-page .ss-records>button { display: grid; gap: 7px; border: 0; border-bottom: 1px solid var(--ss-line); width: 100%; padding: 16px 0; text-align: left; color: #2c4247; background: transparent; cursor: pointer; }
body.sentence-study-page .ss-records>button span { font: 19px/1.5 Georgia, serif; }
body.sentence-study-page .ss-records>button small { color: #70817b; font-size: 12px; }
body.sentence-study-page .ss-library { background: #fff; border: 0; border-radius: 0; padding: 22px 24px; height: auto; max-height: none; min-height: 0; display: block; }
body.sentence-study-page .ss-section-title h2 { font-size: 15px; color: #233a32; margin: 0; }
body.sentence-study-page .ss-section-title>span { font-size: 11px; color: var(--ss-muted); }
body.sentence-study-page .ss-filter-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; margin: 20px 0 12px; }
body.sentence-study-page .ss-filter { display: flex; flex-direction: column; align-items: stretch; gap: 7px; margin: 0; font-size: 12px; color: #66757c; min-width: 0; }
body.sentence-study-page .ss-filter select { width: 100%; max-width: none; min-height: 36px; border: 1px solid var(--ss-line); border-radius: 5px; background: #fff; font-size: 13px; color: #263d36; padding: 6px 8px; }
body.sentence-study-page .ss-more-filters { padding-top: 12px; margin-bottom: 12px; border-top: 1px solid var(--ss-line); color: #68787a; font-size: 12px; }
body.sentence-study-page .ss-more-filters[open] { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
body.sentence-study-page .ss-more-filters summary { cursor: pointer; grid-column: 1/-1; }
body.sentence-study-page .ss-search { display: block; margin: 12px 0; }
body.sentence-study-page .ss-search input { width: 100%; box-sizing: border-box; height: 38px; border: 1px solid var(--line-dark); border-radius: 5px; font-size: 13px; padding: 8px 11px; background: var(--paper); }
body.sentence-study-page .ss-search input:focus { outline: 2px solid #a8c8bb; outline-offset: 1px; }
body.sentence-study-page .ss-library-note { font-size: 11px; color: #78858a; margin: 10px 0; }
body.sentence-study-page .ss-sentences { display: grid; grid-template-columns: 1fr 1fr; align-content: start; gap: 6px; max-height: min(36dvh,380px); min-height: 55px; margin: 12px 0; padding-right: 3px; overflow: auto; overscroll-behavior: contain; scrollbar-width: thin; }
body.sentence-study-page .ss-sentence-item { display: block; min-width: 0; max-width: none; border: 1px solid transparent; border-radius: 5px; background: var(--surface-2); text-align: left; padding: 12px; cursor: pointer; }
body.sentence-study-page .ss-sentence-item.selected { background: #eef6f2; border-color: #a8c7ba; box-shadow: none; }
body.sentence-study-page .ss-sentence-item small { display: block; color: #7c8b90; font-size: 10px; margin-bottom: 6px; font-weight: 400; }
body.sentence-study-page .ss-sentence-item span { color: #354e43; font: 17px/1.55 Georgia, serif; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
body.sentence-study-page .ss-custom { margin-top: 15px; padding-top: 15px; border-top: 1px solid var(--ss-line); font-size: 13px; }
body.sentence-study-page .ss-custom summary { color: var(--ss-green); cursor: pointer; }
body.sentence-study-page .ss-custom label { display: grid; gap: 9px; margin: 15px 0 10px; }
body.sentence-study-page .ss-custom textarea { width: 100%; height: 110px; min-height: 80px; border: 1px solid var(--line-dark); border-radius: 5px; padding: 12px; font: 400 15px/1.7 system-ui; background: #fff; }
body.sentence-study-page .ss-empty { color: var(--ss-muted); font-size: 13px; padding: 20px 10px; }
@media(min-width:701px) {
 body.sentence-study-page { height: 100dvh; overflow: hidden; }
 body.sentence-study-page #mainContent { height: calc(100dvh - var(--ss-head) - var(--ss-bottom)); }
}
@media(min-width:821px) and (max-width:1200px) {
 body.sentence-study-page #mainContent { width: calc(100% - 54px); }
 body.sentence-study-page .ss-card { padding-inline: 19px; }
 body.sentence-study-page .ss-exam-tabs button { min-width: 43px; }
 body.sentence-study-page .ss-source-bar { gap: 12px; }
 body.sentence-study-page .ss-source-kind { padding-left: 12px; }
 body.sentence-study-page .site-filing { left: 232px; right: 27px; }
}
@media(min-width:701px) and (max-width:980px) {
 body.sentence-study-page .ss-header h1 { font-size: 30px; }
 body.sentence-study-page .ss-source-kind { display: none; }
 body.sentence-study-page .ss-words { font-size: 27px; }
 body.sentence-study-page .ss-shortcut { display: none; }
 body.sentence-study-page .ss-tools { gap: 5px; }
 body.sentence-study-page .ss-tools button { padding: 6px 7px; }
 body.sentence-study-page .ss-card { padding-inline: 18px; }
 body.sentence-study-page .ss-submit-row .button.primary { min-width: 125px; padding-inline: 14px; }
 body.sentence-study-page .ss-review-links .button { font-size: 11px; }
}
@media(min-width:701px) and (max-height:760px) {
 body.sentence-study-page .sentence-studio { grid-template-rows: 90px 54px minmax(0,1fr) 45px; gap: 11px; --studio-space: 16px; }
 body.sentence-study-page .ss-header h1 { font-size: 28px; margin-block: 3px; }
 body.sentence-study-page .ss-header p { font-size: 12px; }
 body.sentence-study-page .ss-header .ss-kicker { font-size: 9px; }
 body.sentence-study-page .ss-step { padding-bottom: 11px; }
 body.sentence-study-page .ss-original,body.sentence-study-page .ss-translation { gap: 10px; }
 body.sentence-study-page .ss-words { font-size: 28px; line-height: 1.5; }
 body.sentence-study-page .ss-instruction { margin-bottom: 8px; }
 body.sentence-study-page .ss-tags { max-height: 40px; margin-top: 7px; }
 body.sentence-study-page .ss-tools button { min-height: 29px; padding-block: 4px; }
 body.sentence-study-page .ss-source { margin-bottom: 7px; }
 body.sentence-study-page .ss-submit-row .button.primary { min-height: 38px; padding-block: 8px; }
 body.sentence-study-page .ss-submit-row { min-height: 38px; }
 body.sentence-study-page .ss-notes { padding-block: 8px; }
 body.sentence-study-page .ss-status { max-height: 38px; font-size: 11px; }
}
@media(min-width:701px) and (max-height:650px) {
 body.sentence-study-page .sentence-studio { grid-template-rows: 60px 46px minmax(0,1fr) 32px; gap: 8px; --studio-space: 12px; }
 body.sentence-study-page .ss-header .ss-kicker { display: none; }
 body.sentence-study-page .ss-header h1 { font-size: 25px; }
 body.sentence-study-page .ss-words { font-size: 22px; line-height: 1.45; }
 body.sentence-study-page .ss-reading-area .ss-source { display: none; }
 body.sentence-study-page .ss-step { padding-bottom: 8px; min-height: 30px; }
 body.sentence-study-page .ss-original { gap: 8px; }
 body.sentence-study-page .ss-instruction>span { display: none; }
 body.sentence-study-page .ss-tools button { padding-inline: 6px; font-size: 11px; }
}
@media(max-width:820px) {
 body.sentence-study-page { --ss-head: 66px; --ss-bottom: 106px; }
 body.sentence-study-page #mainContent { width: calc(100% - 32px); }
 body.sentence-study-page .site-filing { left: 12px; right: 12px; bottom: 76px; margin: 0; justify-content: center; font-size: 8px; }
 body.sentence-study-page .ss-header-actions { gap: 3px; }
}
@media(max-width:700px) {
 body.sentence-study-page { height: auto; overflow: auto; }
 body.sentence-study-page #mainContent { height: auto; padding-bottom: 22px; }
 body.sentence-study-page .sentence-studio { display: flex; flex-direction: column; gap: 12px; height: auto; padding-top: 24px; }
 body.sentence-study-page .ss-header { gap: 10px; align-items: flex-end; }
 body.sentence-study-page .ss-header .ss-kicker { font-size: 9px; }
 body.sentence-study-page .ss-header h1 { font-size: 28px; }
 body.sentence-study-page .ss-header p { font-size: 12px; }
 body.sentence-study-page .ss-header-actions { flex-direction: column; align-items: flex-end; gap: 0; }
 body.sentence-study-page .ss-header-actions .button { font-size: 11px; min-height: 30px; padding: 4px; gap: 5px; }
 body.sentence-study-page .ss-header-actions .ui-icon { width: 14px; height: 14px; }
 body.sentence-study-page .ss-source-bar { padding: 8px; gap: 7px; flex-wrap: wrap; }
 body.sentence-study-page .ss-exam-tabs { gap: 0; }
 body.sentence-study-page .ss-exam-tabs button { min-width: 39px; min-height: 32px; padding-inline: 7px; font-size: 12px; }
 body.sentence-study-page .ss-source-kind { display: none; }
 body.sentence-study-page .ss-position { font-size: 10px; gap: 3px; }
 body.sentence-study-page .ss-source-actions { gap: 8px; }
 body.sentence-study-page .ss-source-actions .button { min-height: 30px; padding: 4px; font-size: 11px; gap: 4px; }
 body.sentence-study-page .ss-source-actions .ui-icon { display: none; }
 body.sentence-study-page .ss-next { width: 28px; height: 28px; }
 body.sentence-study-page .ss-next .ui-icon { display: inline; width: 15px; height: 15px; }
 body.sentence-study-page .ss-work { grid-template-columns: minmax(0,1fr); grid-template-rows: auto auto; height: auto; }
 body.sentence-study-page .ss-card { padding: 20px; }
 body.sentence-study-page .ss-original { border-right: 0; border-bottom: 1px solid var(--ss-line); gap: 16px; }
 body.sentence-study-page .ss-reading-area { max-height: 50dvh; }
 body.sentence-study-page .ss-source { font-size: 10px; }
 body.sentence-study-page .ss-words { font-size: 26px; line-height: 1.65; }
 body.sentence-study-page .ss-tools button { min-height: 35px; padding-inline: 9px; }
 body.sentence-study-page .ss-instruction>span { display: none; }
 body.sentence-study-page .ss-translation { min-height: 290px; grid-template-rows: auto minmax(100px,1fr) auto auto auto; gap: 12px; }
 body.sentence-study-page .ss-answer-label textarea { min-height: 100px; font-size: 16px; }
 body.sentence-study-page .ss-submit-row .button.primary { min-width: 132px; min-height: 40px; padding-inline: 15px; }
 body.sentence-study-page .ss-notes { padding: 15px; }
 body.sentence-study-page .ss-notes>div { gap: 9px; font-size: 11px; flex-wrap: wrap; }
 body.sentence-study-page .ss-notes>div>span { padding-left: 9px; }
 body.sentence-study-page .ss-shortcut { display: none; }
 body.sentence-study-page .ss-filter-grid { grid-template-columns: 1fr 1fr; }
 body.sentence-study-page .ss-sentences { display: grid; grid-template-columns: 1fr; max-height: 34dvh; }
 body.sentence-study-page .ss-sentence-item { min-width: 0; }
 body.sentence-study-page .ss-library { padding: 18px; }
 body.sentence-study-page .ss-library-note { display: block; font-size: 10px; }
 body.sentence-study-page .ss-dialog-head { padding: 12px 18px; }
 body.sentence-study-page .ss-report,body.sentence-study-page .ss-records { padding: 20px; }
 body.sentence-study-page .site-filing { position: static; margin: 5px 16px 94px; width: auto; }
}
/* Focus mode is reversible, including on tablet browsers without fullscreen permission. */
body.sentence-study-page.sentence-focus-mode { --ss-head: 0px; --ss-bottom: 24px; }
body.sentence-study-page.sentence-focus-mode .app-shell { grid-template-columns: minmax(0,1fr); }
body.sentence-study-page.sentence-focus-mode :is(.sidebar,.topbar,.mobile-nav,.site-filing) { display: none; }
body.sentence-study-page.sentence-focus-mode #mainContent { width: calc(100% - 64px); max-width: 1600px; }
@media(max-width:700px) { body.sentence-study-page.sentence-focus-mode #mainContent { width: calc(100% - 24px); } }
@media(prefers-reduced-motion:reduce) { body.sentence-study-page .sentence-studio * { transition: none !important; } }

/* Inline grammar answer: roles, part of speech and the student's marks are distinct layers. */
body.sentence-study-page [data-ss-tone="r0"],body.sentence-study-page [data-ss-tone="p0"] { --tone-ink:#2459a6; --tone-bg:#edf3ff; --tone-line:#a4bce7; }
body.sentence-study-page [data-ss-tone="r1"],body.sentence-study-page [data-ss-tone="p1"] { --tone-ink:#a34440; --tone-bg:#fff0ec; --tone-line:#dfa39b; }
body.sentence-study-page [data-ss-tone="r2"],body.sentence-study-page [data-ss-tone="p4"] { --tone-ink:#237454; --tone-bg:#eaf6ef; --tone-line:#a0c9b1; }
body.sentence-study-page [data-ss-tone="r3"],body.sentence-study-page [data-ss-tone="p2"] { --tone-ink:#8a5b14; --tone-bg:#fff6df; --tone-line:#dec388; }
body.sentence-study-page [data-ss-tone="r4"],body.sentence-study-page [data-ss-tone="p3"] { --tone-ink:#7052a3; --tone-bg:#f3eefc; --tone-line:#baa6d9; }
body.sentence-study-page [data-ss-tone="r5"],body.sentence-study-page [data-ss-tone="p5"] { --tone-ink:#186d7d; --tone-bg:#eaf6f9; --tone-line:#9fc9d1; }
body.sentence-study-page [data-ss-tone="p6"] { --tone-ink:#9a4679; --tone-bg:#fceef6; --tone-line:#dda2c8; }
body.sentence-study-page [data-ss-tone="p7"] { --tone-ink:#596577; --tone-bg:#f0f3f7; --tone-line:#acb7c9; }
body.sentence-study-page [data-ss-tone="p8"] { --tone-ink:#856016; --tone-bg:#faf4df; --tone-line:#d9c491; }
body.sentence-study-page [data-ss-tone="p9"] { --tone-ink:#9d4930; --tone-bg:#fff1e9; --tone-line:#d9ac93; }
body.sentence-study-page [data-ss-tone="p10"] { --tone-ink:#526c9a; --tone-bg:#eff3fb; --tone-line:#a9bade; }
body.sentence-study-page [data-ss-tone="p11"] { --tone-ink:#6b737a; --tone-bg:#f2f4f5; --tone-line:#bec6cc; }
body.sentence-study-page .ss-structure[hidden] { display:none; }
body.sentence-study-page .has-inline-analysis .ss-original { grid-template-rows:auto minmax(0,1fr); }
body.sentence-study-page .ss-reading-area>* { flex-shrink:0; }
body.sentence-study-page .ss-words button[data-ss-tone]:not([data-ss-tone=""]) { color:var(--tone-ink); background:var(--tone-bg); border-bottom-color:var(--tone-line); }
body.sentence-study-page .ss-words button[data-ss-active="true"] { outline:2px solid #192f43; outline-offset:2px; position:relative; }
body.sentence-study-page .ss-analysis-controls { margin:0 0 16px; }
body.sentence-study-page .ss-layer-tabs { display:inline-flex; gap:3px; padding:3px; background:var(--surface-2); border-radius:5px; }
body.sentence-study-page .ss-layer-tabs button { padding:7px 11px; border:0; border-radius:3px; font-size:12px; font-weight:500; color:#6c7980; background:transparent; cursor:pointer; }
body.sentence-study-page .ss-layer-tabs button[aria-pressed="true"] { color:#193a30; background:#fff; box-shadow:0 1px 4px #152e3210; font-weight:650; }
body.sentence-study-page .ss-analysis-caption { font-size:11px; color:#78858b; line-height:1.6; margin:9px 0; }
body.sentence-study-page .ss-color-legend { display:flex; flex-wrap:wrap; gap:6px 13px; }
body.sentence-study-page .ss-color-legend>span { display:inline-flex; align-items:center; gap:4px; color:var(--tone-ink); font-size:11px; }
body.sentence-study-page .ss-color-legend i { width:6px; height:6px; border-radius:2px; background:var(--tone-ink); }
body.sentence-study-page .ss-component-list { margin-top:15px; display:flex; flex-direction:column; gap:6px; }
body.sentence-study-page .ss-component-list button { display:flex; align-items:baseline; flex-wrap:wrap; gap:3px 10px; padding:8px 10px; border:1px solid transparent; border-left:2px solid var(--tone-line); border-radius:3px; color:var(--tone-ink); background:var(--tone-bg); text-align:left; cursor:pointer; }
body.sentence-study-page .ss-component-list button[aria-pressed="true"] { border-color:var(--tone-line); }
body.sentence-study-page .ss-component-list b { font-size:11px; font-weight:650; flex-shrink:0; }
body.sentence-study-page .ss-component-list button>span { font:400 15px/1.5 Georgia,serif; overflow-wrap:anywhere; }
body.sentence-study-page .ss-component-list small { display:none; flex-basis:100%; color:#5b6f71; font-size:11px; line-height:1.6; }
body.sentence-study-page .ss-component-list button[aria-pressed="true"] small { display:block; }
body.sentence-study-page .ss-no-annotation { color:#7a878e; font-size:12px; line-height:1.7; margin:16px 0; }
body.sentence-study-page .ss-layer-tabs button small { margin-left:5px; font-size:10px; font-weight:400; color:var(--muted); }
body.sentence-study-page .ss-pos-pending { margin-top:18px; padding:16px; border:1px solid var(--ss-line); border-radius:8px; background:var(--surface-2); color:var(--ink-2); font-size:12px; }
body.sentence-study-page .ss-pos-pending strong { font-size:13px; }
body.sentence-study-page .ss-pos-pending p { margin:8px 0 12px; line-height:1.7; color:var(--ss-muted); }
body.sentence-study-page .ss-pos-pending .button { min-height:32px; }
body.sentence-study-page .ss-inline-result { grid-template-rows:auto minmax(0,1fr) auto auto; gap:14px; }
body.sentence-study-page .ss-inline-scroll { min-height:0; overflow:auto; overscroll-behavior:contain; scrollbar-width:thin; padding-right:5px; }
body.sentence-study-page .ss-inline-scroll .ss-report { padding:0; }
body.sentence-study-page .ss-inline-scroll .ss-summary { font-size:13px; line-height:1.8; color:var(--ink-2); margin:12px 0 18px; }
body.sentence-study-page .ss-inline-scroll .ss-report-top { align-items:center; flex-wrap:wrap; gap:7px; }
body.sentence-study-page .ss-inline-scroll .ss-verdict { font-size:12px; font-weight:600; padding:5px 8px; background:#edf6f1; border-radius:4px; }
body.sentence-study-page .ss-inline-scroll .ss-verdict.revise { background:#fff1eb; }
body.sentence-study-page .ss-inline-scroll .ss-verdict.uncertain { background:#fff7df; }
body.sentence-study-page .ss-translation-pair { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:0; border:1px solid var(--ss-line); border-radius:5px; overflow:hidden; }
body.sentence-study-page .ss-translation-pair>section { min-width:0; padding:14px; }
body.sentence-study-page .ss-translation-pair>section+section { border-left:1px solid var(--ss-line); background:#fcfefd; }
body.sentence-study-page .ss-translation-pair h3 { margin:0 0 9px; font-size:12px; color:#61757c; font-weight:600; }
body.sentence-study-page .ss-translation-pair p { margin:0; font-size:15px; line-height:2; color:var(--ss-ink); }
body.sentence-study-page .ss-translation-pair [data-ss-tone] { color:var(--tone-ink); background:var(--tone-bg); border-bottom:1px solid var(--tone-line); padding-block:2px; border-radius:2px; }
body.sentence-study-page .ss-no-answer { color:#91a0a5; font-size:12px; }
body.sentence-study-page .ss-feedback-list>h3 { margin:22px 0 8px; font-size:13px; }
body.sentence-study-page .ss-feedback-list>h3 small { margin-left:5px; font-size:10px; color:#8a989c; font-weight:400; }
body.sentence-study-page .ss-feedback-list .ss-issue { padding:12px 0; border-bottom:1px solid var(--ss-line); }
body.sentence-study-page .ss-issue>button { display:flex; align-items:center; gap:8px; background:transparent; width:100%; padding:0; border:0; text-align:left; cursor:pointer; }
body.sentence-study-page .ss-issue>button>span:not(.ss-issue-kind) { font:400 17px/1.5 Georgia,serif; color:#334b56; }
body.sentence-study-page .ss-issue>button>b { margin-left:auto; color:#8c9a9e; font-size:13px; }
body.sentence-study-page .ss-issue-kind { flex-shrink:0; color:#9c5d3c; background:#fff2ea; border-radius:3px; padding:3px 5px; font-size:10px; }
body.sentence-study-page .ss-inline-scroll .ss-issue p { margin:9px 0 0; font-size:12px; line-height:1.8; }
body.sentence-study-page .ss-inline-scroll .ss-issue .ss-suggestion { color:#377160; }
body.sentence-study-page .ss-suggestion strong { margin-right:7px; font-weight:600; font-size:11px; }
body.sentence-study-page .ss-structure-explanation { margin-top:18px; padding-block:10px; border-block:1px solid var(--ss-line); }
body.sentence-study-page .ss-structure-explanation summary { font-size:12px; color:#63787d; cursor:pointer; }
body.sentence-study-page .ss-inline-scroll .ss-structure-explanation p { font-size:12px; line-height:1.9; }
body.sentence-study-page .ss-learning-note { display:block; margin-top:13px; }
body.sentence-study-page .ss-inline-scroll .ss-no-issues { font-size:12px; color:#6f8480; }
body.sentence-study-page .ss-inline-scroll .ss-legacy-note { font-size:11px; color:#8a6b3e; line-height:1.7; }
body.sentence-study-page .ss-inline-actions { display:flex; justify-content:space-between; align-items:center; gap:10px; border-top:1px solid var(--ss-line); padding-top:12px; }
body.sentence-study-page .ss-inline-actions .button.ghost { font-size:11px; }
@media(min-width:701px) and (max-width:1100px) {
 body.sentence-study-page .ss-translation-pair { grid-template-columns:minmax(0,1fr); }
 body.sentence-study-page .ss-translation-pair>section+section { border-left:0; border-top:1px solid var(--ss-line); }
 body.sentence-study-page .ss-layer-tabs button { font-size:11px; padding-inline:8px; }
 body.sentence-study-page .ss-inline-actions { flex-wrap:wrap; }
 body.sentence-study-page .ss-inline-actions .button.primary { min-width:0; padding-inline:12px; font-size:12px; }
}
@media(min-width:701px) and (max-height:760px) {
 body.sentence-study-page .ss-analysis-caption { font-size:10px; margin-block:6px; }
 body.sentence-study-page .ss-analysis-controls { margin-bottom:10px; }
 body.sentence-study-page .ss-inline-result { gap:10px; }
 body.sentence-study-page .ss-inline-actions { padding-top:8px; }
}
@media(max-width:700px) {
 body.sentence-study-page .has-inline-analysis .ss-reading-area { max-height:70dvh; }
 body.sentence-study-page .ss-inline-result { min-height:360px; max-height:none; grid-template-rows:auto auto auto auto; }
 body.sentence-study-page .ss-inline-scroll { max-height:none; overflow:visible; padding-right:0; }
 body.sentence-study-page .ss-translation-pair { grid-template-columns:minmax(0,1fr); }
 body.sentence-study-page .ss-translation-pair>section+section { border-left:0; border-top:1px solid var(--ss-line); }
 body.sentence-study-page .ss-translation-pair>section { padding:13px; }
}

body.sentence-study-page .ss-reading-area,body.sentence-study-page .ss-inline-scroll { scrollbar-gutter:stable; }
body.sentence-study-page .ss-translation-pair p { overflow-wrap:anywhere; }
@media(min-width:701px) and (max-height:820px) {
 body.sentence-study-page .sentence-studio.has-inline-analysis { grid-template-rows:80px 52px minmax(0,1fr) 40px; gap:10px; }
 body.sentence-study-page .has-inline-analysis .ss-header h1 { font-size:27px; }
 body.sentence-study-page .has-inline-analysis .ss-header .ss-kicker { display:none; }
 body.sentence-study-page .has-inline-analysis .ss-card { padding:15px 18px; }
 body.sentence-study-page .has-inline-analysis .ss-source { margin-bottom:8px; }
 body.sentence-study-page .has-inline-analysis .ss-words { font-size:25px; line-height:1.6; }
}
@media(min-width:701px) and (max-height:650px) {
 body.sentence-study-page .sentence-studio.has-inline-analysis { grid-template-rows:60px 46px minmax(0,1fr) 32px; gap:8px; }
 body.sentence-study-page .has-inline-analysis .ss-card { padding:12px 15px; }
 body.sentence-study-page .has-inline-analysis .ss-words { font-size:22px; }
}

body.sentence-study-page .ss-inline-scroll .ss-pair-key { color:#7c8c91; font-size:10px; margin:8px 0 16px; line-height:1.6; }

body.sentence-study-page .ss-status.is-pending { color:#687c82; }

/* Eight grammatical functions; clauses use an independent boundary layer. */
body.sentence-study-page [data-ss-tone="r6"] { --tone-ink:#9a4679; --tone-bg:#fceef6; --tone-line:#dda2c8; }
body.sentence-study-page [data-ss-tone="r7"] { --tone-ink:#596577; --tone-bg:#f0f3f7; --tone-line:#acb7c9; }
body.sentence-study-page .ss-tools .ss-role { color:var(--tone-ink,#35464c); background:var(--tone-bg,#fff); border-color:var(--tone-line,#e0e7ea); }
body.sentence-study-page .ss-clause-picker { display:inline-flex; align-items:center; gap:5px; padding-left:8px; border-left:1px solid #dbe1e6; font-size:11px; color:#647187; }
body.sentence-study-page .ss-clause-picker select { width:auto; max-width:125px; padding:5px; min-height:30px; border:1px solid #dbe1e6; border-radius:4px; background:#fff; font-size:11px; }
body.sentence-study-page .ss-words button[data-ss-in-clause="true"] { text-decoration:underline dashed #8a91aa; text-underline-offset:8px; text-decoration-thickness:1px; }
body.sentence-study-page .ss-words button[data-ss-clause-start="true"]::before { content:'〔'; color:#7a829b; font-size:.65em; }
body.sentence-study-page .ss-words button[data-ss-clause-end="true"]::after { content:'〕'; color:#7a829b; font-size:.65em; }
body.sentence-study-page .ss-clause-list { margin-top:18px; border-top:1px solid #e2e7ec; padding-top:12px; }
body.sentence-study-page .ss-clause-list h3 { margin:0 0 9px; font-size:12px; color:#526079; }
body.sentence-study-page .ss-clause-list h3 small { margin-left:8px; color:#86909e; font-weight:400; font-size:10px; }
body.sentence-study-page .ss-clause-list>button { display:flex; align-items:baseline; flex-wrap:wrap; gap:5px 9px; width:100%; padding:10px 0; text-align:left; border:0; border-bottom:1px dashed #c4cbd7; background:transparent; color:#56617c; cursor:pointer; }
body.sentence-study-page .ss-clause-list>button[aria-pressed="true"] { background:#f3f5fa; }
body.sentence-study-page .ss-clause-list b { font:600 11px/1.5 system-ui; }
body.sentence-study-page .ss-clause-list button span { font:400 15px/1.6 Georgia,serif; overflow-wrap:anywhere; }
body.sentence-study-page .ss-clause-list button small { display:none; flex-basis:100%; font-size:11px; color:#6f7a8b; }
body.sentence-study-page .ss-clause-list button[aria-pressed="true"] small { display:block; }
body.sentence-study-page .ss-clause-list p { margin:0; color:#8a939e; font-size:11px; }

body.sentence-study-page .ss-component-heading { margin:8px 0 3px; font-size:12px; color:#536575; font-weight:600; }