<style>
/**
 * Library Records Plugin - Stylesheet
 * 
 * @package     Library Records
 * @subpackage  Public Styles
 * @version     0.3.0
 * 
 * Table of Contents:
 * 1. Single Library Record Post
 * 2. Record Cards
 *   2.1 Card Container
 *   2.2 Featured Image
 *   2.3 Content Area
 *   2.4 Typography
 * 3. Author Metadata
 * 4. Date Styling
 * 5. Download Button Components
 * 6. Responsive Breakpoints
 * 
 * Breakpoints:
 * --mobile: 480px
 * --tablet: 782px
 * --desktop: 960px
 * 
 */

/* ==========================================================================
   1. Single Library Record Post
   ========================================================================== */

h2.library-record-subtitle {
	font-style: italic;
	margin-top: 0;
}

div.library-record {
	display: flex;
	flex-wrap: wrap;
	gap: 5%;
}

div.library-record-cover {
	width: 28%;
	min-width: 150px
}


div.library-record-cover img{
	width: 100%;
	height: auto;
}

div.library-record-fields {
	width: 67%;
	min-width: 200px;
}

/* ==========================================================================
   3. More library records
   ========================================================================== */

div.library-records {
	display: flex;
	/*justify-content: space-between;*/
	gap: 2.5%
}

div.library-records div.library-record {
	width: 10%;
	
}

div.library-records div.library-record-cover {
	width: 100%;
	
	min-width: 0px;
}

div.library-records div.library-record-fields {
	width: 100%;
	min-width: 0;
}

div.library-records a.library-record-link {
	text-decoration: none;
	max-width: 100%;
}

div.library-records a.library-record-link h3.library-record-title {
	font-size: 0.8em;
	text-align: center;
	font-weight: 900;
}

/* ==========================================================================
   4. ZZZ
   ========================================================================== */

/* ==========================================================================
   5. ZZZ
   ========================================================================== */

/* ==========================================================================
   6. ZZZ
   ========================================================================== */

/* ==========================================================================
   7. ZZZ
   ========================================================================== */

/* ==========================================================================
   8. ZZZ
   ========================================================================== */

/* ==========================================================================
   9. ZZZ
   ========================================================================== */

/* 2.1 Card Container */
.library-records-grid {
    /* Grid styles */
}

/* 2.2 Featured Image */
.library-record-image {
    /* Image styles */
}

/* Continue with rest of CSS... */