.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);
}

body .percent-card.card-1 .result-coffee.result-coffee{
background:#fbf1e6;
border:1px solid #f4d9b9;
color:#4a3524;
box-shadow:none;
padding:18px;
text-align:left;
}

body .percent-card.card-1 .result-coffee.result-coffee b{
color:#c96f05;
}

.age-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.age-summary-card{min-width:0;min-height:210px;display:flex;flex-direction:column;align-items:flex-start;padding:20px;border:1px solid;border-radius:16px;overflow-wrap:anywhere}
.age-summary-main{background:#0f766e;border-color:#0f766e;color:#fff}
.age-summary-days{background:#ecf8f5;border-color:#b7ddd4;color:#115e59}
.age-summary-birthday{background:#fff7e8;border-color:#efcf98;color:#854d0e}
.age-summary-icon{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;margin-bottom:16px;border:1px solid currentColor;border-radius:12px}
.age-summary-icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.age-summary-label{font-size:1.08rem;line-height:1.45;font-weight:800}
.age-summary-value,.age-summary-date{display:block;margin-top:8px;font-size:2rem;line-height:1.3;font-weight:900;letter-spacing:0}
.age-summary-date{font-size:1.48rem}
.age-summary-note{display:block;margin-top:auto;padding-top:12px;font-size:.98rem;line-height:1.55;font-weight:500;opacity:.86}
.age-detail-panel{margin-top:16px;padding:18px 20px;background:#fff;border:1px solid #ead9c9;border-radius:16px}
.age-detail-panel h4{margin:0 0 14px;color:#4a3524;font-size:1.08rem;line-height:1.5;font-weight:800}
.age-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.age-detail-item{min-width:0;padding:12px 14px;background:#faf7f3;border:1px solid #eee3d9;border-radius:12px}
.age-detail-item span{display:block;margin-bottom:4px;color:#715747;font-size:.94rem;line-height:1.4;font-weight:600}
.age-detail-item strong{display:block;color:#4a3524;font-size:1.25rem;line-height:1.4;font-weight:850;overflow-wrap:anywhere}

@media(max-width:820px){
.age-summary-grid{grid-template-columns:1fr}
.age-summary-card{min-height:0}
.age-summary-note{margin-top:0}
}

@media(max-width:560px){
body .percent-card.card-1 .result-coffee.result-coffee{padding:10px}
.age-summary-card{padding:17px}
.age-summary-value{font-size:1.8rem}
.age-summary-date{font-size:1.35rem}
.age-detail-panel{padding:16px 14px}
.age-detail-grid{grid-template-columns:1fr}
}