Toson sienna 25cm

:root{
–toson-accent:#F7B516; /* البرتقالي */
–toson-dark:#111; /* الأسود */
–toson-text:#111;
–radius:14px;
–border:2px;
}
.toson-table{
width:100%;
border-collapse:separate;
border-spacing:0;
font:500 16px/1.6 system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}
.toson-table tr{ }
.toson-table th,
.toson-table td{
padding:14px 16px;
vertical-align:top;
}
.toson-table th{
background:var(–toson-dark);
color:#fff;
width:260px; /* عرض عمود العنوان */
text-align:start;
white-space:nowrap;
}
.toson-table td{
background:var(–toson-accent);
color:var(–toson-text);
}
/* حدود وفواصل */
.toson-table tr:not(:last-child) th,
.toson-table tr:not(:last-child) td{
border-bottom: var(–border) solid var(–toson-dark);
}
.toson-table th{ border-right: var(–border) solid #fff0; }
/* كادر عام */
.toson-table-wrap{
border: var(–border) solid var(–toson-dark);
border-radius: var(–radius);
overflow:hidden;
box-shadow:0 2px 10px rgba(0,0,0,.04);
}

/* موبايل: كل صف يبقى كارد مستقل */
@media (max-width:680px){
.toson-table{ border-collapse:collapse; }
.toson-table thead{ display:none; }
.toson-table tr{
display:block;
border: var(–border) solid var(–toson-dark);
border-radius: var(–radius);
margin-bottom:12px;
overflow:hidden;
}
.toson-table th,
.toson-table td{
display:block;
width:100%;
border:0;
}
.toson-table th{ border-bottom: var(–border) solid var(–toson-dark); }
}