/*! LOCKED SHEET. Copyright (c) 2026 Mark T. Fulwider. All rights reserved.
   Do not edit this file unless Mark asks to change the sheet.
   This file loads last. Nothing else restyles the sheet. */
html body main:has(.sheet-lock){padding-top:6px;padding-bottom:0;height:calc(100dvh - var(--site-header-height, 76px));max-height:calc(100dvh - var(--site-header-height, 76px));overflow:hidden;display:flex;flex-direction:column}
html body .sheet-lock{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}
html body .sheet-lock .doc-top{display:grid;grid-template-columns:max-content minmax(0,1fr);grid-template-rows:auto auto;column-gap:18px;row-gap:2px;align-items:start;margin:0 8px 4px;flex:none}
html body .sheet-lock .doc-top h1{grid-column:1;grid-row:1 / span 2;margin:0;padding:0 8px 0 0;background:#f5f7f7;position:relative;z-index:3;font:400 39px/1 Georgia,'Times New Roman',serif;color:#24343c;letter-spacing:-.02em}   /* the sheet's name: 30% smaller (Mark, 23 October 2026) */
/* The edit strip and the breadcrumbs run the whole width between the side bars (Mark, 23 October 2026): larger
   buttons, spread evenly, easier on the eyes. The check marks rise into the space above the strip. */
html body .sheet-lock .doc-top .edit-strip{grid-column:2;grid-row:1;margin:6px 0 0;display:flex;flex-wrap:nowrap;gap:4px;align-items:center;justify-content:space-between}
@media (max-width:1000px){html body .sheet-lock .doc-top .edit-strip{flex-wrap:wrap}}
html body .sheet-lock .doc-top .edit-strip .note-btn{flex:1 1 0;min-width:22px;max-width:46px;height:32px;padding:0;border:1px solid #d5dee3;background:#fff;color:#172a33;font:16px/1 Georgia,'Times New Roman',serif}
html body .sheet-lock .doc-top .edit-strip .note-btn.is-pen{position:relative;z-index:1;box-shadow:0 0 0 2px #172a33,0 0 12px 4px var(--pen,#ffe14a)}
/* The markers are check-mark pictures, a little larger than the other buttons (Mark, 23 October 2026). The Auto LaTeX sign is twice the size of the other signs, in deep blue-purple. */
html body .sheet-lock .doc-top .edit-strip .note-btn[data-edit="pen"]{flex:1 1 0;min-width:30px;max-width:46px;height:38px;margin-top:-14px;border:0;background:transparent;border-radius:6px}
html body .sheet-lock .doc-top .edit-strip .note-btn[data-edit="pen"] img{display:block;width:38px;height:38px;margin:0 auto;pointer-events:none}
html body .sheet-lock .doc-top .edit-strip .note-btn[data-edit="latex"]{border:0;background:transparent;color:#3b2f9a;font:32px/1 Georgia,'Times New Roman',serif;margin-top:-6px}
html body .sheet-lock .doc-top .edit-strip .note-btn[data-edit="latex"][aria-pressed="true"]{color:#5a3fd0;text-shadow:0 0 6px #b9a9ff}
html body .sheet-lock .doc-top .breadcrumbs{grid-column:2;grid-row:2;margin:4px 0 0;min-width:0;flex-wrap:nowrap;white-space:nowrap;overflow:hidden;position:relative;z-index:3;font:18px/1.3 Georgia,'Times New Roman',serif;color:#5d737c}
html body .sheet-lock .paper{flex:1 1 auto;min-height:0;margin:6px 8px 0;padding:8px 28px 20px;background:#fff;border:12px solid #8d8d8d;border-image:none;box-shadow:inset 0 0 0 1px #5e5e5e,inset 0 0 8px rgba(40,40,40,.2);display:flex;flex-direction:column}
html body .sheet-lock .note-index{align-self:center;display:inline-flex;align-items:center;gap:10px;width:max-content;max-width:72%;margin:0 auto;padding:1px 8px;border:1px solid #7eb8c4;flex:none}
html body .sheet-lock .note-index span,html body .sheet-lock .note-index input{font:16px/1.15 Georgia,'Times New Roman',serif;color:#6aa8b8}
html body .sheet-lock .note-index input{border:0;background:transparent;width:auto;min-width:6ch;max-width:36ch;field-sizing:content}
html body .sheet-lock:not([data-sheet-lock="preferences"]) .note-index input{text-align:center;min-width:16ch;max-width:none;color:#000}
html body .sheet-lock:not([data-sheet-lock="preferences"]) .note-date{color:#000;font:16px/1.15 Georgia,'Times New Roman',serif}
html body .sheet-lock:not([data-sheet-lock="preferences"]) .note-date[hidden]{display:none}
html body .sheet-lock:not([data-sheet-lock="preferences"]) .sheet-ink{position:relative;padding-left:0}
html body .sheet-lock .paper[data-paper="APA"] .sheet-ink,html body .sheet-lock .paper[data-paper="APA"] textarea,html body .sheet-lock .paper[data-paper="APA"] .note-index input,html body .sheet-lock .paper[data-paper="APA"] .note-date,html body .sheet-lock .paper[data-paper="MLA"] .sheet-ink,html body .sheet-lock .paper[data-paper="MLA"] textarea,html body .sheet-lock .paper[data-paper="MLA"] .note-index input,html body .sheet-lock .paper[data-paper="MLA"] .note-date,html body .sheet-lock .paper[data-paper="Chicago"] .sheet-ink,html body .sheet-lock .paper[data-paper="Chicago"] textarea,html body .sheet-lock .paper[data-paper="Chicago"] .note-index input,html body .sheet-lock .paper[data-paper="Chicago"] .note-date{font-family:'Times New Roman',Times,serif;font-size:12pt;line-height:2;color:#111}
html body .sheet-lock .paper[data-paper="IEEE"] .sheet-ink,html body .sheet-lock .paper[data-paper="IEEE"] textarea,html body .sheet-lock .paper[data-paper="IEEE"] .note-index input,html body .sheet-lock .paper[data-paper="IEEE"] .note-date{font-family:'Times New Roman',Times,serif;font-size:10pt;line-height:1.15;color:#111}
html body .sheet-lock .paper[data-paper="REVTeX 4.2"] .sheet-ink,html body .sheet-lock .paper[data-paper="REVTeX 4.2"] textarea,html body .sheet-lock .paper[data-paper="REVTeX 4.2"] .note-index input,html body .sheet-lock .paper[data-paper="REVTeX 4.2"] .note-date{font-family:'Times New Roman',Times,serif;font-size:12pt;line-height:1.5;color:#111}
html body .sheet-lock:not([data-sheet-lock="preferences"]) .paper{position:relative;padding-left:70px;padding-right:70px}
html body .sheet-lock .paper[data-paper="APA"],html body .sheet-lock .paper[data-paper="MLA"],html body .sheet-lock .paper[data-paper="Chicago"],html body .sheet-lock .paper[data-paper="REVTeX 4.2"]{padding-left:96px;padding-right:96px}
html body .sheet-lock .paper[data-paper="IEEE"]{padding-left:72px;padding-right:72px}
html body .sheet-lock .paper[data-paper="APA"] .sheet-ink.para-start,html body .sheet-lock .paper[data-paper="MLA"] .sheet-ink.para-start,html body .sheet-lock .paper[data-paper="Chicago"] .sheet-ink.para-start,html body .sheet-lock .paper[data-paper="APA"] .para-start,html body .sheet-lock .paper[data-paper="MLA"] .para-start,html body .sheet-lock .paper[data-paper="Chicago"] .para-start{text-indent:.5in}
html body .sheet-lock .paper[data-paper="IEEE"] .sheet-ink.para-start,html body .sheet-lock .paper[data-paper="IEEE"] .para-start{text-indent:.2in}
html body .sheet-lock:not([data-sheet-lock="preferences"]) .note-gutter{position:absolute;width:4.6em;overflow:visible;pointer-events:none;z-index:4;transform:translateX(-100%)}
html body .sheet-lock:not([data-sheet-lock="preferences"]) .note-gutter span{position:absolute;right:.35em;color:#7f97a0;font:13px/1.55 Georgia,'Times New Roman',serif;user-select:none;white-space:nowrap}
html body .sheet-lock:not([data-sheet-lock="preferences"]) .note-index input::placeholder{color:#8ec4d0}
html body .sheet-lock:not([data-sheet-lock="preferences"]) .note-index.is-quiet{border-color:transparent}
html body .sheet-lock[data-sheet-lock="cite"] .note-index{margin-top:14px}
html body .sheet-lock[data-sheet-lock="cite"] .note-index input{min-width:22ch}
html body .sheet-lock[data-sheet-lock="cite"] .note-index.is-quiet span{color:#172a33}
html body .sheet-lock[data-sheet-lock="cite"] .cite-read{margin:16px 0 0;font:18px/1.55 Georgia,'Times New Roman',serif;color:#172a33}
html body .sheet-lock .note-index input::placeholder{color:#8ec4d0}
html body .sheet-lock .paper textarea,html body .sheet-lock .sheet-ink{border:0;width:100%;flex:1 1 auto;min-height:0 !important;margin-top:12px;overflow:auto;resize:none;background:transparent;font:18px/1.55 Georgia,'Times New Roman',serif;color:#172a33}
html body main:has(.sheet-lock[data-sheet-lock="preferences"]){height:auto;max-height:none;overflow:visible}
html body .sheet-lock[data-sheet-lock="preferences"] .paper{min-height:calc(100dvh - 210px);overflow:visible}
html body .sheet-lock[data-sheet-lock="preferences"] .prefs-sheet{overflow:visible;flex:none}
html body .sheet-lock[data-sheet-lock="preferences"] .preferences-grid{max-width:none}
html body .sheet-lock[data-sheet-lock="preferences"] .personal-artwork{margin-top:22px;padding-top:16px;border-top:1px solid #d5dee2}
html body .sheet-lock[data-sheet-lock="preferences"] #synapse-preferences{margin-top:28px;padding:16px 18px 20px;border:1px solid #8d8d8d;background:#fff}
html body .sheet-lock[data-sheet-lock="preferences"] #synapse-preferences h3{margin:18px 0 8px;font:400 22px/1.2 Georgia,'Times New Roman',serif}
html body .sheet-lock[data-sheet-lock="preferences"] #synapse-preferences ul{margin:0 0 16px;padding-left:1.2em}
html body .sheet-lock[data-sheet-lock="preferences"] #synapse-preferences li{margin:6px 0}
html body .sheet-lock[data-sheet-lock="preferences"] .prefs-sheet h2{margin:4px 0 16px;font:400 32px/1.1 Georgia,'Times New Roman',serif;color:#24343c}
html body .sheet-lock[data-sheet-lock="preferences"] .preferences-grid{display:grid;gap:14px;max-width:520px}
html body .sheet-lock[data-sheet-lock="preferences"] .preferences-grid label{display:grid;gap:4px;font:16px/1.3 Georgia,'Times New Roman',serif}
html body .sheet-lock[data-sheet-lock="preferences"] select,html body .sheet-lock[data-sheet-lock="preferences"] textarea{width:100%;color:#000;background:#fff}
html body .sheet-lock .paper textarea:focus,html body .sheet-lock .paper textarea:focus-visible,html body .sheet-lock .note-index input:focus,html body .sheet-lock .note-index input:focus-visible,html body .sheet-lock .sheet-ink:focus{outline:none}
html body .sheet-lock .sheet-windows{display:flex;flex-direction:column;align-items:flex-start;gap:8px;width:min(420px,100%);margin:16px 0 0;overflow:auto}
html body .sheet-lock .sheet-window{display:block;width:100%;padding:10px 14px;border:1px solid #c5d0d4;background:#fff;color:#1a3f6e;font:18px/1.2 Georgia,'Times New Roman',serif}
html body .sheet-lock .sheet-window:hover{border-color:#1a3f6e}
html body .sheet-lock .sheet-window-note{margin:0 0 4px;color:#24343c;font:16px/1.4 Georgia,'Times New Roman',serif}

html:has(.sheet-lock):not(:has([data-sheet-lock="preferences"])),body:has(.sheet-lock):not(:has([data-sheet-lock="preferences"])){height:100dvh;max-height:100dvh;overflow:hidden}
html body .sheet-lock{overflow:hidden}
html body .sheet-lock .doc-top{position:relative;z-index:8;background:#f5f7f7}
html body .sheet-lock .doc-top .breadcrumbs{background:#f5f7f7}
html body .sheet-lock .paper{position:relative;z-index:1;overflow:auto;overscroll-behavior:contain}
html body .sheet-lock .note-index select{border:0;background:transparent;font:16px/1.15 Georgia,'Times New Roman',serif;color:#6aa8b8;min-width:16ch}
html body .sheet-lock .note-index.is-quiet select{color:#172a33}
.format-editor .format-boxes,.sheet-lock .format-boxes{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin:12px 0 18px}
.format-editor .note-index{display:inline-flex;align-items:center;width:max-content;max-width:100%;margin:8px 0;padding:1px 8px;border:1px solid #7eb8c4}
.format-editor .note-index input,.format-editor .note-index select{border:0;background:transparent;font:16px/1.15 Georgia,'Times New Roman',serif;color:#000;min-width:16ch}
.format-editor .note-index input::placeholder,.format-editor .note-index select{color:#6aa8b8}
.format-editor .note-index.is-quiet{border-color:transparent}
.format-editor .note-index.is-quiet select,.format-editor .note-index.is-quiet input{color:#172a33}
.format-editor .note-index input:focus,.format-editor .note-index select:focus{outline:none}
/* PHONES ONLY (Mark, 3 November 2026, 1.8.12: "Desk Top is cramped on a phone"). Nothing above 600px changes.
   The name goes on its own line, the tool strip runs full width below it and slides sideways
   instead of running off the screen, then the breadcrumbs. */
@media (max-width:600px){
html body .sheet-lock .doc-top{grid-template-columns:minmax(0,1fr);margin:0 4px 4px}
html body .sheet-lock .doc-top h1{grid-column:1;grid-row:1;font-size:28px;padding:0}
html body .sheet-lock .doc-top .edit-strip{grid-column:1;grid-row:2;flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;padding-top:14px;margin-top:0;scrollbar-width:none}
html body .sheet-lock .doc-top .edit-strip>*{flex-shrink:0}
html body .sheet-lock .doc-top .edit-strip .note-btn{flex:0 0 34px;min-width:34px;max-width:34px}
html body .sheet-lock .doc-top .breadcrumbs{grid-column:1;grid-row:3;font-size:14px}
html body .sheet-lock .paper{padding-left:40px!important;padding-right:16px!important}
html body .sheet-lock .paper table{display:block;max-width:100%;overflow-x:auto}
}

/* INFORMING PAGES (Mark, 3 November 2026, new rule): a page that only informs (About, Learning, For teachers, Legal,
   Site index, the add-on page) has the same header, title and breadcrumbs as every sheet, but no edit line.
   Mark it with data-informing on <body>. */
html body[data-informing] .sheet-lock .doc-top .edit-strip,
html body[data-informing] .sheet-lock .doc-top .tp-strip-more,
html body[data-informing]:has(#left-rail) .sheet-lock .doc-top > .edit-strip,
html body[data-informing]:has(#left-rail) .sheet-lock .doc-top > .tp-strip-more{display:none!important}

/* THE GRAY FRAME REACHES THE BOTTOM (Mark, 3 November 2026, 10:31 pm): "the bottom of the gray framing is just above
   the space for the copyright... that is all that should be space for, and the legal line... every style sheet".
   The page's height is the window less the real header (tp-map.js measures it into --site-header-height; it used to
   fall back to 76px when the header is 54px), and under the frame there is only the copyright and the legal line. */
@media (min-width:900px){
html:not(.split-half):not(.pane-window) body[data-sheet-page]:has(#left-rail) main#main:has(.sheet-lock){padding-bottom:2px!important}
html body main:has(.sheet-lock) > .legal-foot{margin:2px auto 0}
}
/* Study Hall: the same one line (© · Privacy · Terms · Children's privacy · Legal) in the strip under the frame. */
.hall-foot{position:fixed;left:50%;bottom:3px;transform:translateX(-50%);z-index:4;display:flex;flex-wrap:nowrap;align-items:center;gap:0 4px;margin:0;white-space:nowrap;font:12px/16px Georgia,'Times New Roman',serif;color:#5d737c}
.hall-foot a{color:#5d737c;text-decoration:none}
.hall-foot a:hover{text-decoration:underline}
.hall-foot .tp-copyright.in-foot{position:static!important;transform:none!important;height:12px!important;width:auto;margin:0!important}
html:is(.split-half,.pane-window) .hall-foot,body.pref-open .hall-foot,body.note-expanded .hall-foot{display:none}
@media (max-width:899px){.hall-foot{display:none}}
@media print{.hall-foot{display:none}}
/* NO SIDEWAYS SCROLL BAR IN THE FRAME (Mark, 3 November 2026): a sheet never scrolls sideways. On Windows a hidden
   form field on Share showed a gray scroll bar across the bottom of the paper. */
html body .sheet-lock .paper,html body .sheet-lock .sheet-read,html body .sheet-lock .sheet-ink{overflow-x:hidden!important}
/* On a sheet page the words scroll inside the paper (.sheet-read); the paper itself shows no second scroll bar. */
html body[data-sheet-page] .sheet-lock .paper{overflow:hidden!important}
/* In Study Hall the one line under the frame already carries the copyright: the AI Record's own line steps aside. */
body:has(.hall-foot) .ai-record .ai-copy{display:none!important}
.hall-foot .tp-copyright.in-foot{margin-right:3.5em!important}

/* TITLE ON ONE LINE, CLASS AND DATE UNDER IT (Mark, 4 November 2026: "put the class and date on one line and the
   title on another... if they have already picked a format like APA or MLA, then use that"). A long title is
   never cut off. With a format chosen, the heading takes that format's type (study-hall.js applyPaper) and, for
   MLA, sits at the left as MLA does. */
html body .sheet-lock:not([data-sheet-lock="preferences"]) .note-index:has(> .note-date:not([hidden])){flex-direction:column;align-items:center;gap:2px;max-width:100%;padding:4px 12px}
html body .sheet-lock:not([data-sheet-lock="preferences"]) .note-index:has(> .note-date:not([hidden])) input{max-width:100%;min-width:16ch;text-align:center}
html body .sheet-lock .paper[data-paper="MLA"] .note-index:has(> .note-date:not([hidden])){align-self:flex-start;align-items:flex-start;margin-left:0}
html body .sheet-lock .paper[data-paper="MLA"] .note-index:has(> .note-date:not([hidden])) input{text-align:left}