/* The same readable document styling is used in the studio and on the public work. */
.writing-editor{margin:24px 0}.writing-toolbar{display:flex;flex-wrap:wrap;gap:5px;padding:12px;border:1px solid #ded5e8;border-bottom:0;border-radius:14px 14px 0 0;background:#f5eff9}
.writing-toolbar button{min-width:38px;min-height:38px;padding:7px 10px;border:1px solid #ddd2e8;border-radius:7px;background:#fff;color:#293b51;font:inherit;font-size:13px;cursor:pointer}
.writing-toolbar button:hover,.writing-toolbar button[aria-pressed=true]{background:#e8ddf6;border-color:#9f83c6}.writing-toolbar button:focus-visible{outline:3px solid #7955ad55;outline-offset:2px}
.writing-surface{min-height:360px;padding:28px;border:1px solid #ded5e8;border-radius:0 0 14px 14px;background:#fffdf9;outline:none}.writing-surface:focus{border-color:#7955ad;box-shadow:0 0 0 3px #7955ad18}
.writing-surface,.writing-preview{font-weight:400}
.writing-surface:empty:before{content:'…';color:#8490a1}.writing-insert{padding:18px;margin-top:14px;border:1px solid #dcd2e7;border-radius:12px;background:#faf6fe}
.writing-insert label{display:block;margin-bottom:12px}.writing-insert input{display:block;width:100%;padding:10px;margin-top:5px;border:1px solid #d9d8e1;border-radius:9px;background:white;font:inherit}
.writing-insert button:not(.button){min-height:40px;border:1px solid #d9d8e1;padding:7px 12px;border-radius:8px;background:white;color:#293b51;font:inherit}.writing-preview{padding:28px;margin:18px 0;border:1px dashed #aa92c6;border-radius:14px;background:#fffdf9}
[data-writing-editor] [hidden]{display:none!important}
#main .rich-text-body,.rich-text-body{white-space:normal;font-family:var(--sans);font-size:1.125rem;line-height:1.85;overflow-wrap:anywhere}
#main .rich-text-body p,.rich-text-body p{margin:0 0 1em;white-space:pre-wrap;font:inherit;line-height:inherit;color:inherit}
#main .rich-text-body h2,.rich-text-body h2{font-size:1.8em;line-height:1.35;margin:1.2em 0 .6em;font-family:var(--serif);font-weight:500}
#main .rich-text-body h3,.rich-text-body h3{font-size:1.35em;line-height:1.4;margin:1em 0 .5em;font-weight:600}
.rich-text-body ul,.rich-text-body ol{padding-left:1.7em;margin:0 0 1em}.rich-text-body li{margin:.3em 0;white-space:pre-wrap}
.rich-text-body blockquote{border-left:4px solid #a889c4;margin:1.3em 0;padding:12px 22px;background:#f6eff8;color:#634379;font-style:italic;white-space:pre-wrap}
.rich-text-body a{color:#654492;text-decoration:underline;text-underline-offset:3px}.rich-text-body hr{border:0;border-top:1px solid #dfd5e5;margin:1.6em 0}
.rich-text-body figure{margin:1.5em 0}.rich-text-body figure img,.rich-text-body>img{display:block;max-width:100%;height:auto;margin-inline:auto;border-radius:10px}
#main .rich-text-body figcaption,.rich-text-body figcaption{font:14px/1.6 var(--sans);color:#647386;margin-top:10px;text-align:center;white-space:pre-wrap}
.rich-text-body .text-align-left{text-align:left}.rich-text-body .text-align-center{text-align:center}.rich-text-body .text-align-right{text-align:right}
#main .rich-text-body .text-font-serif,.rich-text-body .text-font-serif{font-family:var(--serif)}#main .rich-text-body .text-font-sans,.rich-text-body .text-font-sans{font-family:var(--sans)}
#main .rich-text-body .text-size-small,.rich-text-body .text-size-small{font-size:.9rem}#main .rich-text-body .text-size-large,.rich-text-body .text-size-large{font-size:1.45rem}
@media(max-width:700px){.writing-surface,.writing-preview{padding:18px;min-height:300px}.writing-toolbar{padding:8px;gap:4px}.writing-toolbar button{min-height:44px;padding-inline:9px}#main .rich-text-body h2{font-size:1.5em}}

/* Extended, fixed formatting vocabulary, shared by editing, preview and public reading. */
.writing-title{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}.writing-title .receipt{margin:0;font-size:12px}
.writing-toolbar{align-items:center;gap:8px}.writing-tools{display:flex;align-items:center;gap:3px;flex-wrap:wrap;padding-right:8px;border-right:1px solid #d8cce3}.writing-tools:last-child{border:0;padding:0}
.writing-toolbar button{padding:6px 9px;min-width:34px;min-height:36px;white-space:nowrap}.writing-toolbar mark{background:#fff1a8;color:#293b51}.writing-colour-icon{border-bottom:3px solid #b32638}
.writing-choices{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.writing-choices strong{flex-basis:100%}.writing-choices button{min-width:44px;min-height:42px}
.writing-table-size{display:grid;grid-template-columns:1fr 1fr;gap:14px}.writing-insert .check{display:flex;align-items:center;gap:10px}.writing-insert input[type=checkbox]{display:inline-block;width:auto;margin:0;min-height:20px;min-width:20px}
.writing-swatch{font-weight:700!important;border-width:2px!important}.swatch-ink{color:#203346!important}.swatch-slate{color:#566171!important}.swatch-red{color:#b32638!important}.swatch-orange{color:#9c4a00!important}.swatch-green{color:#236437!important}.swatch-blue{color:#2457a7!important}.swatch-purple{color:#71429c!important}.swatch-pink{color:#a12c6a!important}.swatch-teal{color:#146b70!important}
.swatch-bg-yellow{background:#fff1a8!important}.swatch-bg-green{background:#daf2d5!important}.swatch-bg-blue{background:#dcecff!important}.swatch-bg-pink{background:#fbe1ef!important}.swatch-bg-purple{background:#eee0ff!important}
#main .rich-text-body h4,.rich-text-body h4{font:600 1.15em/1.45 var(--sans);margin:1em 0 .5em;color:inherit}
.rich-text-body .text-align-justify{text-align:justify}
#main .rich-text-body .text-font-mono,.rich-text-body .text-font-mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
#main .rich-text-body .text-size-xsmall,.rich-text-body .text-size-xsmall{font-size:.8rem}#main .rich-text-body .text-size-xlarge,.rich-text-body .text-size-xlarge{font-size:1.85rem}
#main .rich-text-body .text-line-100,.rich-text-body .text-line-100{line-height:1}#main .rich-text-body .text-line-125,.rich-text-body .text-line-125{line-height:1.25}
#main .rich-text-body .text-line-150,.rich-text-body .text-line-150{line-height:1.5}#main .rich-text-body .text-line-175,.rich-text-body .text-line-175{line-height:1.75}
#main .rich-text-body .text-line-200,.rich-text-body .text-line-200{line-height:2}#main .rich-text-body .text-line-250,.rich-text-body .text-line-250{line-height:2.5}#main .rich-text-body .text-line-300,.rich-text-body .text-line-300{line-height:3}
.rich-text-body .text-indent-1{margin-inline-start:1.5em!important}.rich-text-body .text-indent-2{margin-inline-start:3em!important}.rich-text-body .text-indent-3{margin-inline-start:4.5em!important}.rich-text-body .text-indent-4{margin-inline-start:6em!important}
#main .rich-text-body .text-color-ink,.rich-text-body .text-color-ink{color:#203346}#main .rich-text-body .text-color-slate,.rich-text-body .text-color-slate{color:#566171}
#main .rich-text-body .text-color-red,.rich-text-body .text-color-red{color:#b32638}#main .rich-text-body .text-color-orange,.rich-text-body .text-color-orange{color:#9c4a00}
#main .rich-text-body .text-color-green,.rich-text-body .text-color-green{color:#236437}#main .rich-text-body .text-color-blue,.rich-text-body .text-color-blue{color:#2457a7}
#main .rich-text-body .text-color-purple,.rich-text-body .text-color-purple{color:#71429c}#main .rich-text-body .text-color-pink,.rich-text-body .text-color-pink{color:#a12c6a}#main .rich-text-body .text-color-teal,.rich-text-body .text-color-teal{color:#146b70}
.rich-text-body .text-bg-yellow{background-color:#fff1a8}.rich-text-body .text-bg-green{background-color:#daf2d5}.rich-text-body .text-bg-blue{background-color:#dcecff}.rich-text-body .text-bg-pink{background-color:#fbe1ef}.rich-text-body .text-bg-purple{background-color:#eee0ff}
.rich-text-body code{font: .9em/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;background:#f1edf5;border-radius:4px;padding:.12em .3em;color:#4f356c}
.rich-text-body pre{white-space:pre-wrap;overflow-wrap:anywhere;overflow:auto;font: .9em/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;padding:18px;background:#f1edf5;border:1px solid #e0d7e9;border-radius:10px;margin:1em 0}
.rich-text-body pre code{padding:0;background:none}.rich-text-body sup,.rich-text-body sub{font-size:.75em;line-height:0;position:relative;vertical-align:baseline}.rich-text-body sup{top:-.5em}.rich-text-body sub{bottom:-.25em}
.rich-text-body table{display:block;max-width:100%;width:100%;overflow-x:auto;border-collapse:collapse;margin:1.3em 0;white-space:normal;box-sizing:border-box}
#main .rich-text-body th,#main .rich-text-body td,.rich-text-body th,.rich-text-body td{border:1px solid #cfc4da;padding:10px 14px;min-width:85px;vertical-align:top;text-align:start;color:inherit;white-space:normal}
.rich-text-body th{background:#eee5f5;font-weight:600}.rich-text-body td>p:last-child,.rich-text-body th>p:last-child{margin-bottom:0!important}
.rich-text-body figure.text-image-25{width:25%}.rich-text-body figure.text-image-50{width:50%}.rich-text-body figure.text-image-75{width:75%}.rich-text-body figure.text-image-100{width:100%}
.rich-text-body figure.text-image-left{margin-inline-start:0;margin-inline-end:auto}.rich-text-body figure.text-image-center{margin-inline:auto}.rich-text-body figure.text-image-right{margin-inline-start:auto;margin-inline-end:0}
.writing-surface img.writing-image-selected{outline:3px solid #7955ad;outline-offset:4px}
.writing-editor.is-fullscreen{position:fixed;inset:12px;z-index:1000;overflow:auto;margin:0;padding:20px;background:#fffdf9;border:1px solid #d8cce3;border-radius:16px;box-shadow:0 0 0 30px #18213588}
.writing-fullscreen-dialog{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:transparent;overflow:hidden}
.writing-fullscreen-dialog::backdrop{background:#18213588;backdrop-filter:blur(3px)}.writing-fullscreen-dialog .writing-editor.is-fullscreen{position:absolute;box-shadow:none}
body:has(.writing-editor.is-fullscreen){overflow:hidden}.writing-editor.is-fullscreen .writing-toolbar{position:sticky;top:-20px;z-index:2}.writing-editor.is-fullscreen .writing-surface{min-height:60vh}
@media(max-width:700px){.writing-tools{gap:3px;padding-right:5px}.writing-toolbar{gap:7px}.writing-toolbar button{min-height:42px;min-width:36px;padding:7px}.writing-title .receipt{font-size:11px}.writing-editor.is-fullscreen{inset:5px;padding:12px}.writing-editor.is-fullscreen .writing-toolbar{position:static}.rich-text-body .text-indent-3,.rich-text-body .text-indent-4{margin-inline-start:3em!important}.writing-table-size{gap:10px}}