.bt-lns-template-wrap {
max-width: 1240px;
margin: 0 auto;
padding: 42px 22px 64px;
}
.bt-lns-archive-shell {
font-family: inherit;
}
.bt-lns-archive-header {
padding: 28px 0 20px;
border-bottom: 1px solid #e5e7eb;
margin-bottom: 22px;
}
.bt-lns-archive-header h1 {
font-size: clamp(2rem, 4vw, 3.4rem);
line-height: 1.05;
margin: .15em 0;
}
.bt-lns-archive-header p {
max-width: 720px;
}
.bt-lns-eyebrow {
text-transform: uppercase;
letter-spacing: .12em;
font-size: .76rem;
font-weight: 700;
color: #555;
}
.bt-lns-filters {
display: grid;
grid-template-columns: minmax(230px, 1.6fr) minmax(180px, 1.1fr) minmax(130px, .7fr) minmax(190px, auto);
gap: 16px;
align-items: end;
background: #f7f7f8;
border: 1px solid #e1e3e6;
border-radius: 12px;
padding: 18px;
margin-bottom: 24px;
}
.bt-lns-filters label {
display: flex;
min-width: 0;
flex-direction: column;
gap: 6px;
font-size: .85rem;
font-weight: 600;
}
.bt-lns-filters input,
.bt-lns-filters select {
box-sizing: border-box;
width: 100%;
min-width: 0;
min-height: 48px;
border: 1px solid #c7cbd1;
border-radius: 7px;
padding: 8px 11px;
background: #fff;
}
.bt-lns-filters button,
.bt-lns-notice-actions button {
min-height: 48px;
border: 0;
border-radius: 7px;
padding: 10px 24px;
background: #111;
color: #fff;
font-weight: 700;
cursor: pointer;
}
.bt-lns-search-submit {
box-sizing: border-box;
width: 100%;
min-width: 190px;
white-space: nowrap;
line-height: 1.2;
}
.bt-lns-filters input:focus,
.bt-lns-filters select:focus,
.bt-lns-filters button:focus-visible,
.bt-lns-notice-actions button:focus-visible,
.bt-lns-card-actions a:focus-visible {
outline: 3px solid currentColor;
outline-offset: 2px;
}
.bt-lns-results {
width: 100%;
max-width: 920px;
}
.bt-lns-result-count {
color: #666;
}
.bt-lns-card-public {
border: 1px solid #e1e3e6;
border-radius: 12px;
padding: 22px;
margin-bottom: 16px;
background: #fff;
box-shadow: 0 2px 8px rgba(0, 0, 0, .035);
}
.bt-lns-card-public h2 {
font-size: 1.45rem;
line-height: 1.2;
margin: 9px 0;
}
.bt-lns-card-public h2 a {
text-decoration: none;
color: inherit;
}
.bt-lns-card-meta {
display: flex;
gap: 12px;
flex-wrap: wrap;
font-size: .78rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .05em;
color: #666;
}
.bt-lns-client {
font-weight: 600;
margin: .2em 0;
}
.bt-lns-card-actions {
display: flex;
gap: 16px;
flex-wrap: wrap;
margin-top: 15px;
}
.bt-lns-card-actions a {
font-weight: 700;
}
.bt-lns-pagination ul {
display: flex;
gap: 6px;
flex-wrap: wrap;
list-style: none;
padding: 0;
}
.bt-lns-pagination a,
.bt-lns-pagination span {
display: block;
padding: 7px 11px;
border: 1px solid #ddd;
border-radius: 6px;
}
.bt-lns-drawer {
position: fixed;
inset: 0;
z-index: 99999;
pointer-events: none;
visibility: hidden;
}
.bt-lns-drawer[aria-hidden="false"] {
pointer-events: auto;
visibility: visible;
}
.bt-lns-drawer-backdrop {
position: absolute;
inset: 0;
background: rgba(0, 0, 0, .42);
opacity: 0;
transition: opacity .2s;
}
.bt-lns-drawer[aria-hidden="false"] .bt-lns-drawer-backdrop {
opacity: 1;
}
.bt-lns-drawer-panel {
position: absolute;
top: 0;
right: 0;
box-sizing: border-box;
width: min(720px, 92vw);
height: 100%;
overflow: auto;
background: #fff;
transform: translateX(100%);
transition: transform .25s ease;
padding: 54px 40px;
}
.bt-lns-drawer[aria-hidden="false"] .bt-lns-drawer-panel {
transform: translateX(0);
}
.bt-lns-drawer-close {
position: absolute;
top: 14px;
right: 18px;
border: 0;
background: transparent;
font-size: 34px;
line-height: 1;
cursor: pointer;
}
.bt-lns-drawer-open {
overflow: hidden;
}
.bt-lns-notice-detail {
max-width: 840px;
margin: 0 auto;
}
.bt-lns-notice-detail h1 {
font-size: clamp(2rem, 4vw, 3.2rem);
line-height: 1.1;
margin: .2em 0 .5em;
}
.bt-lns-notice-meta {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
gap: 12px;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
padding: 16px 0;
margin: 0 0 28px;
}
.bt-lns-notice-meta div {
display: flex;
flex-direction: column;
gap: 3px;
}
.bt-lns-notice-meta dt {
font-size: .73rem;
text-transform: uppercase;
letter-spacing: .07em;
color: #666;
}
.bt-lns-notice-meta dd {
margin: 0;
font-weight: 700;
}
.bt-lns-notice-body {
font-family: Georgia, serif;
font-size: 1.08rem;
line-height: 1.7;
}
.bt-lns-notice-actions {
display: flex;
gap: 10px;
flex-wrap: wrap;
margin-top: 30px;
padding-top: 20px;
border-top: 1px solid #ddd;
}
.bt-lns-notice-actions a {
display: inline-flex;
align-items: center;
min-height: 44px;
padding: 9px 14px;
border: 1px solid #bbb;
border-radius: 7px;
text-decoration: none;
font-weight: 700;
}
.bt-lns-single-nav {
max-width: 840px;
margin: 0 auto 24px;
}
.bt-lns-empty {
box-sizing: border-box;
width: 100%;
padding: 54px 24px;
text-align: center;
border: 1px dashed #bbb;
border-radius: 12px;
}
@media (max-width: 920px) {
.bt-lns-filters {
grid-template-columns: minmax(220px, 1.5fr) minmax(180px, 1fr);
}
.bt-lns-search-submit {
min-width: 0;
}
}
@media (max-width: 620px) {
.bt-lns-filters {
grid-template-columns: 1fr;
}
.bt-lns-search-submit {
width: 100%;
}
.bt-lns-drawer-panel {
padding: 52px 22px;
}
.bt-lns-template-wrap {
padding: 26px 16px 48px;
}
} body.bt-lns-page,
body.bt-lns-page #page,
body.bt-lns-page .site,
body.bt-lns-page .site-content,
body.bt-lns-page .content-area,
body.bt-lns-page main.site-main {
background: #fff !important;
color: #252525 !important;
}
body.bt-lns-page .bt-lns-template-wrap,
body.bt-lns-page .bt-lns-notice-detail,
body.bt-lns-page .bt-lns-notice-body,
body.bt-lns-page .bt-lns-notice-meta,
body.bt-lns-page .bt-lns-single-nav {
color: #252525 !important;
}
body.bt-lns-page .bt-lns-notice-detail h1,
body.bt-lns-page .bt-lns-notice-detail h2,
body.bt-lns-page .bt-lns-notice-detail h3,
body.bt-lns-page .bt-lns-notice-detail h4,
body.bt-lns-page .bt-lns-notice-detail p,
body.bt-lns-page .bt-lns-notice-detail li,
body.bt-lns-page .bt-lns-notice-detail dt,
body.bt-lns-page .bt-lns-notice-detail dd {
color: #252525 !important;
}
body.bt-lns-page .bt-lns-eyebrow,
body.bt-lns-page .bt-lns-notice-meta dt {
color: #5f6368 !important;
}
body.bt-lns-page .bt-lns-single-nav a,
body.bt-lns-page .bt-lns-notice-actions a {
color: #315efb !important;
}
@media print {
header,
footer,
.bt-lns-single-nav,
.bt-lns-notice-actions,
.bt-lns-drawer-close {
display: none !important;
}
.bt-lns-template-wrap,
.bt-lns-drawer-panel {
max-width: none !important;
width: auto !important;
padding: 0 !important;
}
.bt-lns-notice-body {
font-size: 11pt;
}
.bt-lns-notice-meta {
font-size: 9pt;
}
}