@layer components{.writing-byline{color:var(--muted);margin-top:1.5rem;font-size:.95rem}.writing-cover{margin-block:2.5rem}.writing-cover img{object-fit:contain;background:var(--ink);width:100%;max-height:36rem}.writing-cover figcaption,.writing-prose figcaption{font:.95rem/1.6 var(--sans);color:var(--muted);margin-top:.75rem}.writing-contents,.writing-roots{border-block:1px solid var(--line);margin-block:2rem;padding:1.5rem 0}.writing-contents summary{cursor:pointer;font-weight:700}.writing-contents ol{padding:1rem 0 0 1.5rem}.writing-roots h2{margin-block:.75rem 1rem;font-size:2rem}.writing-roots ul{padding-left:1.25rem}.writing-prose :is(img,video,iframe){max-width:100%}.writing-prose img{height:auto;margin-block:1.5rem}.writing-prose figure{margin-block:2rem}.writing-prose pre{background:var(--white);border:1px solid var(--line);max-width:100%;padding:1rem;font-size:.85em;overflow-x:auto}.writing-prose table{border-collapse:collapse;max-width:100%;display:block;overflow-x:auto}.writing-prose :is(th,td){border:1px solid var(--line);padding:.75rem}.writing-prose :is(h2,h3){scroll-margin-top:2rem}.writing-video{border:1px solid var(--line);background:var(--white);font:1rem/1.6 var(--sans);margin-block:2rem;padding:1.5rem}.writing-video p{margin-block:.75rem}.writing-video iframe{aspect-ratio:16/9;border:0;width:100%;display:block}.writing-video button{margin-block:.75rem}.owner-writing-link{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.writing-desk{max-width:1100px;padding-bottom:5rem}.writing-desk details{border:1px solid var(--line);margin-block:1.5rem;padding:1.25rem}.writing-desk summary{cursor:pointer;font-weight:700}.writing-desk [hidden]{display:none!important}.writing-desk .desk-owner{border:2px solid var(--ink);background:var(--white);margin-block:2rem;padding:1.5rem}.writing-desk .desk-owner h2{margin-bottom:1rem;font-size:2rem}.writing-desk .desk-owner p{margin-block:1rem}.writing-desk .desk-login-row{flex-wrap:wrap;align-items:stretch;gap:.75rem;display:flex}.writing-desk .desk-login-row :is(input,select){flex:18rem}.writing-desk .desk-login-row .button{flex:0 auto}.writing-desk .desk-text-button{font:inherit;color:var(--ink);cursor:pointer;background:0 0;border:0;padding:.25rem;text-decoration:underline}.writing-desk button:disabled{opacity:.6;cursor:not-allowed}.writing-desk input[readonly]{background:var(--paper)}.writing-desk details :is(p,ol){margin-top:1rem}.writing-desk label{margin-bottom:.4rem;font-weight:700;display:block}.writing-desk :is(input,textarea,select){border:1px solid var(--ink);background:var(--white);width:100%;min-width:0;color:var(--ink);padding:.85rem}.writing-desk textarea{tab-size:2;resize:vertical;font:1rem/1.7 ui-monospace,monospace}.writing-desk .desk-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;margin-block:1.5rem;display:grid}.writing-desk .desk-wide{grid-column:1/-1}.writing-desk .desk-help{color:var(--muted);margin-block:.5rem;font-size:.95rem}.writing-desk .desk-toolbar,.writing-desk .desk-actions{flex-wrap:wrap;gap:.75rem;margin-block:1rem;display:flex}.writing-desk .desk-toolbar button{background:var(--paper);color:var(--ink);border:1px solid var(--line);padding:.5rem .75rem}.writing-desk .desk-status{min-height:1.75rem;margin-block:1rem;font-weight:700}.writing-desk code{overflow-wrap:anywhere}@media (width<=600px){.writing-desk .desk-fields{grid-template-columns:1fr}}@media print{.writing-video button,.writing-contents{display:none}}}