/* ===== PERIOD ===== */.period-date{
width:100%;
height:64px;
padding:0 14px;
border:1px solid #d9e4f2;
border-radius:16px;
font-size:1.2rem;
font-weight:800;
background:#fff;
font-family:inherit;
color:#101828;
box-sizing:border-box;
}
.period-choice{
display:flex;
gap:12px;
flex-wrap:wrap;
margin:16px 0 6px;
}
.period-choice label{
display:flex;
align-items:center;
gap:8px;
padding:12px 14px;
background:#f8fbff;
border:1px solid #dceeff;
border-radius:14px;
font-weight:700;
cursor:pointer;
}
.period-choice input{
width:auto;
height:auto;
}.period-result{
text-align:left;
font-size:1rem;
line-height:1.85;
font-weight:400;
color:#344054;
}.period-section{
padding:24px 0;
border-top:1px solid #e6edf5;
}
.period-section:first-child{
border-top:none;
padding-top:0;
}.period-title{
font-size:2rem;
font-weight:900;
color:#2563eb;
text-align:center;
margin-bottom:18px;
line-height:1.3;
}.period-subtitle{
font-size:1.3rem;
font-weight:900;
color:#2563eb;
margin-bottom:18px;
text-align:center;
}.period-card-grid{
display:grid;
grid-template-columns:
repeat(3,1fr);gap:14px;margin-top:18px;
}.period-card{background:#fff;border:1px solid #dceeff;border-radius:18px;padding:18px;text-align:center;}.period-card span{display:block;font-size:.95rem;color:#667085;margin-bottom:8px;}.period-card b{display:block;font-size:1.15rem;line-height:1.5;color:#101828;}.period-note{font-size:1rem;line-height:1.9;color:#667085;}.period-list{display:inline-block;text-align:left;line-height:2;}
@media(max-width:768px){
.period-date{font-size:1.35rem;}.period-choice{grid-template-columns:1fr;display:grid;gap:10px;}.period-choice label{padding:14px;font-size:1.08rem;}.period-card-grid{grid-template-columns:1fr;gap:10px;}.period-title{font-size:1.6rem;}.period-subtitle{font-size:1.15rem;}}