.suite-desk-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 18px;grid-column:1/-1}.suite-desk-tools button,.suite-desk-tools select,.suite-desk-tools summary{font-size:13px;min-height:42px}.portfolio-filter-label{min-width:130px;flex:1}.portfolio-filter-label select{width:100%}.suite-desk-menu{position:relative}.suite-desk-menu summary{cursor:pointer;list-style:none;border:1px solid var(--line);border-radius:7px;background:#fff;padding:9px 12px}.suite-desk-menu>div{position:absolute;right:0;top:46px;z-index:25;display:grid;min-width:190px;padding:7px;background:#fff;border:1px solid var(--line);box-shadow:0 5px 18px #26374b22;border-radius:9px}.suite-desk-menu button{text-align:left;border:0}.project-preview{font-size:10px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:400px;color:#77857c}.project-portfolio{font-weight:700;color:#386d58!important}.suite-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:15px}.suite-dialog-heading h2{margin:0}.suite-dialog-heading button{min-width:44px;min-height:44px}#suite-dialog{width:min(94vw,760px);max-width:760px;max-height:90dvh;overflow:auto;padding:24px}#suite-dialog #suite-panel>label{display:grid;gap:7px;margin:16px 0}#suite-dialog input:not([type=checkbox]):not([type=color]),#suite-dialog select,#suite-dialog textarea{width:100%;min-width:0;font-size:16px}#suite-dialog input[type=color]{height:44px}#suite-dialog p{line-height:1.6}#suite-dialog .check-label{display:flex;gap:10px;align-items:center}#suite-dialog input[type=checkbox]{width:22px;height:22px;min-height:22px;flex-shrink:0}.suite-button-row{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.recovery-row{display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--line);padding:16px 0}.recovery-row>div{flex:1;min-width:0;overflow-wrap:anywhere}.recovery-row small,.version-row small{display:block;color:var(--muted);font-size:12px;margin:5px 0}.version-row,.portfolio-card{padding:18px;border:1px solid var(--line);border-radius:10px;margin:14px 0;background:#fbfcfa}.version-row p{white-space:pre-wrap;overflow-wrap:anywhere}.version-row>div{display:flex;gap:8px}.portfolio-thumbs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.portfolio-thumb{text-align:left;min-height:115px;background:#edf2f8}.portfolio-thumb.spreadsheet{background:#edf4ee}.portfolio-thumb.presentation{background:#fbf0e7}.portfolio-thumb small{display:block;color:#5e6e77;margin-top:10px;overflow:hidden;max-height:60px}.activity-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.activity-grid button{text-align:left;padding:18px;background:#edf4ee}.activity-grid span{display:block;font-size:13px;margin-top:12px}.guide-resume{display:block;margin-top:12px;width:100%;text-align:left}.guide-steps{padding-left:24px}.guide-steps li{padding:12px 0;border-bottom:1px solid var(--line)}.guide-steps label{display:flex;align-items:center;gap:12px;font-size:16px}.art-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0}.art-gallery>article,.art-gallery>button{border:1px solid var(--line);border-radius:9px;padding:9px;text-align:center;min-width:0;background:#fff}.art-gallery img{display:block;width:100%;height:110px;object-fit:contain;background:repeating-conic-gradient(#eee 0 25%,#fff 0 50%) 0/16px 16px;margin-bottom:9px}.art-gallery article>div{display:flex;flex-wrap:wrap;gap:5px;justify-content:center}.art-gallery article button{font-size:12px;padding:6px}.art-controls,.crop-controls{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:16px 0}.art-controls label{display:flex;gap:7px;align-items:center}.crop-controls label{width:45%}#drawing-pad,#crop-preview{display:block;width:100%;height:auto;border:1px solid #9eafa8;border-radius:8px;background:repeating-conic-gradient(#eee 0 25%,#fff 0 50%) 0/24px 24px}#drawing-pad{touch-action:none;outline-offset:4px}#art-status,#crop-status{display:block;margin:10px 0;color:#386d58}#suite-panel>textarea{min-height:140px}body.suite-large button,body.suite-large summary,body.suite-large label,body.suite-large input,body.suite-large select{font-size:18px!important;min-height:52px}body.suite-large .project-open small{font-size:14px}body.suite-contrast{--ink:#101820;--muted:#333;--line:#626c72;--green:#15523e;--blue:#174e81}body.suite-contrast button,body.suite-contrast input,body.suite-contrast select,body.suite-contrast summary,body.suite-contrast .subtle{color:#111!important;border-color:#555!important}body.suite-contrast .primary{color:#fff!important;background:#174e81!important}body.suite-contrast .project-open small{color:#333}body.suite-no-tips .rail-note,body.suite-no-tips .tablet-tip{display:none}
#suite-print-preview{position:fixed;inset:0;z-index:500;background:#e5e9e7;overflow:auto;padding:0 20px 30px}.print-actions{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px;background:#fdfdf8;border-bottom:1px solid var(--line);margin:0 -20px 25px}.print-actions h2{font-size:18px}.print-pages{max-width:1100px;margin:auto}.print-slide{position:relative;width:100%;aspect-ratio:16/9;margin:20px auto;background:#fff;overflow:hidden;box-shadow:0 2px 8px #26374b25}.print-document,.print-sheet{padding:55px;background:#fff;max-width:816px;margin:20px auto;min-height:1056px;box-shadow:0 2px 8px #26374b25;overflow-wrap:anywhere}.print-document p{white-space:pre-wrap}.print-document table,.print-sheet table{border-collapse:collapse;width:100%;margin:12px 0}.print-document td,.print-sheet td{border:1px solid #777;padding:7px}.print-document img{max-width:100%;height:auto}.print-chart{max-width:500px}.print-chart svg{width:100%}.print-pages .slide-object{cursor:default}.print-pages .slide-object.selected{outline:0}
body[data-office-layout=phone] .suite-desk-tools{gap:6px}body[data-office-layout=phone] .suite-desk-tools button,body[data-office-layout=phone] .suite-desk-tools summary,body[data-office-layout=phone] .suite-desk-tools select{min-height:46px;font-size:12px}body[data-office-layout=phone] .portfolio-filter-label{flex-basis:100%}body[data-office-layout=phone] .suite-desk-tools>button{flex:1}body[data-office-layout=phone] .project-preview{max-width:200px}body[data-office-layout=phone] #suite-dialog{padding:18px;width:calc(100% - 20px)}body[data-office-layout=phone] #suite-dialog button{min-height:46px}body[data-office-layout=phone] .art-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-office-layout=phone] .activity-grid,body[data-office-layout=phone] .portfolio-thumbs{grid-template-columns:1fr}body[data-office-layout=phone] .recovery-row{flex-wrap:wrap}body[data-office-layout=phone] .recovery-row>div{flex-basis:100%}body[data-office-layout=phone] .print-actions{flex-wrap:wrap}body[data-office-layout=phone] .print-document,body[data-office-layout=phone] .print-sheet{padding:25px}body[data-office-layout=tablet] .suite-desk-tools button,body[data-office-layout=tablet] .suite-desk-tools select,body[data-office-layout=tablet] .suite-desk-tools summary{min-height:48px}body[data-office-layout=tablet] .portfolio-filter-label{flex-basis:100%}
@media print{body.suite-print-open{background:#fff!important;padding:0!important}body.suite-print-open>*:not(#suite-print-preview){display:none!important}body.suite-print-open #suite-print-preview{position:static!important;display:block!important;padding:0;background:#fff;overflow:visible}body.suite-print-open .print-actions{display:none}.print-pages{max-width:none;margin:0}.print-document,.print-sheet{min-height:0;margin:0;box-shadow:none}.print-slide .slide-object{print-color-adjust:exact;-webkit-print-color-adjust:exact}.print-chart{break-inside:avoid}}

.file-thumbnail{width:76px;height:57px;flex:none;margin-right:4px}.portfolio-thumb .file-thumbnail{display:block;width:100%;height:85px;margin:0 0 8px}#suite-dialog #suite-panel>.check-label{display:flex;align-items:center;gap:12px}#suite-dialog #suite-panel>.check-label input{width:24px;min-height:24px;flex:none}body[data-office-layout=phone] .project-open>.file-thumbnail{width:50px;height:40px}body[data-office-layout=phone] .project-open>.file-badge{display:none}

.writing-outline{display:grid;gap:8px}.writing-outline button{text-align:left;overflow-wrap:anywhere}.range-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.range-stats>div{padding:14px;background:#edf4ee;border-radius:9px}.range-stats dt{font-size:13px}.range-stats dd{margin:8px 0 0;font-size:22px;font-weight:700;overflow-wrap:anywhere}.theme-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:20px 0}.theme-choices button{min-height:100px;font-size:22px!important}.practice-status{display:flex;justify-content:space-between;gap:16px;margin-bottom:15px}#practice-time{font-variant-numeric:tabular-nums;font-size:24px}#practice-stage{position:relative;width:100%;overflow:hidden;border:1px solid #8a9baf}#practice-notes{white-space:pre-wrap;max-height:160px;overflow:auto;border:1px solid var(--line);padding:14px}body[data-office-layout=phone] .range-stats{grid-template-columns:repeat(2,minmax(0,1fr))}body.suite-contrast .range-stats>div{background:#fff;border:1px solid #555}

/* Creekside hierarchy for the application chrome; document/cell/slide sizes are authored. */
body{font-size:1rem}
.welcome h1{font-family:var(--jke-font-literary);font-size:var(--jke-heading-large);font-weight:400;line-height:1.15;letter-spacing:-.015em}
.welcome>p{font-size:var(--jke-text-lead);line-height:1.6}
.office-brand small,.desktop-rail .office-brand small,.local-label,.desktop-rail .local-label,.rail-note,.rail-note .subtle,.card-text small,.desktop-office .card-text small,.starter-grid small,.project-open small,#save-status{font-size:var(--jke-text-caption);line-height:1.45}
.subtle,.card-text>span,.section-heading p:not(.eyebrow),.desk-note,.toolbar label,.toolbar select,.object-inspector label,.object-inspector input,.object-inspector select,.object-inspector textarea{font-size:var(--jke-text-small);line-height:1.45}
.eyebrow{font-size:var(--jke-text-caption);letter-spacing:.07em}
.search-label input{font-size:var(--jke-text-body);line-height:1.4}
.desktop-rail #help-button{font-size:var(--jke-text-small)}

.suite-desk-tools button,.suite-desk-tools select,.suite-desk-tools summary{font-size:var(--jke-text-small);line-height:1.4}
.open-button small{font-size:var(--jke-text-caption);line-height:1.4}
