/* STYLES FOR SITE JOESLIST.NET */

/* License:  WTDHPL (http://wtdhpl.info/) */

/* So that our files may be to some extent both human- and
   machine-readable, we do not "minify" or "obfuscate" our files.
   We strive to make things understandable for purposes such as
   study and scholarship.  Welcome to Joeslist.net! */

* {
   box-sizing: border-box;
}

body {
   font-family: sans-serif;
   margin: 0;
   padding: 0;
}

*.smallfont {
   font-size: small;
}

*.smallerfont {
   font-size: x-small;
}

/* Subtle Ads Listing */
.featured-subtlety-container {
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
   gap: 0px; /* Space between grid items */
   margin: 0;
}

.featured-subtlety-container.layout-1col {
   grid-template-columns: 1fr;
   max-width: 222px;
}

.featured-subtlety-container.layout-2col {
   grid-template-columns: 222px 222px;
   max-width: 444px;
   width: min-content;
}

.subtlety-box {
   font-size: small;
   background-color: #fff; /* Default, will be overridden by inline style */
   border: 1px solid #ddd;
   padding: 0px; /* Reduced padding from 10px */
   height: 80px; /* Match original fixed height */
   width: 222px;
   max-width: 222px;
   justify-self: start;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   text-align: center;
   /* box-shadow: 0 1px 1px rgba(0,0,0,0.1); */
   overflow: hidden; /* Prevent overflow */
   margin: 0px; 
}

.subtlety-footer {
   display: block;
   margin: 0;
   padding: 0;
   line-height: 0;
}

.subtlety-footer img {
   display: block;
}

.subtlety-box a {
   font-weight: bold;
   display: block;
   margin-bottom: 0px; /* Reduced margin */
}

.subtlebottom {
   margin-bottom: 0px;
   margin-top: 0px;
   margin-left: 0px;
   margin-right: 0px;
   padding: 0px;
   position: relative;
   top: -1px;
}