Template:FilesMain/styles.css

.wjf-main { color: #202733; }
.wjf-main a { font-weight: 600; }
.wjf-hero { border: 1px solid #c8d2df; background: #eef4fa; padding: 28px 32px; margin: 0 0 22px; }
.wjf-kicker { font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: #6a4b13; margin-bottom: 10px; }
.wjf-title { font-family: Georgia, 'Times New Roman', serif; font-size: 36px; line-height: 1.12; margin: 0 0 12px; }
.wjf-lead { max-width: 760px; font-size: 17px; line-height: 1.55; color: #354252; margin: 0 0 20px; }
.wjf-actions { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.wjf-button, .wjf-button:visited { display: inline-block; padding: 9px 14px; border: 1px solid #214f8f; background: #2f6fbd; color: #fff !important; text-decoration: none; font-weight: 700; }
.wjf-button-secondary, .wjf-button-secondary:visited { display: inline-block; padding: 9px 14px; border: 1px solid #c8d2df; background: #fff; color: #244a7c !important; text-decoration: none; font-weight: 700; }
.wjf-stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin-top: 22px; max-width: 760px; }
.wjf-stat { border: 1px solid #c8d2df; background: #fff; padding: 12px 14px; }
.wjf-stat strong { display: block; font-size: 24px; line-height: 1.1; color: #244a7c; }
.wjf-stat span { display: block; margin-top: 4px; font-size: 13px; color: #52606f; }
.wjf-grid { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(280px, .75fr); gap: 18px; align-items: start; }
.wjf-panel { border: 1px solid #c8d2df; background: #fff; padding: 18px; margin-bottom: 18px; }
.wjf-panel-soft { background: #f3f7fb; }
.wjf-panel h2 { font-size: 22px; margin: 0 0 12px; padding-bottom: 8px; border-bottom: 1px solid #c8d2df; }
.wjf-panel h3 { font-size: 17px; margin: 16px 0 8px; }
.wjf-panel p, .wjf-panel li { line-height: 1.5; }
.wjf-link-list { margin: 0; padding-left: 20px; }
.wjf-search-box .mw-inputbox-centered, .wjf-search-box .mw-inputbox-inline { margin: 0; text-align: left; }
.wjf-search-box input[type='text'], .wjf-search-box input[name='search'] { max-width: 100%; min-height: 34px; border: 1px solid #c8d2df; padding: 6px 8px; }
.wjf-newfiles { border: 1px solid #c8d2df; background: #fff; padding: 12px; }
.wjf-newfiles .gallery { margin: 0; }
@media (max-width: 900px) {
	.wjf-hero { padding: 22px; }
	.wjf-title { font-size: 30px; }
	.wjf-grid, .wjf-stats { grid-template-columns: 1fr; }
}