body {
     margin: 5% auto;
     background: #f2f2f2;
     color: #444444;
     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
     font-size: 16px;
     line-height: 1.8;
     text-shadow: 0 1px 0 #ffffff;
     max-width: 73%;
 }

 .window {
     margin: 0 auto;
 }

 .title-bar {
     margin-bottom: 0.5rem;
 }

 .title-bar-text {
     font-weight: 700;
     font-size: 1.1rem;
 }

 .window-body {
     margin-top: 0.75rem;
 }

 .nav-buttons,
 .social-buttons {
     display: flex;
     gap: 0.6rem;
     flex-wrap: wrap;
     margin: 0.5rem 0 1rem;
 }

 .btn {
     display: inline-block;
     border: 1px solid #444444;
     border-radius: 6px;
     padding: 0.25rem 0.65rem;
     text-decoration: none;
     border-bottom: 1px solid #444444;
 }

 .btn:hover {
     background: #e8e8e8;
     border-bottom: 1px solid #444444;
 }

 .btn:focus-visible {
     outline: 2px solid #444444;
     outline-offset: 2px;
 }

 code {
     background: white;
 }

 a {
     border-bottom: 1px solid #444444;
     color: #444444;
     text-decoration: none;
 }

 a:hover {
     border-bottom: 0;
 }

 @media (max-width: 900px) {
     body {
         max-width: 92%;
         margin: 1.5rem auto;
     }
 }

 .print-only {
     display: none;
 }

 @media print {
     @page {
         margin: 1.2cm;
     }

     body {
         margin: 0;
         max-width: 100%;
         background: #ffffff;
         color: #000000;
         text-shadow: none;
         font-size: 11pt;
         line-height: 1.45;
     }

     .screen-only {
         display: none !important;
     }

     .print-only {
         display: block !important;
     }

     .print-links ul {
         margin: 0;
         padding-left: 0;
         list-style: none;
     }

     .print-links li {
         margin: 0.15rem 0;
         word-break: break-all;
     }

     a,
     .btn {
         color: #000000;
         border: none;
         text-decoration: none;
     }
 }