.life-big{
    font-size:34px;
    font-weight:800;
    color:#6f3f20;
    line-height:1.2;
    margin-top:10px;
    display:block;
}

.life-note{
    display:block;
    margin-top:18px;
    line-height:1.8;
    font-size:16px;
}

.life-table{
    font-size:18px;
    width:100%;
    margin-top:16px;
    border-collapse:collapse;
    overflow:hidden;
    border-radius:16px;
}

.life-table td{
    padding:7px 7px;
    border-bottom:1px solid rgba(255,255,255,.15);
    font-size:18px;
	    color:#482817;
}

.life-table td:last-child{
    text-align:right;
    font-size:18px;
    font-weight:700;
}

.life-highlight{
    color:#87502c;
}

.life-optional-title{
    margin:19px 0 10px;
    padding:10px 12px;
    border-radius:14px;
    background:#fffaf5;
    border:1px solid #d8b99e;
    color:#87502c;
    font-size:18px;
    font-weight:800;
}

@media(max-width:768px){

    .life-big{
        font-size:26px;
    }

    .life-table td{
        font-size:16px;
        padding:8px 6px;
    }

}

.percent-card.card-1{
--accent:#d97706;
border-color:#f6e1c8;
border-top-color:#d97706;
}

.percent-card.card-1 .card-num{
box-shadow:0 4px 10px rgba(217,119,6,.45);
}

.percent-card.card-1 .percent-input:focus,
.percent-card.card-1 .thai-date-select:focus{
border-color:#d97706;
box-shadow:0 0 0 4px rgba(217,119,6,.14);
}

.percent-card.card-1 .percent-addon{
background:#f9e9d7;
color:#9a5a16;
}

body .percent-card.card-1 .result-coffee.result-coffee{
background:#f7fbfa;
border:1px solid #b9d9d3;
border-top:4px solid #0f766e;
color:#29433e;
box-shadow:none;
}

.life-big{
color:#0f766e;
}

.life-highlight{
color:#9a5814;
}

.life-table td{
color:#29433e;
border-bottom-color:#d8e7e3;
}

.life-result{
padding:20px;
text-align:left;
}

.life-summary-grid{
display:grid;
grid-template-columns:minmax(0,1.35fr) repeat(2,minmax(0,1fr));
gap:14px;
}

.life-summary-card{
min-width:0;
min-height:194px;
padding:20px;
border:1px solid #b9d9d3;
border-radius:18px;
background:#f4faf8;
color:#29433e;
display:flex;
flex-direction:column;
align-items:flex-start;
}

.life-summary-main{
background:#0f766e;
border-color:#0f766e;
color:#f0fdfa;
}

.life-summary-days{
background:#fff8ed;
border-color:#efd2a8;
color:#8a4d0f;
}

.life-summary-weekend{
background:#edf8f5;
border-color:#add8cd;
color:#126b61;
}

.life-summary-icon{
width:42px;
height:42px;
border:1px solid currentColor;
border-radius:12px;
display:grid;
place-items:center;
margin-bottom:18px;
opacity:.9;
}

.life-summary-icon svg{
width:24px;
height:24px;
fill:none;
stroke:currentColor;
stroke-width:1.8;
stroke-linecap:round;
stroke-linejoin:round;
}

.life-summary-label{
font-size:16px;
font-weight:700;
line-height:1.45;
}

.life-summary-value{
display:block;
margin-top:7px;
font-size:27px;
line-height:1.35;
overflow-wrap:anywhere;
}

.life-summary-help{
margin-top:auto;
padding-top:13px;
font-size:14px;
line-height:1.55;
opacity:.82;
}

.life-unit-details{
margin-top:16px;
padding:18px;
border:1px solid #cfe1dc;
border-radius:16px;
background:#fff;
}

.life-unit-details h4,
.life-asset-result h4{
margin:0 0 13px;
color:#29433e;
font-size:18px;
}

.life-unit-grid{
display:grid;
grid-template-columns:repeat(5,minmax(0,1fr));
gap:8px;
}

.life-unit-grid span{
min-width:0;
padding:11px;
border-radius:12px;
background:#f3f8f7;
color:#29433e;
}

.life-unit-grid small,
.life-unit-grid strong{
display:block;
line-height:1.45;
}

.life-unit-grid small{
margin-bottom:4px;
color:#60756f;
}

.life-unit-grid strong{
font-size:16px;
overflow-wrap:anywhere;
}

.life-closing{
margin:17px 0 0;
text-align:center;
color:#315f57;
font-weight:700;
}

.life-asset-result{
margin-top:14px;
padding:18px;
border:1px solid #c6dcd6;
border-radius:16px;
background:#f5fbf9;
}

.life-asset-grid{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:10px;
}

.life-asset-grid div{
min-width:0;
padding:14px;
border:1px solid #d5e6e1;
border-radius:13px;
background:#fff;
}

.life-asset-grid span,
.life-asset-grid strong{
display:block;
line-height:1.55;
}

.life-asset-grid span{
color:#536b65;
}

.life-asset-grid strong{
margin-top:4px;
color:#126b61;
font-size:19px;
}

@media(min-width:769px) and (max-width:1050px){
.life-summary-grid{
grid-template-columns:repeat(2,minmax(0,1fr));
}

.life-summary-main{
grid-column:1 / -1;
}

.life-unit-grid{
grid-template-columns:repeat(3,minmax(0,1fr));
}
}

@media(max-width:768px){
.life-result{
padding:12px;
}

.life-summary-grid{
grid-template-columns:1fr;
gap:10px;
}

.life-summary-card{
min-height:0;
padding:17px;
}

.life-summary-icon{
margin-bottom:12px;
}

.life-summary-value{
font-size:24px;
}

.life-summary-help{
margin-top:2px;
padding-top:8px;
}

.life-unit-grid{
grid-template-columns:repeat(2,minmax(0,1fr));
}

.life-unit-grid span:last-child{
grid-column:1 / -1;
}

.life-asset-grid{
grid-template-columns:1fr;
}
}