/* =========================================================
   Minimal white theme in the style of re.alisa.sh
   - Body text: Helvetica Neue (your choice)
   - Fixed 43em column, centered
   - Monospace only for code blocks
   - Preserves original class names/whitespace semantics
   ========================================================= */

/* ----- Base ----- */
html {
    -webkit-text-size-adjust: 100%;
  }
  body {
    margin: 0;
    padding: 0;
    background: #ffffff;
    color: #000000;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;            /* root size; specific blocks below */
    line-height: 1.55;
    text-rendering: optimizeLegibility;
  }
  
  /* ----- Typography ----- */
  h1, h2, h3, h4, h5, h6 {
    margin: 1.6rem 0 0.6rem 0;
    line-height: 1.2;
    font-weight: 700;
  }
  h1 { font-size: 30px; }
  h2 { font-size: 24px; }
  h3 { font-size: 20px; }
  p  { margin: 0.9rem 0; }
  
  a {
    color: #0645ad;             /* classic link blue */
    text-decoration: underline;
  }
  a:visited { color: #0b0080; }
  a:hover { text-decoration: none; }
  
  ul, ol { padding-left: 1.25rem; }
  
  hr {
    border: 0;
    border-top: 1px solid #e6e6e6;
    margin: 2rem 0;
  }
  
  /* Blockquote (simple, unobtrusive) */
  blockquote {
    margin: 1rem 0;
    padding: 0.5rem 1rem;
    border-left: 3px solid #e6e6e6;
    background: #f7f7f7;
  }
  blockquote p { margin: 0.5rem 0; }
  
  /* Images and media */
  img, svg, video {
    max-width: 100%;
    height: auto;
    display: block;
  }
  
  /* ----- Code (monospace only for code) ----- */
  pre, code, kbd, samp,
  div.code {
    font-family: "Courier New", Courier, monospace;
    font-size: 13px;
  }
  pre, div.code {
    background: #f5f5f5;
    border: 1px solid #e6e6e6;
    border-radius: 6px;
    padding: 12px 14px;
    white-space: pre;            /* preserve author line breaks for code */
    overflow: auto;
    width: 43em;                 /* match column width */
    margin-left: auto;
    margin-right: auto;
    margin-top: 1rem;
    margin-bottom: 1rem;
  }
  /* inline code */
  code {
    background: #f5f5f5;
    border: 1px solid #e6e6e6;
    border-radius: 4px;
    padding: 0 4px;
  }
  
  /* =========================================================
     Layout blocks — keep original classes & behavior
     ========================================================= */
  
   

  /* Center the column and keep fixed width like the original */
  div.contents,
  div.note,
  div.meta,
  div.footer,
  div.index {
    width:45em;
    margin-left: auto;
    margin-right: auto;
  }
  
  /* Literal text block with preserved whitespace */
  div.contents {
    font-size: 15px;
    margin-top: 21px;
    margin-bottom: 21px;
  }
  
  /* Main article text (keeps author’s line breaks) */
  div.note {
    white-space: pre-line;       /* exactly as in original */
    font-size: 15px;
    margin-top: 11%;
    margin-bottom: 11%;
  }
  
  /* Meta / byline area */
  div.meta {
    white-space: pre-line;       /* exactly as in original */
    font-style: italic;
    font-size: 15px;
    color: #444;                 /* subtle, readable */
    margin-bottom: 30px;
  }
  
  /* Footer / copyright line */
  div.footer {
    font-size: 12px;
    font-weight: bold;
    text-align: left;            /* matches original’s simple tone */
    color: #333;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  
  /* Code block alias class (content handled above) */
  /*div.code { }/* already styled via shared code block rules */ 
  
  /* Index block — narrow, centered */
  div.index {
    text-align: center;
    font-size: 14px;
    white-space: pre-line;
    width: 300px;                /* as in original */
  }
  
  /* Tiny meta-note text */
  .metanote { font-size: 10px; }
  
  /* =========================================================
     Small-screen comfort (keeps look, avoids horizontal scroll)
     ========================================================= */
  @media (max-width: 760px) {
    div.contents,
    div.note,
    div.meta,
    div.footer,
    div.index,
    pre, div.code {
      width: 92vw;               /* fluid on mobile, fixed on desktop */
    }
    .metanote { font-size: 12px; } /* small devices readability */
  }