:root{
      --paper-bg: #fffdf5;
      --paper-border: #cfc9bb;
      --paper-shadow: rgba(0,0,0,0.25);
      --email-grey: #bfbfbf;
    }

    html,body{
      height:100%;
      margin:0;
      font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
      background:#f3f4f6;
      -webkit-font-smoothing:antialiased;
      -moz-osx-font-smoothing:grayscale;
    }

    .page {
      min-height: 100vh;
      display:flex;
      flex-direction:column;
    }

    .center-wrap {
      flex:1;
      display:flex;
      align-items:center;
      justify-content:center;
      padding:3rem 1rem;
    }

    /* newspaper card */
    .newspaper {
      --w:560px; /* control max width easily */
      width: min(var(--w), 94vw);
      background: var(--paper-bg);
      border: 1px solid var(--paper-border);
      position: relative;
      padding: 1.6rem 1.8rem;
      box-shadow: 8px 12px 40px var(--paper-shadow);
      line-height:1.6;
      font-family: 'Special Elite', "Times New Roman", Times, serif;
      font-size: 1.05rem;
      color: #111;
      overflow: visible;
      /* apply the SVG mask defined below (soft torn edges) */
      -webkit-mask: url(#tornMask) no-repeat;
      mask: url(#tornMask) no-repeat;
      -webkit-mask-size: 100% 100%;
      mask-size: 100% 100%;
      -webkit-mask-repeat: no-repeat;
      mask-repeat: no-repeat;
      /* ensure the masked element will render smoothly on subpixel */
      transform: translateZ(0);
    }

    /* subtle old-print horizontal scanlines (print texture) */
    .newspaper::before{
      content:"";
      pointer-events:none;
      position:absolute;
      inset:0;
      background:
        repeating-linear-gradient(
          to bottom,
          rgba(0,0,0,0.03) 0px,
          rgba(0,0,0,0.03) 1.3px,
          transparent 1.3px,
          transparent 3.5px
        );
      mix-blend-mode: multiply;
      opacity:0.25;
      z-index:1;
      border-radius:0.0px;
    }

    /* paper grain (tiny dots) */
    .newspaper::after{
      content:"";
      pointer-events:none;
      position:absolute;
      inset:0;
      z-index:2;
      background-image:
        radial-gradient(rgba(0,0,0,0.02) 1px, transparent 1px);
      background-size: 4px 4px;
      opacity:0.6;
    }

    /* content sits above the overlays */
    .newspaper > * { position: relative; z-index: 3; }

    .newspaper h2{
      margin:0 0 0.25rem 0;
      font-size:1.15rem;
      letter-spacing:0.6px;
      border-bottom: 1px solid rgba(0,0,0,0.12);
      padding-bottom:0.25rem;
      margin-bottom:0.6rem;
    }
    .newspaper h6{
      margin:0 0 0.25rem 0;
      font-size:0.85rem;
      letter-spacing:0.6px;
      padding-bottom:0.25rem;
      margin-bottom:0.6rem;
    }

    .pronunciation{
      font-size:0.95rem;
      color:#5c5c5c;
      font-style:italic;
      margin-bottom:0.9rem;
    }

    .newspaper p{
      margin:0;
      font-size:1.02rem;
      color:#111;
    }

    /* subtle footer email (no background) */
    footer.site-footer{
      padding:1rem 0 1.4rem;
      text-align:center;
    }
    footer.site-footer a.email{
      color: var(--email-grey);
      text-decoration:none;
      font-family: 'Special Elite', Georgia, serif;
      font-size:0.98rem;
      transition: color .15s ease;
    }
    footer.site-footer a.email:hover{
      color:#9a9a9a;
      text-decoration:underline;
    }

    /* responsive tweaks */
    @media (max-width:420px){
      .newspaper{ padding:1.1rem 1.1rem; font-size:1rem; }
      .newspaper h2{ font-size:1.25rem; }
    }
    
    .sechead{
    	color: black;
    }
    
    li a.alix{
    	color: black;
    }
    li a.alix:hover {
    	font-weight: bold;
    	color: blue;
	}