@font-face { font-family: 'Black Kiyrand'; src: url('/09%20publication/part%201%20submission/daily-note-demonstration/assets/black-kiyrand-regular-font-oct12-1.ttf') format('truetype'); font-style: normal; font-weight: 400; font-display: swap; }
@font-face { font-family: 'Poppins'; src: url('/09%20publication/part%201%20submission/daily-note-demonstration/assets/poppins-regular-body-font-oct12-1.ttf') format('truetype'); font-style: normal; font-weight: 400; font-display: swap; }
@font-face { font-family: 'Poppins'; src: url('/09%20publication/part%201%20submission/daily-note-demonstration/assets/poppins-semibold-body-font-oct12-1.ttf') format('truetype'); font-style: normal; font-weight: 500 700; font-display: swap; }
@font-face { font-family: 'Poppins'; src: url('/09%20publication/part%201%20submission/daily-note-demonstration/assets/poppins-italic-body-font-oct12-1.ttf') format('truetype'); font-style: italic; font-weight: 400; font-display: swap; }

/* These rules are published only to the explicitly authorised test domain. */
:root {
  --font-body: 'Poppins', sans-serif;
  --font-heading: 'Poppins', sans-serif;
  --color-l-background: #ece8e1;
  --color-l-foreground: #272727;
  --color-l-accent: #5f5144;
  --color-d-background: #232323;
  --color-d-foreground: #ece8e1;
  --color-d-accent: #d5c3ad;
  --fs-surface: #f7f4ef;
  --fs-border: #aaa197;
  --fs-muted: #605a53;
  --font-size-base: 1rem;
  --radius: 0;
}
[data-theme='dark'] { --fs-surface: #2e2e2e; --fs-border: #797268; --fs-muted: #c0b7ab; }
html, body, .site-layout, .site-body, .site-footer { background: var(--color-background); color: var(--color-foreground); }
body, .site-sidebar, .site-footer, .site-subnav { font-family: var(--font-body); }
.page-header-title { font-family: 'Black Kiyrand', serif; font-weight: 400; font-size: clamp(2.5rem,4vw,3.7rem); line-height: 1.15; }
.fs-capability {
  background: transparent;
  color: var(--color-foreground);
  font: 400 16px/1.85 'Poppins', sans-serif;
  padding: 0;
  max-width: 48rem;
}
.fs-capability h3 {
  font: 600 1.15rem/1.5 'Poppins', sans-serif;
  margin: 2rem 0 .8rem;
}
.fs-capability h6 { font: 600 1rem/1.5 'Poppins', sans-serif; }
.fs-capability p { margin: 0 0 1.2rem; }
.fs-capability a {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: .2em;
  transition: text-decoration-color 150ms ease;
}
.fs-capability a:hover { text-decoration-color: var(--fs-muted); }
.fs-capability a:focus-visible,
.fs-capability button:focus-visible,
.fs-note-preview :focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
.fs-image-text { display: flow-root; }
.fs-capability .fs-image-text figure { float: left; width: 190px; margin: 0 1.25rem .75rem 0; }
.fs-capability .fs-image-text img { display: block; width: 190px; max-width: 100%; height: auto; object-fit: contain; margin: 0; }
.fs-capability figcaption { font-size: .7rem; line-height: 1.5; margin-top: .4rem; }
.fs-transclusion { border: 1px solid var(--fs-border); border-left-width: 3px; padding: 1rem 1.15rem .75rem; margin: 1.75rem 0; background: var(--fs-surface); }
.fs-capability .fs-source-label { font: 400 .74rem/1.7 'Poppins', sans-serif; margin: 0 0 1rem; padding-bottom: .6rem; border-bottom: 1px solid var(--fs-border); color: var(--fs-muted); }
.fs-capability .fs-transclusion-text { margin: 0; }
.fs-capability .fs-excerpt-end { font-size: .7rem; line-height: 1.5; color: var(--fs-muted); border-top: 1px solid var(--fs-border); margin: 1rem 0 0; padding-top: .5rem; }
.fs-note-kind, .fs-note-context { color: var(--fs-muted); font-size: .8rem; line-height: 1.6; }
.fs-mode-controls { display: flex; gap: .6rem; align-items: center; margin: .75rem 0 1.5rem; font-size: .8rem; }
.fs-mode-controls button { background: transparent; color: inherit; border: 1px solid var(--fs-border); padding: .35rem .65rem; font: inherit; cursor: pointer; }
.fs-mode-controls button[aria-pressed='true'] { background: var(--fs-surface); border-color: currentColor; }
.fs-note-return { border-top: 1px solid var(--fs-border); padding-top: 1rem; margin-top: 2rem; font-size: .85rem; }
.fs-capability .list-component { --list-card-bg: var(--fs-surface); --list-card-border: var(--fs-border); --list-card-hover-bg: var(--fs-surface); --list-card-min: 13rem; --list-gap: 1rem; }
.fs-capability .list-component-item-media img { object-fit: contain !important; }
.fs-capability .list-component-item-headline { font: 600 1rem/1.5 'Poppins', sans-serif; margin: .5rem 0; }
.fs-capability .list-component-item-summary { font-size: .85rem; }
.fs-capability .MuiCard-root { max-width: 17rem; background: var(--fs-surface); color: var(--color-foreground); border: 1px solid var(--fs-border); border-radius: 0; box-shadow: none; }
.fs-capability .MuiTypography-root, .fs-capability .MuiCardActionArea-root,
.fs-capability .MuiInputBase-root, .fs-capability .MuiFormLabel-root,
.fs-capability .MuiSelect-icon { color: var(--color-foreground); font-family: 'Poppins', sans-serif; }
.fs-capability .MuiOutlinedInput-notchedOutline { border-color: var(--fs-border); }
.fs-capability .MuiDataGrid-root { color: var(--color-foreground); background: var(--fs-surface); border-color: var(--fs-border); font-family: 'Poppins', sans-serif; }
.fs-capability .MuiDataGrid-container--top, .fs-capability .MuiDataGrid-footerContainer { background: var(--fs-surface); color: var(--color-foreground); }
body:has(.fs-capability) .MuiMenu-paper { background: var(--fs-surface); color: var(--color-foreground); }
.fs-capability blockquote { border-left: 2px solid var(--fs-border); margin: 1rem 0; padding-left: 1rem; }
.fs-capability details { margin: 1rem 0; }
.fs-capability summary { cursor: pointer; font-size: .8rem; }
.fs-capability details > :not(summary) { font-size: .8rem; }
.fs-editorial-addition { border-bottom: 1px dashed var(--fs-border); }
.fs-literature-label { color: var(--fs-muted); font-size: .85em; }
.fs-capability output { display: block; font-size: .75rem; }
.fs-note-preview {
  position: fixed;
  z-index: 100;
  box-sizing: border-box;
  width: min(340px, calc(100vw - 24px));
  padding: 1rem;
  max-height: calc(100vh - 24px);
  overflow: auto;
  background: var(--fs-surface);
  color: var(--color-foreground);
  border: 1px solid var(--fs-border);
  font: 400 13px/1.6 'Poppins', sans-serif;
  box-shadow: 0 8px 24px #20202426;
  animation: fs-preview-appear 120ms ease-out;
}
.fs-note-preview p { margin: .4rem 0; }
.fs-note-preview button, .fs-note-preview a { color: inherit; background: transparent; border: 0; font: inherit; text-decoration: underline; padding: .25rem 0; cursor: pointer; margin-right: 1rem; display: inline-block; }
.fs-note-preview [data-preview-kind] { font-size: 11px; color: var(--fs-muted); }
@keyframes fs-preview-appear { from { opacity: 0; transform: translateY(3px); } to { opacity: 1; transform: translateY(0); } }
@media (max-width: 560px) {
  .fs-capability { padding: 0; }
  .fs-capability .fs-image-text figure { float: none; max-width: 100%; margin: 0 0 .75rem; }
}
@media (prefers-reduced-motion: reduce) {
  .fs-capability *, .fs-note-preview { animation: none; transition: none; }
}