/* A publication opens with a color field, an artwork and a typographic title. */
.work-hero,.work-hero.has-cover{display:block;padding:0;margin:0 0 48px;border:0;scroll-margin-top:120px}
.work-hero>.work-banner,.work-hero.has-cover>.work-banner{position:relative;display:flex;align-items:flex-start;justify-content:flex-end;width:100%;min-height:0;height:136px;grid-template-columns:none;gap:0;padding:24px 28px;border:1px solid #ffffff1c;border-radius:24px;background:linear-gradient(var(--work-shade,#070a121f),var(--work-shade,#070a121f)),linear-gradient(115deg,var(--work-start,#151c2b),var(--work-end,#090d14));overflow:hidden;isolation:isolate}
.work-hero>.work-banner::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(125deg,#ffffff14,transparent 38%,transparent 68%,#ffffff04);box-shadow:inset 0 1px 0 #ffffff29;border-radius:inherit;z-index:-1}
.work-format{font-size:.75rem;line-height:1.6;letter-spacing:.13em;text-transform:uppercase;color:var(--work-ink,#fff);opacity:.8}
.work-heading-layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:36px;padding:0 28px;margin-top:28px;align-items:start;position:relative}
.work-hero.no-cover>.work-heading-layout{grid-template-columns:minmax(0,1fr)}
.work-hero.no-cover>.work-banner{height:86px;justify-content:flex-start}
.work-hero .work-cover{margin:-96px 0 0;display:block;aspect-ratio:1;width:320px;height:320px;padding:6px;border:1px solid #ffffff22;border-radius:24px;overflow:hidden;background:#0a0e15;box-shadow:0 12px 30px #0005,inset 0 1px 0 #ffffff13}
.work-hero .work-cover img{width:100%;height:100%;object-fit:contain;display:block;border-radius:18px}
.work-hero .work-hero-copy{width:100%;max-width:none;min-width:0}
.work-hero .work-hero-copy h1{font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:clamp(32px,3.9vw,52px);font-weight:500;line-height:1.18;letter-spacing:-.04em;margin:0 0 20px;max-width:26ch;overflow-wrap:anywhere;text-wrap:balance;color:#f1f2f7}
.work-hero.poetry-hero .work-hero-copy h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(46px,5.5vw,76px);font-weight:400;letter-spacing:-.035em;line-height:1.1;max-width:22ch}
.work-hero .work-meta{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:8px 24px;margin:0;font-size:.875rem;line-height:1.65;color:#b8c2d4}
.work-hero .work-meta time{font-size:.8125rem;line-height:1.65;white-space:normal;font-variant-numeric:tabular-nums;color:#8f9bb0}
.work-hero>.work-annotation{display:grid;grid-template-columns:320px minmax(0,1fr);gap:36px;max-width:none;padding:28px 28px 0;margin:34px 0 0;border-top:1px solid #ffffff12}
.work-hero.no-cover>.work-annotation{grid-template-columns:minmax(0,1fr);gap:14px}
.work-annotation>.work-note-label{display:block;margin:3px 0 0;font-size:.75rem;line-height:1.7;letter-spacing:.045em;color:#8997af;max-width:15ch}
.work-note-body{min-width:0;max-width:68ch}.work-annotation .work-note-body p,.work-annotation .work-note-body li{font-size:1rem;line-height:1.85;color:#bfc8d8;margin:0 0 16px}
.work-note-body>:last-child{margin-bottom:0}.work-note-body figure{margin:20px 0}.work-note-body img{max-width:100%;max-height:440px;object-fit:contain;display:block;border-radius:14px}.work-note-body blockquote{margin:20px 0;padding:4px 0 4px 18px;border-left:2px solid #b9bfff55}.work-note-body h2,.work-note-body h3{font-size:1.25rem;line-height:1.5;margin:24px 0 14px}
/* The owner sees the same composition in the appearance editor. */
.work-editor-dialog .quick-theme-preview{display:block;min-height:0;padding:0;border:1px solid #ffffff20;border-radius:14px;background:#0b1018;overflow:hidden}
.quick-theme-banner{height:74px;padding:12px 16px;display:flex;justify-content:flex-end;background:linear-gradient(var(--work-shade,#070a121f),var(--work-shade,#070a121f)),linear-gradient(115deg,var(--work-start,#151c2b),var(--work-end,#090d14));box-shadow:inset 0 1px #ffffff25}
.quick-theme-banner>span{margin:0;font-size:10px;line-height:1.5;text-transform:uppercase;letter-spacing:.06em;color:var(--work-ink,#fff)}
.quick-theme-heading{display:grid;grid-template-columns:minmax(0,1fr);padding:16px;gap:14px;align-items:start}
.quick-theme-preview.has-cover>.quick-theme-heading{grid-template-columns:86px minmax(0,1fr)}
.quick-theme-heading>img{width:86px;height:86px;margin-top:-40px;object-fit:contain;border:4px solid #0b1018;border-radius:13px;background:#0b1018;box-shadow:0 4px 12px #0005}
.quick-theme-heading>div{min-width:0}.quick-theme-heading strong{font-family:var(--preview-title-font,inherit);font-size:22px;font-weight:500;line-height:1.3;letter-spacing:-.02em;color:#edf0f8}.quick-theme-heading span{font-size:11px;line-height:1.5;color:#8493ad;margin-top:8px}
@media(max-width:850px){.work-heading-layout{grid-template-columns:240px minmax(0,1fr);gap:28px;padding-inline:24px}.work-hero .work-cover{width:240px;height:240px;margin-top:-78px;border-radius:21px}.work-hero .work-cover img{border-radius:15px}.work-hero>.work-banner{height:150px;padding:22px 24px}.work-hero>.work-annotation{grid-template-columns:240px minmax(0,1fr);gap:28px;padding-inline:24px}.work-hero .work-hero-copy h1{font-size:38px}.work-hero.poetry-hero .work-hero-copy h1{font-size:60px}}
@media(max-width:600px){.work-hero,.work-hero.has-cover{margin-bottom:36px}.work-hero>.work-banner,.work-hero.has-cover>.work-banner{height:126px;border-radius:18px;padding:18px}.work-hero.no-cover>.work-banner{height:84px}.work-heading-layout{grid-template-columns:156px minmax(0,1fr);gap:20px;padding-inline:18px;margin-top:22px}.work-hero .work-cover{width:156px;height:156px;margin-top:-68px;padding:4px;border-radius:18px}.work-hero .work-cover img{border-radius:13px}.work-hero .work-hero-copy h1{font-size:30px;line-height:1.22;margin-bottom:14px}.work-hero.poetry-hero .work-hero-copy h1{font-size:44px;line-height:1.14}.work-hero .work-meta{gap:5px 14px;font-size:.8125rem}.work-hero .work-meta time{font-size:.75rem}.work-hero>.work-annotation,.work-hero.no-cover>.work-annotation{grid-template-columns:minmax(0,1fr);gap:14px;padding:22px 18px 0;margin-top:26px}.work-annotation>.work-note-label{max-width:none;margin:0}.work-format{font-size:.6875rem;letter-spacing:.1em}}
@media(max-width:420px){.work-heading-layout{grid-template-columns:minmax(0,1fr);gap:20px}.work-hero .work-cover{width:176px;height:176px;margin-top:-74px}.work-hero.poetry-hero .work-hero-copy h1{font-size:48px}.work-hero .work-meta{font-size:.8125rem;gap:5px 18px}.work-hero .work-hero-copy h1{max-width:none}}
@media(prefers-reduced-motion:no-preference){.work-heading-layout{animation:work-heading-in .5s cubic-bezier(.22,1,.36,1) both}.work-hero .work-cover{animation:work-cover-in .65s cubic-bezier(.22,1,.36,1) both}@keyframes work-heading-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes work-cover-in{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}}
.reading-focus .work-hero{display:none}

/* One restrained icon family for publication details and reading controls. */
.ui-icon{display:inline-block;flex-shrink:0;vertical-align:middle;pointer-events:none}
.work-format{display:inline-flex;align-items:center;gap:9px}
.work-hero .work-author,.work-hero .work-meta time{display:inline-flex;align-items:center;gap:9px;min-width:0}
.work-meta .ui-icon{color:#abb5cc}.work-hero .work-meta time .ui-icon{color:#8f9bb0}
.work-annotation>.work-note-label{display:flex;align-items:flex-start;gap:11px;max-width:none;font-size:.8125rem;letter-spacing:0;line-height:1.65;color:#aeb9ce}
.work-note-mark{display:grid;place-items:center;width:32px;height:32px;margin-top:-5px;border:1px solid #c4c9ff20;border-radius:9px;background:linear-gradient(135deg,#d5d8ff0e,#d5d8ff03);color:#b9bce6;flex-shrink:0}
.author-edit-button,.author-work-tools>a{display:inline-flex;align-items:center;gap:9px}.author-work-tools .ui-icon{color:#aebadb}
.reader-title{display:inline-flex;gap:10px;align-items:center}.reader-title .ui-icon{color:#b9bfdc}
.publication-aside>.reader-icon-button{display:flex;gap:11px;align-items:center}.reader-icon-button .ui-icon{color:#acb7d3}
.reader-dock button{display:inline-flex;align-items:center;gap:7px}
.quick-cover-drop>img{width:216px;height:216px;object-fit:contain;background:#080c13}
@media(max-width:600px){.work-hero .work-meta{flex-direction:column;align-items:flex-start}.work-meta .ui-icon{width:15px;height:15px}.work-note-mark{width:30px;height:30px;margin-top:-4px}.work-annotation>.work-note-label{gap:10px}.quick-cover-drop>img{width:216px;height:216px}}

@media(max-width:520px){.reader-dock #reader-top span,.reader-dock #reader-panel-toggle span{display:none}.reader-dock #reader-top,.reader-dock #reader-panel-toggle{justify-content:center;min-width:40px}}

.work-hero .work-note-body .work-note-preview{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden;max-height:5.55em;margin:0;line-height:1.85}.work-hero .work-note-body .work-note-more{display:inline-flex;margin-top:12px;font-size:14px;line-height:1.6;color:#bbb8e3;text-decoration:none;border-bottom:1px solid #bfb9ff40;padding-bottom:2px}.work-hero .work-note-body .work-note-more:hover{color:#e1dcff;border-color:#e1dcff}.work-about-full{position:relative;isolation:isolate;width:100%;max-width:none;scroll-margin-top:125px;margin:50px 0 0;padding:36px 40px;border:1px solid #ffffff1c;border-radius:24px;background:linear-gradient(var(--work-shade,#070a121f),var(--work-shade,#070a121f)),linear-gradient(115deg,var(--work-start,#151c2b),var(--work-end,#090d14));color:var(--work-ink,#fff);overflow-wrap:anywhere}.work-about-full::before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;z-index:-1;background:linear-gradient(125deg,#ffffff14,transparent 38%,transparent 68%,#ffffff04);box-shadow:inset 0 1px 0 #ffffff29}.work-about-full:focus{outline:none}.work-about-full>h2{font:500 24px/1.5 Inter,"Segoe UI",sans-serif;color:inherit;margin:0 0 22px}.work-about-full>.work-about-content{font:16px/1.85 Inter,"Segoe UI",sans-serif;color:inherit;max-width:none}.work-about-full p{margin:0 0 20px}.work-about-full p:last-child{margin-bottom:0}.work-about-full img{max-width:100%;max-height:560px;object-fit:contain;border-radius:16px;display:block}.work-about-full a{color:inherit;text-decoration:underline;text-underline-offset:3px}.work-about-full blockquote{margin:22px 0;padding-left:20px;border-left:2px solid currentColor}.work-about-full~.related-publications{margin-top:44px}.work-about-full~.related-publications>div{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:850px){.work-about-full{padding:30px 28px;border-radius:21px}}
@media(max-width:600px){.work-about-full{padding:26px 22px;border-radius:18px;margin-top:36px;scroll-margin-top:150px}.work-about-full>h2{font-size:22px;margin-bottom:18px}.work-about-full~.related-publications>div{grid-template-columns:1fr}}

.work-cover-open{display:block;width:100%;height:100%;padding:0;border:0;border-radius:18px;background:transparent;cursor:zoom-in}.work-cover-open:focus-visible{outline:2px solid #c3b8f5;outline-offset:-4px}