/* A full-height desk: tools scroll independently, the worksheet keeps its room. */
.tablet-page{height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden}
.tablet-page .tablet-top{flex:none;min-height:56px;box-sizing:border-box;padding:4px 18px;gap:16px}
.tablet-page .tablet-top .portal-logo{font-size:22px}
.tablet-page .tablet-top>a:nth-child(2){margin-left:auto;min-height:44px;display:flex;align-items:center}
.tablet-page #tools-toggle{display:none}
.tablet-page #main{display:grid;grid-template-columns:212px minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;flex:1;min-height:0;min-width:0;max-width:none;width:100%;padding:0;margin:0}
.tablet-page .tablet-sidebar{grid-column:1;grid-row:1/3;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:12px;box-sizing:border-box;background:#b28aff;--brand-ink:#000;color:#000;border-right:1px solid #0002}
.tablet-page .tablet-sidebar button{font-size:14px;padding:8px;min-height:44px}
.tablet-page #focus-view{width:100%;border:2px solid #000}
.tablet-page #focus-view svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8}
.tablet-page #focus-help{font-size:12px;line-height:1.4;margin:6px 0 12px}
.tablet-page .page-menu{border-block:1px solid #0003;margin:0 0 12px;padding:0}
.tablet-page .page-menu>summary{min-height:44px;display:flex;align-items:center;cursor:pointer;font-size:14px;font-weight:650}
.tablet-page .tablet-heading{display:block;margin:0;padding:0 0 12px}
.tablet-page .tablet-heading>div{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.tablet-page .tablet-heading :is(.set-picker,.sheet-picker){display:grid;gap:4px;margin:0 0 8px;font-size:13px}
.tablet-page .tablet-heading select{width:100%;max-width:100%;min-width:0;box-sizing:border-box;padding:8px;font-size:14px}
.tablet-page .tablet-tools{display:grid;position:static;box-shadow:none;padding:0;gap:12px;background:transparent}
.tablet-page .tool-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;align-items:stretch}
.tablet-page .tool-group+.tool-group{border-left:0;border-top:1px solid #0003;padding:12px 0 0}
.tablet-page .tool-group[aria-label="Choose a tool"] button{flex-direction:column;gap:3px;min-height:60px}
.tablet-page .tool-group[aria-label="Choose an ink color"]{grid-template-columns:repeat(3,44px);justify-content:space-between}
.tablet-page .tablet-tools .color-choice{width:44px;height:44px;min-width:44px;min-height:44px}
.tablet-page .color-choice span{width:28px;height:28px}
.tablet-page #pen-size,.tablet-page #clear,.tablet-page #answer-tool{grid-column:1/-1;width:100%;max-width:none}
.tablet-page #answer-tool{min-height:44px}
.tablet-page .tablet-secondary{display:grid;gap:12px;padding:12px 0 0;margin:0;max-width:none}
.tablet-page .tablet-zoom{display:grid;grid-template-columns:44px 1fr 44px;gap:6px;order:initial}
.tablet-page .tablet-zoom output{align-self:center;min-width:0}
.tablet-page .tablet-zoom button{min-width:44px;min-height:44px}
.tablet-page #fit{grid-column:1/-1}
.tablet-page .tablet-completion{display:grid;grid-template-columns:1fr;width:100%;order:initial}
.tablet-page .tablet-notices{display:block;order:initial}
.tablet-page .tablet-notices :is(#tool-hint,#save-status){display:block;width:auto;margin:0 0 10px;font-size:12px;line-height:1.5}
.tablet-page .answer-helper{font-size:13px;margin:12px 0;border-block:1px solid #0003}
.tablet-page .answer-helper summary{padding:8px 0;min-height:44px;box-sizing:border-box;display:flex;align-items:center}
.tablet-page .answer-helper select{box-sizing:border-box;width:100%;font-size:14px}
.tablet-page .answer-helper button{margin:8px 0;width:100%}
.tablet-page .tablet-bottom{padding:0;margin:12px 0 0;font-size:12px;border-top:1px solid #0003}
.tablet-page .tablet-bottom summary{line-height:1.5;padding:10px 0}
.tablet-page .tablet-bottom a{margin:0;display:flex;min-height:44px}
.tablet-page .tablet-desk{grid-column:2;grid-row:1;min-height:0;max-height:none;height:auto;box-sizing:border-box;padding:12px;scrollbar-gutter:auto;position:relative}
.tablet-page .tablet-paper{margin:0 auto;max-width:none}
.tablet-page .tablet-checkbar{grid-column:2;grid-row:2;display:flex;justify-content:center;align-items:center;padding:6px 12px max(6px,env(safe-area-inset-bottom));min-height:58px;box-sizing:border-box;border-top:1px solid #0002;background:#fff;z-index:2}
.tablet-page .tablet-checkbar button{min-width:180px;min-height:44px}
.tablet-page.tablet-focus .tablet-top,.tablet-page.tablet-focus .tablet-sidebar{display:none}
.tablet-page.tablet-focus #main{grid-template-columns:minmax(0,1fr)}
.tablet-page.tablet-focus :is(.tablet-desk,.tablet-checkbar){grid-column:1}
.tablet-page.tablet-focus .tablet-desk{padding:4px}
.tablet-page.tablet-focus .tablet-paper{box-shadow:none}
.tablet-page.tablet-focus .skip-link{display:none}
.tablet-page .tablet-dialog-actions{flex-wrap:wrap}
@media(max-width:700px){
 .tablet-page .tablet-top{padding-inline:10px;gap:10px}
 .tablet-page .tablet-top .portal-logo{font-size:19px}
 .tablet-page .tablet-top .portal-rune{width:20px}
 .tablet-page .tablet-top>a:nth-child(2){font-size:13px}
 .tablet-page #tools-toggle{display:inline-flex;border:1px solid #071225}
 .tablet-page #main{grid-template-columns:minmax(0,1fr);position:relative}
 .tablet-page .tablet-sidebar{display:none;position:absolute;inset:0 auto 58px 0;width:224px;z-index:10;box-shadow:6px 0 18px #0002}
 .tablet-page.tablet-tools-open .tablet-sidebar{display:block}
 .tablet-page :is(.tablet-desk,.tablet-checkbar){grid-column:1}
 .tablet-page .tablet-checkbar{z-index:11}
 .tablet-page .tablet-desk{padding:8px}
 .tablet-page.tablet-focus .tablet-sidebar{display:none}
}
@media(max-width:420px){.tablet-page .tablet-top>a:nth-child(2){max-width:74px;line-height:1.25}.tablet-page .tablet-top .portal-logo{font-size:17px}}